@charset "Shift_JIS";











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

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;

}

	

.org{

	color:#fe8c25;}

	

.grn{

	color:#336601;}

	

#org{

	color:#fe8c25;}

	

span.yel_bg{

	padding:3px;

	background:#FFFF99;

	font-weight:bold;



}

	

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

リンクの編集

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

a{

	color:#448ACA;

	outline:0;

	text-decoration:underline;

	}



a:hover{

	color:#0099FF;

	text-decoration:underline;

	}

	

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

共通ＣＳＳの編集

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

br.clear{

	clear:both;

	}



ul li{

	list-style-type:none;

	}

	

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

画像の回り込み設定

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

/* センター　淵あり */

.illust{

	text-align:center;

	padding:3px;

	margin:10px 0;

	border:1px #ccc solid;



}



.illust20{

	text-align:center;

	padding:3px;

	margin:20px 0;

	border:1px #ccc solid;



}



.illust0{

	text-align:center;

	margin:10px 0;



}



.illust_top{

	text-align:center;

	margin:0 0 10px 0;



}



/* 右よせ　淵あり */

.illust_r{

	float:right;

	padding:3px;

	border:1px #ccc solid;

	margin:0 0 10px 10px;



}



/* 左よせ　淵あり */

.illust_l{

	float:left;

	padding:3px;

	border:1px #ccc solid;

	margin:0 10px 10px 0;



}



/* 右よせ　淵なし */

.illust_r0{

	float:right;

	padding:3px;

	margin:0 0 10px 10px;

}



/* 左よせ　淵なし */

.illust_l0{

	float:left;

	padding:3px;

	margin:0 10px 10px 0;

}





	



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

ページ共通部分

container・body

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



/*bodyのスタイル*/



body {

	position:relative;

	font-size:small;

	background:#fff url(img/body_bg.jpg) 50% 0 no-repeat;

}



/*containerのスタイル*/



div#container {

	width:820px;

	margin:auto;

	padding:0;

}



#header{

	width:790px;

	height:23px;

	display:block;

	margin:0;

	padding:30px 0 0 30px;

	background:url(img/h1_bg.jpg) no-repeat;



}



#header h1{

	font-size:12px;

	color:#FFFFFF;

	letter-spacing:1px;



}







h2{

	width:820px;

	height:248px;

	display:block;

	margin:0;

	padding:0;



}



.contents{

	background:url(img/top_bg.jpg) no-repeat;

	width:760px;

	height:auto;

	display:block;

	margin:0;

	_margin:-3px 0 0 0;

	padding:0 30px;

	



}



.contents p{

	font-size:16px;

	color:#000;

	line-height:1.6;



}



#wrapper{

	background:url(img/waku.jpg) repeat-y;



	width:760px;

	height:auto;

	display:block;

	margin:0;

	padding:0 30px 30px 30px;



}



h3{

	width:760px;

	height:37px;

	display:block;

	



}



h3.taiken{

	width:760px;

	height:37px;

	display:block;

	padding-bottom:35px;

	



}



p.btn{

	width:760px;

	height:94px;

	display:block;

	text-align:center;

	margin:0;

	padding:0 0 40px 0;



}



.lead{

	background:url(img/bg01.jpg) no-repeat;

	width:648px;

	height:167px;

	display:block;

	padding:0 56px;

	



}



.lead p{

	font-size:16px;

	color:#000;

	line-height:1.6;



}



p.arrow{

	display:block;

	padding:0 0 40px 0;

}



.t{

	width:760px;

	height:auto;

	display:block;

	margin:0;

	padding:0 0 40px 0;



}



.t img{

	float:left;

	width:300px;

	height:255px;

	display:block;



}



.t p{

	width:425px;

	display:block;

	font-size:16px;

	color:#333333;

	float:right;

	line-height:1.6;



}



.t p.ttl{

	font-size:24px;

	color:#006699;

	font-weight:bold;

	margin:0 0 5px 0;



}



.kansou{

	display:block;

	padding:0 28px 40px 28px;

	width:704px;

	height:auto;



}



.kansou .kansou_waku{

	border-bottom:1px solid #FF6600;

	border-left:1px solid #FF6600;

	border-right:1px solid #FF6600;

	padding:10px 20px 20px 20px;



}



.kansou .kansou_waku p{

	font-size:16px;

	color:#000000;

	line-height:1.5;

	



}



address{

	text-align:center;

	color:#999999;

	font-size:12px;

	letter-spacing:1px;

	}





p.last{

	width:760px;

	height:auto;

	display:block;

	text-align:center;

	margin:0;

	padding:0 0 20px 0;



}





html > body #pageTop {

bottom:0px;

position:fixed;

right:0px;

z-index:500;



}





#pageTop {

margin:0;

} 

