/* CSS Document */

/* Reset */
*{ margin:0; padding:0; font-size:100%; list-style-type:none; color:#444444; line-height:100%;}
img{border:none; vertical-align:top}

/* Base */
#header{ width:800px; margin:0 auto 0 auto; height:80px;}
#header-toppage{ width:800px; margin:0 auto 0 auto; height:80px;}
#footer{ width:800px; margin:0 auto 0 auto; height:80px; text-align:center;}
#footer h5{ font-size:12px; margin:10px 0 0 0}

/* Toppage */
#header-toppage h1{ font-size:12px; position:relative; top:50px;}
#container-top{ width:100%; background-color:#e3d6ad }
#contents-top{ width:800px; background-image:url(images/topbg.jpg); background-position:top center; background-repeat:no-repeat; height:400px; margin:0 auto 0 auto;}
#container-top div.navigation-bg{ width:300px; height:400px;background-image:url(images/navigationbg.png); position:relative;left:50px; }
#container-top div.navigation-top { position:relative; top:20px; left:25px;width:250px;}
#container-top div.navigation-top a{ text-decoration:none;color:#FFFFFF;display:block; padding:5px;}
#container-top div.navigation-top a:link{ color:#FFFFFF;}
#container-top div.navigation-top a:visited{ color:#FFFFFF;}
#container-top div.navigation-top a:hover{ background-image:url(images/shopmenubg.png)}
#container-top div.navigation-top ul.shop-menu { margin:0 0 50px 0;}
#container-top div.navigation-top ul.shop-menu li{ font-size:24px; font-family:"Times New Roman", Times, serif;line-height:200%; border-bottom:1px dotted #FFFFFF;}

#container-top div.navigation-top ul.shop-menu li span{ display:block; text-align:right; font-size:15px; color:#FFFFFF; margin:0 25px 0 0;}

#container-top div.navigation-top ul.site-menu li{ _margin:5px 0 5px 0; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:150%; padding-left:10px; background-image:url(images/sitemenu_listmark.png); background-position:left; background-repeat:no-repeat;}

/* Page */
#header h1{ float:left; width:340px}
#header h1 img{ display:block; margin:10px 0 0 0;}
#header div.navigation{ float:right;}
#header div.navigation a{ text-decoration:none; display:block;}
#header div.navigation ul.shop-menu {zoom:100%;}
#header div.navigation ul.shop-menu li{ float:left; margin:5px 0px 0 20px; font-size:14px; font-family:"Times New Roman", Times, serif;}
#header div.navigation ul.shop-menu a{ background-image:url(images/shopmenubg2.jpg); background-position:top left; background-repeat:no-repeat; padding-left:15px;}
#header div.navigation ul.shop-menu a:link{ color:#444444;}
#header div.navigation ul.shop-menu a:visited{ color:#444444;}
#header div.navigation ul.shop-menu a:hover{ color:#981014;}

#header div.navigation ul.shop-menu:after{ content: ""; clear: left; height: 0; display: block; visibility: hidden;}

#header div.navigation ul.site-menu { position:relative; right:0px; top:30px;zoom:100%}
#header div.navigation ul.site-menu li{ float:right; margin:5px 0px 0 0;margin:5px 0px 0 30px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#header div.navigation ul.site-menu a{padding-left:10px; background-image:url(images/sitemenu_listmark2.jpg); background-position:left; background-repeat:no-repeat;}
#header div.navigation ul.site-menu a:link{ color:#340101;}
#header div.navigation ul.site-menu a:visited{ color:#340101;}
#header div.navigation ul.site-menu a:hover{ color:#b24a07;}
#container{ width:100%; background-color:#e3d6ad }
#contents{ width:800px; margin:0 auto 0 auto}
#header div.navigation ul.site-menu:after{ content: ""; clear: right; height: 0; display: block; visibility: hidden;}


/* Woodyhouse */
.wh-eyecatch{ background-image:url(images/eyecatch_wh.jpg); background-repeat:no-repeat; background-color:#FFFFFF; height:490px;}
.wh-eyecatch div.shop-description{ width:400px; position:relative; left:360px; top:175px; background-image:url(images/descriptionbg.png); padding:10px;}
.wh-eyecatch div.shop-description h2{ color:#FFFFFF;}
.wh-eyecatch div.shop-description p{ font-size:12px; line-height:150%; color:#FFFFFF;}
.wh-eyecatch div.image-box { position:relative; top:190px; zoom:100%;}
.wh-eyecatch div.image-box li{ float:left;}
.wh-eyecatch div.image-box li img{ display:block;}
.wh-eyecatch div.image-box :after{ content: ""; clear:left; height: 0; display: block; visibility: hidden;}
.wh-shop-image{ background-color:#FFFFFF; width:800px; margin:0 auto 0 auto; padding:25px 0 25px 0; zoom:100%;}
.wh-shop-image:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.wh-shop-image h3{ margin:0 20px 20px 20px; border-bottom:2px solid #340101; color: #340101;}
.wh-shop-image img{ display:block; border:1px solid #444444;}
.wh-shop-image img.mainimage{ margin:10px 0px 20px 40px; _margin:10px 0px 20px 20px; float:left; width:320px; height:240px; padding:10px;}
.wh-shop-image ul{ float:right; width:400px; zoom:100%;}
.wh-shop-image ul:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.wh-shop-image li{ float:left;}
.wh-shop-image li img{width:160px; height:120px; margin:10px 10px 9px 10px;}

/* Luce */
.lc-eyecatch{ background-image:url(images/eyecatch_lc.jpg); background-repeat:no-repeat; color:#FFFFFF; background-color:#ffffff; height:500px;}
.lc-eyecatch div.shop-description{ width:400px; position:relative; left:360px; top:175px; background-image:url(images/descriptionbg_lc_50.png); padding:10px;}
.lc-eyecatch div.shop-description h2{ color:#FFFFFF;}
.lc-eyecatch div.shop-description p{ font-size:12px; line-height:150%; color:#FFFFFF;}
.lc-eyecatch div.image-box { position:relative; top:184px; overflow:hidden; zoom:100%;}
.lc-eyecatch div.image-box ul{}
.lc-eyecatch div.image-box li{float:left;}
.lc-eyecatch div.image-box li img{ display:block;}
.lc-eyecatch div.image-box :after{ content: ""; clear:left; height: 0; display: block; visibility: hidden;}
.lc-shop-image{ background-color:#FFFFFF; width:800px; margin:0 auto 0 auto; padding:25px 0 25px 0}
.lc-shop-image h3{ margin:0 20px 20px 20px; border-bottom:2px solid #340101; color: #340101;}
.lc-shop-image img{ display:block; border:1px solid #444444;}
.lc-shop-image ul { margin:0 0 0 30px; zoom:100%;}
.lc-shop-image ul:after{ content: ""; clear: left; height: 0; display: block; visibility: hidden;}
.lc-shop-image li{ float:left;}
.lc-shop-image li img{width:160px; height:120px; margin:10px 10px 9px 10px;}

/* DataPage */
.datapage{ background-color:#FFFFFF;}
.datapage div.inner{ margin:0 25px 0 25px; padding:25px 0 25px 0;}
.datapage h2{ color:#340101; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin:0 0 30px 0; border-bottom:2px solid #340101; }
.datapage h3{ border-left:5px solid #9a0f12; line-height:100%; padding:0 0 0 5px; color:#b24a07; margin:10px 0 10px 0;}

/* Profile */
.shishin{ margin:0 10px 50px 10px; padding:10px;}
.shishin dt{ border-bottom:1px solid #b24a07; font-size:14px; color:#b24a07; margin:15px 0 5px 0; font-weight:bold}
.shishin dd{ font-size:14px; padding-left:14px; line-height:130%;}
.rinen{ margin:50px 0px 50px 0px; text-align:center;}
.profile-table{ margin:0 10px 0px 10px; font-size:12px; width:730px; background-image:url(images/profiletablebg.jpg); background-repeat:no-repeat; background-position:top right;}
.profile-table th{ text-align:left; padding:5px 5px 5px 0px ; border-right:1px solid #b24a07; width:60px; color:#340101; line-height:130%;}
.profile-table td{ padding:5px 5px 5px 0px; line-height:130%;}
#enkaku-table th{ border:none;}
#enkaku-table td{ border:none}
#tenpo-list { margin:0px; width:100%;}
#tenpo-list th{ border-right:none; border-bottom:1px dotted #b24a07; width:180px; color:#b24a07;}
#tenpo-list td{  border-bottom:1px dotted #b24a07;}
#tenpo-list span{ font-size:80%; margin-left:5px; color:#b24a07}
#toriatsukai-list{ margin:0px; width:100%;}
#toriatsukai-list th{ border-right:none; border-bottom:1px dotted #b24a07; width:180px; color:#b24a07;}
#toriatsukai-list td{  border-bottom:1px dotted #b24a07;}
#enkaku-table{ margin:0px; width:100%;}
#enkaku-table th{ border-right:none; border-bottom:1px solid #b24a07; width:80px;}
#enkaku-table td{  border-bottom:1px solid #b24a07;}

/* Recruir */
#recruiit-youkou-table{ background-color:#b24a07; margin:10px 10px 40px 10px;}
#recruiit-youkou-table th{ padding:7px; background-color:#edefee; font-size:12px; width:60px; text-align:left; vertical-align:top; line-height:130%;}
#recruiit-youkou-table td{ padding:7px; background-color:#FFFFFF; font-size:12px; vertical-align:top; line-height:130%;}
#recruiit-youkou-table dl{ margin:0 0 15px 0;}
#recruiit-youkou-table dt{ border-left:12px solid #b24a07; padding:0 0 0 3px; margin:15px 0 5px 0; font-weight:bold;}
#recruiit-youkou-table dd{ margin:0 0 0 15px; line-height:130%;}
.furusato{ margin:25px 10px 25px 10px; text-align:left;}
.furusato a{ padding:10px; display:block; text-decoration: none; color:#FFFFFF; background-image:url(images/furusatobg.png); background-position:right top; background-repeat:no-repeat; height:70px;}
.furusato a:link{ border:1px dotted #b24a07; background-color:#7ab028;}
.furusato a:visited{ border:1px dotted #b24a07; background-color:#7ab028;}
.furusato a:hover{ border:1px dotted #b24a07;background-color:#cd5737;}
.furusato h4{ font-size:18px;}
.furusato h4 span{ display:block; margin:5px; color:#FFFFFF; font-size:150%;}
.staff-fuukei{ margin:25px 10px 25px 15px; zoom:100%}
.staff-fuukei:after{ content: ""; clear: left; height: 0; display: block; visibility: hidden;}
.staff-fuukei div{ width:170px; height:170px; border:1px solid #b24a07; float:left; margin:3px; padding:5px 0 5px 0; text-align:center;}
.staff-fuukei p{ font-size:12px; margin:10px 5px;}
.staff-fuukei img{}
.tantou{ margin:25px; padding-left:300px;}
.tantou img{ float:left; display:block; margin:0 10px 10px 0; width:120px; height:90px; border:1px solid #b24a07; }
.tantou p{ font-size:12px; line-height:150%;}
.staff-comment{ background-image:url(images/staff_all.jpg); background-position:top left; background-repeat:no-repeat;}

.emphasis{ display:block; margin:5px 0 0 0; font-weight:bold; color:#ff0000; line-height:120%; }