@charset "EUC-JP";

/*===============================================================
//This css file makes elements styles of all templated contents.
//If before you change this file's codes you should make some backup files.

1.reset.css
2.layout.css

/////////////

//common.css

3.heading
4.box

///////////////

//elements.css

5.Paragraph
6.topic path
7.marker list
8.table
9.float dl
10.Pref navigation
11.elements

//////////////////

//structured by Ogawa 
//last updated 2007.11.09
//copyrights hikaku.com all rights reserved
================================================================*/


/*===============================[5.Paragraph]*/
p#exp{
text-align:center;
margin:10px 0;
}

p#howto{
text-align:center;
border:1px solid #f69;
background:#ccc url(/img/default/howto.jpg) top repeat-x;
padding:5px;
margin:10px 10%;
zoom:1;
}

/*[forDetail]*/
div.container .forDetaile{
text-align:right;
margin:3px 10px;
border:none!important;
}
div.container .forDetaile a{
padding-left:10px;
}
div.container .forDetaile.fDblue a{
background:url(/img/default/marker_blue.gif) left center no-repeat;
}

div.container .forDetaile.fDorange a{
background:url(/img/default/marker_orange.gif) left center no-repeat;
}

div.container .forDetaile.fDpink a{
background:url(/img/default/marker_pink.gif) left center no-repeat;
}

div.container .forDetaile.fDgreen a{
background:url(/img/default/marker_green.gif) left center no-repeat;
}

/*/[forDetail]*/
/*===============================/[5.Paragraph]*/

/*===============================[6.topic path]*/
ul#topic_path li{
display:inline;
}

ul#topic_path li a{
background:url(/img/default/topic.gif) right no-repeat;
padding-right:1em;
}
/*===============================/[6.topic path]*/

/*===============================[7.marker list]*/
ul.news li{
padding-left:1.5em;
background:url(/img/default/marker_blue.gif) 7px 0.5em no-repeat!important;
line-height:1.6;
zoom:1;
}

ul.news.NEWSorange li{
background:url(/img/default/marker_orange.gif) 7px 0.5em no-repeat!important;
}

ul.news.NEWSpink li{
padding-left:1.5em;
background:url(/img/default/marker_pink.gif) 7px 0.5em no-repeat!important;
}
ul.news.NEWSgreen li{
background:url(/img/default/marker_green.gif) 7px 0.5em no-repeat!important;

}
/*===============================/[7.marker list]*/


/*===============================[8.table]*/
div.container table{
border-collapse:collapse;
margin:10px 0;
}

div.container table th,
div.container table td{
border:1px solid #999;
padding:3px;
}

div.container table.tableW,
div.container table.tableH{
width:98%;
margin:0 auto;
}
div.container table.tableW th,
div.container table.tableH th{
font-weight:bold;
vertical-align:middle;
text-align:center;
padding:5px 10px;

}
div.container table.tableW.Twglay th{
background:url(/img/default/table/thw.jpg) top repeat-x;
}

div.container table.tableH.Thglay th{
background:url(/img/default/table/thh.jpg) left repeat-y;

}


div.container table tr.TOn td{
background:#ffffe1!important;
}
div.container table tr.TOff td{
background:#fff;
}
/*[blue]*/
div.container table.tableW.Twblue th{
background:url(/img/default/table/thwblue.jpg) top repeat-x;
color:#06c;
}

div.container table.tableW.Twblue th,
div.container table.tableW.Twblue td{
border:1px solid #39c!important;
}

div.container table.tableH.Thblue th{
background:url(/img/default/table/thhblue.jpg) left repeat-y;
color:#06c;
}

div.container table.tableH.Thblue th,
div.container table.tableH.Thblue td{
border:1px solid #39c!important;
}
/*/[blue]*/
/*[orange]*/
div.container table.tableW.Tworange th{
background:url(/img/default/table/thworange.jpg) top repeat-x;
color:#f60;
}

div.container table.tableW.Tworange th,
div.container table.tableW.Tworange td{
border:1px solid #f90!important;;

}
div.container table.tableH.Thorange th{
background:url(/img/default/table/thhorange.jpg) left repeat-y;
color:#f60;
}
div.container table.tableH.Thorange th,
div.container table.tableH.Thorange td{
border:1px solid #f90!important;;
}

/*/[orange]*/


/*[solid blue]*/
div.container table.ThSolidBlue th{
background:#ddfaff url(/img/default/table/spacer.gif) top repeat-x;
color:#06c;
}

div.container table.ThSolidBlue td,div.container table.ThSolidBlue th{
border:1px solid #39c!important;;
}

/*[solid orange]*/
div.container table.ThSolidOrange th{
background:#fff3e1 url(/img/default/table/spacer.gif) top repeat-x;
color:#f60;
}
div.container table.ThSolidOrange td,div.container table.ThSolidOrange th{
border:1px solid #f93!important;;
}

/*[solid gray]*/

div.container table.ThSolidGray th{
background:#f2f2f2 url(/img/default/table/spacer.gif) top repeat-x;
color:#333;
}
div.container table.ThSolidGray td,div.container table.ThSolidGray th{
border:1px solid #999!important;
}

/*===================[for landing page]*/

div.container table.landingForm{
width:100%;
margin:0 0 10px;
}
div.container table.landingForm caption{
padding:5px;
background:#666;
color:#fff;
font-weight:bold;
}
div.container table.landingForm th{
width:20%;
background-color:#f3f3f3;
}

div.container table.landingForm th,
div.container table.landingForm td{
border:1px solid #666;
}

div.container table.landingForm td input,
div.container table.landingForm td textarea,
div.container table.landingForm td select{
margin:0 3px!important;
}

/*===================/[for landing page]*/
/*===============================/[table]*/


/*===============================[9.shop detail]*/
div.container dl.shop_address dt{
width:9em;
float:left;
margin:5px 0;
padding-left:0.5em;
border-left:3px solid #f9c;
}

div.container dl.shop_address dd{
padding:5px 0;
margin-left:-1px
padding-left:9em;
border-bottom:1px solid #ccc;
}

div.container dl.shop_address ul.inline_all li{
margin-right:5px;
_margin-right:10px;
margin-bottom:2px!important;
padding-right:5px;
border-right:1px solid #ccc;
zoom:1;
}

/*===================[photo set]*/
p.shop_address_photo{
width:100px;
float:left;
margin:5px;
}


div.container dl.shop_address.photo{
margin-left:120px;
zoom:1;
}
/*===================/[photo set]*/

/*===================[shop_detail_head]*/
div.shop_detail_head{
padding:5px;
}
div.shop_detail_head dl{
width:79%;
float:left;
}

div.shop_detail_head p{
width:20%;
float:right;
text-align:right!important;
}
/*===================/[shop_detail_head]*/
/*===================[shop_detail_tab]*/

ul.shop_detail_tab{
padding-top:5px;
padding-bottom:1px;
_padding-bottom:0;
}
ul.shop_detail_tab li{
display:inline;
margin-left:3px;
padding-left:5px;
padding-top:5px;
_padding-top:0;
background:url(/img/default/tab/l.jpg) left top no-repeat;
}

ul.shop_detail_tab li a{
text-decoration:none;
padding:5px 10px 0 5px;
zoom:1;
background:url(/img/default/tab/r.jpg) right top no-repeat;
border-bottom:none!important;
}

ul.shop_detail_tab li.sdtactive a{
font-weight:bold;
}
/*[blue]*/


ul.shop_detail_tab.sdtblue li.sdtactive{
background:url(/img/default/tab/blue_l.jpg) left top no-repeat;
}

ul.shop_detail_tab.sdtblue li.sdtactive a{
background:url(/img/default/tab/blue_r.jpg) right top no-repeat;
color:#039;
}

ul.shop_detail_tab.sdtblue{
border-bottom:2px solid #039!important;
}

/*[green]*/

ul.shop_detail_tab.sdtgreen li.sdtactive{
background:url(/img/default/tab/green_l.jpg) left top no-repeat;
}

ul.shop_detail_tab.sdtgreen li.sdtactive a{
background:url(/img/default/tab/green_r.jpg) right top no-repeat;
color:#390;
}

ul.shop_detail_tab.sdtgreen{
border-bottom:2px solid #390!important;
}
/*[pink]*/


ul.shop_detail_tab.sdtpink li.sdtactive{
background:url(/img/default/tab/pink_l.jpg) left top no-repeat;
}

ul.shop_detail_tab.sdtpink li.sdtactive a{
background:url(/img/default/tab/pink_r.jpg) right top no-repeat;
color:#f6c;
}
ul.shop_detail_tab.sdtpink{
border-bottom:2px solid #f6c!important;
}
/*[orange]*/

ul.shop_detail_tab.sdtorange li.sdtactive{
background:url(/img/default/tab/orange_l.jpg) left top no-repeat;
}

ul.shop_detail_tab.sdtorange li.sdtactive a{
background:url(/img/default/tab/orange_r.jpg) right top no-repeat;
color:#f30;
}
ul.shop_detail_tab.sdtorange{
border-bottom:2px solid #f30!important;
}
/*===================/[shop_detail_tab]*/

/*===================[formBox]*/
div.formBox{
padding-left:1px;
}
div.formBox form dl dt{
width:5em;
float:left;
margin:5px 0;
text-align:right!important;
font-weight:bold;

}

div.formBox form dl dd{
margin-left:-1px;
padding:5px 0 5px 5.5em;

}



/**/
div.formBox form dl dd.add1{
background:#f0f0f0;
}
div.formBox form dl dd.add2{
background:#ecfbff;
}
div#wrapper .addglay{
background:#f0f0f0;
}
div#wrapper .addblue{
background:#ecfbff;
}
div#wrapper .addpink{
background:#ffe8ff;
}
div#wrapper .addorange{
background:#fff1dd;
}
div#wrapper .addgreen{
background:#e6f9e6;
}

div.formBox form ul.FormList{
zoom:1;
}
div.formBox form ul.FormList li{
display:inline;
margin:5px 5px 5px 0;
}

div.formBox form input{
margin-right:5px;
vertical-align:text-bottom;
}

div.formBox form p input{
margin:5px;
}

form.formgray{
background:#f3f3f3;
}
/*===================/[formBox]*/

/*===============================/[9.shop detail]*/
/*===============================[10.Pref navigation]*/
ul#area_list{
width:100%;
}


ul#area_list li{
padding:2px 5px;

zoom:1;
margin-bottom:2px;
}
ul#area_list li ul {
display:inline;
}
ul#area_list li ul li{
border-left:1px solid #633;
padding:0 7px;
display:inline;
color:#ccc;
}

ul#area_list p{
width:7em;
float:left;
_margin-left:-3px;
padding-left:3px;
color:#06f;
_padding-top:3px;
font-weight:bold;
}

ul#area_list li.area_add{
background-color:#d9f0ff;
}

/*===============================/[Pref navigation]*/

/*===============================[11.elements]*/
/*clear_fix ¡Êfor block element parents(div,ul,ol,dl,p)¡Ë*/

div.container .clear_fix:after,
div.container .clearFix:after
{
height:0;
font-size:0;
line-height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

div.container .clear_fix,
div.container .clearFix
{
zoom:1;
min-height:1px!important;
/*\*//*/
height:auto;
overflow:hidden;
/**/
}

div.container br.clear_fix{
height:0;
width:1px;
visibility:hidden;
clear:both;
display:block;
}

/*[inline alone]*/
div.container .inline{
display:inline;
}

/*[inline all children]*/
div.container .inline_all *{
display:inline;
}

/*[text-align]*/

div.container .left{
text-align:left!important;
}

div.container .right{
text-align:right!important;
}

div.container .center{
text-align:center!important;
}
/*padding*/

div.container .padding05{
padding:0 5px!important;
}
div.container .padding010{
padding:0 10px!important;
}
div.container .padding50{
padding:5px 0!important;
}
div.container .padding100{
padding:10px 0!important;
}
div.container .padding5{
padding:5px!important;
}
div.container .padding10{
padding:10px!important;
}

/*margin*/

div.container .margin05{
margin:0 5px!important;
}
div.container .margin010{
margin:0 10px!important;
}
div.container .margin50{
margin:5px 0!important;
}
div.container .margin100{
margin:10px 0!important;
}
div.container .margin5{
margin:5px!important;
}
div.container .margin10{
margin:10px!important;
}
/*[etc]*/
.noborder{
border:none!important;
}

.mustInput{
color:red!important;
font-weight:bold;
font-size:92%;
margin:0 5px;
}
/*===============================/[elements]*/

/*========================================/[END]*/