@charset "utf-8";

/*------------------------------------------
　　＜全ページ共通CSS＞

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

/*------------------------------------------
　　ブラウザのマージンとパディング初期化
------------------------------------------*/
*{
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;
}
/*------------------------------------------
　　イメージ初期化
------------------------------------------*/
img {
vertical-align:middle;
margin:0;
padding:0;
}

/*------------------------------------------
■ イメージ初期化
------------------------------------------*/
img {vertical-align:middle;margin:0;padding:0;}

/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img{border: none;}

a {color: #000066;}

a:hover {color:#2c39e2;text-decoration:none;}

a:visited {color:#000066;text-decoration:underline;}

/*------------------------------------------
　　リンク設定
------------------------------------------*/

a:hover img{
opacity:0.85;
/*--IE,FF対応--*/
filter:alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}
/*------------------------------------------
　　float対策
------------------------------------------*/
.fcl { 
zoom: 100%;
}
.fcl:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

/*------------------------------------------
　　テキスト装飾
------------------------------------------*/
.txt_bold{
	font-weight:bold;
}
.txt_small{
	font-size:75%;
}
.txt_big{
	font-size:120%;
	font-weight:bold;
}

/*------------------------------------------
	メイン設定
------------------------------------------*/
body {
  font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
	color:#222222;
	font-size: 16px;
	line-height: 160%;
	background: url("../img/body_bg.png") repeat fixed center 0 #f1eecb;
}

#wrap{
	width:920px;
	margin:0 auto;
	background: url("../img/wrap_bg.png") repeat-y scroll center 0;
}

#main{
	width:900px;
	margin:0 auto;
	display:block;
	background:#FFFFFF;
}


/*------------------------------------------
	h1 h2 h3 h4 h5
------------------------------------------*/
h1{
	width: 900px;
  font-size: 14px;
	margin:0 auto;
  padding: 0px;
	text-indent:15px;
	display:block;
	color:#FFFFFF;
}

h3.copy{
    font-size: 18px;
    padding: 15px 30px;
	text-align:center;
}


h5{
	margin:10px auto ;
}

/*------------------------------------------
■ h4タイトル
（※スマートフォンでは、画像を消してaltテキストがタイトルとして表示されます）
------------------------------------------*/
h4.title{
margin: 20px auto 10px;
display:block;
width:900px;
}
#box001 h4.title{
background:  url("../img/title_01.gif") repeat-x scroll center 0 transparent;
}
#box002 h4.title{
background: url("../img/title_03.gif") repeat-x scroll center 0 transparent;
}
#box003 h4.title{
background: url("../img/title_04.gif") repeat-x scroll center 0 transparent;
}
#box004 h4.title{
background: url("../img/title_05.gif") repeat-x scroll center 0 transparent;
}
#box005 h4.title{
background: url("../img/title_06.gif") repeat-x scroll center 0 transparent;
}

#box006 h4.title{
background: url("../img/title_07.gif") repeat-x scroll center 0 transparent;
}

#box007 h4.title{
background: url("../img/title_08.gif") repeat-x scroll center 0 transparent;
}


/*------------------------------------------
■ ヘッダーエリア
------------------------------------------*/
#header{
	background: url(../img/header.jpg) no-repeat scroll center 0;
	margin:0px auto;
	height:75px;
	padding:0;
	display:block;
	width:900px;
}



#header .header_set{
margin:0px 10px 0;
}
#header .header_left{
float: left;
padding-top:10px;
display:block;
}
#header .header_right{
float: right;
display:block;
width:390px;
}
#header .header_tel_txt{
    display: block;
		font-size:12px;
	line-height: 100%;
	padding:5px 0 0 0;
}
#header .header_tel_number{
    color: #691200;
    font-size: 25px;
    font-weight: bold;
		display:block;
		vertical-align:bottom;
}
#header .telArea{
	display:block;
	float: left;
	width: 200px;
	padding:18px 0 0 7px;
}

#header .btnArea{
float: right;
    margin: 0px;
    width: 170px;
}
#header .timeArea{
margin: 0 15px;
text-align: right;
}


/*------------------------------------------
	TOP・order
------------------------------------------*/
#top{
	margin:0px auto;
	width:900px;
	height:auto;
}

#top .top_order{
	display:block;
	margin:0px auto;
	width:900px;
	background:url(../img/top_order.jpg) no-repeat center top;
	height:485px;
}

#top .top_order_tel{
color: #000000;
font-size: 38px;
font-weight: bold;
padding: 395px 0 0 100px;
display: block;
width: 300px;
line-height: 100%;
vertical-align: bottom;
float: left;
}


#top .top_order_bt{
	display:block;
	width:425px;
	height:80px;
	padding:380px 0 0 40px;
	float:left;
}

/*------------------------------------------
	リピート部分
------------------------------------------*/
.order{
	display:block;
	margin:20px auto;
	width:880px;
	background: url(../img/order.jpg) no-repeat center top;
	height:263px;
}

.order_tel{
    color: #000000;
    font-size: 38px;
    font-weight: bold;
		padding:170px 0 0 95px;
		display:block;
		width:320px;
		line-height: 100%;
		vertical-align:bottom;
		float:left;
}

.order_bt{
	display:block;
	width:408px;
	height:78px;
	padding:150px 0 0 20px;
	float:left;
}

/*------------------------------------------
	コンテンツエリア
------------------------------------------*/
.cont_box{
    margin:10px auto;
    width: 860px;
		display:block;
		font-size:14px;
		line-height:180%;
}
.cont_box_left{
    width: 455px;
		display:block;
		font-size:14px;
		line-height:180%;
		float:left;
}

.cont_box_right{
    width: 405px;
		display:block;
		font-size:14px;
		line-height:180%;
		float:left;
}
.title_goods{
display:block;
color:#3d180f;
font-size:20px;
font-weight:bold;
line-height:160%;
padding:5px;
}
.price{
display:block;
color:#CC0000;
font-size:20px;
font-weight:bold;
line-height:130%;
text-align:right;
padding:5px 10px;
}

.txt_Area{
display:block;
padding:20px;
font-size:14px;
line-height:180%;
width:780px;
height:auto;
margin:10px auto;
}

table.info_box{
display:block;
width:445px;
background:#ebebeb;
text-align:left;
font-size:10px;
}


table.info_box th{
background:#f5f5f5;
text-align:left;
padding:0 3px;

}

table.info_box td{
background:#f5f5f5;
text-align:left;
padding:0 3px;
}

/*------------------------------------------
movie
------------------------------------------*/
.cont_box_movie{
    margin:10px auto;
    width: 800px;
		display:block;
		font-size:14px;
		line-height:180%;
		clear:both;
}

.cont_box_movie01{
    margin:10px auto;
    width: 380px;
		display:block;
		line-height:180%;
		padding:10px;
		float:left;

		text-align:center;
}

.cont_box_movie02{
    margin:10px auto;
    width: 380px;
		display:block;
		line-height:180%;

		padding:10px;
		float:left;
		text-align:center;
}

.cont01_txt01{
    width: 620px;
		height:400px;
		padding:50px 0 0 210px;
		display:block;
		font-size:18px;
		line-height:180%;
}
.movie_title{
		font-size:16px;
		font-weight:bold;
		color:#FF3300;
		}


/*------------------------------------------
cont02
------------------------------------------*/
.cont02_box01{
    margin:10px auto;
    width: 880px;
		height:auto;
		display:block;
		font-size:16px;
		line-height:180%;
}

.cont_txtarea{
    width: 860px;
		height:auto;
		padding:10px;
		display:block;
		font-size:16px;
		line-height:180%;
}


/*------------------------------------------
■001
------------------------------------------*/
#box001{
display:block;
}

#box001 .cont_box01{
    margin:10px auto;
    width: 860px;
		height:288px;
		background:url(../img/con02_01.jpg) no-repeat;
		display:block;
		font-size:14px;
		line-height:180%;
}

#box001 .cont_txt01{
    width: 700px;
		height:auto;
		padding:55px 0 0 50px;
		display:block;
		font-size:20px;
		line-height:180%;
}

#box001 .cont_box02{
    margin:10px auto;
    width: 860px;
		height:735px;
		background: url(../img/con03_01.jpg) no-repeat;
		display:block;
		font-size:14px;
		line-height:180%;
}

#box001 .cont_txt02{
    width: 840px;
		height:auto;
		padding:470px 0 0 30px;
		display:block;
		font-size:16px;
		line-height:180%;
}

/*------------------------------------------
■002
------------------------------------------*/
#box002{
display:block;
}

#box002 .cont_box{
    margin:10px auto;
    width: 860px;
		height:180px;
		background: #efefef;
		display:block;
		font-size:16px;
		line-height:180%;
		clear:both;
}

#box002 .cont_box_img{
    width: 320px;
		height:180px;
		display:block;
		float:left;
		padding:0;
}

#box002 .cont_box_txt{
    width: 520px;
		height:180px;
		display:block;
		float:left;
		padding:0 10px;
		font-size:16px;
		line-height:150%;
		background: #efefef;
}

.cont_box_txt_area{
display:block;
padding:5px 10px;
font-size:16px;
line-height:150%;
}

.place_txt{
display:block;
padding:5px 10px 0 10px;
font-size:14px;
line-height:160%;
}



/*------------------------------------------
menu_box
------------------------------------------*/
.menu{
width: 860px;
display: block;
margin: 0 auto;
font-size: 16px;
line-height: 200%;
margin:5px auto;
clear:both;
}

.menu_box{
width: 210px;
display: block;
margin: 0 auto;
font-size: 16px;
line-height: 200%;
float:left;
padding-right:5px;
}

.menu_box_in{
width: 200px;
display: block;
margin: 0 auto;
font-size: 16px;

padding:5px;
}
.menu_box02{
width: 210px;
display: block;
margin: 0 auto;
font-size: 16px;
line-height: 200%;
float:left;
}

.menu_box640{
width: 640px;
display: block;
margin: 0 auto;
font-size: 16px;
line-height: 200%;
float:left;
padding-left:5px;
}

.menu_box640_in{
width: 200px;
display: block;
margin: 0 auto;
font-size: 16px;
float:left;
padding:5px;
}


.info_pay_box{
display: block;
width:810px;
margin:5px auto;
font-size: 16px;
line-height:200%;
}

.info_pay_box_left{
display:block;
width:398px;
margin-right:10px;
font-size: 16px;
float:left;
border:#e4e4e4 1px solid;
}

.info_pay_box_right{
display:block;
width:398px;
font-size: 16px;
float:left;
border:#e4e4e4 1px solid;
}

.info_txt_in{
display:block;
padding:10px 20px;
}
.menu01{
    min-height: 150px;
}
.menu02{
    min-height: 150px;
}
.menu03{
    min-height: 150px;
}




/*------------------------------------------
	フッター
------------------------------------------*/
#footer {
width:900px;
background:#ffffff;
display:block;
text-align:center;
margin:30px auto 0;
padding:10px 0 0 0;
border-top:#cccccc 1px solid;
font-size:14px;
line-height:200%;
clear:both;
}
.copyright{
font-size:12px;
background:#421a11;
text-align:center;
padding:5px;
color:#FFFFFF;
}

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

	■サブページ設定

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

/*------------------------------------------
	サブページ共通
------------------------------------------*/

.sub_page_title{
		background:#004cab;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    margin: 20px;
    padding: 10px 0 8px;
    text-align: center;
 
}
.sub_page_title02{
    border-bottom: 2px solid #ff6a00;
    color: #FFFFFF;
		background:#fca40a;
    font-size: 20px;
    font-weight: bold;
    margin: 20px;
    padding:10px 20px;
    text-align: center;
 
}

.sub_title_b{
    border-left: 8px solid #454545;
    font-size: 20px;
    font-weight: bold;
    margin:15px auto;
		padding:10px 20px;
		border-bottom:#454545 1px solid;
		display:block;
		width:770px;
		color:#222222;
}

.sub_page_h{
    margin: 20px 0 10px;
	font-size:18px;
}


/*------------------------------------------
	プライバシーポリシー
------------------------------------------*/

.privacypolicy{
font-size:14px;
line-height:180%;
width:820px;
}


/*------------------------------------------
	オーダーページ
------------------------------------------*/

.table_order {
    background: none repeat scroll 0 0 #666666;
    color: #222222;
    font-size: 16px;
    line-height: 180%;
    margin: 10px auto;
}

.order_box{
display:block;
width:810px;
margin:0 auto;
padding:20px 0px;
}

.order_bg_w {
background: none repeat scroll 0 0 #FFFFFF;
line-height: 180%;
margin:10px;
padding: 10px 20px;
font-size:14px;
}

.order_bg_g{
background: none repeat scroll 0 0 #f6f6f6;
line-height: 180%;
margin:10px;
padding: 10px 20px;
}

input,textarea,select{
font-size:20px;
line-height: 160%;
}

.txt_red_bb{
display:block;
font-weight:bold;
font-size:22px;
color:#CC0000;
}
.txt_bb{
display:block;
font-weight:bold;
font-size:18px;
}


input,textarea,select{
font-size:20px;
line-height: 160%;
}


.order_box_tell{
display:block;
width:600px;
margin:0 auto;
padding:0;
border:#ffa000 3px solid;
}


.order_box_tell_title{
display:block;
width:600px;
margin:0 auto;
padding:5px 0;
background-color: #ffa000;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
text-align:center;
}

.order_box_tell_txt{
display:block;
width:500px;
margin:0 auto;
padding:20px;

}

.order_box_tel_no{
font-size:24px;
color:#CC0000;
font-weight:bold;
}


.txt_red_b{
font-weight:bold;
color:#CC0000;
font-size:24px;
text-align:center;
}



/*--フォーム--*/
.inq_box{
display:block;
margin:0 auto;
padding:0 0 20px 0;
border-bottom:#666666 1px dashed;
font-size:16px;
overflow: hidden;

}

.inq_box_top{
border-top:#666666 1px dashed;
}



.inq_box_title{
display:block;
width: 200px;
margin:0 auto;
float:left;
line-height: 140%;
padding-left:20px;
padding-top:20px;
padding-bottom:32767px;
margin-bottom:-32767px;
background-color:#fff7d2;
}

.inq_box_title_s{
display:block;
width: 680px;
margin:0 auto;
line-height: 140%;
padding-left:20px;
padding-top:20px;
padding-bottom:32767px;
margin-bottom:-32767px;
background-color:#ffffff;
font-size:18px;
font-weight:bold;
color:#000000;
float:left;
}

.inq_box_txt{
display:block;
width: 480px;
margin:0 auto;
float:left;
line-height: 150%;
padding-left:20px;
padding-top:20px;
padding-bottom:32767px;
margin-bottom:-32767px;
}

input,textarea,select{
font-size:16px;
margin:5px auto;
padding:5px;
line-height: 150%;
}

#order_end{
height:100%;
}

/*--営業時間BOX--*/
.order_info{
margin-bottom: 15px;
padding:10px 35px;
display:block;
}
.order_info_title{
background: none repeat scroll 0 0 #efefef;
border:#cccccc 1px solid;
font-weight: bold;
padding: 6px 0;
text-align: center;
}
.order_info_box{
border:#CCCCCC 1px solid;
border-top:none;
padding:10px 40px;
}

.order_info_tel{
font-size:200%;
line-height:120%;
font-size:bold;
color:#CC0000;
font-weight:bold;
}
.order_time_info_txt{

}


.company_photo img{

}





.qa_box{
display:block;
width:730px;
border:#ececec 15px solid;
padding:15px 20px 20px 20px; 
margin:10px auto;
font-size:14px;
line-height:170%;
text-align:left;
}
.q_color{
color:#d91946;
}
.q_color2{
color:#182ed4;
}

.q_txt{
display:block;
padding:15px 15px 5px 15px;
font-size:16px;
font-weight:bold;
line-height:160%;
}

.a_txt{
display:block;
padding:0 15px 10px 30px;
font-size:14px;
line-height:160%;
border-bottom: #000033 dotted 1px;
color:#000033;
}

.txt_box{
padding:15px 10px;
display:block;
width:800px;
height:auto;
font-size:16px;
line-height:170%;
text-align:left;
}

/*-------------------------------------
キーカラー
--------------------------------------*/
.txt_red{
	color:#cc0000;
}

.txt_red_s{
	color:#cc0000;
	font-size:12px;
}
.txt_blue{
	color:#0066cc;
}
.txt_marker{
	background-color:#FFFF33;
}
.txt_keycolor{
	color:#D9C9B8;
}
