@charset "UTF-8";

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







/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
font-size: 16px;
line-height: 140%;
font-family:"ＭＳ Ｐゴシック","cursive","Hiragino Kaku Gothic Pro","Lucida Grande","Geneva","Arial","Verdana,sans-serif";
background:url(../img/bg_top.gif) repeat-y center top #ffffff;

}
/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
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: #000000;

}
a:hover {
color: #333333;

}
a:visited {
color: #000000;

}
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;
}




/*	ヘッダー設定
----------------------------------------------------------------------------------------------------------------------------------*/



#header{
background:url(../img/top.jpg) no-repeat center top #000000;
width:900px;
height:700px;
margin:0 auto;
padding:0 0 0 0;
}

#header h1{
display:block;
width:800px;
color:#000000;
font-size: 10px;
line-height: 140%;
margin:0 auto;
padding:5px 0 0 10px;
}



/* 
━━━━━━━━━━━━━━━━━━━━━━
申し込み用ボタン配置設定
━━━━━━━━━━━━━━━━━━━━━━ */
#header h2{
text-indent: -9999px; 
text-decoration: none;
}

#header .bt_order{
padding:560px 0 0 440px;
}


/* 
━━━━━━━━━━━━━━━━━━━━━━
レイアウト設定
━━━━━━━━━━━━━━━━━━━━━━ */

#content {
width:865px;
margin:0 auto;
padding:0;
background-color:#ffffff;
}

#content p{
width:865px;
margin:0 auto;
padding:0;
}

#content .box_bg{
width:865px;
background:url(../img/bg_taiken.gif) repeat-y center top #ffffff;
}

#content .box{
width:780px;
margin:0 auto;
padding:10px 42px 10px 43px;
}

#content .box_in{
width:380px;
margin:0 auto;
text-align:center;
padding:5px;
float:left;
font-size:14px;
font-weight:bold;
}


#content .box_left{
width:140px;
margin:0 auto;
padding:5px;
float:left;
}

#content .box_right{
width:240px;
margin:0 auto;
padding:0;
float:left;
font-size:12px;
line-height: 140%;
padding:5px 0 5px 0;
}


#content .box_left02{
width:180px;
margin:0 auto;
padding:0;
float:left;
padding:10px;
}

#content .box_right02{
width:200px;
margin:0 auto;
padding:0;
float:left;
font-size:14px;
line-height: 140%;
padding:10px;
}

/* 
━━━━━━━━━━━━━━━━━━━━━━
下部誘導枠表示設定
━━━━━━━━━━━━━━━━━━━━━━ */
.app_1 a{
display: block;
width: 65px;
height:133px;
background: url(../img/bt_order.gif) no-repeat top #ffffff;
text-indent: -9999px;
padding:0 125px 0 125px;
}

.app_1 a:hover{
background-position:128px 3px;
}


/* 
━━━━━━━━━━━━━━━━━━━━━━
飾り文字
━━━━━━━━━━━━━━━━━━━━━━ */


/*	フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/

#footer {
width:850px;
display:block;
font-size: 10px;
line-height: 140%;
text-align:center;
margin:0 auto;
padding:0;
}


#footer a{
font-size: 11px;
line-height: 140%;
color:#000000;
text-align:center;
margin:0 auto;
}


/* 
━━━━━━━━━━━━━━━━━━━━━━
フッダーリンク設定　コンテンツ内
━━━━━━━━━━━━━━━━━━━━━━ */

#footer .link{
margin:0 auto;
padding:10px 0 0 0;
text-align:center;
font-size:12px;
border-top:dashed 1px #cccccc;
}