@charset "Shift_JIS";

* {
	scrollbar-3dlight-color: #dddddd;
	scrollbar-arrow-color: #666666;
	scrollbar-base-color: #D9D1C4;
	scrollbar-darkshadow-color: #888888;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #E8E6D1;
}

html {
	background-color:#551c09;
}

body {
	min-width: 320px;
	background: url(/img/02/common/background/01/bg_body_01.jpg) center bottom;
	font-size: small;
	font-family: "�l�r �o�S�V�b�N", "�l�r �o����", "sans-serif", "osaka";
	color:#444;
	line-height: 1.6em;
	padding:30px 0px 20px;
}

img {
	max-width: 100%;
	height: auto;
}

ul,
ol {
	list-style:none;
}

.ie8 img{
	width: auto;
}

/*clearfix*/
.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

a:link {
	text-decoration:none;
	color:#9e4f36;
}
a:visited {
	text-decoration:none;
	color:#aaa;
}
a:hover,a:focus {
	text-decoration:underline;
	color:#000;
}
a:active {
	text-decoration:underline;
	color:#a22;
}

#wrapper {
max-width: 940px;
margin: 0px auto;
}

.sidr{
position:absolute;
position:fixed;
top:0;
height:100%;
z-index:9107;
width:200px;
padding:20px;
overflow-x:hidden;
overflow-y:auto;
background:#fff;
color:#333;
-webkit-box-shadow:inset 0 0 5px 5px #480808;
-moz-box-shadow:inset 0 0 5px 5px #480808;
box-shadow:inset 0 0 5px 5px #480808;
}

/*-----sp_sidemenu-----*/

.sidr .sidr-inner{
	padding:0;
}

.sidr.left{
	left:-240px;
	right:auto;
}

.sidr nav ul{
	display:block;
	margin:0;
	padding:0;
}

.sidr nav ul li {
	width:200px;
	border-bottom:1px solid #ccc;
	padding:5px 0px;
	margin:0;
}

.sidr aside ul {
	display:block;
	margin:0;
	padding:20px 0px;
	width:200px;
}

.sidr aside ul li {
	width:200px;
}



/*=======================
   header
=======================*/

#top {
	max-width: 940px;
	background: url(/img/02/common/background/01/bg_head_01.gif) center top no-repeat;
	width:940px;
	height:140px;
}



/*=======================
   contents
=======================*/

#container {
	clear:both;
	max-width: 940px;
	background: url(/img/02/common/background/01/bg_main_01.gif) center top repeat-y;
	width:940px;
}

#pankuzu {
	list-style:none;
	padding:0;
	margin-bottom:30px;
	font-size:85%;
}

#pankuzu li {
	display:inline-block;
}

#contents {
	display:block;
}

#contents .sec_01 {
	display: block;
	max-width:560px;
	margin:0px auto 70px;
}



/*-----common-----*/


#contents h1.common_h1_01 {
	min-height:30px;
	width:100%;
	padding-bottom: 35px ;
	margin-bottom:50px;
	font-size:156%;
	color:#660000;
	background: url(/img/02/common/common_hx_01.png) center bottom no-repeat;
	text-align:center;
}

#contents h2.common_h2_01 {
	background:url(/img/02/common/common_hx_04.png) left bottom no-repeat;
	color:#990000;
	text-align:right;
	min-height:25px;
	clear:both;
}

#contents h2.common_h2_02 {
	color:#990000;
	min-height:30px;
	margin-bottom:20px;
	text-align:right;
	background: url(/img/02/common/common_hx_03.png) left bottom no-repeat;
	clear:both;
}

#contents h3.common_h3_01 {
	color:#990000;
	min-height:20px;
	padding:15px 0px 5px 25px;
	margin-bottom:10px;
	background: url(/img/02/common/common_hx_12.png) left center no-repeat;
	clear:both;
}

#contents .common_p_01 {
	max-width:560px;
	margin:0px auto 50px;
}

.common_btn_01 {
	display:block;
	background: url(/img/02/common/common_btn_01_3.png) left center;
}

.common_btn_01 a {
	display:block;
	padding:5px 5px 5px 25px;
	background: url(/img/02/common/common_link_12.png) left center no-repeat;
	border-image: url("/img/02/common/common_btn_01_1.png") 3 repeat;
	border-style:solid;
	border-width:3px;
	border-color:#b47353;
}

.common_btn_01 a:hover,
.common_btn_01 a:focus,
.common_btn_01 a:active {
	border-image: url("/img/02/common/common_btn_01_2.png") 3 repeat;
	text-decoration:none;
}

.common_btn_02 {
	display:block;
}

.common_btn_02 a {
	display:block;
	padding:10px 10px 10px 40px;
	background: url(/img/02/common/common_link_15.png) left center no-repeat #660000;
	border-image: url("/img/02/common/common_btn_03_1.png") 3 repeat;
	border-style:solid;
	border-width:3px;
	border-color:#b47353;
}

.common_btn_02 a:link,
.common_btn_02 a:visited {
	color:#fff;
}

.common_btn_02 a:hover,
.common_btn_02 a:focus,
.common_btn_02 a:active {
	color:#d35252;
	border-image: url("/img/02/common/common_btn_03_2.png") 3 repeat;
	text-decoration:none;
}

.common_btn_03 {
	display:inline-block;
	background: url(/img/02/common/common_btn_01_3.png) left center;
}

.common_btn_03 a {
	display:block;
	padding:5px;
	border-image: url("/img/02/common/common_btn_01_1.png") 3 repeat;
	border-style:solid;
	border-width:3px;
	border-color:#b47353;
}

.common_btn_03 a:hover,
.common_btn_03 a:focus,
.common_btn_03 a:active {
	border-image: url("/img/02/common/common_btn_01_2.png") 3 repeat;
	text-decoration:none;
}

.common_sph_01 {
	display:block;
	margin:20px;
	padding:15px;
	font-style:italic;
	border-image: url("/img/02/common/border52.png") 2 repeat;
	border-style:solid;
	border-width:2px;
	border-color:#f1ecd9;
}

#common_ft_nav_01 {
	margin:0px auto 70px;
	max-width:520px;
}

#common_ft_nav_01 ul {
	list-style:none;
	padding:0;
}

#common_ft_nav_01 ul li.ctsft_li_01 {
	font-weight:bolder;
	font-size:138%;
	margin-bottom:20px;
}

#common_ft_nav_01 ul li.ctsft_li_02 {
	margin-top:50px;
	text-align:right;
}

#common_ft_nav_01 ul li.ctsft_li_02 a {
	display:inline-block;
	padding-left:25px;
	background: url(/img/02/common/common_link_14.png) left center no-repeat;
}



/*=======================
   side
=======================*/

#mobile-header {
	display: none;
	position:absolute;
	top:0;
	background:#666;
	z-index: 9108;
	width: 48px;
	height: 42px;
	margin-top:2px;
	margin-right: 10px;
	padding:0px;
	box-shadow: inset 0 0 3px #000;
	border: 0;
}

#main_ft {
	clear:both;
	background: url(/img/02/common/background/01/bg_foot_01.gif) center top no-repeat;
	max-width:940px;
	width:940px;
	height:40px;
}

#gloval_navi_02 {
	margin-bottom:30px;
}

#gloval_navi_02 .event_201406 {
	margin-bottom:20px;
}

#gloval_navi_02 .event201111_01 {
	margin-bottom:20px;
}

#side_recom_01 {
	padding:0;
	margin:0;
	text-align:center;
}

#main_ft .pagetop {
	z-index:9109;
	position: fixed;
	bottom: -50px;
	right: 50px;
	padding:0;
	margin:0;
}

#main_ft .pagetop a {
	display: block;
	width: 80px;
	height: 50px;
	background-color:  rgba(72,8,8,0.8);
	border-radius: 8px 8px 0 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 40px;
}

#navigation nav ul {
	padding:0px;
	margin:0px;
}

#navigation aside ul {
	list-style:none;
	padding:20px 0px;
	margin:0px;
	width:200px;
}

#navigation aside ul.sns_link_01 {
	margin-bottom:50px;
}

#navigation aside ul.sns_link_01 li {
	height:30px;
}

#navigation aside p.side_media_01 {
	text-align:center;
}

#navigation aside p.side_media_01 a:hover,
#navigation aside p.side_media_01 a:active,
#navigation aside p.side_media_01 a:focus {
	opacity:.5;
}

#navigation aside p.side_media_01 a img {
	margin:2px;
}



/*=======================
   footer
=======================*/

#main_footer {
	text-align:center;
	max-width:940px;
	margin:0px auto;
}

#main_footer .ft_menu01 {
	max-width: 940px;
	margin:0px auto;
}

#main_footer .ft_menu01 li {
	display:inline-block;
	padding:0px 3px;
}

#main_footer .ft_menu01 li.ft_mailmagazine:after,
#main_footer .ft_menu01 li.ft_company:after,
#main_footer .ft_menu01 li.ft_privacy:after,
#main_footer .ft_menu01 li.ft_faq:after,
#main_footer .ft_menu01 li.ft_link:after,
#main_footer .ft_menu01 li.ft_sitemap:after {
	content:"�@|�@";
	color:#888;
}

#main_footer address {
	padding:10px 0px 0px;
	color:#fff;
}

#main_footer address a:link {
	color:#fff;
	text-decoration:underline;
}

#main_footer address a:hover,
#main_footer address a:active {
	color:#555;
}

#main_footer .copyright {
	color:#fff;
	margin:0;
	padding: 0px 0px 10px;
}



/*����������������������
   media Queries
����������������������*/

/*=======================
�������@PC
=======================*/

@media screen and (min-width: 700px) {

/*=======================
   header
=======================*/

#top .logo_01 {
	float:left;
	width:200px;
	height:70px;
	margin:0;
	padding:10px 0px 60px 55px;
}

#top .logo_01 img {
	width:200px;
	height:70px;
}

#top .catch_01 {
	float:right;
	width:472px;
	margin:0;
	padding: 15px 122px 30px 90px;
}

#top .catch_01 img.cat_img_01 {
	width: 200px;
	height: 20px;
}

#top .catch_01 img.cat_img_02 {
	width: 270px;
	height: 20px;
}

#gloval_navi_01 {
	float:right;
	width:540px;
	height:45px;
	margin-right:100px;
	padding-bottom:20px;
	background: url(/img/02/common/border01.png) 0px 35px repeat-x;
}

#gloval_navi_01 ul {
	margin:0;
	width:538px;
	padding:0px 0px 5px 0px;
	height:30px;
	text-align:center;
}

#gloval_navi_01 ul li {
	display:inline-block;
	height:30px;
	margin:0;
	padding:0;
}

#gloval_navi_01 ul li a img {
	height:30px;
	width:auto;
}

#top .logo_01.nav_fixed {
    position: fixed;
	float:none;
    top: 0;
	padding:0px 0px 0px 55px;
    z-index: 9202;
}

#gloval_navi_01.nav_fixed {
    position: fixed;
	float:none;
    top: 0;
	height:80px;
	margin:0;
	padding: 0px;
    width: 940px;
	background: url(/img/02/common/gloval_navi/01/gnavi_back_01.png) center top no-repeat;
    z-index: 9201;
}

#gloval_navi_01.nav_fixed ul {
	margin:0px auto;
	width:770px;
	height:32px;
	padding: 10px 80px 38px 0px;
	margin:0px 45px 0px 44px ;
	text-align: right !important;
	background: url(/img/02/common/gloval_navi/01/gnavi_back_02.png) center top repeat-x;
}

#gloval_navi_01.nav_fixed ul li {
	height:32px;
}

#top .shop_link_01 {
	display:none;
}

#top .top_rcm_01 {
	display:none;
}



/*=======================
   contents
=======================*/

#container {
	padding-bottom:150px;
}

#contents {
	float:right;
	width:560px;
	padding:0px 70px 10px 40px;
}

#contents h2.common_h2_01 {
	margin-bottom:15px;
	padding:15px 50px 10px 90px;
}

#contents h2.common_h2_02 {
	padding:0px 15px 20px 0px;
}

/*=======================
   side
=======================*/

#side {
	float:left;
	width:200px;
	padding:0px 14px 20px 55px;
}

.sidr{
	display: none;
}

.nav {
	position:relative;
}

.nav .access_map {
	position:absolute;
	top:-90px;
	left:50px;
}

.nav .introduction {
	padding-left:15px;
	margin-bottom:20px;
	background:url("/img/02/common/common_link_13.png") left center no-repeat;
}

.nav .introduction a:hover {
	opacity:.5;
}

/*=======================
   footer
=======================*/

#main_footer.ft_fixed_01 {
	position: fixed;
	bottom:0px;
	width:940px;
	background: url(/img/02/common/background/01/bg_foot_02.gif) center top no-repeat;
    z-index: 201;
}

#main_footer.ft_fixed_02 {
	position: fixed;
	bottom:-70px;
	width:855px;
	background: url(/img/02/common/background/01/bg_foot_03.png) center top no-repeat;
	padding: 0px 41px 0px 44px;
    z-index: 202;
}

#main_footer.ft_fixed_01 .ft_menu01 {
	height:45px;
	width:940px;
	padding:55px 0px 0px;
}

#main_footer.ft_fixed_02 .ft_menu01 {
	height:27px;
	width:855px;
	padding: 43px 0px 0px;
	background: url(/img/02/common/background/01/bg_foot_03_2.png) center top repeat-x;
}

#main_footer .ft_copy01 {
	background: url(/img/02/common/background/01/bg_body_01.jpg) center bottom;
}

#main_footer address {
	height:20px;
	line-height:20px;
}

#main_footer .copyright {
	height:30px;
	line-height:30px;
}

}



/*=======================
�������@SP
=======================*/

@media screen and (max-width: 700px) {

body {
	background-image:none;
	background-color:#fff;
	padding:0px;
	font-size: large;
}

/*=======================
   header
=======================*/

#pankuzu {
	border-width: 1px 0px;
	border-style:solid;
	border-color:#660000;
	font-size:68%;
	padding:5px 10px;
	margin-bottom:50px;
	background:#efefef;
	line-height:1.3em;
}

#top {
	background:none;
	width:100%;
	height:auto;
}

#top .logo_01 {
	width:auto;
	height:auto;
	margin:0px auto;
	padding:20px 0px 0px;
	text-align:center;
}

#top .catch_01 {
	width:auto;
	margin:0 auto;
	padding: 0;
	text-align:center;
}

#top .catch_01 img {
	width:70%;
}

#top .shop_link_01 {
	display:block;
	padding-right:5px;
	text-align:right;
}

#top .shop_link_01 a {
	display:inline-block;
	background: url(/img/02/common/common_link_01.png) right center no-repeat;
	background-size: auto 50%;
}

#top .shop_link_01 a img {
	width:150px;
}

#top .top_rcm_01 {
	display:block;
	width:95%;
	margin:0px auto;
	height:auto;
	text-align:center;
}

#top .top_rcm_01 a {

}

/*=======================
   contents
=======================*/

#container {
	background: none;
	width:100%;
}

#contents {
	width:96%;
	padding:10px 0px 50px;
	margin-left:auto;
	margin-right:auto;
}

#contents h1.common_h1_01 {
	width:95% !important;
	font-size:135% !important;
}

#contents .sec_01 {
	width:100%;
}

a.link_bg_01 {
	background: url(/img/02/common/common_link_01.png) right center no-repeat;
	background-size:8px 13px;
	padding-right:20px;
}

#contents h2.common_h2_01 {
	padding:15px 10px 10px 90px;
}

#contents h2.common_h2_02 {
	padding:0px 15px 30px 0px;

}

/*=======================
   side
=======================*/

#mobile-header {
	display: block;
}

#mobile-header a {
	display: block;
	width: 48px;
	height: 42px;
	padding:0;
	margin:0;
}

#mobile-header a img {
	width: 48px;
	height: 42px;
	vertical-align:bottom;
}

#navigation {
	display: none;
}

.sidr aside ul.sidr-class-sns_link_01 {
	width:200px;
}

.sidr aside ul.sidr-class-sns_link_01 li {
	height:30px;
}

#main_ft {
	clear:both;
	background: none;
	width:100%;
	height:auto;
}

#main_ft .pagetop {
	width:60px;
	right: 10px;
}



/*=======================
   footer
=======================*/

#main_footer {
	text-align:center;
	width:100%;
	margin:0px auto;
	background:none;
}

#main_footer .ft_menu01 {
	background-image:none;
	background-color: #480808;
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px;
}

#main_footer .ft_menu01 li {
	display:block;
	padding:0px 5px;
	border-top:1px solid #fff;
}

#main_footer .ft_menu01 li a {
	display:block;
	padding: 12px 0px;
	background: url(/img/02/common/common_link_01.png) right center no-repeat;
}

#main_footer .ft_menu01 li a:link {
	color:#fff;
}

#main_footer .ft_menu01 li.ft_mailmagazine:after,
#main_footer .ft_menu01 li.ft_company:after,
#main_footer .ft_menu01 li.ft_privacy:after,
#main_footer .ft_menu01 li.ft_faq:after,
#main_footer .ft_menu01 li.ft_link:after,
#main_footer .ft_menu01 li.ft_sitemap:after {
	content:"";
}

#main_footer address {
	font-size:80%;
	background:#551c09;
	border-top:1px solid #fff;
	line-height:1.3em;
}

#main_footer .copyright {
	font-size:80%;
	background:#551c09;
}

}