@charset "Shift_JIS";

@import "base.css";
/* 下層ページスタイル
---------------------------------------------*/

/* コンテンツ部
---------------------------------------------------- */
#subNav {
	float: left;
	width: 160px;
	height:210px;
}
#subNavLine {
	width:610px !important;
	width /**/:770px;
	padding-left:160px;
	float: left;
	background: url(../images/bg_02.gif) repeat;
	vertical-align: bottom;
}
#mainContents {
	float: left;
	width: 610px;
	padding-left: 1px;
	background:#fff;
}

/* 本文のレイアウト
---------------------------------------------*/
#mainContents h2 {
	clear:both;
	color: #fff;
	background: url(../images/title_bg.gif) left top repeat-x;
}
#mainContents h3 {
	clear:both;
	padding-left:0.2em;
	vertical-align: text-bottom;
	border-left:#006 solid 6px;
}
#mainContents h4 {
	margin-top:0.5em;
	clear:both;
	color:#006;
	font-weight:bold;
	font-size:110%;
}
#mainContents .cent {
	text-align:center;
}
#mainContents .section {
	margin: 16px 18px 0 18px;
	border-bottom: 1px solid #ccc;
}
#mainContents .section p {
	margin: 10px 0;
}
#mainContents .section p.sub {
	border-bottom: 1px  dashed #ccc;
	padding-bottom:1em;
	clear:both;
}
.clearfloat{
	clear:both;
}
#mainContents .section .link {
	background: url(../images/arrow.gif) left center no-repeat;
	padding-left: 14px;
}
#mainContents img.site{
	clear:both;
	border:#000066 solid 1px;
	margin-right: 5px;
	float:left;
}
#mainContents .section ul {
	margin:0.8em 0 0.8em 1em;
	list-style-position: outside;
}
#mainContents .section ul li{
	margin:0.8em 0 0.8em 1em;
	list-style-image:url(../images/marker.gif);
}
#mainContents .section ul li ul{
	margin:0.8em 0 0.8em 1em;
	list-style-position: outside;
}

#mainContents .section ul.circle li{
	margin:0.8em 0 0.8em 1em;
	list-style-type:circle;
}
/* 囲み枠
---------------------------------------------*/
#mainContents .section .container{
	width:450px;
	background: url(../images/container_top.jpg) left top no-repeat;
	margin: 0 auto;
}
#mainContents .section .containerHead{
	padding:60px 15px 0 5px;
	margin:0 20px 0 15px;
}
#mainContents .section .containerCont{
	background: url(../images/container_bottom.jpg) left bottom no-repeat;
	padding:5px 15px 20px 15px;
	text-align:center;
}
#mainContents .section .box{
	width:100%;
	background: url(../images/box_top.gif) left top no-repeat;
	margin-bottom:0;
	overflow:auto;
}
#mainContents .section .boxHead{
	padding:20px 15px 0 5px;
	margin-left:15px;
}
#mainContents .section .boxCont{
	height:auto;
	background: url(../images/box_bottom.gif) left bottom no-repeat;
	padding:5px 15px 20px 15px;
}
#mainContents .section .boxCont h4{
	margin-right:15px;
		float:left;
}

/* テーブル
---------------------------------------------------- */
#mainContents .tableP {
	border-collapse: collapse;
	border: #669 solid 1px;
	margin: 1em auto 1em auto;
	width: 100%;
}
#mainContents .tableP td,th {
	padding: 3px; 
	border: #669 solid 1px; 
}
#mainContents .tableP .row0 {
	padding: 3px; 
	border: #669 solid 1px; 
}
#mainContents .tableP .row1 {
	color: #fff;
	background-color: #006;
}
#mainContents .tableP .row2 {
	background-color: #EEF2FD;
}
#mainContents .tableP .row3 {
	background-color: #EEF2FD;
	text-align:right;
}
/* サブナビゲーション部
---------------------------------------------------- */
#subNav {
	width: 160px;
	list-style-type: none;
}
#subNav li {
	width: 160px;
	height: 35px;
	text-indent:-9999px;
}
#subNav li a {
	text-decoration:none;
  	display: block;
  	width: 160px;
	height:35px;
}

/*  背景画像の位置
---------------------------------------------*/
	/*  WEB DESIGN */
	/* 通常 */
	#subNav01 { background: url(../images/web_design/subNav_web.jpg) no-repeat 0 0; }
	#subNav02 { background: url(../images/web_design/subNav_web.jpg) no-repeat 0 -35px; }
	#subNav03 { background: url(../images/web_design/subNav_web.jpg) no-repeat 0 -70px; }
	#subNav04 { background: url(../images/web_design/subNav_web.jpg) no-repeat 0 -105px; }
	#subNav05 { background: url(../images/web_design/subNav_web.jpg) no-repeat 0 -140px; }
	#subNav06 { background: url(../images/web_design/subNav_web.jpg) no-repeat 0 -175px; }
	
	/* 現在位置 */
	#subNav01 a.stay { background: url(../images/web_design/subNav_web.jpg) no-repeat -320px  0; }
	#subNav02 a.stay { background: url(../images/web_design/subNav_web.jpg) no-repeat -320px -35px; }
	#subNav03 a.stay { background: url(../images/web_design/subNav_web.jpg) no-repeat -320px -70px; }
	#subNav04 a.stay { background: url(../images/web_design/subNav_web.jpg) no-repeat -320px -105px; }
	#subNav05 a.stay { background: url(../images/web_design/subNav_web.jpg) no-repeat -320px -140px; }
	#subNav06 a.stay { background: url(../images/web_design/subNav_web.jpg) no-repeat -320px -175px; }

	/* オンマウス */
	#subNav01 a:hover { background: url(../images/web_design/subNav_web.jpg) no-repeat -160px 0; }
	#subNav02 a:hover { background: url(../images/web_design/subNav_web.jpg) no-repeat -160px -35px; }
	#subNav03 a:hover { background: url(../images/web_design/subNav_web.jpg) no-repeat -160px -70px; }
	#subNav04 a:hover { background: url(../images/web_design/subNav_web.jpg) no-repeat -160px -105px; }
	#subNav05 a:hover { background: url(../images/web_design/subNav_web.jpg) no-repeat -160px -140px; }
	#subNav06 a:hover { background: url(../images/web_design/subNav_web.jpg) no-repeat -160px -175px; }
	
	/*  SEO */
	/* 通常 */
	#subNav11 { background: url(../images/seo/subNav_seo.jpg) no-repeat 0 0; }
	#subNav12 { background: url(../images/seo/subNav_seo.jpg) no-repeat 0 -35px; }
	#subNav13 { background: url(../images/seo/subNav_seo.jpg) no-repeat 0 -70px; }
	#subNav14 { background: url(../images/seo/subNav_seo.jpg) no-repeat 0 -105px; }
	#subNav15 { background: url(../images/seo/subNav_seo.jpg) no-repeat 0 -140px; }
	#subNav16 { background: url(../images/seo/subNav_seo.jpg) no-repeat 0 -175px; }
	
	/* 現在位置 */
	#subNav11 a.stay { background: url(../images/seo/subNav_seo.jpg) no-repeat -320px  0; }
	#subNav12 a.stay { background: url(../images/seo/subNav_seo.jpg) no-repeat -320px -35px; }
	#subNav13 a.stay { background: url(../images/seo/subNav_seo.jpg) no-repeat -320px -70px; }
	#subNav14 a.stay { background: url(../images/seo/subNav_seo.jpg) no-repeat -320px -105px; }
	#subNav15 a.stay { background: url(../images/seo/subNav_seo.jpg) no-repeat -320px -140px; }
	#subNav16 a.stay { background: url(../images/seo/subNav_seo.jpg) no-repeat -320px -175px; }

	/* オンマウス */
	#subNav11 a:hover { background: url(../images/seo/subNav_seo.jpg) no-repeat -160px 0; }
	#subNav12 a:hover { background: url(../images/seo/subNav_seo.jpg) no-repeat -160px -35px; }
	#subNav13 a:hover { background: url(../images/seo/subNav_seo.jpg) no-repeat -160px -70px; }
	#subNav14 a:hover { background: url(../images/seo/subNav_seo.jpg) no-repeat -160px -105px; }
	#subNav15 a:hover { background: url(../images/seo/subNav_seo.jpg) no-repeat -160px -140px; }
	#subNav16 a:hover { background: url(../images/seo/subNav_seo.jpg) no-repeat -160px -175px; }

/*  文字修飾
---------------------------------------------*/
.kyocho {
	color: #00C;
	font-weight:bolder;
	font-size:130%;
	border:solid 2px #00C;
}