@charset "UTF-8";

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







/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
font-size: 23px;
line-height: 140%;
font-family:"ＭＳ 明朝",serif;
background-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: #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:940px;
margin:0 auto;
padding:50px 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 img{
padding:310px 0 0 60px;
}









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

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

#content img{
display:block;
margin:0 auto;
}


#content p{
width:800px;
margin:0 auto;
padding:5px 50px 10px 50px;
}

#content .title{
width:750px;
height:65px;
margin:0 auto;
padding:10px 25px 0 25px;
margin:0 auto;
}

#content .title p{
width:700px;
margin:0 auto;
padding:13px 10px 5px 40px;
margin:0 auto;
font-size:20px;
font-weight:bold;
}

#content .box{
width:720px;
margin:0 auto;
padding:40px;
background-color:#ffffff;
border: 2px solid #cc0000;
}

#content .box p{
width:700px;
margin:0 auto;
padding:10px;
font-size:16px;
line-height: 140%;
}

#content .box01{
width:200px;
margin:0 auto;
padding:10px 0 10px 0;
background-color:#ffffff;
text-align:left;
float:left;
}

#content .box02{
width:500px;
margin:0 auto;
padding:10px 0 10px 0;
background-color:#ffffff;
float:left;
color:#cc0000;
font-weight:bold;
}

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

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


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

#content strong{
font-weight:bold;
color:#990000;
width:680px;
margin:0 auto;
padding:10px 60px 0 60px
}

#content .txt_strong{
font-weight:bold;
color:#666666;
}

#content .txt_order{
font-size:28px;
font-weight:bold;
color:#000000;
}


#content .txt_b{
font-weight:bold;
color:#cc0000;
}

#content .txt_bb{
font-size:40px;
font-weight:bold;
color:#cc0000;
line-height: 140%;
}

#content .txt_bb02{
font-size:40px;
font-weight:bold;
color:#cc0000;
line-height: 140%;
border-bottom:dotted 2px #cc0000;
}


#content .txt_br{
font-weight:bold;
line-height: 140%;
color:#000000;
background-color:#FFFF00;
}


#content .txt_br_red{
font-weight:bold;
line-height: 140%;
color:#cc0000;
background-color:#FFFF00;
}


#content .txt_br_red_40{
font-size:40px;
font-weight:bold;
line-height: 140%;
color:#cc0000;
background-color:#FFFF00;
}

#content .txt_s{
font-size: 13px;
line-height: 140%;
}






ul{
width:800px;
margin:80px;
padding:0;
margin:0 auto;
}

li{
background-image:url(../img/list_img01.gif);
list-style:none;
background-repeat: no-repeat;
padding:5px 0 20px 50px;
margin:10px 0 10px 0;
border-bottom:dotted 1px #999999;
}


#content .ul_02{
width:800px;
margin:80px;
padding:0;
margin:0 auto;
}

#content .li_02{
background-image:url(../img/list_img02.gif);
list-style:none;
background-repeat: no-repeat;
padding:5px 0 20px 50px;
margin:10px 0 10px 0;
border-bottom:dotted 1px #999999;
}


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

#footer {
width:100%;
display:block;
font-size: 10px;
line-height: 140%;
background-color:#000000;
color:#FFFFFF;
text-align:center;
margin:0 auto;
padding:5px 0;
}


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

}


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

#content .link{
width:800px;
height:30px;
margin:0 auto;
padding:20px 0 0 0;
background-color:#ffffff;
text-align:center;
font-size:12px;
}