@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> default settings <<<------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*-- default css ------------------------------*/
body{font-size:75%; font-family:Tahoma,MS PGothic;}
*{font-size:1em; margin:0; padding:0;}
fieldset, img, iframe{border:0;}
ol, ul{list-style:none;}
li{list-style:none;}
caption, th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em; font-weight:normal;} 
abbr,acronym{border:0;}
hr{display:none;}
a{text-decoration:none; color:#466C8A;}
a:hover{text-decoration:underline;}
a:hover img{filter:alpha(opacity=80); opacity:0.8;}
textarea{overflow:auto;}
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.wfix{width:auto;}
* html .wfix{width:100%;} /* IE6 hack */

/*-- class default css ------------------------------*/
.fleft{float:left}
.clear{clear:both}
.center{text-align:center;}
.right{text-align:right;}
.check{*margin:-4px -1px 0 -4px; vertical-align:top;}
.nospace{font-size:0px; line-height:0px;}
.png{tmp:expression(setPng24(this));}
.noimage{border:2px solid #818181; background:#ffffff url(../img/noimage.jpg) no-repeat 50% 50%;}
.maru{-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;}
.inputTxt{border:1px solid #ddd; background-color:#fff; padding:1px;}
.line{height:1px; background-color:#dfdfdf; font-size:0px; line-height:0px; overflow:hidden;}
.ten{height:1px; background-image:url(../img/ten.jpg); font-size:0px; line-height:0px; overflow:hidden;} /*・・・*/
.dot{height:1px; background-image:url(../img/dot.jpg); font-size:0px; line-height:0px; overflow:hidden;} /* ---- */
.sukima{height:2px; font-size:0px; line-height:0px; overflow:hidden;}
.absmiddle{vertical-align:middle; display:inline-block;}
* html .absmiddle{margin-bottom :2px;} /* IE6 hack */
.nonedis{display:none;}
.hidden_phrase{visibility:hidden; width:0; height:0; line-height:0; overflow:hidden; position:absolute; top:-10000px;}

/*-- HTML 5 Reset Styles - article, aside, header, nav, section, footer, figure, hgroup ------------------------------*/
section, nav, aside, figure, hgroup, header, article, footer{display:block;}

/*-- index ------------------------------*/
#home{width:100%;}
#web_outline{margin:0 auto; text-align:left;}
#btm_outline, #copy_outline{text-align:center;}

/*-- logo ------------------------------*/
.headtext{margin:4px;}
.logo{margin:4px; background-image:url(../img/logo_back.jpg);}

/*-- index 関連アウトライン ------------------------------*/ 
#index_image{float:left; margin:4px 0px; font-size:0px; line-height:0px;}
#index_center, #index_text, #index_left{float:left;}
#index_right{float:right;}

/*-- basic latest skin ------------------------------*/
.latest_outline{margin:4px; padding:0; height:auto; list-style:none; border:1px solid #dfdfdf; overflow:auto;}
.latest_outline .more{position:relative; top:-1px; right:-1px; float:right;}
.latest_outline .subtitle{height:20px; line-height:20px; margin-left:10px;}
.latest_outline .indata{margin:5px;}
.latest_outline .indata li{padding:5px; float:left;}

/*-- basic latest skin (inbox) ------------------------------*/
.latest_inbox{margin:4px; padding:0;}
.latest_inbox .subtitle{height:20px; line-height:20px; margin-left:10px;}
.latest_inbox .indata{display:inline; text-align:center; padding:10px;}
.latest_inbox .indata li{text-align:center; padding:5px;}
.latest_inbox .sub{width:100px;}

/*-- basic latest skin (shop) ------------------------------*/
.latest_shop{margin:4px; padding:0; height:auto; list-style:none; min-height:170px; border:1px solid #dfdfdf; overflow:hidden;}
* html .latest_shop{height:180px; overflow:hidden;} /* IE6 hack, 20100127 scrollbarが出来ないようにoverflow追加 */
.latest_shop .more{position:relative; top:-1px; right:-1px; float:right;}
.latest_shop .subtitle{height:20px; line-height:20px; margin-left:10px;}
.latest_shop .indata{display:inline; text-align:center; padding:10px;}
.latest_shop .indata li{float:left; text-align:center; padding:5px;}
.latest_shop .sub{width:100px; font-size:9pt; color:#6A6A6A;}

/*-- basic latest skin (notice) ------------------------------*/
#latest_notice{margin:4px; padding:0; height:auto; list-style:none;}
#latest_notice .subtitle{height:24px; line-height:24px; border:1px solid #dedede; background:#f3f3f3 url(../img/notice_sub.jpg) repeat-x; padding-left:8px;}
#latest_notice .indata li{padding:2px; height:22px; line-height:22px; border-bottom:1px solid #ebeced; text-indent:5px;}
#latest_notice .indata .time{font-size:0.8em; color:#1e8ac8;}
#latest_notice .liover{background-color:#eeeeee;}
/*shortcut*/
#latest_shortcut{margin:0 4px 10px 4px; padding:0; height:auto; list-style:none; overflow:hidden;}
#latest_shortcut dl{margin-top:10px; width:186px; float:left;}
#latest_shortcut dt{height:24px; line-height:24px; border:1px solid #dedede; background:#f3f3f3 url(../img/notice_sub.jpg) repeat-x; padding-left:8px;}
#latest_shortcut dd{margin-top:2px; height:180px; padding:2px; border:1px solid #dedede;}
#latest_shortcut dd span{padding:3px; display:inline-block;}
#latest_shortcut dd span a{color:#ff0000;}
#latest_shortcut .skima{margin-left:5px; margin-right:5px;}

/* outlogin ------------------------------*/
.outlogin{clear:left; border:1px solid #dfdfdf; margin:4px; padding:5px; height:auto;}
.outlogin .login_title{height:20px; margin:1px; background-color:#cdcdcd;}
.outlogin .indata{margin:5px 0px;}
.outlogin .indata .login_form{float:left; width:60%;}
.outlogin .indata .login_form input{width:100%; border:1px solid #dfdfdf; font-size:12px; color:#7dacd8; height:18px;}
.outlogin .indata .login_btn{float:right; padding:1px;}
.outlogin .indata .login-button input{width:60px; height:41px;}
.outlogin .indata .member_image{float:left; width:58px; height:58px; padding:2px; margin:1px; border:1px solid #dfdfdf;}
.outlogin .indata .member_data{width:108px; float:right; height:auto; line-height:1.8em; padding-left:2px;}
.outlogin .indata .member_info{float:right; position:absolute; padding:0 0.5em;}
.outlogin .indata dd{line-height:1.8em; padding-left:2px;}
.outlogin .login_link{padding:4px; clear:both; background-color:#ededed;}

/*-- calendar ------------------------------*/
#calendar_outline{margin:0 4px; clear:left; padding:0px; list-style:none; border:1px solid #a3a7a8; text-align:center;}
#calendar_outline .subtitle dt{background-color:#c0d735; height:25px; line-height:25px; color:#60686b;}
#calendar_outline .subtitle dd{padding-top:5px;}
#calendar_outline .indata{margin:0; display:inline-block; text-align:center;}
#calendar_outline .indata ul{margin:0; padding:0; list-style:none; font-size:0.9em; display:inline-block;}
* html #calendar_outline .indata ul{display:inline;} /* IE6 hack - IEお前!!! */
#calendar_outline .indata li{float:left; width:24px; height:24px; line-height:24px;}
#calendar_outline .indata .sunday{color:#ff0000;}
#calendar_outline .indata .saturday{color:#0000ff;}
#calendar_outline .indata .today{text-decoration:underline; font-weight:bold;}
#calendar_outline .indata .weekday{}

/*-- bottom menu --------------------------*/
#bottom_menu{margin-top:10px; margin-bottom:20px;}
#bottom_menu ul{padding:5px 0;}
#bottom_menu li{float:left; text-align:center; width:24%; height:25px; line-height:25px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Yotsuba insatsu settings <<<----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*-- topt menu --------------------------*/
.ddsubmenustyle, .ddsubmenustyle ul{margin:0 0 0 2px; padding:0; position:absolute; left:0; top:0; list-style-type:none; background:white; border:1px solid #b3cc1e; border-top-width:0; visibility:hidden; z-index:300;} /* topmost and sub ULs, respectively */
.ddsubmenustyle li{line-height:0;}
.ddsubmenustyle li a{display:block; width:123px; color:black; background-color:#ffffe0; text-decoration:none; padding:5px 0; border-top:1px solid #b3cc1e; line-height:1; text-align:center;}
* html .ddsubmenustyle li a{display:inline-block;} /* IE6 CSS hack */
.ddsubmenustyle li a:hover{background-color:#ffcc00; color:#ffffff;}
/* Neutral CSS */
.downarrowpointer{padding-left:4px; border:0; display:none;} /* CSS for "down" arrow image added to top menu items */
.rightarrowpointer{position:absolute; padding-top:3px; right:2px; border:0; display:none;} /* CSS for "right" arrow image added to drop down menu items */
.ddiframeshim{position:absolute; z-index:500; background:transparent; border-width:0; width:0; height:0; display:block;}
/* Matt Black Strip Main Menu Bar CSS */
#ddtopmenubar {text-align:center;}
.mattblackmenu ul{margin:0; padding:0; list-style-type:none; background:#c0d735; overflow:hidden; width:100%;}
.mattblackmenu li{display:inline; margin:0;}
.mattblackmenu li a{float:left; display:block; text-decoration:none; margin:0; height:31px; line-height:31px; text-align:center; border-left:2px solid #ffffff; color:#60686b; background:#c0d735; width:125px;} /* padding inside each tab, right divider between tabs */
.mattblackmenu li a:visited{color:#60686b;}
.mattblackmenu li a:hover{background:#b3cc1e;} /* background of tabs for hover state */
.mattblackmenu a.selected{background:#b3cc1e;} /* background of tab with "selected" class assigned to its LI */
/* Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) */
.blackwhite li a{background:white;}
.blackwhite li a:hover{background:black; color:white;}
.ytb_topmenu {width:184px; height:31px; line-height:31px; float:left; display:block; text-decoration:none; margin:0; border-left:4px solid #ffffff; border-right:6px solid white; color:#60686b; background:#c0d735; text-align:center;}

/*-- left menu --------------------------*/
#dhtmlgoodies_slidedown_menu{margin:4px; visibility:hidden; padding:0px;}
#dhtmlgoodies_slidedown_menu div{margin:0px; padding:0px;}
#dhtmlgoodies_slidedown_menu ul{margin:0px; padding:0px; position:relative; list-style:none;}
#dhtmlgoodies_slidedown_menu li{list-style-type:none; position:relative; display:block;}
/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{display:block; clear:both;}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{padding-left:20px; background:#ffffff url(../img/lm_back.jpg) no-repeat; height:25px; line-height:25px; text-decoration:none; margin:2px 0; border:1px solid #909495;} /* Main menu items */
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{padding:5px; text-align:right; border-bottom:1px dashed #e5e5e5;} /* Sub menu items */
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{padding:5px;} /* Sub menu items */
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{padding:5px;} /* Sub menu items */
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{padding:5px;} /* Sub menu items */
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{padding:0px;}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{margin-left:5px; padding:0px;}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{margin-left:10px; padding:0px;}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{margin-left:15px; padding:0px;}

/*-- index --------------------------*/
#latest_slide{width:760px; height:280px; position:relative; margin-top:4px; margin-left:4px; background:url(../img/backlogo.jpg) no-repeat 250px 110px;}
#latest_slide ul.ui-tabs-nav{position:absolute; left:660px; background:#dddddd;}
#latest_slide ul.ui-tabs-nav li{font-size:12px; float:left; width:100px;}
#latest_slide ul.ui-tabs-nav li img{border:1px solid #eeeeee; margin:1px;}
#latest_slide li.ui-tabs-nav-item a{display:block; height:56px;}
#latest_slide li.ui-tabs-nav-item a:hover{background:#cccccc;}
#latest_slide li.ui-tabs-selected{background:#ffcc00;}
#latest_slide ul.ui-tabs-nav li.ui-tabs-selected a{}
#latest_slide .ui-tabs-panel{width:660px; height:280px; background:#ffffff; position:relative;}
#latest_slide .ui-tabs-panel .info{position:absolute; top:210px; left:0; height:70px; background:url(../img/mainimg/transparent-bg.png);}
#latest_slide .info h3{font-size:18px; color:#ffffff; padding:5px 10px; margin:0; overflow:hidden;}
#latest_slide .info h3 a{color:#ffffff;}
#latest_slide .info p{margin:0 10px; font-size:11px; line-height:15px; color:#f0f0f0;}
#latest_slide .ui-tabs-hide{display:none;}
/*スライドコンテンツ*/
#latest_slide #fragment-2{background:#ffffff url('../img/mainimg/image2.jpg') no-repeat center; position:relative;}
#latest_slide #fragment-2 span{display:inline-block; width:250px; position:absolute; top:10px; right:10px; line-height:1.2em;}

/*-- accordion skin ------------------------------*/
#accordion{margin:4px 1px 4px 4px;}
#accordion h3{height:30px; line-height:30px; background:#505659 url(../img/cell.png) no-repeat; margin-top:1px; text-indent:20px; cursor:pointer; color:#ffffff; _background:none; _background-color:#505659; zoom:1; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/cell.png, sizingMethod=crop);}
#accordion #accordion_left{margin-right:4px; float:left; width:49%;}
#accordion #accordion_right{margin-left:4px; float:left; width:49%;}
#accordion .accimg{padding-top:5px; padding-right:10px;}
#accordion span{line-height:1.5em;}
#accordion p{text-align:right; padding:2px;}
#accordion p a{color:#8c8c8c; text-decoration:underline;}
#accordion .bnrimg{margin-top:5px;}
#accordion .hover{background-color:#49691f;}

/*-- right ------------------------------*/
.latest_right{margin:5px 4px 4px 2px;}
* html .latest_right{margin-top:5px; margin-left:3px; position:absolute;} /* IE6 CSS hack */
*+ html .latest_right{margin-top:5px; margin-left:3px; position:absolute;} /* IE7 CSS hack */
.latest_right .twitter{position:relative;}
* html .latest_right .twitter, *+ html .latest_right .twitter{margin-top:4px;}
.latest_right .twitter{border:1px solid #a3a7a8; width:184px; min-height:17px;}
.latest_right .twitter dt{background-color:#c0d735; height:25px; line-height:25px; color:#60686b; text-align:center;}
.latest_right .twitter dd .twtr-hd{visibility:hidden; width:0; height:0; line-height:0; overflow:hidden; position:absolute; top:-10000px;}
.latest_right .twitter dd .ytb-join-conv{position:absolute; color:#000000; bottom:10px; right:10px;}
.latest_right .twitter dd .twtr-join-conv{font-size:0px; height:32px; text-indent:-2000px;}
.latest_right .imgbnr img{margin-top:4px;}

/*-- go to cart --------------------------*/
#gotocart{margin:4px; clear:left; height:60px; padding:0px; text-align:center; background:#ffffff url(../img/gocart.jpg) no-repeat 50% 50%; cursor:pointer;}
#gotocart span{color:#ffffff; margin-top:40px; display:inline-block;}
#gotocart a{color:#ffffff; text-decoration:none;}
#gotocart #c_cnt{text-align:right; width:80px; margin-right:15px;}
#gotocart #c_price{text-align:right; width:68px; margin-right:20px;}

/*-- use soft --------------------------*/
#soft_outline{margin:4px; clear:left; padding:0px; list-style:none; text-align:center;}
#soft_outline .subtitle{background-color:#c0d735; height:25px; line-height:25px; color:#60686b;}
#soft_outline .indata{margin:0; text-align:center;}

/*-- printing page css ----------------------------------------------------*/
#ytb_outline{padding:0px 4px;}
#ytb_outline .menuTitle{font-size:1.4em; font-weight:bold; padding:10px; background-color:#e9e9e9; height:10px; line-height:10px; position:relative;}
#ytb_outline .menuTitle span{position:absolute; top:2px; right:5px;}
#ytb_outline .menuText{padding:5px; width:60%; line-height:1.5em;}
#ytb_outline .line{height:1px; background-color:#c0d735; font-size:0px; line-height:0px; overflow:hidden;}
#ytb_outline .lineMargin{margin:3px 0;}
#ytb_outline .titleLine{height:45px;}
#ytb_outline .priceLine{height:35px;}
#ytb_outline .maisu{text-indent:10px;}
#ytb_outline #banner{margin:5px 0}
#ytb_outline #banner li{float:left; text-align:center; padding-left:4px; font-size:0.8em; min-width:68px;}
* html #ytb_outline #banner li{width:68px;}
#ytb_outline .price{clear:both; padding-top:2px;}
#ytb_outline .obimg{margin:5px 0 5px 10px; width:284px;}

#printText dl{clear:both;}
#printText dt{float:left; padding:7px 3px; width:50px; text-align:center; color:#c0d735; background:#ffffff url(../img/subtitle.jpg) no-repeat 50% 50%; height:30px; line-height:30px;}
#printText dd{float:left; padding:7px 3px; width:678px;}

/* order */
#order_info, #order_info .plus_opt{margin-top:10px;}
#order_info ul{border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb;}
#order_info li{border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; overflow:hidden;}
* html #order_info li{height:30px;}
#order_info dt, #order_info dd{line-height:30px; height:30px;}
#order_info dt{width:15%; padding:0 10px; border-right:1px solid #bbbbbb; text-align:center; font-weight:bold; background-color:#e2e2e2; color:#474747;}
#order_info dd{padding:0 10px;}
#order_info .opttitle{padding:0 10px; line-height:30px; font-weight:bold; background-color:#e2e2e2; color:#474747;}
#order_info .ytb_price{height:50px; line-height:50px; border:1px solid #bbbbbb; text-align:right; padding:10px; font-size:2em; font-weight:bold; margin:10px 0;}
#order_info .oriopt{}

#order_foot {text-align:right;}
#opt_box ul{margin-top:10px;}
* html #opt_box .boxli, #opt_box .tdtitle{height:90px;}
#opt_box .kakoutitle{line-height:30px; padding-left:10px;}
#opt_box td{vertical-align:middle; text-align:center; padding:10px;}
#opt_box .tdtitle{border-right:1px solid #bbbbbb; padding:0 10px; line-height:20px; background-color:#e2e2e2;}

/* order success */
#success{margin:30px;}
#success .end{height:45px; background:#ffffff url(../img/success/end.jpg) no-repeat 13px 0; text-indent:-2000px;}
#success ul{border:3px solid #e4e4e4; padding:10px; overflow:auto;}
* html #success ul{height:370px;}
#success li{float:left;}
#success .s_mleft{width:385px; padding:3px 13px 3px 3px; border-right:1px solid #c1c1c1;}
#success .s_mright{width:260px; padding-left:10px; text-align:center;}
#success .arigato{height:72px; background:#ffffff url(../img/success/arigato.jpg) no-repeat; text-indent:-2000px; padding-bottom:15px;}
#success .gomain{text-align:right; text-decoration:underline; margin-top:200px;}

/*-- insatsu infomation page css ----------------------------------------------------*/
#insatsu{margin:10px;}
#insatsu a{color:#ee0000;}
#insatsu img{margin:5px;}
#insatsu p{font-weight:bold; font-size:1.4em; height:30px; line-height:30px; color:#333333; background:#ffffff url(../img/t_logo.jpg) no-repeat 5px 0; text-indent:35px; margin-top:10px; margin-bottom:6px;}
#insatsu dl{margin-bottom:20px;}
#insatsu dt{font-size:1.2em; height:25px; line-height:25px; border-left:10px solid #c0d735; text-indent:10px; background-color:#505659; color:#ffffff;}
#insatsu dd{padding:5px; color:#4e4e4e;}
#insatsu .insert{padding:10px; color:#4e4e4e; border:1px dashed #cdcdcd; margin-bottom:10px;}
#insatsu .checkpoint{padding:10px; border:1px dashed #1e8ac8; margin-bottom:10px;}
#insatsu .red{color:#ee0000;}
#insatsu .sub{font-weight:bold; border-bottom:1px dashed #cdcdcd;}
#insatsu .imgtext{padding:5px 0; display:inline-block; color:#000000;}
#insatsu div .template{width:19%; height:20px; line-height:20px; display:inline-block;}
#insatsu dd .template{width:33%; height:20px; line-height:20px; text-align:center; display:inline-block;}
#insatsu .udline{border-bottom:1px dotted #c1c1c1;}
#insatsu .tem_a{color:#000000;}
#insatsu table{border-left:1px solid #787878; border-top:1px solid #787878;}
#insatsu th{background-color:#4e6ca4; color:#ffffff;}
#insatsu th, #insatsu td{border-right:1px solid #787878; border-bottom:1px solid #787878; width:150px; height:25px; line-height:25px; text-align:center;}

/*-- yotsuba infomation page css ----------------------------------------------------*/
#yotsuba{margin:10px;}
#yotsuba a{color:#ee0000;}
#yotsuba p{font-weight:bold; font-size:1.4em; height:30px; line-height:30px; color:#333333; background:#ffffff url(../img/t_logo.jpg) no-repeat 5px 0; text-indent:35px; margin-top:10px; margin-bottom:6px;}
#yotsuba dl{margin-bottom:20px;}
#yotsuba dt{font-size:1.2em; height:25px; line-height:25px; border-left:10px solid #c0d735; text-indent:10px; background-color:#505659; color:#ffffff;}
#yotsuba dd{padding:5px; color:#4e4e4e;}
#yotsuba .insert{padding:10px; color:#4e4e4e; border:1px dashed #cdcdcd; margin-bottom:10px;}
#yotsuba .red{color:#ee0000;}

/*-- お問合わせ ----------------------------------------------------*/
#otoiawase{margin:4px;}
#otoiawase fieldset{margin-bottom:5px; padding:5px; overflow:hidden; border:1px solid #cccccc;}
#otoiawase p{padding:5px;}
#otoiawase .dash{border-bottom:1px dashed #dddddd;}
#otoiawase label{width:10%; text-align:right; float:left; padding-right:10px;}
#otoiawase .text{width:85%;}
#otoiawase .info{width:50%;}

/*-- ライターリスト ----------------------------------------------------*/
#lighter{margin:4px;}
#lighter .explain_title{height:27px; border-bottom:6px solid #dedede; text-indent:-2000px; background:url(../img/plastic_lighter.jpg) no-repeat;}
#lighter .explain_text{padding:5px 0 2px 0; border-bottom:6px solid #dedede;}
#lighter .explain_text table{margin:6px 0; border-top:1px solid #949494; border-left:1px solid #949494;}
#lighter .explain_text td{padding:5px; border-bottom:1px solid #949494; border-right:1px solid #949494;}
#lighter .explain_text .item{background-color:#edecee; text-align:center; width:20%;}
#lighter .lighter_list .lighterimg{border:2px solid #bebebe;}
#lighter .lighter_list li{padding:5px; border:1px solid #dedede; width:363px; float:left; margin:5px 0; background-color:#f1f1f1;}
#lighter .lighter_list .rightmargin{margin-right:5px;}
#lighter .lighter_list .leftmargin{margin-left:5px;}
#lighter .lighter_list dt{height:30px; line-height:30px; font-size:1.4em; color:#333333; text-indent:10px; font-weight:bold; background-color:#dedede;}
#lighter .lighter_list dd{padding:5px; float:left; width:197px;}
#lighter .lighter_list .list_text{height:90px;}

/*-- shop page css ----------------------------------------------------*/
#shop_outline{padding:0px 4px;}
#shop_outline .menuTitle{font-size:1.4em; font-weight:bold; padding:10px; background-color:#e9e9e9; height:10px; line-height:10px; position:relative;}
#shop_outline .menuline{background-color:#e9e9e9; height:10px; line-height:10px; margin-top:5px;}
#shop_outline .menuTitle span{position:absolute; top:2px; right:5px;}
#shop_outline .menuText{padding:5px; width:364px;}
#shop_outline .obimg{margin:5px 8px 5px 0; width:378px;}
#shop_outline table{border-left:1px solid #bbbbbb; border-top:1px solid #bbbbbb; margin:5px 0;}
#shop_outline td{border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;}
#shop_outline .cell{ height:25px; line-height:25px; text-align:center;}
#shop_outline .green{background-color:#c0d735;}
#shop_outline .gray{background-color:#ededed;}
#shop_outline .obimg img{border:1px solid #bbbbbb;}
#shop_outline .unit{text-align:center; color:#8b0a0a;}
#shop_outline .price{height:30px; line-height:30px; text-align:right; padding:10px; font-size:2em; font-weight:bold;}
#shop_outline .opttitle{padding:0 10px; line-height:30px; font-weight:bold; background-color:#e2e2e2; color:#474747; border:1px solid #bbbbbb;}
#shop_outline .norberti_price{margin-top:5px;}

/*-- event menu --------------------------*/
#event_menu{margin:4px;}
#event_menu ul{margin:0px; padding:0px; position:relative; list-style:none;}
#event_menu li{list-style-type:none; position:relative; display:block; padding-left:20px; background:#ffffff url(../img/lm_back.jpg) no-repeat; height:25px; line-height:25px; text-decoration:none; margin:2px 0; border:1px solid #909495;}
#event_menu .subtitle{background-color:#c0d735; height:25px; line-height:25px; color:#60686b; text-align:center; border:1px solid #a3a7a8;}
#event_menu a{display:block; clear:both; text-decoration:none;}

/*-- ウェブフライヤー ----------------------------------------------------*/
/* Feature section in ZoomEngine page - Cloud Zoom(http://www.professorcloud.com/mainsite/) */
.zoom-section{margin:4px;}
.zoom-section h2{height:30px; line-height:30px; background-color:#949494; color:#ffffff; text-indent:15px; font-size:1.3em; font-weight:bold;}
/* Feature descriptions in ZoomEngine page */
.zoom-small-image{border:2px solid #cccccc; float:left;}
.zoom-section .yotsuba_call{text-align:right; padding-right:5px; height:20px; line-height:20px;}
.yotsuba_call_flyer{text-align:center;}
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens{border:4px solid #888888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move;}
/* This is for the title text. */
.cloud-zoom-title{font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px;}
/* This is the zoom window. */
.cloud-zoom-big{border:2px solid #cccccc; overflow:hidden; margin-top:2px; margin-left:2px;}
/* This is the loading message. */
.cloud-zoom-loading{color:white; background:#222222; padding:3px; border:1px solid #000000;}