@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{margin:0 0 20px}

span.new{display:none}

#main .adr div,
#main #map p{margin:0!important}

#main .fig,
#main .btn{text-align:center}

#main .sign{text-align:right}

#main #map div{margin:0}

#main .fmail_must{
float:left;
margin:0 0 0 5px;
text-indent:50000px}

.pageTop{
clear:both;
margin:0 0 10px;
text-align:right}

#main .pageTop{margin:0 0 20px}

.pageTop a{
background:url(../img/pageTop.gif) no-repeat 0 4px;
padding:0 0 0 15px}

#main .adBg01{
background:url(../img/sec_adPict01.jpg) no-repeat 100% 0;
min-height:160px;
_height:160px;
padding:0 240px 0 0}

#main .adBg02,
#main .adBg03,
#main .adBg04,
#main .adBg05{
background:url(../img/sec_adPict02.jpg) no-repeat 100% 0;
min-height:110px;
_height:110px;
padding:0 120px 0 0}

#main .adBg02{
min-height:60px;
_height:60px}

#main .adBg03{background:url(../img/sec_adPict03.jpg) no-repeat 100% 0}
#main .adBg04{background:url(../img/sec_adPict04.jpg) no-repeat 100% 0}
#main .adBg05{background:url(../img/sec_adPict05.jpg) no-repeat 100% 0}

/* 見出し
*****************************************/

#main h2{
background:url(../img/sec_h3bg.jpg) no-repeat 50% 100% #fff;
border:1px solid #d9d9d9;
color:#454545;
font-weight:bold;
font-size:140%;
margin:0 0 20px;
padding:5px 0}

#main h2 span{
background:url(../img/sec_h3bg2.jpg) no-repeat 5px 100%;
display:block;
padding:0 0 0 20px}

#main h3{
background:url(../img/sec_h4bg.jpg) no-repeat 0 100% #1A7353;
color:#fff;
font-size:130%;
font-weight:bold;
margin:0 0 20px;
padding:2px 10px 2px 10px}

#main h3.img{
background:none;
padding:0}

#main h4{
background:url(../img/icon01.gif) no-repeat 0 10px;
border-bottom:1px dotted #ccc;
color:#333;
font-size:120%;
font-weight:bold;
margin:0 0 20px;
padding:1px 10px 3px 15px}

/* リスト
*****************************************/

#main ul li{
background:url(../img/icon03.gif) no-repeat 0 8px;
margin:0;
padding:0 0 0 10px}

#main ul li.note{background:none}

#main ul.btn:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.btn{display:inline-block;}

/*\*/
*html #main ul.btn{height:1%}
#main ul.btn{display:block}
/**/

#main ul.btn li{
background:none;
float:left;
margin:0 0 0 10px;
padding:0}

#main ul.btn li.firstChild{margin:0}

#main ul.reason{
background:#faf9f6;
border:2px solid #66931c;
padding:10px}

#main ul.reason li{margin:0 0 5px}

#main ul.reason li.note{margin:0}

#main ul.reason li span{color:red}

#main ul.anchor:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.anchor{display:inline-block;}

/*\*/
*html #main ul.anchor{height:1%}
#main ul.anchor{display:block}
/**/

#main ul.anchor li{
background:none;
float:left;
margin:0 0 0 15px;
padding:0}

#main ul.anchor li.firstChild{margin:0}

/* dl
*****************************************/

#main dl dt{font-weight:bold}

#main dl dd{margin:0}

/* テーブル
*****************************************/

#main table{
border-top:5px solid #358367;
height:auto;
width:100%}

#main table th{
background:#f3f3ed;
border-bottom:1px dotted #999;
font-weight:bold;
padding:8px;
vertical-align:middle;
white-space:nowrap;
width:1%}

#main table td{
background:#fff;
border-bottom:1px dotted #999;
padding:8px 5px 8px 8px;
vertical-align:middle}

#main table.col th{
border-left:1px dotted #999;
text-align:center;
vertical-align:middle}

#main table.col td{
border-left:1px dotted #999;
text-align:center;
vertical-align:top}

#main table.col th.note{
border-left:none;
color:#333;
font-weight:bold;
padding:5px 0}

#main table.col th.f{color:#27614D}

#main table.col th.l{color:#cc0000}

#main table.col th.top.first{padding:0}

#main table.col th img{vertical-align:bottom}

#main table td p,
#main table td div,
#main table td ul,
#main table td dl{margin:0}

#main table.mailform th{
white-space:normal;
padding:5px;
text-align:right;
width:170px}

#main table.t_chart { 
border:1px solid #ccc;
height:auto;
width:100%;
}
#main table.t_chart th {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
font-weight:bold;
padding:10px 0;
vertical-align:middle;
white-space:nowrap;
width: auto;
text-align:center;
color: #333333;
}
#main table.t_chart td {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:1px;
vertical-align:middle;
text-align: center;
}
#main table td.chart_box { width: 123px; }
#main table th.chart_box3 { background: #E5F1C3; }
#main table th.chart_box4 { background: #E9E6E1; }
#main table th.chart_box5 { background: #FFE3D9; }
#main table th.chart_box6 { background: #E0F4F8; }
#main table th.chart_box7 { background: #FFF6D9; }

#main table.t_chart2 { 
border:1px solid #ccc;
height:auto;
width: 630px;
margin: 10px;
border-collapse: separate;
border-spacing: 1px;
}
#main table.t_chart2 th {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
font-weight:bold;
padding:10px 0;
vertical-align:middle;
white-space:nowrap;
width: 150px;
text-align:center;
color: #333333;
}
#main table.t_chart2 td { border-bottom:1px solid #ccc; }
#main table.t_chart2 .text01 { color: #990000; font-weight: bold; }
#main table.t_chart2 .text02 { color: #666666; }

#main table th.b_none, #main table td.b_none { border-bottom:none; }

/* ポイント
*****************************************/

#main dl.point dd{
margin:-80px 0 20px 145px;
min-height:80px;
_height:80px}

/* メリット
*****************************************/

#main .sectionH4:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .sectionH4{
background:url(../img/sec_meritBg.jpg) no-repeat 50% 0 #f6f6f5;
border:1px solid #ececea;
display:inline-block;
padding:3px 10px}

/*\*/
*html #main .sectionH4{height:1%}
#main .sectionH4{display:block}
/**/

#main .sectionH4.h407,
#main .sectionH4.h408,
#main .sectionH4.h409,
#main .sectionH4.h410{
background:url(../img/sec_adIconBg08.jpg) no-repeat 50% 0 #f6f6f5;
padding:3px 10px 3px 120px}

#main .sectionH4.h408{background:url(../img/sec_adIconBg09.jpg) no-repeat 50% 0 #f6f6f5}
#main .sectionH4.h409{background:url(../img/sec_adIconBg10.jpg) no-repeat 50% 0 #f6f6f5}
#main .sectionH4.h410{background:url(../img/sec_adIconBg11.jpg) no-repeat 50% 0 #f6f6f5}

#main .sectionH4 h3{
background:none;
border:none;
margin:0 -7px 10px;
padding:0}

#main .sectionH4.h407 h3,
#main .sectionH4.h408 h3,
#main .sectionH4.h409 h3,
#main .sectionH4.h410 h3{margin:0 -7px 10px -117px}

#main .sectionH4 dl{
border:1px solid #e9e9e7;
background:#fff;
float:left;
margin:0 0 10px;
min-height:120px;
_height:130px;
padding:5px;
width:247px;
_width:257px}

#main .sectionH4.h410 dl{
min-height:150px;
_height:160px}

#main .sectionH4 dl.note{margin:0 10px 10px 0}

#main .sectionH4 dl dt{margin:0 0 10px}

#main .sectionH4 dl dd{
background:url(../img/icon02.gif) no-repeat 0 10px;
font-size:90%;
padding:0 0 0 10px}

#main .sectionH4 p.adIcon01,
#main .sectionH4 p.adIcon02,
#main .sectionH4 p.adIcon03,
#main .sectionH4 p.adIcon04,
#main .sectionH4 p.adIcon05,
#main .sectionH4 p.adIcon06,
#main .sectionH4 p.adIcon07{
background:url(../img/sec_adIconBg01.jpg) no-repeat -8px 0;
padding:0 0 0 70px}

#main .sectionH4 p.adIcon02{background:url(../img/sec_adIconBg02.jpg) no-repeat -8px -10px;padding:0 0 5px 70px}
#main .sectionH4 p.adIcon03{background:url(../img/sec_adIconBg03.jpg) no-repeat -8px 0}
#main .sectionH4 p.adIcon04{background:url(../img/sec_adIconBg04.jpg) no-repeat -8px 0;padding:0 0 8px 70px}
#main .sectionH4 p.adIcon05{background:url(../img/sec_adIconBg05.jpg) no-repeat -8px 0;padding:0 0 5px 70px}
#main .sectionH4 p.adIcon06{background:url(../img/sec_adIconBg06.jpg) no-repeat -8px 0}
#main .sectionH4 p.adIcon07{background:url(../img/sec_adIconBg07.jpg) no-repeat -8px 0}

#main .section_chart{
border:1px solid #ececea;
display:inline-block;
padding:3px;
}
#main .section_chart h3 { background: none; padding: 0; margin-bottom: 10px; }
#main .section_chart p { margin: 0 0 0 20px; }

/* Q&A
*****************************************/

#main .faq ul{margin:0 0 20px}

#main .faq ul li{
background:url(../img/sec_q01.gif) no-repeat 0 5px;
margin:0 0 5px;
padding:0 0 0 40px}

#main .faq ul li.li02{background:url(../img/sec_q02.gif) no-repeat 0 5px}
#main .faq ul li.li03{background:url(../img/sec_q03.gif) no-repeat 0 5px}
#main .faq ul li.li04{background:url(../img/sec_q04.gif) no-repeat 0 5px}
#main .faq ul li.li05{background:url(../img/sec_q05.gif) no-repeat 0 5px}
#main .faq ul li.li06{background:url(../img/sec_q06.gif) no-repeat 0 5px}
#main .faq ul li.li07{background:url(../img/sec_q07.gif) no-repeat 0 5px}
#main .faq ul li.li08{background:url(../img/sec_q08.gif) no-repeat 0 5px}
#main .faq ul li.li09{background:url(../img/sec_q09.gif) no-repeat 0 5px}

#main .faq .pageTop{
border-bottom:1px dotted #000;
padding:0 0 20px}

#main .faq dl#dl01{
border-top:1px dotted #000;
padding:20px 0 0}

#main .faq dl dt{
background:url(../img/sec_q01.gif) no-repeat 0 4px;
margin:0 0 10px;
padding:0 0 0 40px}

#main .faq dl#dl02 dt{background:url(../img/sec_q02.gif) no-repeat 0 4px}
#main .faq dl#dl03 dt{background:url(../img/sec_q03.gif) no-repeat 0 4px}
#main .faq dl#dl04 dt{background:url(../img/sec_q04.gif) no-repeat 0 4px}
#main .faq dl#dl05 dt{background:url(../img/sec_q05.gif) no-repeat 0 4px}
#main .faq dl#dl06 dt{background:url(../img/sec_q06.gif) no-repeat 0 4px}
#main .faq dl#dl07 dt{background:url(../img/sec_q07.gif) no-repeat 0 4px}
#main .faq dl#dl08 dt{background:url(../img/sec_q08.gif) no-repeat 0 4px}
#main .faq dl#dl09 dt{background:url(../img/sec_q09.gif) no-repeat 0 4px}

#main .faq dl dd{
background:url(../img/sec_a01.gif) no-repeat 0 4px;
padding:0 0 0 40px}

#main .faq dl#dl02 dd{background:url(../img/sec_a02.gif) no-repeat 0 4px}
#main .faq dl#dl03 dd{background:url(../img/sec_a03.gif) no-repeat 0 4px}
#main .faq dl#dl04 dd{background:url(../img/sec_a04.gif) no-repeat 0 4px}
#main .faq dl#dl05 dd{background:url(../img/sec_a05.gif) no-repeat 0 4px}
#main .faq dl#dl06 dd{background:url(../img/sec_a06.gif) no-repeat 0 4px}
#main .faq dl#dl07 dd{background:url(../img/sec_a07.gif) no-repeat 0 4px}
#main .faq dl#dl08 dd{background:url(../img/sec_a08.gif) no-repeat 0 4px}
#main .faq dl#dl09 dd{background:url(../img/sec_a09.gif) no-repeat 0 4px}

#main .faq dl dd .lastChild{margin:0}

#main .faq dl dd ul{margin:0 0 10px}

#main .faq dl dd ul li{
background:url(../img/icon02.gif) no-repeat 0 10px;
padding:0 0 0 15px}

/* voice
*****************************************/

#main .voice:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .voice{display:inline-block;}

/*\*/
*html #main .voice{height:1%}
#main .voice{display:block}
/**/

#main .voice div{
float:left;
margin:0 20px 0 0;
width:155px}

#main .voice dl{
float:right;
margin:0;
width:485px}

#main .voice dl dt{
background:url(../img/sec_voiceBg.jpg) no-repeat 0 100%;
border-bottom:1px dotted #000;
margin:0 0 10px;
padding:0 0 2px 10px}

#main .voice dl dd{margin:0 0 10px}

/* flow
*****************************************/

#main .flow dl{
background:url(../img/sec_flowbg2.jpg) no-repeat 0 100%;
padding:0 0 70px}

#main .flow dl.dl07{
background:url(../img/sec_flowbg.jpg) no-repeat 0 100%;
padding:0 0 20px}

#main .flow dl dt{
position:relative;
z-index:1}

#main .flow dl dd{
background:url(../img/sec_flow01bg.jpg) no-repeat 100% 100%;
_height:1%;
margin:-2em 5px 0 120px;
padding:0 80px 0 0;
position:relative;
z-index:2}

#main .flow dl.dl02 dd{background:url(../img/sec_flow02bg.jpg) no-repeat 100% 100%}
#main .flow dl.dl03 dd{background:url(../img/sec_flow03bg.jpg) no-repeat 100% 100%}
#main .flow dl.dl04 dd{background:url(../img/sec_flow04bg.jpg) no-repeat 100% 100%}
#main .flow dl.dl05 dd{background:url(../img/sec_flow05bg.jpg) no-repeat 100% 100%}
#main .flow dl.dl06 dd{background:url(../img/sec_flow06bg.jpg) no-repeat 100% 100%}
#main .flow dl.dl07 dd{background:url(../img/sec_flow07bg.jpg) no-repeat 100% 100%}

/* サポート
*****************************************/

#main dl.sup{
background:url(../img/sec_supBg.jpg) repeat-y;
border-bottom:1px solid #c2c2c2}

#main dl.sup dd{padding:15px}

/* プラン
*****************************************/

#main .plan01,
#main .plan02,
#main .plan03,
#main .plan04{
background:url(../img/planBg01.jpg) no-repeat 0 80px;
padding:0 0 0 220px;
margin-bottom: 0px;
}

#main .plan02{background:url(../img/planBg02.jpg) no-repeat 0 80px}
#main .plan03{background:url(../img/planBg03.jpg) no-repeat 0 80px}

#main .plan01 h3,
#main .plan02 h3,
#main .plan03 h3,
#main .plan04 h3{margin:0 0 20px -220px}

#main .plan01 table,
#main .plan02 table,
#main .plan03 table,
#main .plan04 table{width:440px}

#main .img_area { padding:0 15px; }
#main .img_area p { margin :0; width: 200px; }
#main .img_area .alpha { float: left; margin-right: 15px; }
#main .img_area .beta { float: right; }

/******************************************/


#main_img {
	position: relative;
	width: 900px;
	height: 370px;
	margin: 0 auto;
	padding: 0;
}
#main_img .banner01 {
	position: absolute;
	top: 10px; 
	left: 590px;	
}
#main_img .banner02 {
	position: absolute;
	top: 80px; 
	left: 590px;	
}

#index #main ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #main ul{display:inline-block;}

/*\*/
*html #index #main ul{height:1%}
#index #main ul{display:block}
/**/

#index #main ul li{
background:none;
float:left;
margin:0 0 0 20px;
padding:0}

#index #main ul li.firstChild{margin:0}

#index #main h2,
#index #main h2 span,
#index #main h3,
#index #main h3 span{
background:none;
border:none;
padding:0}

#index #main .h301{
margin: 10px 0 0 0;
background:url(../img/ind_pict01.jpg) no-repeat right 110px;
height:1%}

#index #main .h301 .sectionH4{
background:none;
border:none;
padding:0}

#index #main .h301 .sectionH4 h3{margin:0 0 10px}

#index #main .h301 p.note{padding:0 300px 0 0}

#index #main .h302 ul li{margin:0 0 0 10px}

#index #main .h302 ul li.firstChild{margin:0}

#index #main .owner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #main .owner{display:inline-block;
margin-bottom:0}

/*\*/
*html #index #main .owner{height:1%}
#index #main .owner{display:block}
/**/

#index #main .owner h2{margin-bottom:10px}

#index #main .owner .cont,
#index #main .owner .banner{
float:left;
margin-bottom:0}

#index #main .owner .cont{
width:590px;
margin-right:10px}

#index #main .owner .banner{
width:300px}

#index #main .owner ul{margin-bottom:0}
#index #main .owner ul li{margin-left:10px;margin-bottom:10px}
#index #main .owner ul li.firstChild{margin-left:0}

#index #main #promise{
  margin: 0;
}
ul.owner_shop {
	width: 900px;
	margin-top: -10px;
	padding-bottom: 30px;
}
ul.owner_shop li {
	float: left;
	padding: 0 15px 5px 0!important;
	margin: 0 !important;
}
ul.owner_shop li.lastChild {
	padding: 0 0 5px 0!important;
}


/***********************************************/

#main .picture01{
background:url(../img/sec_pict03.jpg) no-repeat 100% 0;
_height:160px;
min-height:160px;
padding:0 240px 0 0}

#main .picture02{
background:url(../img/sec_pict04.jpg) no-repeat 100% 0;
_height:160px;
min-height:160px;
padding:0 240px 0 0}

#main .picture03{
background:url(../img/sec_pict05.jpg) no-repeat 100% 0;
_height:160px;
min-height:160px;
padding:0 240px 0 0}

#main .picture04{
background:url(../img/sec_pict06.jpg) no-repeat 100% 0;
_height:160px;
min-height:160px;
padding:0 240px 0 0}

#main .picture05{
background:url(../img/sec_pict07.jpg) no-repeat 100% 0;
_height:160px;
min-height:160px;
padding:0 240px 0 0}

#main .picture06{
background:url(../img/sec_pict08.jpg) no-repeat 100% 0;
_height:160px;
min-height:160px;
padding:0 240px 0 0}

#main .picture07{
background:url(../img/sec_pict09.jpg) no-repeat 100% 0;
_height:160px;
min-height:160px;
padding:0 240px 0 0}

#main .picture08{
background:url(../img/sec_pict10.jpg) no-repeat 100% 0;
_height:160px;
min-height:160px;
padding:0 240px 0 0}

/* 100327 add */
/***********************************************/

#main .open{
border:none;
background:none;
padding:0}

#main .open h3{
text-align:center}

#main .open .section:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .open .section{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #main .open .section{height:1%}
#main .open .section{display:block}
/**/

#main .open .section table{
float:right;
width:420px}

#main .open .section table th span,
#main .open .section table td span{
color:#cc3300;
font-weight:bold}

#main .open .section .photo{
float:left;
width:230px}

#main .openNav:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .openNav{display:inline-block;}

/*\*/
*html #main .openNav{height:1%}
#main .openNav{display:block}
/**/

#main .openNav li{
background:none;
padding:0;
float:left;
margin:0 0 5px 20px}

#main .openNav li.l{margin-left:0}

/***********************************************/

#main .pre{
border:none;
background:none;
padding:0}

#main .pre h3{
text-align:center}


#main .preNav:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .preNav{display:inline-block;}

/*\*/
*html #main .preNav{height:1%}
#main .preNav{display:block}
/**/

#main .preNav li{
background:none;
float:left;
margin:0 0 0 5px;
padding:0}

#main .preNav li.first{margin:0}