@charset "utf-8";











/*



 共通設定



------------------------------------------------------- */



body {



	background-image: url(img/header/bg.gif);



	background-repeat: repeat-x;



	background-position: top;



	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";



	margin: 0px;



	padding: 0px;



	width: 100%;



}



body#top {



	background-image: url(img/header/bg2.gif);



	background-repeat: repeat-x;



	background-position: top;



	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";



	margin: 0px;



	padding: 0px;



	width: 100%;



}







img {vertical-align:bottom;}











a:link {color: #000; text-decoration:underline;}



a:visited {color: #000; text-decoration:underline;}



a:hover {color: #000; text-decoration:none;}



a:active {color: #000; text-decoration:none;}



















.middle {



	vertical-align:middle;



	margin-right: 3px;



}



br.clear {



	clear: both;



}



.space {



	font-size: 1px;



	margin: 0;



	padding: 0;



	line-height: 5px;



}







/* h2 */



h2 {



	padding-bottom: 20px;



}







/* h3 */



h3 {



	margin-bottom: 10px;



}











/*



 コンテンツ



------------------------------------------------------- */



#contents {







}







.panlist {

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 10px;



}

.panlist a{



color:#333399;



}

.hisu {

	padding-left: 10px;

	font-size: 10px;

	color: #FF0000;

	font-weight: normal;

}

.hisu_error {

	font-size: 12px;

	color: #FF0000;

	font-weight: normal;

}





/*



 ヘッダ



------------------------------------------------------- */



/* エリア */



#header {



	width: 900px;



	margin-right: auto;



	margin-left: auto;



	height: 100px;



	background-image: url(img/header/header_bg.gif);



	background-repeat: no-repeat;



}







.headleft {



	float: left;



	width: 500px;



	height: 100px;



}



headright {



	float: right;



	width: 400px;



	height: 100px;



}







/* h1 */



.headleft h1 {



	font-weight:normal;



	font-size: 10px;



	line-height: 135%;



	margin-top: 10px;



	margin-bottom: 7px;



}







/* 画像 */



.headleft img {



	float: left;



}







/* メニュー */



.headmenu {



	float: right;



	margin-top: 15px;



}



.headmenu ul {



	height: 19px;



	border-right-width: 1px;



	border-right-style: dotted;



	border-right-color: #CCCCCC;







}



.headmenu li {



	font-size: 12px;



	background-image: url(img/icon/icon01.gif);



	background-repeat: no-repeat;



	float: left;



	padding-right: 10px;



	border-left-width: 1px;



	border-left-style: dotted;



	border-left-color: #CCCCCC;



	padding-left: 17px;



	background-position: 7px;



	height: 15px;



	padding-top: 4px;



}



.headmenu li a {



	color: #999;



	text-decoration:none;



}



.headmenu li a:hover {color: #999; text-decoration:underline;}











/* メニュー2 */



#right_menu {



	width: 270px;



	list-style-type: none;



	height: 24px;



	margin-right: auto;



	margin-left: auto;



	margin-bottom: 10px;



	float: right;



	margin-top: 30px;







}



#right_menu ul {



	width: 270px;



	list-style-type: none;



	padding: 0px;



	height: 24px;



}



#right_menu li {



	float: left;



	margin: 0px;



	padding: 0px;



	list-style-type: none;



	font-size: 9px;



	width: 90px;



}



#right_menu li a {



	display: block;



	overflow: hidden;



	width: 100%;



	height: 0 !important;



	height /**/:24px;



	padding-top: 24px;



	background-image: url(img/header/header_menu.gif);



	color: #FFFFFF;



	background-repeat: no-repeat;



}











#m01 a { background-position: 0px     0;}



#m02 a { background-position: -90px 0; }



#m03 a { background-position: -180px 0; }







#m01 a:hover { background-position:  0     -24px; }



#m02 a:hover { background-position: -90px -24px; }



#m03 a:hover { background-position: -180px -24px; }



















/*



 ブランディング



------------------------------------------------------- */



#blanding {



	height: 250px;



	margin-bottom: 10px;



	background-image: url(../_pages/index/img/main_bg.gif)!important;


}





/*



 下位ページメインタイトル



------------------------------------------------------- */



#main {



	width: 900px;



	margin-right: auto;



	margin-left: auto;



}





#main_title {



	height: 100px;



	margin-bottom: 10px;



	background-image: url(../_common/img/main_title/main_title_bg.gif);



}





/*



 メニュー



------------------------------------------------------- */



#navi {



	width: 900px;



	list-style-type: none;



	height: 50px;



	margin-right: auto;



	margin-left: auto;







}



#navi ul {



	width: 900px;



	list-style-type: none;



	padding: 0px;



	height: 50px;



}



#navi li {



	float: left;



	margin: 0px;



	padding: 0px;



	list-style-type: none;



	font-size: 9px;



	width: 150px;



}



#navi li a {



	display: block;



	overflow: hidden;



	width: 100%;



	height: 0 !important;



	height /**/:50px;



	padding-top: 50px;



	background-image: url(img/menu/menu.jpg);



	color: #FFFFFF;



	background-repeat: no-repeat;



}











#navi01 a { background-position: 0px     0;}



#navi02 a { background-position: -150px 0; }



#navi03 a { background-position: -300px 0; }



#navi04 a { background-position: -450px 0; }



#navi05 a { background-position: -600px 0; }



#navi06 a { background-position: -750px 0; }







#navi01 a:hover { background-position:  0     -49px; }



#navi02 a:hover { background-position: -150px -49px; }



#navi03 a:hover { background-position: -300px -49px; }



#navi04 a:hover { background-position: -450px -49px; }



#navi05 a:hover { background-position: -600px -49px; }



#navi06 a:hover { background-position: -750px -49px; }





/* アクティブ時 */

#navi01 a.active { background-position:  0     -50px; }



#navi02 a.active { background-position: -150px -50px; }



#navi03 a.active { background-position: -300px -50px; }



#navi04 a.active { background-position: -450px -50px; }



#navi05 a.active { background-position: -600px -50px; }



#navi06 a.active { background-position: -750px -50px; }







/*



 section



------------------------------------------------------- */



/* 左右 */



#section {



	width: 900px;



	margin-right: auto;



	margin-left: auto;



	clear: both;



}



#section ul {



	list-style-type: none;



	clear: both;



}



#section li {



	list-style-type: none;



}



#section li.left {



	float: left;



	width: 640px;



	margin-right: 10px;



}



#section li.right {



	float: right;



	width: 250px;



}



#section li.contents_left {



	float: left;



	width: 700px;



	margin-right: 30px;



}



#section li.contents_right {



	float: right;



	width: 250px;



}







/*



 メインコンテンツ



------------------------------------------------------- */







/* 左右 */



#contents .left {



	float:left;



	width:240px;



	padding-top: 360px;



}



#contents .right {float:right; width:650px;}









/* アイコン付きタイトル */



.title_sub {



	width: 640px;

	

	height: 30px;

	

	font-weight:bold;

	

	line-height:250%;



	background-image: url(img/icon/icon02.gif);



	background-repeat: no-repeat;



	padding-left: 13px;



	background-position: 1px;

	

	margin-top:10px;

}



/* Box */



.box {



	width: 636px;

	

	border: solid 2px #e3e5e8;

	

}

.inner_box {



	width: 634px;



	border: solid 1px #ffffff;

	

	background-color:#f0f2f5;



}



.inner_box p{



	line-height:250%;

	

	background-image: url(img/icon/icon05.gif);



	background-repeat: no-repeat;



	padding-left: 13px;



	background-position: 1px;

	

	margin-left:10px;

}



.inner_box p.remarks{



	background-image: none;

	

	padding-left: 10px;

	

	line-height:150%;

}



.inner_box .box_left{



	width:317px;



	float:left;

	

	margin-bottom:10px;



}



.inner_box img{



	float:left;

	

	margin-top:10px;

	

	margin-bottom:10px;

	

}



.inner_box img.img_left{



	margin-left:10px;

}



/* Pager */



#page{



	margin-top:10px;

	margin-bottom:10px;



	height: 30px;

	

	width: 640px;

	

	text-align:right;



	font-size: 1.2em;

	

	line-height:130%;

	

	margin-top:10px;



	margin-bottom: 25px;



}



#page a{



color:#333399;



}





/* subメニュー */



#sub_menu{



	border:solid 1px #cccccc; 

	

	width:248px;

	

	line-height:250%;



	font-size: 1.2em;

	

	margin-bottom:10px;	



}



#sub_menu p{



	background-image: url(img/icon/icon04.gif);



	background-repeat: no-repeat;



	padding-left: 13px;



	background-position: 1px;

	

	margin-left:10px;

}



#sub_menu a{



color:#333399;



}

















/* sideバナー */



.bn {



	margin-bottom: 10px;



	line-height: 135%;



	color: #000000;



	font-size: 11px;



}



.bn a {color: #000000; text-decoration:none;}



.bn a:hover {color: #000000; text-decoration:underline;}















/* blog */



.blog {



	background-color: #eaeaea;



	margin-bottom: 10px;



	padding: 10px;



	font-size: 12px;



}



.blog dl {



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #CCCCCC;



	margin-bottom: 7px;



	padding-bottom: 7px;



}



.blog dt {



	color: #006633;



	padding-bottom: 5px;



}



.blog dd {}



















/*



 フッターバナー



------------------------------------------------------- */



#bottom_bn {



	width: 979px;



	margin-right: auto;



	margin-left: auto;



	margin-top: 20px;



	margin-bottom: 20px;



	border-right-width: 1px;



	border-right-style: solid;



	border-right-color: #CCCCCC;



	clear: both;



}



#bottom_bn dl {



	width: 285px;



	border-left-width: 1px;



	border-left-style: solid;



	border-left-color: #CCCCCC;



	padding-right: 20px;



	padding-left: 20px;



	padding-bottom: 15px;



	float: left;



}



#bottom_bn dt {



	width: 190px;



	margin-right: auto;



	margin-left: auto;



	padding-bottom: 10px;



}



#bottom_bn dd {



	color: #999999;



	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";



	font-size: 10px;



	line-height: 135%;



	text-align: center;



}







/*



 フッタ



------------------------------------------------------- */



/* エリア */



#footer {



	height: 78px;



	margin-top: 30px;



	background-image: url(img/footer/bg.gif);



	background-repeat: repeat-x;



	color: #fff;



}



#footer_con {



	text-align:left;



	letter-spacing: 1px;



	width: 900px;



	margin-right: auto;



	margin-left: auto;



	background-image: url(img/footer/logo.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 60px;



	padding-top: 15px;



}











/* メニュー */



.footermenu {



}



.footermenu ul {



	height: 13px;



	border-right-width: 1px;



	border-right-style: dotted;



	border-right-color: #CCCCCC;



	width: 500px;







}



.footermenu li {



	background-image: url(img/icon/icon03.gif);



	background-repeat: no-repeat;



	float: left;



	padding-right: 10px;



	border-left-width: 1px;



	border-left-style: dotted;



	border-left-color: #CCCCCC;



	padding-left: 20px;



	background-position: 10px;



	padding-top: 3px;



	height: 12px;



}



.footermenu li a {



	color: #CCCCCC;



	text-decoration:none;



}



.footermenu li a:hover {color: #CCCCCC; text-decoration:underline;}







.copy {



	padding-top: 25px;



	text-align: center;



}







.pagetop {



	border-top-width: 1px;



	border-top-style: dotted;



	border-top-color: #CCCCCC;



	padding-top: 25px;



	margin-top: 10px;



	text-align: right;



	background-image: url(img/icon/icon_top.gif);



	background-repeat: no-repeat;



	background-position: 555px 25px;



	padding-bottom: 10px;



}











/*



 フロートリンク



------------------------------------------------------- */



#floater {



	position:absolute;



	right:0px;



	top:50%;



}

