/* ----------------------------------------------------------
 * URL : http://www.nlp.co.jp/ 
 *(c) Genius Brain Co., Ltd.  All Rights Reserved.
---------------------------------------------------------- */

@import url(default.css);

/* base Layout 
================================*/
body{
	background:url(images/main_bg.jpg) 0 0 repeat-x;
	text-align:center;
}
#wrapper{
	margin:0 auto;
	padding:0;
	width:99%;
}
#header{
	width:800px;
	height:70px;
	margin:5px auto;
	text-align:left;
}
#gnavi{
	clear:both;
	width:800px;
	margin:0 auto;
}

#contents{
	width:808px;
	margin:0 auto;
	padding:0 0 25px 0;
	background:url(images/contents_bg_bottom.gif) left bottom no-repeat;
}
#contentsBox{
	width:808px;
	padding:2px 0 0 0;
	background:url(images/contents_bg_top.gif) left top no-repeat;
}
#contentsInner{
	width:808px;
	padding:0 13px 0 10px;
	height:auto;
	text-align:left;
	background:url(images/contents_bg_center.gif) 0 0 repeat-y;
	overflow:hidden
}

#sideMenu{
	float:left;
	width:186px;
	height:auto;
}
#mainContents{
	float:right;
	width:580px;
	height:auto;
}
#pageContents{
	clear:both;
	width:780px;
	height:auto;
}
#pankuzu{
	padding:10px 5px 0 10px;
}

#footer{
	clear:both;
	height:1.5em;;
	margin-top:20px;
	padding:10px;
	background:url(images/footer_bg.gif) repeat-x;
	font-size:85%;
	text-align:left;
}
#contents:after,
#contentsBox:after,
#contentsInner:after,
mainContents:after,
#sideMenu:after,
#footer:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/* head 
================================*/
h1{
	display:block;
	width:100%;
	margin:0;
	padding-top:2px;
	padding-left:20px;
	background:url(images/footer_bg.gif) repeat-x;
	text-align:left;
	font:10px/1.5 "ＭＳ ゴシック", "Osaka－等幅", "Osaka-Mono", monospace;
}
#header #logo{
	float:left;
}
#header #logo a{
	display:block;
	width:320px;
	height:68px;
	margin:0;
	background:url(images/logo.gif) no-repeat 3px 8px;
	text-indent:-9999px;
}
#header #banner{
	float:right;
	width:460px;
	margin:0;
	padding-top:5px;
	text-align:left;
	vertical-align:middle;
}

/* gnavi 
================================*/
#gnavi ul#navi{
	position:relative;
	margin:0 auto;
	width:700px;
	height:40px;
	background:url(images/gnavi.jpg) no-repeat;	
}
#gnavi ul#navi li{
	display:inline;
	list-style:none;
}
#gnavi ul#navi a{
	display:block;
	float:left;
	width:140px;
	height:40px;
	text-indent:-9999px;
	text-decoration:none;
}
#gnavi ul#navi li#navi01 a{background:url(images/gnavi.jpg) no-repeat 0 0;}
#gnavi ul#navi li#navi02 a{background:url(images/gnavi.jpg) no-repeat -140px 0;}
#gnavi ul#navi li#navi03 a{background:url(images/gnavi.jpg) no-repeat -280px 0;}
#gnavi ul#navi li#navi04 a{background:url(images/gnavi.jpg) no-repeat -420px 0;}
#gnavi ul#navi li#navi05 a{background:url(images/gnavi.jpg) no-repeat -560px 0;}


#gnavi ul#navi li#navi01 a:hover{background-position:0 -40px}
#gnavi ul#navi li#navi02 a:hover{background-position:-140px -40px}
#gnavi ul#navi li#navi03 a:hover{background-position:-280px -40px}
#gnavi ul#navi li#navi04 a:hover{background-position:-420px -40px}
#gnavi ul#navi li#navi05 a:hover{background-position:-560px -40px}

/* index 
================================*/
#PR{
	width:780px;
	height:227px;
}
#flash{
	float:left;
	width:563px;
	height:227px;
	padding:7px 0 0 3px;
}
#info{
	float:right;
	width:210px;
	height:227px;
	border-bottom:#CCCCCC solid 1px;
	background:url(images/info_bg.gif) 0 0 repeat-y;
}
#info h2{
	height:39px;
	background:url(images/info_title.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#infoBox{
	overflow-y:scroll;
	margin:3px 5px;
	width:200px;
	height:180px;
}
#info ul{
	width:auto;
	margin:3px 3px 3px 5px;
}
#info ul li{
	font-size:12px;
	margin-top:6px;
	padding:0 0 0 10px;
	line-height:150%;
	border-bottom:#CCCCCC dotted 1px;
	background:url(images/icon_org.gif)  0 5px no-repeat;
}
#indexBox{
	clear:both;
	width:780px;
	height:auto;
}
h3.catch{
	color:#0066CC;
	font-weight:bold;
	font-size:100%;
}
ul.news{
	width:auto;
	margin:3px 3px 3px 10px;
}
ul.news li{
	font-size:12px;
	margin-top:6px;
	padding:0 0 0 10px;
	line-height:150%;
	border-bottom:#CCCCCC dotted 1px;
	background:url(images/icon_org.gif)  0 5px no-repeat;
}
/* side Menu 
================================*/
#sideMenu h2{
	margin:5px;
	padding:3px 5px;
	background-color:#CCCCFF;
	color:#003366;
	font-weight:bold;
	border:#EEE solid 3px;
}

/* common 
================================*/
p{
	margin:10px;
	line-height:150%;
}
table td{
	vertical-align:top;
	font-size:93%;
}
.kadomaru{
	width:186px;
	margin-top:10px;
	padding:0 0 10px 0;
	background:url(images/kadomaru_bottom.gif)  bottom no-repeat;
}
.kadomaruBox{
	padding:5px 0 0 0;
	background:url(images/kadomaru_top.gif) top no-repeat;
}
.kadomaruInner{
	padding:0 5px;
	background:url(images/kadomaru_bg.gif) 0 0 repeat-y;
}
.kadomaruBig{
	width:277px;
	margin-top:10px;
	padding:0 0 13px 0;
	background:url(images/kadomaru_bottom_big.gif)  bottom no-repeat;
}
.kadomaruBoxBig{
	padding:9px 0 0 0;
	background:url(images/kadomaru_top_big.gif) top no-repeat;
}
.kadomaruInnerBig{
	padding:0 5px;
	background:url(images/kadomaru_bg_big.gif) 0 0 repeat-y;
}
ul.menu{
	margin:0 5px;
}
ul.menu li{
	padding:3px 0 3px 10px;
	background:url(images/icon_menu.gif) 0 4px no-repeat;
	font-size:93%;
	line-height:150%;
	border-bottom:#CCCCCC dotted 1px;
}
ul.menu li.end{
	padding:3px 0 3px 10px;
	background:url(images/icon_menu_end.gif) 0 4px no-repeat;
	font-size:93%;
	line-height:150%;
	border-bottom:none;
}
.contentsItem p{
	margin:10px;
	line-height:150%;
}
.kadomaruInner p{
	margin:0;
	padding:10px 10px 0 10px;
	line-height:150%;
	font-size:93%;
}
.center{text-align:center}
.right{text-align:right}
ul.link{
	width:auto;
	margin:0 5px;
	padding:0 0 5px 0;
	text-align:right;
}
ul.link li{
	display:inline;
	font-size:12px;
	margin:0;
	padding:0 0 0 10px;
	line-height:150%;
	background:url(images/icon_org.gif)  0 5px no-repeat;
	text-align:right;
}
#footer #left{
	float:left;
	width:450px;
}
#footer ul li{
	display:inline;
	font-size:85%;
}
#footer ul li span{
	padding-left:3px;
	color:#ccc;
}
#footer ul li a:link,
#footer ul li a:visited{
	color:#666666;
	text-decoration:none;
}
#footer ul li a:hover,
#footer ul li a:active{
	color:#FF0000;
	text-decoration:none;
}
#footer #right{
	float:right;
	width:300px;
}
#copyright{
	text-align:right;
}
div.pagetitle{
	padding:0 0 10px 0;
	width:580px;
	background:url(images/pagetitle_bottom.jpg) bottom no-repeat;
}
div.pagetitle h2{
	padding:18px 13px 5px 28px;
	background:url(images/pagetitle_top.jpg) top no-repeat;
	font-size:16px;
	font-weight:bold;
	line-height:130%;
}
h2.catTitle{
	margin:20px 5px 3px 5px;
	padding:3px 10px 3px 10px;
	border-left:#0099CC solid 7px;
	border-bottom:#0099CC solid 1px;
	font-weight:bold;
}
h2.catTitle a:link,
h2.catTitle a:visited{
	color:#333333;
	text-decoration:none;
}
h2.catTitle a:hover,
h2.catTitle a:active{
	color:#FF0000;
	text-decoration:none;
}
.box{
	margin:5px;
	padding:8px;
	border:#CCCCCC solid 5px;
	background-color:#FFFFCC;
	line-height:150%;
}
ul.check{
	margin:5px 20px;
}
ul.check li{
	list-style:none;
	height:30px;
	background:url(images/icon_check.gif) 0 0 no-repeat;
	padding:0 0 0 30px;
	font-weight:bold;
	text-align:left;
}
.box ul{
	margin:5px 10px;
}
.box ul li{
	list-style:none;
	height:20px;
	background:url(images/icon_dot.gif) 0 3px no-repeat;
	padding:0 0 0 15px;
	text-align:left;
}
span.link{
	background:url(images/icon_next.gif) 0 3px no-repeat;
	padding:0 0 0 15px;
}
form th{
	padding:5px;
	border-left:#0099CC solid 4px;
	text-align:left;
	vertical-align:top;
}
form td{
	padding:5px;
	text-align:left;
}
.lineBg{
	background:url(images/line_bg.gif) bottom repeat-x;
}
ol.privacy{
	padding-left:20px;
}
ol.privacy li{
	list-style:decimal;
	list-style-position: inside;
	line-height:150%;
}
h3.searchTitle{
	margin:12px 0 0 10px;
	padding:3px 10px 3px 8px;
	font-weight:bold;
	border-left:#CCC solid 5px;
}
p.searchBox{
	background:#EEE url(images/img_search.gif) 5px 2px no-repeat;
	padding:5px 5px 5px 35px;
	border:#FFFFFF solid 1px;
	font-weight:bold;
	color:#003366;
}
/* margin 
================================*/
.sideItem{
	margin-top:10px;
}
.contentsItem{
	margin-top:10px;
}
.mLeft3{
	margin-left:3px;
}
.mTop5{
	margin-top:5px;
}
.mTop10{
	margin-top:10px;
}
.mTop20{
	margin-top:20px;
}
.mTop3{
	margin-top:3px;
}

/* padding 
================================*/
.pd10{padding:10px;}
.pdTop20{padding-top:20px;}

/* color
================================*/
.red{color:#FF0000}
.blue{color:#003399}
.org{color:#FF3300}
.gry{color:#CCCCCC}
a.text{text-decoration:none;}

/* font 
================================*/
.larger{font-size:larger}



/* 100414追加
================================*/

.group p{
	margin-left:20px;
	margin-right:20px;

}