@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{margin:0 0 10px}

span.new{display:none}

#main .adr div{margin:0}

#main .fig,
#main .btn{text-align:center}

#main .price{text-align:right}

.pageTop{
clear:both;
margin:0 0 10px;
text-align:right}

.pageTop a{
background:url(../img/common/pageTop.gif) no-repeat 0 6px;
font-size:90%;
padding:0 0 0 15px}

#main .lead{margin:0 -220px 10px 0}

#main .bg01,#main .bg02,#main .bg03,#main .bg04,#main .bg05,#main .bg06,#main .bg07,#main .bg08,#main .bg09,#main .bg10,#main .bg11,#main .bg12,#main .bg13,#main .bg14,#main .bg15,#main .bg16,#main .bg17,
#main .bg18,#main .bg19,#main .bg20,#main .bg21,#main .bg22,#main .bg23,#main .bg24,#main .bg25,#main .bg26,#main .bg27,#main .bg28,#main .bg29,#main .bg30{
background:url(../img/sec/pict01.jpg) no-repeat 100% 0;
min-height:170px;
_height:170px;
padding:0 220px 0 0}

#main .bg02{background:url(../img/sec/pict02.jpg) no-repeat 100% 0}
#main .bg03{background:url(../img/sec/pict03.jpg) no-repeat 100% 0}
#main .bg04{background:url(../img/sec/pict04.jpg) no-repeat 100% 0}
#main .bg05{background:url(../img/sec/pict05.jpg) no-repeat 100% 0}
#main .bg06{background:url(../img/sec/pict06.jpg) no-repeat 100% 0}
#main .bg07{background:url(../img/sec/pict07.jpg) no-repeat 100% 0}
#main .bg08{background:url(../img/sec/pict08.jpg) no-repeat 100% 0}
#main .bg09{background:url(../img/sec/pict09.jpg) no-repeat 100% 0}
#main .bg10{background:url(../img/sec/pict10.jpg) no-repeat 100% 0}
#main .bg11{background:url(../img/sec/pict11.jpg) no-repeat 100% 0}
#main .bg12{background:url(../img/sec/pict12.jpg) no-repeat 100% 0}

/* 見出し
*****************************************/

#main h3{
background:url(../img/sec/h3bg.jpg) repeat-x 0 50%;
border:1px solid #c96200;
font-weight:bold;
margin:0 0 20px;
padding:6px 0 6px 10px}

#main h3 span{
background:url(../img/sec/h3border.gif) repeat-y;
color:#fff;
display:block;
font-size:large;
_font-size:medium;
padding:0 0 0 10px}

#main h4{
border-left:3px solid #ffb300;
color:#bc5000;
font-size:115%;
font-weight:bold;
margin:0 0 10px;
padding:0 8px}

#main h5{
background:url(../img/sec/h5bg.jpg) repeat-x 0 50%;
color:#e0e0e0;
font-weight:bold;
margin:0 0 15px;
padding:2px 0 2px 5px}

/* リスト
*****************************************/

#main ul li{
background:url(../img/common/icon02.gif) no-repeat 0 8px;
padding:0 0 0 10px}

#main ul li.note{background:none}

#main ul.type2 li{background:url(../img/common/icon03.gif) no-repeat 0 8px}

#main ul.commonNav:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.commonNav{display:inline-block;}

/*\*/
*html #main ul.commonNav{height:1%}
#main ul.commonNav{display:block}
/**/

#main ul.commonNav li{
background:none;
float:left;
padding:0}

#main ul.anchor{text-align:center}

#main ul.anchor li{
background:none;
display:inline;
margin:0 10px;
padding:0}

/* dl
*****************************************/

#main dl dt{font-weight:bold}

#main dl dd{padding:0 0 0 10px}

/* テーブル
*****************************************/

#main table{
height:auto;
width:100%}

#main table th{
background:#dddbc8;
border-bottom:1px dotted #c0bcad;
font-weight:bold;
padding:5px 10px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
width:1%}

#main table th.note{background:#c7c5b2}

#main table td{
border-bottom:1px dotted #c0bcad;
padding:5px 5px 5px 10px}

#main table th.firstChild,
#main table td.firstChild{border-top:1px dotted #c0bcad}

#main table td p,
#main table td ul,
#main table td div{margin:0}

.form table span{color:#cc0000}

.form table th{width:180px}

.form table td input{margin:0 0 5px}

*:first-child+html .form table td input{margin:0}
* html body .form table td input{margin:0}

.form table td input.text01{width:150px}

.form table td input.text03{width:100px}

.form table td input.text02{width:80px}

.form table td input.text04{width:380px}

.form #main ul.btn li{
background:none;
display:inline;
margin:0 10px;
padding:0}

#main table.map{margin:0}

#main table.map th,
#main table.map2 th{width:60px}

#main table.col th.firstChild,
#main table.col td{
border-left:1px dotted #c0bcad;
text-align:center;
vertical-align:middle}

#main table.col th.firstChild.note2{border-left:none}

/* step
*****************************************/

#main .stepWrap:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .stepWrap{display:inline-block;}

/*\*/
*html #main .stepWrap{height:1%}
#main .stepWrap{display:block}
/**/

#main ul.step{
background:url(../img/sec/stepBorder.gif) repeat-y;
margin:0}

#main .stepWrap ul.step{
background:url(../img/sec/stepBorder3.gif) repeat-y;
float:left;
width:290px}

#main .stepWrap ul.step.note{margin:0 20px 0 0}

#main ul.step li{
background:url(../img/sec/flowArrow.gif) no-repeat 50% 0;
padding:32px 1px 0}

#main ul.step li.step01{
background:none;
border-top:1px solid #ccc;
padding:0 1px 0}

#main ul.step li.firstChild{
background:url(../img/sec/flowArrow3.gif) no-repeat 50% 0;
padding:31px 1px 0}

#main ul.step li dl{
background:url(../img/sec/stepBg.jpg) repeat-x 0 50%;
height:1%;
margin:0!important;
padding:5px 0}

#main ul.step li.step05 dl,
#main ul.step li.step10 dl{border-bottom:1px solid #ccc}

#main ul.step li img{vertical-align:bottom}

#main ul.step li dl dt{
background:url(../img/sec/step01.gif) no-repeat 15px 50%;
padding:5px 0 5px 130px}

#main .stepWrap ul.step li dl dt{padding:5px 0 5px 110px}

#main ul.step li.step02 dl dt{background:url(../img/sec/step02.gif) no-repeat 15px 50%}
#main ul.step li.step03 dl dt{background:url(../img/sec/step03.gif) no-repeat 15px 50%}
#main ul.step li.step04 dl dt{background:url(../img/sec/step04.gif) no-repeat 15px 50%}
#main ul.step li.step05 dl dt{background:url(../img/sec/step05.gif) no-repeat 15px 50%}
#main ul.step li.step06 dl dt{background:url(../img/sec/step06.gif) no-repeat 15px 50%}
#main ul.step li.step07 dl dt{background:url(../img/sec/step07.gif) no-repeat 15px 50%}
#main ul.step li.step08 dl dt{background:url(../img/sec/step08.gif) no-repeat 15px 50%}
#main ul.step li.step09 dl dt{background:url(../img/sec/step09.gif) no-repeat 15px 50%}
#main ul.step li.step10 dl dt{background:url(../img/sec/step10.gif) no-repeat 15px 50%}

#main ul.step li dl dd{
background:url(../img/sec/stepBorder2.gif) repeat-y 116px 0;
padding:0 0 0 130px}

#main .stepWrap ul.step li dl dd{
background:url(../img/sec/stepBorder2.gif) repeat-y 96px 0;
padding:0 5px 0 110px}

/* FAQ
*****************************************/

#main dl.faq dt{
background:url(../img/sec/faq01.jpg) no-repeat 0 50%;
margin:0 0 1px;
padding:8px 0 8px 30px}

#main dl.faq dd{
background:url(../img/sec/faq02.jpg) no-repeat 0 50%;
margin:0 0 10px;
padding:0 0 0 30px}

/* voice
*****************************************/

#main .voice dl{
background:url(../img/sec/voiceBg.jpg) no-repeat 100% 100% #fff;
border:1px solid #ddd;
padding:10px}

#main .voice dl dt{
background:url(../img/sec/voiceIcon.gif) no-repeat 0 0;
margin:0 0 8px;
padding:5px 0 5px 60px;
font-size:16px;}

#main .voice dl dd{
margin-bottom: .5em;
padding:0}


/* 一覧
*****************************************/

#main ul.shopAll:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.shopAll{display:inline-block;}

/*\*/
*html #main ul.shopAll{height:1%}
#main ul.shopAll{display:block}
/**/

#main ul.shopAll li{
background:none;
float:left;
padding:0;
width:290px}

#main ul.shopAll li.note{margin:0 20px 0 0}

#main table.shop td{
border:none;
width:290px}

/* サイトマップ
*****************************************/

#main ul.sitemap li ul{margin:0}

#main ul.sitemap li{
background:url(../img/common/icon02.gif) no-repeat 0 8px;
height:1%;
margin:0 0 5px;
padding:0 0 0 10px}

#main ul.sitemap li.note{background:none}

#main ul.sitemap li ul li{
background:url(../img/common/icon03.gif) no-repeat 0 8px;
padding:0 0 0 10px}

/***********************************************/

#index #main h3,
#index #main h3 span{
background:none;
border:none;
margin:0;
padding:0}

#index #main h3 img{vertical-align:bottom}

#index #main .h301 h3{margin:0 0 10px}

#index #main .h301 ul.banner li{
background:none;
display:inline;
margin:0;
padding:0}

#index #main .h301 ul.banner li.firstChild{margin:0 5px 0 0}

#index #main .h301 .detail:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #main .h301 .detail{
background:url(../img/index/arrow.jpg) no-repeat 50% 100%;
display:inline-block;
padding:0 0 35px}

/*\*/
*html #index #main .h301 .detail{height:1%}
#index #main .h301 .detail{display:block}
/**/

#index #main .h301 .detail ul{
float:left;
margin:0 10px 0 0;
width:295px}

#index #main .h301 .detail ul li{
background:none;
margin:0 0 10px;
padding:0}

#index #main .h301 .detail ul li img{vertical-align:bottom}

#index #main .h301 .detail div{
float:right;
margin:0;
width:295px}

#index #main .h302{background:url(../img/index/pict01.jpg) no-repeat 100% 36px}

#index #main .h302 dl dt{
background:url(../img/index/dtBg.gif) no-repeat 0 3px;
color:#bc5000;
margin:0 0 5px;
padding:0 0 0 10px}

#index #main .h302 dl dd{
margin:0 0 10px;
padding:0}

#index #main .h303{
background:url(../img/index/secBg.jpg) no-repeat 0 100%;
padding:0 0 10px}

#index #main .h303 ul{margin:0 0 0 15px}

#index #main .h303 ul li{
background:url(../img/index/li01.gif) no-repeat 0 0;
margin:0 0 10px;
padding:0 0 0 25px}

#index #main .h303 ul li.li02{background:url(../img/index/li02.gif) no-repeat 0 0}
#index #main .h303 ul li.li03{background:url(../img/index/li03.gif) no-repeat 0 0}
#index #main .h303 ul li.li04{background:url(../img/index/li04.gif) no-repeat 0 0}
#index #main .h303 ul li.li05{background:url(../img/index/li05.gif) no-repeat 0 0}
#index #main .h303 ul li.li06{background:url(../img/index/li06.gif) no-repeat 0 0}




#shime {
	position:relative;
}

#shime p {
	position: absolute;
	left: 312px;
	top: 41px;
}

p.r_b {
	color:red;
	font-size:18px;
	font-weight:bold;
}

.f_l {
	float:left;
	margin:10px;
}


#main table.tb_01 {
	width:290px;
	float:left;
}

#main table.tb_01 th {
	width:100px;
}
