/* CSS Document */

/*###############################################################*/
/*共通項目*/
/*###############################################################*/
/*----------------------------------------------------------
    共通div 
-----------------------------------------------------------*/
img{
	border:none;
}
div.clear{
	clear:both;
}
/*###############################################################*/
/*BOX設定*/
/*###############################################################*/

/*----------------------------------------------------------
    HTML BODY WRAPPER(FOOTERを最下部に)
-----------------------------------------------------------*/
*{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.5em;
	color:#333333;
	margin:0;
	padding:0;
}
html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

div#wrapper{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*###############################################################*/
/*HEADER設定*/
/*###############################################################*/
div#header{
	height:100px;
	margin:0;
	padding:0;
	border-bottom:solid 1px #999999;
	background:#FFFFFF;
	position:relative;
}
/*h1ロゴ*/
div#header h1{
	height:60px;
	margin:0;
	padding:0;
	border-bottom:solid 1px #999999;
	background:#FFFFFF;
}
/*電話番号*/
div#telnmb{
	height:60px;
	margin:0;
	padding:0;
	position:absolute;
	left:400px;
	top:0px;
}

/*お問い合わせボタン*/
div#btncontact{
	width:140px;	
	height:30px;
	position:absolute;
	left:800px;
	top:20px;
}
/*ヘッダーメニュー*/
div#header div.headermenu_box{
	width:950px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../images/common/headermenu__bg.gif) repeat-x;
}
ul#headermenu{
	width:950px;
	list-style-type:none;
}
ul#headermenu li{
	width:190px;
	height:40px;
	display:block;
	list-style-type:none;
	float:left;
}
/*###############################################################*/
/*CONTENTS設定*/
/*###############################################################*/
div#contents{
	padding-bottom: 180px;/* must be same height as the footer */
}
/*###############################################################*/
/*CONTENTS_LEFT設定*/
/*###############################################################*/
div#contents_left{
	width:190px;
	margin:0;
	float:left;
}
/*レフトメニューボーダーボックス*/
div.leftbox{
	border-bottom:1px #999999 solid;
}
div.leftbox img.pbtyousei{
	padding:10px 0 10px 0;
}

/*レフトメニュー*/
ul.leftmenu{
	width:190px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.leftmenu li{
	width:190px;
	height:40px;
	border-bottom:solid 1px #999999;
	display:block;
	list-style-type:none;
}
ul.leftmenu li.leftmenulast{
	width:190px;
	height:40px;
	border-bottom:none;
	display:block;
	list-style-type:none;
}
/*レフトメニュー02*/
ul.leftmenu02{
	width:190px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.leftmenu02 li{
	width:190px;
	height:30px;
	display:block;
	list-style-type:none;
}
ul.leftmenu02 li a{
	width:165px;
	height:30px;
	margin:0 0 0 5px;
	padding:0 0 0 20px;
	display:block;
	background:url(../images/common/icon_leftmenu02li_off.gif) no-repeat;
	text-decoration:none;
}
ul.leftmenu02 li a:hover{
	background:url(../images/common/icon_leftmenu02li_over.gif) no-repeat;
	text-decoration:none;
}
/*レフトメニュー02がメイン階層になった場合*/
div.leftbox img.pbtyouseitop{
	padding:0 0 10px 0;
}
ul.leftmenu02top{
	width:190px;
	margin:0;
	padding:0;
	list-style-type:none;
	border-bottom:5px solid #999999;
}
ul.leftmenu02top li{
	width:190px;
	height:30px;
	display:block;
	list-style-type:none;
}
ul.leftmenu02top li a{
	width:165px;
	height:30px;
	margin:0 0 0 5px;
	padding:0 0 0 20px;
	display:block;
	background:url(../images/common/icon_leftmenu02li_off.gif) no-repeat;
	text-decoration:none;
}
ul.leftmenu02top li a:hover{
	background:url(../images/common/icon_leftmenu02li_over.gif) no-repeat;
	text-decoration:none;
}
/*バナーボックス*/
div.bnbox{
	width:180px;
	margin:0 auto;
	padding:0 0 5px 0;
}
/*マークスカーボックス*/
div.markscarbox{
	width:180px;
	margin:0 auto;
	padding:5px 0 5px 0;
}

/*###############################################################*/
/*CONTENTS_MAIN設定*/
/*###############################################################*/
div#contents_main{
	width:760px;
	margin-left:-1px;
	float:right;
	background:url(../images/common/bg_contents_main.gif) repeat-y #FFFFFF;
}
div#mainbox01{
	width:760px;
	margin:0;
	padding:0;
}
div#mainbox01 div.wrap_out{	
	width:570px;
	float:left;
}
div#mainbox01 div.wrap_in{	
	width:190px;
	float:left;
	background:url(../images/common/bg_wrap_in.gif) repeat-y 0 0;
}

div#mainbox02{
	width:760px;
	margin:0;
	padding:0;
	position:relative;
}
/*----------------------------------------------------------
　wrap_out
-----------------------------------------------------------*/
div.wrap_out{
	width:380px;
	float:left;
}
div#wrap01{
	position:relative;
	top:0;
	left:0;
	background:url(../images/common/bg_wrap_out.gif) repeat-y 0 0;
	z-index:1;
}
div#wrap02{
	position:relative;
	top:0;
	left:1px;
	background:url(../images/common/bg_wrap_out.gif) repeat-y 0 0;
	z-index:2;
}
/*----------------------------------------------------------
　wrap_in
-----------------------------------------------------------*/
div.wrap_in{
	width:190px;
	float:left;
}
div#wrap01_in{
	position:relative;
	top:0;
	left:0;
	background:url(../images/common/bg_wrap_in.gif) repeat-y 0 0;
}
div#wrap02_in{
	position:relative;
	top:0;
	left:0;
	background:url(../images/common/bg_wrap_in.gif) repeat-y 0 0;
}
/*----------------------------------------------------------
　wrap_out box
-----------------------------------------------------------*/
div.box{
	margin:0;
	padding-bottom:5px;
	border-bottom:solid 1px #999999;
}
div.box img{
	margin:5px;
}
div.box p{
	height:12px;
	font-size:10px;
	line-height:12px;
	background:url(../images/common/icon_wrapsankaku.gif) no-repeat 0 -1px;
	padding-left:15px;
	margin-left:5px;
}
div.box p a{
	height:12px;
	font-size:10px;
	text-decoration:none;
	line-height:12px;
}
div.box a:hover{
	font-size:10px;
	text-decoration:underline;
}

div.boxb{
	margin:0;
	padding-bottom:5px;
	border-bottom:solid 1px #999999;
}
div.boxb img{
	margin:5px;
}

div.boxb p{
	height:24px;
	font-size:10px;
	line-height:12px;
	background:url(../images/common/icon_wrapsankaku.gif) no-repeat 0 -1px;
	padding-left:15px;
	margin-left:5px;
}
div.boxb p a{
	height:24px;
	font-size:10px;
	text-decoration:none;
	line-height:12px;
}
div.boxb a:hover{
	font-size:10px;
	text-decoration:underline;
}

div.boxlast{
	margin:0;
	padding-bottom:5px;
	border-bottom:none;
}
div.boxlast img{
	margin:5px;
}
div.boxlast p{
	height:12px;
	font-size:10px;
	line-height:12px;
	background:url(../images/common/icon_wrapsankaku.gif) no-repeat 0 -1px;
	padding-left:15px;
	padding-bottom:0;
	margin-left:5px;
	margin-bottom:0;
}
div.boxlast p a{
	height:12px;
	font-size:10px;
	text-decoration:none;
	line-height:12px;
}
div.boxlast a:hover{
	font-size:10px;
	text-decoration:underline;
}

/*warpライン調整*/
div.tyouseibox01{
	height:460px;	
}
div.tyouseibox02{
	height:40px;	
}
div.barmuratac{
	position:relative;
	top:0;
	left:0;
	background:url(../images/common/bg_wrap_out.gif) repeat-y 0 0;
	padding-left:1px;
}
div.boxbtn{
	margin:0;
	padding-bottom:5px;
	text-align:center;
}
/*###############################################################*/
/*FOOTER設定*/
/*###############################################################*/
#footer {
	height: 180px;
	margin-top: -180px; /* negative value of footer height */
	border-top:solid 1px #999999;
	position: relative;
	clear:both;
	background:url(../images/common/copyright.gif) no-repeat left bottom;
} 
#footer div.pagetop{
	width:100px;
	height:40px;
	margin:0 0 0 850px;
	padding:0;
}

/*フッターメニュー*/
#footer div.footermenu_box{
	width:950px;
	height:40px;
	margin:0;
	padding:0;
	background:#000088;
}
ul#footermenu{
	width:950px;
	list-style-type:none;
}
ul#footermenu li{
	height:12px;
	padding:14px 0 14px 15px;
	display:block;
	list-style-type:none;
	float:left;
	color:#FFFFFF;
}
ul#footermenu li a{
	color:#FFFFFF;
	text-decoration:none;
}
ul#footermenu li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

div#address{
	margin:10px auto auto 20px;
	}