﻿@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ ブラウザのマージンとパディング初期化
------------------------------------------*/
*{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;}
/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img{border: none;}
a {color: #aa0122;text-decoration:none;}
a:hover {color:#aa0122;text-decoration:none;}
a:visited {color:#FF9800;text-decoration:underline;}
/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
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;}
/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left: 10px;
	
}
.img_right{float:right;margin-left:20px;margin-bottom:10px; margin-top:10px; margin-right:10px;}
.img_center{
	display:block;
	margin:10px auto 10px;
	clear:both;
}
.img_center_t{
	display:block;
	margin:0px auto 0;
	clear:both;
}
.size_m{ border: 2px solid #CCCCCC;
box-shadow: 3px 3px 3px #CCCCCC;}
.size_ms{ }

.size_s{ border: 2px solid #CCCCCC;
box-shadow: 3px 3px 3px #CCCCCC;}
/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold{font-weight:bold;}
.txt_small{
	font-size:85%;
}
.txt_big{font-size:120%;}
.txt_right{text-align:right;}
.txt_red{
	color:#C61924;
}
.txt_yellow{color: #FFF45C;}
.txt_ore{
	color: #FF9800;
}
.txt_blue{color:#0066cc;}
.txt_keycolor{color:#aa0122;}
.txt_keycolor2{color:#fb2663;}
.txt_marker{background-color:#ffffb6;}
.txt_underline{border-bottom:#cccccc 1px dotted;margin-bottom:2px;}
/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none{display: none;}
.sp_none{}

/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
background: repeat fixed center 0 #ffffff;
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
color:#333333;
font-size: 16px;
line-height: 180%;
}
#wrap{
	background: url("wrap_bg.png") repeat-y scroll center 0;
	width:950px;
	margin:0 auto;
	clear: both;
	padding-top: 1px;
}
#frame{}
#top{
	background:url("bg10.gif") repeat scroll center 0;
	width:auto;
		padding: 0px auto;
	margin: 0px auto;
}

.top_box{ vertical-align:top;
	padding: 0px auto;
	margin: 0px auto;
	clear:both;}


.top_btn{
	padding: 0px 10px;
}

#main{
	width:930px;
	margin:0 auto 15px;
	padding: 0px 0;
}
.section{margin:30px auto 10px;clear:both;}

/*------------------------------------------
■　box, txt_area
------------------------------------------*/
.box{
	margin: 0px 20px;
	clear: both;
}

.box_form{
	margin: 0px 35px;
	clear: both;
}

.box_bg{
	background: url("bg10.gif") repeat scroll center 0 transparent;
	border: 1px solid #d5cfba;
	margin: 20px 20px;
	padding: 20px 30px;
}

.box_bg_img{
	background: url("box_bg_img.jpg") repeat scroll center 0 transparent;
	border: 0px solid #d5cfba;
	margin: 20px 15px;
	padding: 20px 20px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #CCCCCC;
}
.box_border{
	background-color: #FCFAF0;
	border: 5px double #CCCCCC;
	margin: 20px 20px;
	padding: 20px 20px;
}




.txt_area{
padding:0px;
}

.txt_area_bg{
	background-color: #f2f2f2;
	padding: 20px 30px;
	margin: 10px auto;
}


.txt_area_w{
	background-color: #FFFFFF;
	padding: 20px 30px 20px;
	margin: 20px auto;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #CCCCCC;

}

.txt_area_wl{
	background-color: #FFFFFF;
	padding: 20px 30px 20px;
	margin: 20px auto;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #CCCCCC;
	border:1px solid #f2f2f2;

}


.txt_area_border{
	background-color: #FFFFFF;
	border: 5px solid #f3e3e3;
	padding: 20px 20px;
	margin: 10px 30px;
}





	border: 5px solid #7aafc9;

.txt_area_bg01{
	background: url("bg06.gif") repeat scroll center 0 transparent;
	border: 5px solid #CCCCCC;
	padding: 20px 20px;
	margin: 10px auto;
}


.txt_area_bg02 p{	
	margin:5px 10px 5px;
	line-height: 200%;
	padding: 5px 10px;
	}







.txt_area_fl{
	display:block;
	float:left;
	text-align:left;
	padding: 0px 10px;
	width:330px;
	font-size: 100%;
	background-color:#FFFFFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px #CCCCCC;
	
	}
	
.txt_area_fr{
	display:block;
	float:right;
	text-align:left;
	padding: 10px 0px 20px 0px;
	width:590px;
	}
	


.txt_area_ami{
	background: url("bg06.gif") repeat scroll center 0 transparent;
	padding: 20px 20px 20px;
	margin: 10px 30px 10px;
}




/*------------------------------------------
■ h1 h2 h3 h4 h5
------------------------------------------*/
h1{
	background-color: #aa0122;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0 auto;
	width: auto;
	height:30px;
	text-align:center;
}
.h1_txt{display: block;line-height: 120%;padding: 5px 10px;
}

h2{}

/*------------------------------------------
■ h4タイトル
（※スマートフォンでは、背景画像を消してテキストタイトルを表示させてください）
------------------------------------------*/
h4.title{
	margin: 10px auto 5px;
	height:109px;
	text-indent:-4000px;
	display:block;
	clear:both;
}


h4.title_s{
	margin: 5px auto 10px;
	height:60px;
	text-indent:-4000px;
	display:block;
	clear:both;
}




.t_001{background: url("title_001.png") no-repeat scroll center 0 transparent;}
.t_002{background: url("title_002.png") no-repeat scroll center 0 transparent;}
.t_003{background: url("title_003.png") no-repeat scroll center 0 transparent;}
.t_004{background: url("title_004.png") no-repeat scroll center 0 transparent;}
.t_005{background: url("title_005.png") no-repeat scroll center 0 transparent;}
.t_006{background: url("title_006.png") no-repeat scroll center 0 transparent;}
.t_007{background: url("title_007.png") no-repeat scroll center 0 transparent;}
.t_008{background: url("title_008.png") no-repeat scroll center 0 transparent;}


.ts_001{background: url("s_title001.gif") no-repeat scroll center 0 transparent;}
.ts_002{background: url("s_title002.gif") no-repeat scroll center 0 transparent;}
.ts_003{background: url("s_title003.gif") no-repeat scroll center 0 transparent;}








/*------------------------------------------
■ サブタイトル装飾（基本値）
------------------------------------------*/



.sub_title_a{
	border-left:15px solid #aa0122;
	font-size: 22px;
	font-weight: bold;
	line-height: 200%;
	margin: 10px auto;
	padding-left: 10px;
	padding-top: 2px;
	color: #4d4d4d;
	border-bottom: 1px solid #aa0122;
	padding-bottom: 0px;
}


.sub_title_b{
	font-size: 27px;
	font-weight: bold;
	line-height: 160%;
	margin: 5px auto 5px;
	padding: 5px 10px 0px;
	color: #aa0122;
	display: block;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}




.sub_title_c{
	border-left:15px solid #aa0122;
	font-size: 24px;
	font-weight: bold;
	line-height: 160%;
	margin: 10px auto;
	padding-left: 10px;
	padding-top: 5px;
	color: #aa0122;
	border-bottom: 1px solid #aa0122;
	background-color: #EFEFEF;
}

.sub_title_d{
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	line-height: 130%;
	margin: 0px auto 10px;
	padding: 10px 20px 8px;
	background-color: #aa0122;
}
.sub_title_e{
	font-size: 22px;
	line-height: 180%;
	margin: 0px auto 15px;
	padding: 5px 10ｐｘ 5px;
	color: #aa0122;
	font-weight: bold;
	text-align: center;
	border: 4px double #aa0122;
	background-color: #FFC;
}
.sub_title_f{
	background-color: #f2f2f2;
	border-left: 15px solid #FF9900;
	box-shadow: 1px 1px 1px #CCCCCC;
	color: #333333;
	font-size: 22px;
	line-height: 130%;
	margin: 10px 0 15px;
	padding: 8px 20px 6px;
	font-weight: bold;
}


.sub_title_g{
	background-color: #f2f2f2;
	box-shadow: 1px 1px 1px #CCCCCC;
	color: #333333;
	font-size: 22px;
	line-height: 130%;
	margin: 10px 0 15px;
	padding: 8px 10px 6px;
	font-weight: bold;
}

.sub_title_bg{
	display:block;
	background: url("sub_title_bg.gif") no-repeat scroll center 0 transparent;
	/*font-family: "小塚明朝 Pro B", "ＭＳ Ｐ明朝", serif;*/
	font-size:24px;
	font-weight: bold;
	height: 56px;
	line-height: 260%;
	color:#3D250D;
	clear: both;
	margin: 0 auto 15px;
	padding:10px auto 5px;
	text-align:left;
	text-indent: 25px;
}

/*------------------------------------------
■ ヘッダーエリア
------------------------------------------*/

#header_bg{
	background: url("header_bg.gif") repeat-x scroll center 0 transparent;
	height: 90px;
	margin: 0 auto;
	padding: 0;
	width:auto;
}
#header{
	background: url("header.gif") no-repeat scroll center 0 transparent;
	height: 90px;
	margin: 0 auto;
	padding: 0;
	width:930px;
	position: relative;
	left: 0px;
	top: 0px;
}
#header .header_tel_number{
	color:#313131;
	display: block;
	font-size: 26px;
	font-weight: bold;
	line-height: 100%;
	position: absolute;
	left: 608px;
	top: 39px;
	white-space: nowrap;
}

#header .header_btn{
	height: 60px;
	width: 197px;
	position: relative;
	left: 677px;
	top: 8px;
	
}

/*------------------------------------------
■ 旧）受付時間などもテキスト（昔のテンプレ）のお問い合わせエリアcss
------------------------------------------*/
.order{
	background:url("order.png") no-repeat center top;
	margin: 25px auto 15px;
	padding:0;
	height:468px;
	clear: both;
}

h3.copy {display: none;}

.order_area{
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 348px 0 0;
	width: 840px;
}

/*　電話番号エリア　*/

.order p.txt_cap,
.order p.order_time{
font-size: 16px;
font-weight: bold;
line-height: 140%;
padding: 0 0 0 0px;
display:none;
}
.order a.txt_tel{
	white-space: nowrap;
	color: #4d4d4d;
	display: block;
	font-size: 34px;
	font-weight: bold;
	left: 65px;
	line-height: 100%;
	position: relative;
	top: 35px;
	width: 340px;
	text-align: left;
}

/*　ボタンエリア　*/
.order_btn{
display: block;
height: 84px;
left:425px;
position: relative;
top: -30px;
width: 389px;
}
.plain{white-space:nowrap;}

/*■■■■■■■■■■■■■■■■■■■■■■
　　流用コンテンツ　【　良く使うカテゴリ　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ リストのチェックアイコン
------------------------------------------*/
ul{
line-height: 200%;
list-style: none outside none;
padding: 10px 10px;
}
ul li.icon_check{
background: url("icon_check.png") no-repeat scroll 0 0;
padding-left: 34px;
}

/*------------------------------------------
■ list_box
------------------------------------------*/
.list_box_01{
	background: url("check3_bg.jpg") no-repeat scroll center 0 transparent;
	height:754px;
}

.list_box_01 ul{
	padding: 280px 0 0;
	margin:0px 10px 10px 90px;
	width: 720px;
	float:left;
}


.list_box_01 ul li.icon_check{
	background: url("icon_check.png") no-repeat scroll 3px 5px transparent;
	font-size:22px;
	font-weight: normal;
	line-height: 150%;
	list-style: none outside none;
	margin: 8px 0;
	padding-bottom: 5px;
	padding-left: 40px;
	padding-top: 5px;
}

.list_box_01 h5{
	display:none;
	}

/*------------------------------------------
■ list_box
------------------------------------------*/
.list_box_03{
	height: auto;
}

.list_box_03 ul{
	padding: 0 0 0;
	margin:0px 10px 10px;
	width: auto;
}
.list_box_03 ul li{
	list-style: disc outside none;
	font-size:16px;
	line-height: 130%;
	margin: 3px 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
}


/*------------------------------------------
■ list_box
------------------------------------------*/
.list_box_02{
	background: url("check_bg2.jpg") no-repeat scroll center 0 transparent;
	height:660px;
}

.list_box_02 ul{
	padding: 210px 0 0;
	margin:0px 10px 10px 90px;
	width: 500px;
	float:left;
}


.list_box_02 ul li.icon_check{
	background: url("icon_check.png") no-repeat scroll 3px 5px transparent;
	font-size:20px;
	font-weight: normal;
	line-height: 140%;
	list-style: none outside none;
	margin: 8px 0;
	padding-bottom: 5px;
	padding-left: 40px;
	padding-top: 5px;
}

.list_box_02 h5{
	display:none;
	}

/*------------------------------------------
■ 特徴BOX
------------------------------------------*/
.box_m{
background-color: #BB8C5C;
border-radius: 10px 10px 10px 10px;
margin: 0 20px;
padding: 0 0 30px;
}
.box_m_txt{
background-color: #FFFFFF;
border-radius: 10px 10px 10px 10px;
margin: 0 30px;
padding: 20px 20px;
}

.box_m_txt ul li{
line-height: 160%;
margin: 10px 0;
padding: 0 0 10px;
}

/*------------------------------------------
■ point
------------------------------------------*/
.point_title{
border-bottom: 2px dotted #333333;
color: #AA0000;
font-size: 22px;
font-weight: bold;
margin-left: 0px;
padding-bottom: 5px;
padding-top: 10px;
}


/*------------------------------------------
■ point_area
------------------------------------------*/

.box_point{
	background:no-repeat scroll 0 0 transparent;
	background-color:#f2f2f2;
	height:auto;
	background-position:top center;
	margin: 20px auto 20px;
	padding-top:0px;
	padding-bottom:10px;
	display: block;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #CCCCCC;
}




.point_area{
	clear:both;
	margin:20px 20px;
	padding: 10px 10px 10px 15px;
	width: auto;
	display: block;
	background-color:#FFFFFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px #CCCCCC;
	border:1px solid #B2B2B2;
	min-height: 160px;
}

.point_area_b{
	clear:both;
	margin:20px auto;
	padding: 10px 10px 10px 25px;
	width: auto;
	display: block;
	background-color:#FFFFFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px #CCCCCC;
	border:1px solid #B2B2B2;
	height: 335px;
}

.point_img{
	display: block;
	float: left;
	margin: 0 10px 0 5px;
	padding-right: 0px;
}



.point_txt{
	display: block;
	margin: 0 0px 0 0px;
	padding: 5px 0px 5px 0px;
	float: left;
	width:631px;
	font-size: 16px;
}



h5.point_t_title_b{
	margin: 5px 0 10px;
	height: 77px;
	text-indent: -4000px;
	display: block;
	width:631px;
}

h5.point_t_title{
	margin: 5px 0 10px;
	height: 42px;
	text-indent: -4000px;
	display: block;
	width:631px;
}
.pt_001{background: url("point_t1.jpg") no-repeat scroll center 0 transparent;}
.pt_002{background: url("point_t2.jpg") no-repeat scroll center 0 transparent;}
.pt_003{background: url("point_t3.jpg") no-repeat scroll center 0 transparent;}
.pt_004{background: url("point_t4.jpg") no-repeat scroll center 0 transparent;}
.pt_005{background: url("point_t5.jpg") no-repeat scroll center 0 transparent;}
.pt_006{background: url("point_t6.jpg") no-repeat scroll center 0 transparent;}
.pt_007{background: url("point_t7.jpg") no-repeat scroll center 0 transparent;}
.pt_008{background: url("point_t8.jpg") no-repeat scroll center 0 transparent;}
.pt_009{background: url("point_t9.jpg") no-repeat scroll center 0 transparent;}
.pt_010{background: url("point_t10.jpg") no-repeat scroll center 0 transparent;}
.pt_011{background: url("point_t11.jpg") no-repeat scroll center 0 transparent;}
.pt_012{background: url("point_t12.jpg") no-repeat scroll center 0 transparent;}




.point_number{
	display:none;
}


/**/


/*------------------------------------------
■ message_box（中央センタリングに大きな文字）
------------------------------------------*/
.box_e{
    background-color: #773535;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-family: "ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
    font-size: 32px;
    font-weight: bold;
    line-height: 130%;
    margin: 20px auto;
    padding: 20px 20px 15px;
	text-align: center;

}
.box_e .box_e_in{
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
background: none repeat scroll 0 0 #FCF8F2;
color: #333333;
font-size: 19px;
font-weight: normal;
line-height: 140%;
margin-top: 20px;
padding: 15px 40px 20px;
text-align: left;
}

/*------------------------------------------
■ フロートボックス
------------------------------------------*/

.con2_area{
	clear:both;
	height:auto;
	margin: 10px 25px;
	padding: 10px auto;
	width:auto;
}

.con2_1,
.con2_2{
	float: left;
	height: 350px;
	margin: 10px 10px;
	padding: 10px auto;
	width: 400px;
}



.con_f{
	margin: 10px 5px;
	padding: 10px 10px;
	width: auto;
	border: 1px solid #CCCCCC;
	}


.con2_title{
	border-bottom: 3px dotted #aa0122;
	display: block;
	font-size: 20px;
	margin-bottom: 5px;
	color: #aa0122;
	padding: 10px 10px auto;
	text-indent: 10px;
	border-left: 15px solid #aa0122;
}






/*------------------------------------------
■ お客様の声
------------------------------------------*/
.voice_area{margin: 10px 20px;}
.voice {
font-size:96%;
background: url("voice_bg.gif") repeat scroll 0 0 transparent;
border: 1px solid #CCCCCC;
box-shadow: 2px 2px 2px #CCCCCC;
line-height: 160%;
margin: 15px auto;
padding: 10px 20px 10px;
}

/*------------------------------------------
■ 良くある質問
------------------------------------------*/
.faq{
background: none repeat scroll 0 0 #FFFCF5;
border: 1px dotted #98062e;
font-size: 16px;
margin: 10px auto;
padding: 10px 20px;
}
.faq_q{
/*
background: url("icon_q.gif") no-repeat scroll 0 0 transparent;
*/
border-bottom: 1px solid #460607;
color: #460607;
font-size: 22px;
font-weight: bold;
line-height: 140%;
margin: 10px auto;
padding: 0 0 5px;
}
.q{
background-color: #319FC8;
border-radius: 20px 20px 20px 20px;
font-size: 22px;
font-weight: bold;
color: #FFFFFF;
display: block;
float: left;
height: 32px;
margin-right: 8px;
text-align: center;
width: 32px;
line-height: 140%;
}

.faq_a{
/*
background: url("icon_a.gif") no-repeat scroll 0 0 transparent;
*/
line-height: 180%;
margin: 10px auto;
padding: 0;
}
.a{
background-color: #e06d8b;
border-radius: 20px 20px 20px 20px;
font-size: 22px;
font-weight: bold;
color: #FFFFFF;
display: block;
float: left;
height: 32px;
margin-right: 8px;
text-align: center;
width: 32px;
line-height: 140%;
}

/*------------------------------------------
■ アクセス
------------------------------------------*/
.map_area{
	font-size: 16px;
	line-height: 100%;
	text-align: right;
	padding: 0 15px 0;
}

.map_in{	
display: block;
height: 380px;
margin: 0 auto;
width: 100%;
}

.info_left{
	float:left;
	width:490px;
}
.info_right{
	float: right;
	font-size: 18px;
	line-height: 100%;
	text-align: right;
	width: 370px;
}

/*------------------------------------------
■ テーブル
------------------------------------------*/
.table01{
	background-color: #cccccc;
	margin: 15px auto 10px;
	width:400px;
}
.table01 th{
	background-color: #EFEFEF;
	font-weight: normal;
	line-height: 140%;
	padding: 5px 10px;
	text-align:left;
	width:40%;
}
.table01 td{
background-color: #FFFFFF;
line-height: 150%;
padding: 5px 10px;
}
.table01 th.th01{
text-align: center;
}


.table02{
background-color: #FFFFFF;
font-size:16px;
margin: 15px auto 30px;
width:100%;
}
.table02 th{
	background-color: #f3e3e3;
	font-weight: normal;
	line-height: 140%;
	padding: 5px 10px;
	text-align: left;
	width:25%;
	border-left:5px solid #aa0122;
	border-bottom:1px solid #aa0122;
}
.table02 td{
	background-color: #FFFFFF;
	line-height: 150%;
	padding: 5px 10px;
	border-bottom:1px solid #CCCCCC;
}
.table02 th.th01{
text-align: center;
}





td.td_c{
text-align: center;
}
td.td_r{
text-align: right;
}

/*------------------------------------------
■ フォーム部分
------------------------------------------*/

.form_area{
margin:40px auto;
}

/* --フォームテーブルの部分-- */
.table_box{
border-top:#cccccc 1px solid;
margin:15px auto;	
}

.inq_box{
display:block;
margin:0 auto;
padding:0 0 20px 0;
border-bottom:#cccccc 1px solid;
border-left: #cccccc 1px solid;
border-right: #cccccc 1px solid;
font-size:16px;
overflow: hidden;
}
.inq_box_top{
border-top:#cccccc 1px solid;
}
.inq_box_title{
display:block;
width: 260px;
margin:0 auto;
float:left;
line-height: 140%;
padding-left:20px;
padding-top:20px;
padding-bottom:32767px;
margin-bottom:-32767px;
background-color:#f1f1f1;
border-right: 1px solid #CCCCCC;
}
.inq_box_txt{
display:block;
width: 300px;
margin:0 auto;
float:left;
line-height: 140%;
padding-left:20px;
padding-top:20px;
padding-bottom:32767px;
margin-bottom:-32767px;
}
input,textarea,select{
font-size: 16px;
margin:5px auto;
padding:5px;
}

/*------------------------------------------
■ フッター
------------------------------------------*/
#footer {
border-bottom: 1px solid #CCCCCC;
display: block;
font-size: 14px;
line-height: 1.8;
margin: 30px 10px 0;
padding: 0px 0;
text-align: center;
}
.copyright {
	background-color:#aa0122;
	color: #FFFFFF;
	height: 40px;
	margin: 15px auto 0;
	padding-top: 15px;
}


/*■■■■■■■■■■■■■■■■■■■■■■
　　追加コンテンツ設定
■■■■■■■■■■■■■■■■■■■■■■*/


/*------------------------------------------
■ menu_area
------------------------------------------*/

.box_menu{
	background:no-repeat scroll 0 0 transparent;
	background-color:#F9F7F0;
	height:auto;
	background-position:top center;
	margin: 20px auto 20px;
	padding-top:0px;
	padding-bottom:20px;
	display: block;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #CCCCCC;
}


.menu_area{
	clear:both;
	margin:0px 20px;
	padding: 10px 10px 10px 15px;
	width: auto;
	display: block;
	background-color:#FFFFFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px #CCCCCC;
	border:1px solid #B2B2B2;
	min-height: auto;
}

.menu_area_c{
	clear:both;
	margin:10px 20px;
	padding: 10px auto 15px;
	width: auto;
	display: block;
	min-height: auto;
}



/*------------------------------------------
■ 良くある質問
------------------------------------------*/


.faq_area{
	background: none repeat scroll 0 0;
	font-size: 16px;
	margin: 10px auto;
	padding: 0px auto;
}
/*.faq{
background: none repeat scroll 0 0 #FFFCF5;
border: 1px dotted #98062e;
font-size: 16px;
margin: 10px auto;
padding: 0px auto;
}*/
.faq_q{
/*
background: url("icon_q.gif") no-repeat scroll 0 0 transparent;
*/
border-bottom: 1px solid #460607;
color: #460607;
font-size: 22px;
font-weight: bold;
line-height: 140%;
margin: 10px auto;
padding: 0 0 5px;
}


.faq_a{
/*
background: url("icon_a.gif") no-repeat scroll 0 0 transparent;
*/
line-height: 180%;
margin: 10px auto;
padding: 0;
}



/*------------------------------------------
■ STEP
------------------------------------------*/
.step_area{
	background: url("bg06.gif") repeat scroll 0 0 transparent;
	border: 10px solid #CCCCCC;
	margin: 20px auto;
	padding: 20px;
}

.step_ttile {
	background-color:#FFFFFF;
	border-bottom: 2px dashed #cccccc;
	border-top: 2px dashed #cccccc;
	color: #54463A;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 28px;
	letter-spacing: 0.04em;
	line-height: 180%;
	margin: 10px 0;
	padding: 0;
	font-weight: bold;
}

.s_block{
	background-color: #aa0122;
	border-radius: 30px;
	box-shadow: 1px 1px 1px #666666;
	color: #FFFFFF;
	font-size: 18px;
	margin-right: 15px;
	padding: 6px 30px;
}


.step_area p{
	font-size:16px;
	
}


/*------------------------------------------
■ プランエリア
------------------------------------------*/
.plan_bg{
	border: 1px solid #aa0122;
	margin: 10px auto;
	padding: 15px 20px;
	background-color: #f2f2f2;
}

.plan_bg2{
	border: 1px solid #438243;
	margin: 10px auto;
	padding: 15px 20px;
	background-color: #FFFFFF;
}


.pcon_title{
	font-size: 22px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	padding-top: 10px;
}





/*------------------------------------------
■ 良くある質問カスタマイズ編
------------------------------------------*/
.faq_c{
	background: none repeat scroll 0 0;
	border: 1px dotted #FFFFFF;
	font-size: 16px;
	margin: 10px auto;
	padding: 5px 15px;
	/*border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px #CCCCCC;*/
	width: auto;
	
}
.faq_c_q{
	background: url("qa_q_bar.gif") no-repeat scroll 0 0 transparent;
	/*border-bottom: 1px solid #460607;*/
color:#4d4d4d;
	font-size: 20px;
	font-weight: bold;
	line-height: 180%;
	margin: 10px auto 0;
	padding: 15px 5px 5px 60px;
	height:47px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.faq_c_ql{
	background: url("qa_q_bar2.gif") no-repeat scroll 0 0 transparent;
color:#1D7E06;
	font-size: 20px;
	font-weight: bold;
	line-height: 160%;
	margin: 10px auto 0;
	padding: 10px 5px 5px 50px;
	height:77px;
}


.faq_c_a{
	background: url("qa_a_bar.gif") no-repeat scroll 0 0 transparent;
	padding: 5px 5px 0px 60px;
	line-height: 180%;
	margin: 0px auto 10px;
	height:auto;
}



/*------------------------------------------
■イメージBGコンテンツ
------------------------------------------*/
.bg_img001{
	margin: 0px auto 10px;
	height:1070px;
	display:block;
	clear:both;
	background: url("bg_img001-01.jpg") no-repeat scroll center 0px transparent;
	background-color:#FFFFFF;
	width:900px;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 2px 2px 2px #CCCCCC;
}

.bg_img001_t{ display:none;}

.img001_txt{
	padding:300px 30px 10px 35px;
}

.img001_fl{
	display:block;
	float:left;
	text-align:left;
	padding: 0px auto 0;
	width:590px;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 25px;
}

.img001_w{
	display:block;
	text-align:left;
	padding: 0px auto 0;
	width:auto;
	font-size: 100%;
	margin-top: 0px;
	clear: both;
}
	


.bg_img001_st{ display:none;
}

.bg_img001 p{
	padding:10px auto 10px;
	line-height:180%;
	width: auto;
	font-size: 20px;
}



.bg_img002{
	margin: 0px auto 10px;
	height:683px;
	display:block;
	clear:both;
	background: url("bg_img002.png") no-repeat scroll center 0px transparent;
	width:auto;
}

.bg_img002_t{ display:none;}

.img002_txt{
	padding:200px 30px 10px 35px;
}

.img002_fl{
	display:block;
	float:left;
	text-align:left;
	padding: 0px auto 0;
	width:650px;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 25px;
}

.img002_w{
	display:block;
	text-align:left;
	padding: 0px auto 0;
	width:auto;
	font-size: 100%;
	margin-top: 0px;
	clear: both;
}
	


.bg_img002_st{ display:none;
}

.bg_img002 p{
	padding:10px 30px 10px;
	line-height:180%;
	width: auto;
	font-size: 20px;
}



.bg_img003{
	margin: 0px auto 10px;
	height:359px;
	display:block;
	clear:both;
	background: url("bg_img003.jpg") no-repeat scroll left 5px transparent;
	width:860px;
}

.bg_img003_t{ display:none;}

.img003_txt{
	padding:100px 0px 10px 25px;
	width: 510px;
}

.bg_img003 p{
	padding:10px auto 10px;
	line-height:190%;
	width: auto;
	font-size: 18px;
}

/*------------------------------------------
■ h5readコンテンツ
------------------------------------------*/
.rd_001{
	margin: 0px auto 10px;
	height:59px;
	text-indent:-4000px;
	display:block;
	clear:both;
	background: url("h5_read001.gif") no-repeat scroll center transparent;
}

.rd_002{
	margin: 0px auto 10px;
	height:61px;
	text-indent:-4000px;
	display:block;
	clear:both;
	background: url("sub_title_img01.gif") no-repeat scroll center transparent;
}

.rd_003{
	margin: 0px auto 10px;
	height:61px;
	text-indent:-4000px;
	display:block;
	clear:both;
	background: url("sub_title_img02.gif") no-repeat scroll center transparent;
}

.rd_004{
	margin: 0px auto 10px;
	height:102px;
	text-indent:-4000px;
	display:block;
	clear:both;
	background: url("h5_read002.gif") no-repeat scroll center transparent;
}

.rd_005{
	margin: 0px auto 10px;
	height:61px;
	text-indent:-4000px;
	display:block;
	clear:both;
	background: url("h5_read003.gif") no-repeat scroll center transparent;
}




/*------------------------------------------
■ Pコンテンツ
------------------------------------------*/

p.cons{
	margin:0 10px 20px;
}

p.base{
	margin:5px auto 10px;
	line-height: 180%;
	padding: 5px 15px;
}


/*------------------------------------------
■イメージ・バナーコンテンツ
------------------------------------------*/

.bana_area{
	vertical-align:top;
	padding: 10px auto 0;
	text-align: center;
	margin-bottom: 0px;
	width: 800px;
	margin: 0 auto;
}

.bana_area img{
	padding: 6px 10px;
}


.bana_area2{
	vertical-align:top;
	padding: 10px auto 0;
	text-align: center;
	margin-bottom: 0px;
}

.bana_area2 img{
	padding: 6px 8px;
}




/*------------------------------------------
■その他
------------------------------------------*/


h5.title_katsuyo{
margin: 10px auto 5px;
height:75px;
text-indent:-4000px;
display:block;
clear:both;
}


.kt_001{background: url("katsuyou_t.gif") no-repeat scroll center 0 transparent;}
.kt_002{background: url("katsuyou_t2.gif") no-repeat scroll center 0 transparent;}
.kt_003{background: url("katsuyou_t3.gif") no-repeat scroll center 0 transparent;}
.kt_004{background: url("katsuyou_t4.gif") no-repeat scroll center 0 transparent;}
.kt_005{background: url("katsuyou_t5.gif") no-repeat scroll center 0 transparent;}



/*------------------------------------------
■ フロートボックス　カスタム2カラム
------------------------------------------*/
.con2c{
	float: left;
	height: auto;
	margin: 5px 5px 5px 5px;
	padding: 0px auto;
	width: 418px;
	height:338px;
}

.c_bg1{background: url("kouka01.jpg") no-repeat scroll center 0 transparent;}
.c_bg2{background: url("kouka02.jpg") no-repeat scroll center 0 transparent;}
.c_bg3{background: url("kouka03.jpg") no-repeat scroll center 0 transparent;}	
.c_bg4{background: url("kouka04.jpg") no-repeat scroll center 0 transparent;}
.c_bg5{background: url("kouka05.jpg") no-repeat scroll center 0 transparent;}
.c_bg6{background: url("kouka06.jpg") no-repeat scroll center 0 transparent;}
.c_bg7{background: url("kouka07.jpg") no-repeat scroll center 0 transparent;}
.c_bg8{background:no-repeat scroll center 0 transparent;}
	
.con2c h6{ display:none; }	

.con2c p{
	padding:120px 25px 10px;
	display:block;
	line-height:180%;
	font-size: 16px;
}	



.info_box{
	background: url("con1_02.gif") repeat-y scroll center 0;
	width:814px;
	margin:10px auto 0;
	padding-top:0px;
	}

.info_box_t{
	margin: 0px auto 10px;
    height:83px;
    text-indent:-4000px;
    display:block;
    clear:both;
    background: url("con1_01.gif") no-repeat scroll center 0 transparent;}
	
.info_box_txt{
	padding:0 30px;
}



.info_box p{
	padding:0 10px;
	line-height:160%;
}


/*■■■■■■■■■■■■■■■■■■■■■■
　　サブページ設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ サブページ共通
------------------------------------------*/
.sub_page_title{
background-color: #aa0122;
border-bottom: 3px solid #CCCCCC;
color: #FFFFFF;
font-size: 28px;
font-weight: bold;
margin: 20px 0;
padding: 20px 0 15px;
text-align: center;
}

#order_page,#privacypolicy,#company,#law,#order_end{
line-height: 140%;
margin: 0 30px;
padding:5px 0;
min-height:600px;
}
#privacypolicy,#company,#law{
font-size:14px;
line-height: 140%;
}
/* 別々に指定したければ、分けてください*/

/*------------------------------------------
■ プライバシーポリシーページ設定
------------------------------------------*/
#pp_page{}

.sub_page_h{
background: none repeat scroll 0 0 #EFEFEF;
border-left: 12px solid #999999;
font-size: 18px;
line-height: 130%;
margin: 0 0 15px;
padding: 5px 15px 3px;
}

/*------------------------------------------
■ 特定商取引法に基づく表記
------------------------------------------*/



/*------------------------------------------
■ 会社概要
------------------------------------------*/

/*------------------------------------------
■ 商品紹介
------------------------------------------*/
.box_item{
	background-color:#fff6ea;
	border: 0px solid #d5cfba;
	margin: 20px 15px;
	padding-bottom:20px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #CCCCCC;
}


.order_i{
	background: url("item_bimg.png") no-repeat center top;
	margin: 0px auto 0px;
	padding:0;
	height:611px;
	clear: both;
	border-radius: 10px;
}

h3.copy_i {display: none;}

.order_i_area{
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 510px 0 0;
	width: 840px;
}

.order_i p.txt_cap{
font-size: 16px;
font-weight: bold;
line-height: 140%;
padding: 0 0 0 0px;
display:none;
}



/*　ボタンエリア　*/
.order_i_btn{
display: block;
height: 83px;
left:350px;
position: relative;
top: 0px;
width: 417px;
}


.order_an_txt{
	display:none;
}
