@charset "UTF-8";

/*	全ページ共通CSS
	
		■初期設定・初期化
			：body設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：イメージ初期化
		■ヘッダー設定
			：メニュー設定
		■コンテンツ設定
		■フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/







/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
font-size: 12px;
line-height: 110%;
letter-spacing: 0.1em;
font-family: "ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
background-repeat: no-repeat;
background-position: center top;
background-color: #FFFFFF;
text-align: center;
color: #000000;
}
/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
margin:0;
padding:0;
}
/*-- タグ毎のマージンとパディング初期化 -------------*/
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*-- リンク設定 --------*/
a {
color: #004D91;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a img{
border: none;
}
/*-- float対策 --------*/
.fcl { 
zoom: 100%;
}
.fcl:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
/*-- イメージ初期化 --------*/
img {
vertical-align:middle;
margin:0;
padding:0;
}


div.pagetop {
text-align: right;
padding: 15px 0;
}


/*	ヘッダー設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#header {
position: relative;
width: 900px;
height: 72px;
background: url(../images/Header_Bg.jpg) no-repeat left top;
margin: 0 auto;
text-align: left;
}

div#header h1 a {
position: absolute;
width: 151px;
height: 28px;
text-indent: -1000em;
overflow: hidden;
top: 19px;
left: 14px;
}
div#header a.btn {
position: absolute;
width: 410px;
height: 45px;
text-indent: -1000em;
overflow: hidden;
top: 16px;
right: 0;
}







/*	コンテンツ設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#content {
width: 900px;
margin: 0 auto;
text-align: left;
}

div#content h2,
div#content h3,
div#content h4,
div#content p {
text-indent: -1000em;
overflow: hidden;
}

div#content div.box1 {
position: relative;
height: 403px;
background: url(../images/Box1.jpg) no-repeat left top;
}

div#content div.box1 p.attention {
position: absolute;
width: 100%;
text-indent: 0;
text-align: center;
top: 313px;
}
div#content div.box1 p.attention a { color: #CC0000; }

div#content div.box2 {
position: relative;
height: 603px;
background: url(../images/Box2.jpg) no-repeat left top;
}

div#content a.btn {
position: absolute;
width: 460px;
height: 50px;
text-indent: -1000em;
overflow: hidden;
}

div#content a.btn.b1 {
top: 336px;
left: 220px;
}
div#content a.btn.b2 {
top: 489px;
left: 220px;
}


/*	フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#footer {
width: 900px;
margin: 0 auto;
padding: 10px 0 15px;
text-align: center;
}