@charset "UTF-8";

/*
*************************************
*Since: 2013-08-02
*Modified: 2013-00-00
*************************************
*/


/* 記述順
---------------------------------------------------------------------------------------- */
body {
clear: ;
position: ;
display: ;
float: ;
width: ;
height: ;
margin: ;
padding: ;
border-top: 4px solid #DACCB1 ;
background: #F9F5EE ;
color: ;
font-size: ;
text-align: ;
vertical-align: ;
}

/* margin
---------------------------------------------------------------------------------------- */
.mgt5 { margin-top:5px !important;}
.mgt10 { margin-top:10px !important;}
.mgt20 { margin-top:20px !important;}
.mgt30 { margin-top:30px !important;}
.mgt40 { margin-top:40px !important;}
.mgt50 { margin-top:50px !important;}

.mgl10 { margin-left:10px !important;}
.mgl20 { margin-left:20px !important;}
.mgl30 { margin-left:30px !important;}
.mgl40 { margin-left:40px !important;}
.mgl50 { margin-left:50px !important;}

.mgr10 { margin-right:10px !important;}
.mgr20 { margin-right:20px !important;}
.mgr30 { margin-right:30px !important;}
.mgr40 { margin-right:40px !important;}
.mgr50 { margin-right:50px !important;}

.mgb0 { margin-bottom:0px !important;}
.mgb10 { margin-bottom:10px !important;}
.mgb20 { margin-bottom:20px !important;}
.mgb30 { margin-bottom:30px !important;}
.mgb40 { margin-bottom:40px !important;}
.mgb50 { margin-bottom:50px !important;}

.al_right { text-align:right !important;}
.al_ctr { text-align:center !important;}

/* color
---------------------------------------------------------------------------------------- */

.org { color: #DE601A !important; }
.red { color: #CC3300 !important; }

/* wrapper
---------------------------------------------------------------------------------------- */
#wrapper { width:100%; }

/* header
---------------------------------------------------------------------------------------- */

#header { width:940px; margin-left:auto; margin-right:auto; position:relative; padding: 20px 0px 21px 0px; }
#header .inner ul li { float: left; margin-right:2px; }
#header .inner ul li.last { margin-right:0px; }
#header .inner ul { position: absolute; top: -4px; right:0px; }
#header .inner .inf_tel img { position: absolute; right: 5px; bottom: 30px; }

/* gnv
---------------------------------------------------------------------------------------- */

#gnv { width:100%; background:url(../images/bg_gnv.png) repeat-x; min-height: 30px; _min-height: 50px; padding-top:10px; padding-bottom:10px; }
#gnv .inner { width:940px; margin-left:auto; margin-right:auto; }
#gnv .inner ul { background:url(../images/btn_gnv_ul.png) no-repeat; height: 30px; }
#gnv .inner ul.gl02 { background:url(../images/btn_gnv_ul2.png) no-repeat; height: 30px; }
#gnv .inner ul li { float: left; }
#gnv .inner ul li.gnv01 { padding-left:25px; padding-right:25px;  }
#gnv .inner ul li.gnv02 { padding-left:19px; padding-right:19px;  }
#gnv .inner ul li.gnv03 { padding-left:26px; padding-right:26px;  }
#gnv .inner ul li.gnv04 { padding-left:19px; padding-right:19px;  }
#gnv .inner ul li.gnv05 { padding-left:20px; padding-right:20px;  }
#gnv .inner ul li.gnv06 { padding-left:27px; padding-right:27px;  }
#gnv .inner ul li.gnv07 { padding-left:22px; padding-right:22px;  }
#gnv .inner ul li.gnv08 { padding-left:28px; padding-right:28px;  }
#gnv .inner ul li.gnv09 { padding-left:22px; padding-right:22px;  }
#gnv .inner ul li.gnv01:hover { background:url(../images/btn_gnv01hvr.png) no-repeat 25px 0px; }
#gnv .inner ul li.gnv02:hover { background:url(../images/btn_gnv02hvr.png) no-repeat 19px 0px; }
#gnv .inner ul li.gnv03:hover { background:url(../images/btn_gnv03hvr.png) no-repeat 26px 0px; }
#gnv .inner ul li.gnv04:hover { background:url(../images/btn_gnv04hvr.png) no-repeat 19px 0px; }
#gnv .inner ul li.gnv05:hover { background:url(../images/btn_gnv05hvr.png) no-repeat 20px 0px; }
#gnv .inner ul li.gnv06:hover { background:url(../images/btn_gnv06hvr.png) no-repeat 27px 0px; }
#gnv .inner ul li.gnv07:hover { background:url(../images/btn_gnv07hvr.png) no-repeat 22px 0px; }
#gnv .inner ul li.gnv08:hover { background:url(../images/btn_gnv08hvr.png) no-repeat 28px 0px; }
#gnv .inner ul li.gnv09:hover { background:url(../images/btn_gnv09hvr.png) no-repeat 22px 0px; }

/* topicpass
---------------------------------------------------------------------------------------- */
#wrapper #topicpass { width: 940px; margin-right: auto; margin-left: auto; overflow: hidden; margin-top: 15px; }
#wrapper #topicpass ul li { float: left; font-size:80%; padding:2px 0px 5px 0px;white-space:nowrap !important; }
#wrapper #topicpass ul li a { color: #43200C; padding:0px 4px 0px 4px; text-decoration:none; }
#wrapper #topicpass ul li a:hover, #wrapper #topicpass ul li a:active { color: #993300 !important; text-decoration:underline; }

/* contents
---------------------------------------------------------------------------------------- */
#contents { width:940px; margin-left:auto; margin-right:auto;	margin-bottom:50px;	overflow: hidden; }
#contents .left { width:265px; float:left; }
#wrapper #contents .left .inner li { margin-bottom: 5px; }
#wrapper #contents .left .inner .banner { margin-top: 25px; }
#wrapper #contents .left .inner .banner .book { padding-top: 25px; }
#wrapper #contents .left .inner .likebox { 
	height: 290px;
	background-color: #fff;
}
/*#wrapper #contents .left .inner .banner .fb { padding-top: 25px; }*/

#contents .right { width:650px; float:right; }
.right .inner h2 {
background: url(../images/bg_rrt_ttl.png) repeat-x 0 0;
line-height:44px;
/height:44px;
padding-left:18px;
font-size: 110%;
font-style: normal;
text-shadow: 1px 1px 1px #FFF;
position: relative;
}

.right .inner h2 span { position: absolute; right:10px; top:8px; }

#wrapper #contents .left .inner .lft_menu { margin-bottom:35px; }
#wrapper #contents .left .inner .lft_menu li.lft_ttl {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #43230D;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size: 90%;
	padding-top: 12px;
	padding-bottom: 11px;
	padding-left: 25px;
	font-style: normal;
	color: #43210C;
	background: url(../images/bg_lft_ttl.png)  no-repeat 12px #EFE9DE;
	text-shadow: 1px 1px 1px #FFF;
	margin-bottom: 0px;
}

.off { background: url(../images/bg_lft_ttl.png)  no-repeat 12px #FFF !important;}
.off:hover { background: url(../images/bg_lft_ttl.png)  no-repeat 12px #EFE9DE !important;}
.on { background: url(../images/bg_lft_ttl.png)  no-repeat 12px #EFE9DE !important;}

#wrapper #contents .left .inner .lft_menu li.second { border-top: none !important; background: url(../images/bg_lft_ttl.png)  no-repeat 12px #FFF; }
#wrapper #contents .left .inner .lft_menu li.second:hover { border-top: none !important; background: url(../images/bg_lft_ttl.png)  no-repeat 12px #EFE9DE; }

#wrapper #contents .left .inner .lft_menu li ol li:hover {background: #EFE9DE;}

#wrapper #contents .left .inner .lft_menu li ol li {
	font-size: 90%;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	clear: both;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-left: 30px;
	padding-top:9px;
	padding-bottom:7px;
	list-style-position: inside;
	list-style-type: disc;
	color:#43210C;
}

#wrapper #contents .left .inner .lft_menu li a { color:#43210C; text-decoration:none; }
#wrapper #contents .left .inner .lft_menu li a:hover { color:#930; text-decoration: underline; }
#wrapper #contents .right .inner .page_top { text-align: right; margin-top: 5px; }
#wrapper #contents .right .inner .textarea .inline { text-indent: 1.0em; }

#wrapper #contents .right .btn_form { text-align: center; }



/* footer
---------------------------------------------------------------------------------------- */

#footer { clear: both; border-top: 4px solid #DACCB1; background-color: #E5DBC9; }
#footer.exclusive { clear: both; border-top: 4px solid #DACCB1; background-color: #261407 !important; }
#wrapper #footer .shop_list { background-color: #301909;  }
#wrapper #footer .shop_list .inner { width: 940px; margin-right: auto; margin-left: auto; padding-top: 28px; padding-bottom: 13px; }
#wrapper #footer #page_top { position: relative; width:940px; margin-right: auto; margin-left: auto; height: 0px; display: block; }
#wrapper #footer #page_top .page_top { position: absolute; top: -26px; right: 0px; display:block !important; }
#wrapper #footer .shop_list .inner div table { width:33% !important; min-height:100px !important; margin-right:3px !important; float: left; margin-bottom: 15px; text-align: left; }
#wrapper #footer .shop_list .inner div table tr .thumb { padding: 0px !important; width: 114px; min-height:100px !important; vertical-align: top; }
#wrapper #footer .shop_list .inner div table tr .thumb p { overflow: hidden; width: 114px; height: 86px; position: relative; }
#wrapper #footer .shop_list .inner div table tr .thumb p img { position: absolute; }
#wrapper #footer .shop_list .inner .list { padding-top: 10px; overflow: hidden; padding-bottom: 20px; }
#wrapper #footer .shop_list .inner div table tr .name { padding-left: 10px; color:#FFF; font-size: 12px; }
#wrapper #footer .shop_list .inner div table tr .zip_code, 
#wrapper #footer .shop_list .inner div table tr .adress, 
#wrapper #footer .shop_list .inner div table tr .tel {
	padding: 0px 0px 0px 10px;
	font-size:10px;
	color:#FFF;
	vertical-align: top;
}
#wrapper #footer .inner { width: 940px; margin-right: auto; margin-left: auto ; text-align: center; padding-top: 40px; overflow: hidden; }
#wrapper #footer.exclusive .inner { width: 940px; margin-right: auto; margin-left: auto ; text-align: center; padding-top: 0px; overflow: hidden; }

#wrapper #footer .inner ul { width:900px; padding-left:20px; padding-right:20px;  overflow: hidden;  }
#wrapper #footer .inner ul li { float: left; font-size:80%; padding:2px 0px 5px 0px;white-space:nowrap !important; }
#wrapper #footer .inner ul li a { color: #43200C; padding:0px 4px 0px 4px; }
#wrapper #footer .inner ul li a:hover, #wrapper #footer .inner ul li a:active { color: #993300 !important; }
#wrapper #footer .inner small { clear:both; margin-top: 20px;  margin-bottom: 20px; display: block; font-size: 80%; color: #43200C; }
#wrapper #footer.exclusive .inner small { clear:both; margin-top: 40px;  margin-bottom: 30px; display: block; font-size: 80%; color: #FFF; }
#wrapper #footer .shop_list .inner h2 { text-align: left; }
#wrapper #contents .left .inner .lft_menu li ol { /margin-top:-24px; }
#footer .shop_list .inner h2 { color: #FFFFFF; font-size: 100%; }
#wrapper #footer .shop_list .inner h3{
	color: #DACCB1;
	font-size: 90%;
	border-bottom: 1px dotted #DACCB1;
	font-weight: normal;
	text-align: left;
	padding-bottom: 4px;
	margin-bottom: 10px;
}


#wrapper #contents .right .inner .media ul { background-color: #FFFFFF; }
#wrapper #contents .right .inner .media ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DACCB1; padding: 18px; overflow: hidden; }
#wrapper #contents .right .inner .media ul li em { font-style:normal; color:#EB6800; font-size:90%; float: left; }
#wrapper #contents .right .inner .media ul li p {
	float: right;
	width: 435px;
	display: block;
	padding-right: 45px;
}

#wrapper #contents .right #media .inner .media ul li .magazine { background: url(/common/images/media/icon_media_magazine.png) no-repeat right top; }
#wrapper #contents .right #media .inner .media ul li .tv { background: url(/common/images/media/icon_media_tv.png) no-repeat right top; }
#wrapper #contents .right #media .inner .media ul li .newspaper { background: url(/common/images/media/icon_media_newspaper.png) no-repeat right top; }

#wrapper #contents .right #media .inner .media .textarea .magazine { background: url(/common/images/media/icon_media_magazine.png) no-repeat 0 0; padding-left:45px; color:#EB6800; margin-bottom:40px; }
#wrapper #contents .right #media .inner .media .textarea .tv { background: url(/common/images/media/icon_media_tv.png) no-repeat 0 0; padding-left:45px; color:#EB6800; margin-bottom:40px; }
#wrapper #contents .right #media .inner .media .textarea .newspaper { background: url(/common/images/media/icon_media_newspaper.png) no-repeat 0 0; padding-left:45px; color:#EB6800; margin-bottom:40px; }