@charset "utf-8";


/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;}
	
html, body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}


/*---------------------------------------------------------------------------------------------
font size CSS。フォントサイズを変えるときは下記classをブロックごとに追加していけばＯＫ。
---------------------------------------------------------------------------------------------*/

.sizeXS{
	font-size:x-small;
	color:#333;}
	
.sizeS{
	font-size:small;
	color:#333;}
	
.sizeM{
	font-size:medium;
	color:#333;}
	
.sizeL{
	font-size:large;
	color:#333;}
	

.bold{
	font-weight: bold;
}

.right{
	float:right;}

.left{
	float:left;}

.red{
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;}
	
.org{
	color:#fe8c25;}
	
.grn{
	color:#336601;}
	
#org{
	color:#fe8c25;}
	
/*---------------------------------------------------------------------------------------------
リンクの編集
---------------------------------------------------------------------------------------------*/
a{
	color:#0066CC;
	outline:0;
	text-decoration:underline;
	}

a:hover{
	color:#0080FF;
	text-decoration:underline;
	}
	
/*---------------------------------------------------------------------------------------------
共通ＣＳＳの編集
---------------------------------------------------------------------------------------------*/
br.clear{
	clear:both;
	}

ul li{
	list-style-type:none;
	}

/*--------------------------------------------------------------------
ページ共通部分
container・body
--------------------------------------------------------------------*/

/*bodyのスタイル*/

body {
	font-size:small;
	background:#D5F1D5 url(../img/head_line.jpg) repeat-x;
}

/*containerのスタイル*/

div#container {
	background:url(../img/bg.jpg) repeat-y;
	width:954px;
	margin:auto;
	padding:0;
}

#header{
	background:url(../img/head_bg.jpg) no-repeat;
	width:950px;
	height:62px;
	display:block;
	margin:0;
	padding:0 2px;
	position:relative;

}

#header h1{
	position:absolute;
	width:357px;
	height:14px;
	top:7px;
	left:264px;
	font-size:10px;
	text-align:right;
	color:#235641;

}

#header h2{
	position:absolute;
	width:242px;
	height:47px;
	top:7px;
	left:14px;

}

#header ul{
	position:absolute;
	width:303px;
	height:10px;
	top:7px;
	left:631px;

}

#header ul li{
	height:10px;
	display:block;
	float:left;
	top:7px;

}

#header ul li.snavi01{
	width:53px;
	margin:0 6px 0 0;

}

#header ul li.snavi02{
	width:70px;
	margin:0 6px 0 0;

}

#header ul li.snavi03{
	width:98px;
	margin:0 8px 0 0;
	}

#header ul li.snavi04{
	width:62px;
	margin:0;

}



#header p.contact{
	position:absolute;
	width:156px;
	height:27px;
	top:29px;
	left:465px;
}

#header p.tel{
	position:absolute;
	width:288px;
	height:27px;
	top:29px;
	left:648px;

}

#wrapper{
	width:922px;
	height:auto;
	display:block;
	padding:0 16px;
	margin:0;

}

.key{
	background:url(../img/key_bg.jpg) no-repeat;
	width:922px;
	height:284px;
	display:block;
	margin:0 0 7px 0;
	padding:0;
	position:relative;

}

p.copy{
	position:absolute;
	width:650px;
	height:46px;
	top:14px;
	left:17px;
	

}

.flash{
	position:absolute;
	background:url(../img/key_flash.jpg) no-repeat;
	width:604px;
	height:178px;
	top:66px;
	left:18px;
	margin:0 0 0 0;
	padding:22px 0 0 39px;

}

.fla{
	width:564px;
	height:114px;
	display:block;
	margin:0;
	padding:0;	

}

.flash dl{
	width:564px;
	height:114px;
	display:block;
	margin:0;
	padding:0;

}

.flash dl dt{
	width:267px;
	display:block;
	height:114px;
	display:block;
	margin:0;
	padding:0;
	float:left;

}

.flash dl dd{
	width:267px;
	display:block;
	height:114px;
	display:block;
	margin:0;
	padding:0;
	float:right;


}


p.ensen{
	position:absolute;
	width:228px;
	height:84px;
	top:18px;
	left:676px;

}

.mob{
	position:absolute;
	background:url(../img/key_mob.jpg) no-repeat;
	width:132px;
	height:63px;
	top:117px;
	left:676px;
	padding:86px 0 0 96px;
	

}

.mob p{
	font-size:12px;
	color:#333;
	line-height:1.5;

}

.main{
	width:728px;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	float:left;
}



.kodawari{
	background:url(../img/kodawari_waku_mid.jpg) repeat-y;
	width:688px;
	height:auto;
	display:block;
	margin:0;
	padding:0 20px;

}

.box_l{
	width:336px;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	float:left;

}

.box_r{
	width:336px;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	float:right;

}

.jyouken{
	width:336px;
	display:block;
	height:auto;
	margin:0 0 10px 0;
	padding:0;

}

.jyouken img{
	width:106px;
	height:81px;
	display:block;
	margin:0;
	padding:0;
	float:left;

}

.jyouken dl{
	display:block;
	margin:0 0 0 111px;
	width:225px;
	height:auto;
	padding:0;

}

.jyouken dl dt{
	background:url(../img/red_arrow.jpg) no-repeat;
	padding:0 0 5px 16px;
	font-size:12px;
	border-bottom:1px dashed #333;
	margin:0 0 7px 0;
	font-weight:bold;
	
	

}

.jyouken dl dd{
	font-size:12px;
	color:#333333;
	padding:0 10px 0 17px;
	line-height:1.2;

}

.bukken{
	width: 728px;
	height: 695px;
	display: block;
	margin: 0 0 7px 0;
	padding: 0;
}

.hajimete{
	background:url(../img/hajimete_bg.jpg) no-repeat;
	width:436px;
	height:249px;
	display:block;
	margin:0 0  7px 0;
	padding:22px 29px 0 263px;

}

.hajimete p{
	color:#666;
	font-size:12px;
	line-height:1.4;
	margin:0 0 5px 0;

}

.link_btn_left{

	display:block;

}

.link_btn_left p{
	background:url(../img/red_arrow.jpg) no-repeat;
	padding: 0 0 0 15px;
	font-size:12px;
	font-weight:bold;
	float:right;
	

}

.sumai{
	background:url(../img/yakudachi_bg01.jpg) repeat-y;
	width:728px;
	height:auto;
	display:block;
	margin:0;
	padding:0;

}

.box{
	width:230px;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	float:left;

}

.box p.txt{
	font-size:12px;
	color:#666;
	line-height:1.3;
	padding:0 12px;
	

}

.side{
	width:180px;
	display:block;
	height:auto;
	margin:0;
	padding:30px 0 0 0;
	float:right;

}

.side p.mb5{
	margin-bottom:5px;

}

.side p.mb1{
	margin-bottom:1px;

}

.st{
	width:180px;
	display:block;
	height:auto;
	margin:0 0 0 0;
	padding:0;

}

.st img{
	width:78px;
	height:78px;
	display:block;
	margin:0 0 5px 0;
	padding:1px;
	border:1px solid #ccc;
	float:left;

}

.st dl{
	width:87px;
	margin:0 0 0 93px;
	display:block;
	padding:0;

}

.st dl dt{
	font-size:12px;
	color:#284A7F;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #333;
	font-weight:bold;

}

.st dl dd{
	font-size:10px;
	color:#333333;
	line-height:1.3;

}

#foot{
	width:950px;
	margin:0 2px;
	height:auto;
	display:block;
	padding:0;

}

.link_btn_top{

	display:block;

}

.link_btn_top p{
	background:url(../img/red_arrow_top.jpg) no-repeat;
	padding: 0 0 0 15px;
	font-size:10px;
	float:right;
	margin:0 14px 0 0;
	

}

.foot_navi{
	border-top:1px solid #0029AD;
	padding:12px 0 16px 0;

}

.foot_navi p{
	color:#999;
	font-size:12px;
	line-height:1.2;
	text-align:center;
}

.foot_navi p a{
	color:#999;
	outline:0;
	text-decoration:none;
	

}

.foot_navi p a:hover{
	color:#666;
	outline:0;
	text-decoration:underline;
	

}

.footer{
	background:url(../img/foot_bg.jpg) no-repeat;
	width:950px;
	height:15px;
	display:block;
	margin:0;
	padding:40px 0 0 0;
}

address{
	display:block;
	font-size:12px;
	color:#FFFFFF;
	margin:0 0 0 14px;
	float:left;
	

}

strong{
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
	float:right;
	margin:0 14px 0 0;

}

.oshirase{
	display:block;
	margin:0 0 7px 0;
	padding:0;


}

.oshirase ul{
	display:block;
	margin:0 0 7px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #999999;

}

.oshirase ul li{
	background: url(../img/sankaku.jpg) no-repeat;
	font-size: 12px;
	line-height: 1.2;
	color: #333333;
	padding: 0 0 0 10px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

.stuff{
	margin-bottom:7px;

}