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

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

span.new{display:none}

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

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

#main .sign,
#main .btn2{text-align:right}

#main #map div{margin:0}

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

.topicPath{
margin:5px 0 10px;
text-align:left}

.topicPath li{
background:url(../img/icon06.gif) no-repeat 0 3px;
display:inline;
font-size:85%;
margin:0 0 0 4px;
padding:0 0 0 13px}

.topicPath li.firstChild{
background:none;
margin:0;
padding:0}

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

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

.pageTop a{
background:url(../img/pageTop.gif) no-repeat 0 0;
font-size:x-small;
_font-size:xx-small;
padding:0 0 5px 20px}

#main .bg01{
background:url(../img/sec_pict01.jpg) no-repeat 100% 0;
min-height:200px;
_height:200px;
padding:0 315px 0 0}

#main .bg02,
#main .bg03,
#main .bg04{
background:url(../img/sec_pict02.jpg) no-repeat 100% 0;
min-height:200px;
_height:200px;
padding:0 180px 0 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 h3{
background:url(../img/sec_h3bg.jpg) no-repeat 0 0;
color:#333;
font-weight:bold;
font-size:large;
_font-size:medium;
margin:0 0 15px;
padding:0}

#main h3 span{
background:url(../img/sec_h3bg2.jpg) no-repeat 0 100%;
display:block;
padding:6px 10px 4px 25px;
position:relative}

#main h3.access,
#main h3.access span{
background:none;
padding:0}

#main h4{
background:url(../img/sec_h4bg.jpg) no-repeat 0 0;
color:#fff;
_height:1%;
font-size:120%;
font-weight:bold;
margin:0 0 15px;
padding:0}

#main h4 span{
background:url(../img/sec_h4bg2.jpg) no-repeat 0 100%;
display:block;
padding:4px 10px 3px 25px}

#main h4.note,
#main h4.note span{
background:none;
border:none;
padding:0}

#main h5{
background:url(../img/sec_h5bg.jpg) no-repeat 0 3px;
border-bottom:1px dotted #999;
color:#333;
font-size:110%;
font-weight:bold;
margin:0 0 15px;
padding:0 0 2px 15px}

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

#main ul li{
background:url(../img/icon04.gif) no-repeat 0 8px;
_height:1%;
margin:0;
padding:0 0 0 15px}

#main ul li.note{background:none}

#main ul.note li{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 7px;
padding:0}

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

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

#main dl dt{font-weight:bold}

#main dl dd{margin:0}

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

#main table{
border:2px solid #ccc;
border-top:5px solid #8BBD2F;
height:auto;
width:100%}

#main table th{
background:#F0F0F0;
border-bottom:2px solid #ccc;
color:#555;
font-weight:bold;
padding:8px;
vertical-align:middle;
white-space:nowrap;
width:1%}

#main table td{
border-bottom:2px solid #ccc;
border-left:2px solid #ccc;
padding:8px 5px 8px 8px;
vertical-align:middle}

#main table.col{border:2px solid #ccc}

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

#main table.col td{vertical-align:top}

#main table.col th.top{
background:#8BBD2F;
border-left:2px solid #ccc;
color:#fff;
font-weight:bold;
padding:5px 0;
text-align:center;
width:auto}

#main table.col th.top.firstChild{border-left:none}

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

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

/* サイトマップ
*****************************************/

#main ul.sitemap li ul{margin:0}

#main ul.sitemap li{
background:url(../img/icon01.gif) no-repeat 0 8px;
height:1%;
margin:0 0 5px;
padding:0 0 0 15px}

#main ul.sitemap li.note{background:none}

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

/* 店舗
*****************************************/

#main table td.tenpo{
font-size:small;
_font-size:x-small}

#main table td.tenpo dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main table td.tenpo dl{display:inline-block;}

/*\*/
*html #main table td.tenpo dl{height:1%}
#main table td.tenpo dl{display:block}
/**/

#main table td.tenpo dl dt{margin:0 0 5px}

#main table td.tenpo dl dd{
float:left;
margin:0 0 0 10px}

#main table td.tenpo dl dd.firstChild{margin:0}

#main .step dl{
background:url(../img/sec_step01bg.jpg) no-repeat 20px 20px;
border:5px solid #ccc;
min-height:120px;
_height:170px;
padding:20px 0 20px 180px}

#main .step dl.dl02{background:url(../img/sec_step02bg.jpg) no-repeat 20px 20px}
#main .step dl.dl03{background:url(../img/sec_step03bg.jpg) no-repeat 20px 20px}
#main .step dl.dl04{background:url(../img/sec_step04bg.jpg) no-repeat 20px 20px}
#main .step dl.dl05{background:url(../img/sec_step05bg.jpg) no-repeat 20px 20px}


/* 更新
*****************************************/

#main .userImg div{
overflow:hidden;
text-align:center}

#main .faq dl{
background:url(../img/sec_faqBg.jpg) no-repeat 0 100%;
_height:1%}

#main .faq dl dt{
background:url(../img/sec_faq01.jpg) no-repeat 0 0;
font-size:120%;
padding:20px 10px 10px 50px}

#main .faq dl dd{
background:url(../img/sec_faq02.jpg) no-repeat 0 0;
padding:20px 10px 10px 50px}

/* 流れ
*****************************************/

#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;
padding:0}

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

#main .flow dl{background:url(../img/sec_flowBg.jpg) no-repeat 0 100%}

#main .flow dl dd{
padding:20px}

#main .flow dl dd div{
margin:0;
text-align:center}

#main .flow dl dd div.bg{
background:url(../img/sec_flowPic01.jpg) no-repeat 0 0;
margin:0 0 15px;
padding:0 0 0 180px;
text-align:left}

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

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

#index #main h3{margin:0 0 15px}

#index #main .h301 .bg{
background:url(../img/ind_pict01.jpg) no-repeat 100% 0;
padding:0 300px 0 0}

#index #main .h301 dl{
background:url(../img/ind_tableBg.gif) repeat;
_height:1%;
padding:10px}

#index #main .h301 dl dt{
background:#fff;
color:#357A10;
padding:10px 15px 0}

#index #main .h301 dl dd{
background:#fff;
padding:10px 15px 10px}

#index #main .h302 .border{
background:url(../img/ind_tableBg.gif) repeat;
_height:1%;
padding:10px}

#index #main .h302 .border div{
background:#fff;
border:none;
height:170px;
margin:0;
padding:15px;
overflow-y:scroll}

#index #main .h302 .border div table{
border:none;
margin:0}

#index #main .h302 div table th{
background:none;
border:none;
border-bottom:1px dotted #999;
font-weight:normal;
padding:5px 0}

#index #main .h302 div table th span{margin:0 5px 0 0}

#index #main .h302 div table th span img{vertical-align:middle}

#index #main .h302 div table td{
background:url(../img/icon01.gif) no-repeat 10px 13px;
border:none;
border-bottom:1px dotted #999;
padding:5px 0 5px 25px;
vertical-align:top}


.bodyArea {
width:680px;
height:400px;
background:url(/img/img_body_points.jpg) 0 0 no-repeat;
position:relative;
}