@charset "utf-8";
/* CSS Document */

html {

}

h1,h2,h3,h4,h5,h6,img,div,p,ul,li,table,td,th,dl,dd,dt{
	margin:0;
	padding:0;
}

img {
	border-style:none;
	display:block;
}

a img {
	border-style:none;	
}

body{
	margin:0;
	padding:0;
	background:#f7f4e7;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.1em;
	line-height:140%;
	color:#111;
}

h2.blue{
	width:570px;
	height:27px;
	background:url(../images/top/bar_blue.gif) no-repeat 0 0;
	padding:13px 0 0 20px;
	margin-bottom:10px;
	letter-spacing:0;
	font-size:16px;
	color:#222;
}

h2.orange{
	width:679px;
	height:27px;
	background:url(../images/common/bar_orange.gif) no-repeat 0 0;
	padding:13px 0 0 20px;
	margin-bottom:20px;
	letter-spacing:0;
	font-size:16px;
	color:#222;
}

h2.orange2{
	width:679px;
	height:53px;
	background:url(../images/common/bar_orange2.gif) no-repeat 0 0;
	padding:10px 0 0 20px;
	margin-bottom:20px;
	letter-spacing:0;
	line-height:150%;
	font-size:16px;
	color:#222;
}

h2.orange2 span{
	font-size:14px;
	font-weight:normal;
	letter-spacing:0.1em;
	color:#555;
}

.yotei h2{
	font-size:14px;
}

h3.p_blue{
	color:#445487;
	font-size:14px;
}

h4.p_blue{
	color:#445487;
	font-size:12px;
}

.texts{
	padding-left:20px;
}

.w380{
	width:380px;
}

.w400{
	width:400px;
}

.w420{
	width:420px;
}

.w480{
	width:480px;
}

.fl_l{
	float:left;
}

.fl_r{
	float:right;
}

.w_border{
	border:#fff 2px solid;
	padding:20px;
}

.border{
	border:1px solid #ccc;
	padding:20px 10px;
	background:#fff;
}

/*-------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
 
.clearfix {
  min-height: 1px;
}
 
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* margin -------------------------------------------------------*/

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb10{margin-bottom:10px;}
.md15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

/* caption -------------------------------------------------------*/
.caption{
	font-size:12px;
	color:#333;
}

.caption_b{
	font-size:12px;
	color:#333;
	font-weight:bold;
}

.caption_r{
	font-size:12px;
	color:#333;
	text-align:right;
}

/* header -------------------------------------------------------*/

#h_wrap{
	background:url(../images/common/main_bg.gif) repeat-x 0 0;
}

#header{
	width:960px;
	margin:0 auto;
	position:relative;
}

#all_navi{
	width:256px;
	height:57px;
	background:url(../images/common/all_navi.gif) no-repeat 0 0;
	padding:5px;
	position:absolute;
	left: 676px;
	top: 20px;
}

#f_size{
	float:right;
	list-style:none;
	margin-top:10px;
}

#f_size li{
	float:left;
}

/* navi -------------------------------------------------------*/

#n_wrap{
	height:37px;
	background:url(../images/common/navi_bg.gif) repeat-x 0 0;
}

#navi{
	width:960px;
	margin:0 auto;
	list-style:none;
}

#navi li{
	float:left;
}

/* contents -------------------------------------------------------*/

#contents{
	width:960px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
}

#con_l_top{
	width:590px;
	float:left;
}

#con_r_top{
	width:330px;
	float:right;
	background:#e8e4c9;
	padding:10px;
}

#info{
	width:590px;
	height:150px;
}

#info th{
	width:100px;
	font-weight:bold;
	letter-spacing:0;
	text-align:left;
	background:url(../images/top/arrow01.gif) no-repeat 0 11px;
	padding:5px 0 5px 10px;
	vertical-align:top;
}

#info td{
	width:490px;
	padding:5px 0 5px 0;
	vertical-align:text-top;
}

/* 2nd page contents */
#contents2{
	width:960px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:40px;
	background:url(../images/common/side_bg.gif) repeat-y 0;
}

#con_l{
	width:220px;
	float:left;
	padding:0 10px 10px 10px;
}


#con_r{
	width:699px;
	float:right;
}

#sub_navi{
	list-style:none;
}

#sub_navi li a{
	width:202px;
	height:29px;
	background:url(../images/common/suv_navi_b.gif) no-repeat 0 0;
	font-size:16px;
	padding:12px 0 0 20px;
	font-weight:bold;
	color:#999;
	letter-spacing:0;
	display:block;
	text-decoration:none;
}

#sub_navi li.d2 a{
	width:202px;
	height:48px;
	background:url(../images/common/suv_navi_b2.gif) no-repeat 0 0;
	font-size:16px;
	padding:11px 0 0 20px;
	font-weight:bold;
	color:#999;
	letter-spacing:0;
	display:block;
	text-decoration:none;
}

#sub_navi li.ls0 a{
	font-size:14px;
}


#sub_navi li a:hover, #sub_navi li.on a, #sub_navi li.d2 a:hover, #sub_navi li.d2.on a{
	color:#333;
}

/*table  -------------------------------------------------------*/

table {
	width:500px;
}

caption {
	text-align:left;
	border-bottom:solid 1px #999;
	}
	
table th,tb {
	border-bottom: solid 1px #333;
}
	
/* footer -------------------------------------------------------*/

#f_wrap{
	height:38px;
	background:url(../images/common/footer_navi_bg.gif) repeat-x 0 0;
	display:block;
}

#f_navi{
	width:750px;
	margin:0 auto;
	padding-top:10px;
	font-size:12px;
	list-style:none;
}

#f_navi li{
	float:left;
	color:#555;
	border-left:1px solid #999;
	padding:0 5px;
}

#f_navi li.last{
	border-right:1px solid #999;
}

#copy_wrap{
	height:37px;
	background:url(../images/common/copy_bg.gif) repeat-x 0 0;
}

#copy{
	text-align:center;
	font-size:10px;
	color:#555;
	padding-top:10px;
}