@charset "UTF-8";

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







/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
font-size: 20px;
line-height: 180%;
font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","cursive","Hiragino Kaku Gothic Pro","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline;
background:url(../img/bg_main.gif) repeat-y center top #ff0000;
}
/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
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_top{
display:block;
background:url(../img/bg_top_img_03.gif) no-repeat center top;
width:800px;
height:450px;
margin:0 auto;
padding:0 0 0 0;
}

#header_top img{
display:block;
width:800px;
margin:0 auto;
padding:0 0 0 0;
}

#header_top h1{
display:block;
width:800px;
color:#FFFFFF;
font-size: 12px;
line-height: 140%;
margin:0 auto;
}


/* 
━━━━━━━━━━━━━━━━━━━━━━
オーダーフォーム用ヘッダ設定
━━━━━━━━━━━━━━━━━━━━━━ */
#header_ordre{
background:url(../img/bg_main_order.jpg) no-repeat center top #FF99CC;
width:800px;
height:350px;
margin:0 auto;
padding:0 0 0 0;
}

#header_ordre h2{
text-indent: -9999px; 
text-decoration: none;
}



/*	コンテンツ設定
----------------------------------------------------------------------------------------------------------------------------------*/

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

#content {
width:800px;
margin:0 auto;
padding:0 0 0 0;
background:url(../img/bg_con.gif) repeat-y center top #ff0000;
}

#content p{
width:670px;
margin:0 auto;
padding:10px 20px 10px 20px;
}

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


#content .con_in{
width:700px;
margin:0 auto;
margin:0 auto;
text-align:center;
}

#content .con_title{
margin:0 auto;
}


#content .left_txt{
width:375px;
margin:0 auto;
float:left;
padding:10px 0 10px 0;
text-align:left;
}

#content .right_txt{
width:300px;
margin:0 auto;
float:left;
padding:10px 5px 10px 5px;
}



/* 
━━━━━━━━━━━━━━━━━━━━━━
下部誘導枠表示設定
━━━━━━━━━━━━━━━━━━━━━━ */
#content .img_main{
margin:0 auto;
padding:0 50px 0 50px;
}

.app_1 a{
display: block;
width: 700px;
height: 114px;
background: url(../img/bt_mousikomi02.gif) no-repeat top;
padding:0 50px 0 50px;
text-indent: -9999px
}

.app_1 a:hover{
background-position: 52px 3px;
padding:0 50px 0 50px;
}


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

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

#content .red{
font-weight:bold;
color:#ff0000;
margin:0 auto;
}

#content .txt_b{
font-size: 22px;
line-height: 180%;
font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","cursive","Hiragino Kaku Gothic Pro","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-weight:bolder;
color:#cc0000;
}

#content .txt_b_line{
font-size: 22px;
line-height: 180%;
font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","cursive","Hiragino Kaku Gothic Pro","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-weight:bolder;
color:#cc0000;
text-decoration: line-through;
}

#content .txt_bord{
font-size: 20px;
line-height: 180%;
font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","cursive","Hiragino Kaku Gothic Pro","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-weight:bolder;
color:#000000;
}

#content .txt_bord02{
line-height: 180%;
font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","cursive","Hiragino Kaku Gothic Pro","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-weight:bolder;
color:#000000;
}

#content .txt_20{
font-size: 20px;
line-height: 180%;
font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","cursive","Hiragino Kaku Gothic Pro","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-weight:bolder;
color:#000000;
text-align:center;
}

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

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

/* 
━━━━━━━━━━━━━━━━━━━━━━
リスト設定
━━━━━━━━━━━━━━━━━━━━━━ */

#content .con_txt_ul{
width:620px;
margin:0 auto;
padding:0 60px 0 65px;
}

#content ul li{
font-size:15px;
list-style-type: decimal;
}



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

#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:url(../img/bg_con.gif) repeat-y center top #ff0000;
text-align:center;
}