@import "basic_set.css";
@charset "utf-8";

/*テンプレート定義*/
a:link{
	color:#4B699B;
	text-decoration:none;
}
a:visited{
	color:#4B699B;
	text-decoration:none;
}
a:hover{
	color:#ffd461;
	text-decoration:underline;

}
p{
	margin-bottom:10px;
	padding:10px;
}
a img{
	border:none;
}


/*ブロック定義　横パディング禁止*/

body{
	width:100%;
	background:url(../ui/bg.png) top center #fff repeat-x;
	text-align:center;
	line-height:140%;
	font-size:13px;
	color:#444;
}

#header{
	width:765px;
	margin:0px auto 0px auto;
	text-align:left;
	color:#666;
	background:url(../ui/line.png) no-repeat bottom;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:3;
}
* html #header{
	width:885px;
	padding:0px 70px 0px 70px;
}
#pi{
	width:765px;
	margin:0px auto 0px auto;
	text-align:left;
	color:#666;
	padding:0px 70px 10px 70px;
	background:url(../ui/line.png) no-repeat bottom;
	position:relative;
}
* html #pi{
	width:940px;
	margin-bottom:40px;
	background:none;
}

#navi{
	width:765px;
	margin:0px auto 0px auto;
	padding:0px 85px 0px 85px;
	position:relative;
	background:url(../ui/navi_bg.png) no-repeat;
	z-index:2;
}
* html #navi{
	width:920px;
	margin:0px 0px 20px 0px;
}
#navi:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;

}
#navi{
	display:inline-block;
}
#navi{
	display:block;
}
#navi li{
	float:left;
	display:inline;
	list-style-position:outside;
	margin-top:15px;
	margin-bottom:15px;
}
#wrap{
	width:765px;
	padding:0px 0px 0px 0px;
	margin:0px auto 10px auto;
	text-align:left;
	position:relative;
	min-height:500px;
}
* html #wrap{
	width:905px;
	padding:0px 70px 0px 70px;
	margin-top:-20px;
	height:500px;
}

#wrap:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;

}
#wrap{
	display:inline-block;
}
#wrap{
	display:block;
}

#footer{
	width:940px;
	height:72px;
	margin:0px auto;
	text-align:center;
	background:url(../ui/footer_bg.jpg) no-repeat 50% 0% ;
	padding-top:15px;
	color:#fff;
}

#footer a{
	color :#fff;
	font-size:12px;
}
#footer a:visited{
	color :#fff;
	font-size:12px;
}
#footer a:hover{
	color :#fa0;
	font-size:12px;
}

* html #footer {
	height:130px;
}
/* ヘッダーレイアウト */
#header h1{
	font-size:12px;
}
#header #logo{
	margin-top:10px;
}
#header ul#contact{
	position:absolute;
	right:0px;
	top:0px;
	list-style:none;
}
* html #header ul#contact{
	right:60px;
}
/*フッターレイアウト*/
#footer ul{
	width:765px;
	margin:0px auto;
	list-style:none;
	list-style-position:outside;
	text-align:left;
	padding:0px;
}
* html #footer ul{
	margin:0px;
}
#footer ul:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;

}
#footer ul{
	display:inline-block;
	list-style-position:outside;
}
#footer ul{
	display:block;
}

#footer ul.footer_navi li{ 
	background:url(../ui/linkheader_a.gif) 0% 50% no-repeat;
	padding-left:10px;
	margin-left:15px;
	float:left;
	display:inline;
}
#footer ul.footer_navi li a{
	color:#fff;
} 


#footer ul.footer_subnavi {
	margin-top:30px;
}
#footer ul.footer_subnavi li{
	background : url(/ui/linkheader_b.gif) 0% 50% no-repeat;
	padding-left:10px;
	margin-left:15px;
	float:left;
}
#footer ul.footer_subnavi li.num{
	background : none;
	padding-left:10px;
	margin-left:15px;
	float:right;
}

/*パーツ*/

/*サブページ用コンテンツボックス*/
#contents {
	background:url(../ui/contents_body.png) repeat-y left center;
	width:600px;
	margin:0px 0px 0px 190px;
	padding:0px;
}

* html #contents {
	margin:5px 0px 0px 190px;
}

#contents h1{
	padding:20px 20px 5px 25px;
	position:relative;
	top:-15px;
	background:url(../ui/contents_head.png) no-repeat left top;
	font-size:16px;
}
#contents #contents_body{
	padding:5px 20px 5px 20px;
	min-height:300px;
}
* html #contents #contents_body{
	height:300px;
}
#contents #contents_footer{
	background:url(../ui/contents_foot.png) no-repeat left bottom;
	position:relative;
	bottom:-15px;
	padding:5px 20px 25px 20px;
}

*html #contents #contents_footer{
	bottom:-14px;
}
#wrap{
	margin-top:30px;
	position:relative;
}
* html #wrap{
	margin-top:30px;

}
#wrap h2{
 	background:url(../ui/h2_underborder.png) repeat-x left bottom;
 	padding-bottom:5px;
 	margin-bottom:20px;
 	font-size:24px;
}

#wrap h3{
	margin-left:20px;
	margin-bottom:15px;
	border-left:5px solid #4B699B;
	padding-left:10px;
	font-size:18px;
}
#wrap p.h3p{
	margin-left:30px;
	margin-top:0px;
	padding-top:0px;
}
#wrap h4{
	margin-left:40px;
	margin-bottom:5px;
	border-bottom:1px solid #cBd9fB;
	font-size:14px;
	padding-left:5px;
}
#wrap p.h4p{
	margin-left:40px;
	margin-top:0px;
}

#wrap h5{
	margin-left:40px;
}
#contents a{
	color:#2077bb;
}
#contents a:hover{
	color:#bb7720;
}

#contents p{
}
/*サイドナビ*/
#sidenavi{
	position:absolute;
	left:60px;
	list-style:none;
	top:-30px;
}
#sidenavi li.pngfix{
	background:url(../ui/sidenavi_border.png) no-repeat bottom left;
}
#sidenavi li.pngfix a{
	display:block;
	width:170px;
	height:48px;
	padding:5px 5px 0px 25px ;
	background:url(../ui/sidenavi_bg.png) no-repeat bottom left;
	color:#666;
}
* html #sidenavi li.pngfix a{
	width:200px;
	height:52px;
}
#sidenavi li.pngfix a:hover{
	background:url(../ui/sidenavi_bgon.png) no-repeat bottom left;
	text-decoration:none;
	color:#ffd461;
}

#sidenavi li.subcontents{
	padding:10px 0px 0px 20px;

}
#sidenavi li.subcontents a{
	background:url(../ui/linkhead_pan.png) no-repeat center left;
	padding:0px 0px 0px 10px;
}
#sidenavi li.subcontents a:hover{
	background:url(../ui/linkhead_pan_on.png) no-repeat center left;
}

#pan{
	position:absolute;
	top:-20px;
	left:0px;
	margin:0px;
	padding:0px;
	font-size:10px;
}
* html #pan{
	top:-20px;
	left:70px;
}
#pan li{
	float:left;
	display:inline;
	margin-right:10px;
	color:#666;
}

#pan li.back_home{
	background:url(../ui/home_curs.png) left center no-repeat;
	padding-left:10px;
}
#copy{
	width:800px;
	text-align:center;
	position:relative;
	top:-15px;
	margin:0px auto;
}
#copy address{
	color:#666;
	font-style:none;
	float:left;
	text-align:left;
}
.fixeight {
	float:right;
	color:#666;
}