@charset "euc-jp";

/* ================================= */
/*                                   */
/*                Link               */
/*                                   */
/* ================================= */
a                  { color: #06F; text-decoration: none; }
a:hover            { color: #06F; text-decoration: underline; }
a:visited          { color: #06F; text-decoration: none; }
a:hover img        { opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)"; }


/* ================================= */
/*                                   */
/*            Layout                 */
/*                                   */
/* ================================= */
<!--body               { width: 100%; margin:  0; padding: 0; text-align: center; font-size:0.9em; line-height:1.5em; }-->
body {
	background: url(http://image.rakuten.co.jp/hyosin/cabinet/sale_event/coupon_b_tate.jpg) repeat-y; 
	background-position:left;
}
#wrapper           { width: 800px; margin: 0 auto; text-align: left; }
#wrapper2          { width: 800px; margin: 0 auto; text-align: left; }
#wrapper3          { width: 610px; margin: 0 auto; text-align: left; }
#Gnavi,
#content-wrapper,
#foot-info,
#footer            { width:100%; margin: 0; padding: 0; }
.margin-bottom10   { margin-bottom:10px; }
.center            { text-align: center; }
.table1 { border-collapse: collapse; border: 1px black solid; border-image: initial; width:100%; font-size:0.9em; }
.table1 td { border: 1px black solid; border-image: initial; }
.box_td04 { text-align: center; vertical-align: middle; background: #BBB; padding:5px 0; }
.box_td05 { text-align: center; vertical-align: middle; background: #EBEBEB; }
.box_td06 { text-align: center; vertical-align: middle; }
.text_left { text-align:left; }
.w800      { width:800px; }
.w610      { width:610px; }
.w740      { width:740px; }
.w730      { width:730px; }
.w710      { width:710px; }
.w600      { width:600px; }
.w590      { width:590px; }
.w588      { width:588px; }
.w580      { width:580px; }
#bg_no     { background:none; }

/* ================================= */
/*                                   */
/*            Color                  */
/*                                   */
/* ================================= */

/* HEADER */
#header2            { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/header/header-bg.gif') repeat-x top center; position:relative; margin-bottom:5px; }
#header2 h1         { font-size:0.8em; padding:5px; font-weight:normal;}
#header2 h2         { float:left; }
#header2 h2 a       { width:500px; height:60px; background:url('../images/common/header/header_logo.jpg') no-repeat top left; text-indent:-9999em;  display:block; }
#headerright        { float:right; width:300px; height:60px; background:url('../images/common/header/header_tel_free.jpg') no-repeat center right; }

/* GROBAL NAVI */
#Gnavi ul          { width:960px; height:52px; overflow:hidden; }
#Gnavi ul li       { float:left; text-indent:-9999em; }
#Gnavi2 ul         { width:800px; height:44px; overflow:hidden; }
#Gnavi2 ul li      { float:left; text-indent:-9999em; }
#nav01 a           { width:160px; height:52px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat 0 bottom; display:block; }
#nav01 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat 0 top; }
#nav02 a           { width:160px; height: 52px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat -160px bottom; display:block; }
#nav02 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat -160px top; }
#nav03 a           { width:160px; height: 52px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat -320px bottom; display:block; }
#nav03 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat -320px top; }
#nav04 a           { width:160px; height: 52px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat -480px bottom; display:block; }
#nav04 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat -480px top; }
#nav05 a           { width:160px; height: 52px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat -640px bottom; display:block; }
#nav05 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat -640px top; }
#nav06 a           { width:160px; height: 52px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat -800px bottom; display:block; }
#nav06 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/Gnavi.jpg') no-repeat -800px top; }
#nav1 a           { width:134px; height:43px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat 0 bottom; display:block; }
#nav1 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat 0 top; }
#nav2 a           { width:133px; height:43px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat -134px bottom; display:block; }
#nav2 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat -134px top; }
#nav3 a           { width:133px; height:43px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat -267px bottom; display:block; }
#nav3 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat -267px top; }
#nav4 a           { width:133px; height:43px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat -400px bottom; display:block; }
#nav4 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat -400px top; }
#nav5 a           { width:133px; height:43px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat -533px bottom; display:block; }
#nav5 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat -533px top; }
#nav6 a           { width:134px; height:43px; background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat -666px bottom; display:block; }
#nav6 a:hover     { background:url('http://www.rakuten.ne.jp/gold/hyosin/images/common/navi/headnavi.jpg') no-repeat -666px top; }
.font_red          { color:#C00; }

/* kokuchi */
#kokuchi         { margin-top:20px; padding:10px; border:1px solid #F00; }
#kokuchi2        { margin-top:20px; margin-bottom:20px; padding:10px; border:1px solid #F00; }
#kokuchi #title  { font-weight:bold; color:#333; text-align:center; margin-bottom:5px; border-bottom:1px dashed #CCC; font-size:1.2em; }
#kokuchi2 #title { font-weight:bold; color:#333; text-align:center; margin-bottom:5px; border-bottom:1px dashed #CCC; font-size:1.2em; }

/* CONTENTS */
.top #content-wrapper   { margin-top:10px; }/* indexのみ */
#contents          { width:610px; float:right; }
#contents2         { width:610px; float:right; }
#top_banar         { height:420px; }

/* SIDEBAR */
#leftbar2 { line-height:1.1em; }
.left_baner ul li { margin-bottom:5px; }
ul.hover_menu ul { display: none; }
ul.hover_menu li:hover > ul { display: block; }
ul.hover_menu ul li { font-size:0.9em; margin:5px 0 ; }
.sidebar2 h4   { border-bottom:1px dotted #CCC; border-top:1px dotted #CCC; margin-bottom:5px; }
.sidebar2 ul li a       { color: #000; text-decoration: none; }
.sidebar2 ul li a:hover { color: #03F; text-decoration: underline; }
.waku { border-left:1px solid #CCC; border-bottom:1px solid #CCC; border-right:1px solid #CCC; }
.waku ul li { margin-bottom:5px; }
.waku img { vertical-align:bottom }
ul.list_image li { background-image:url(../images/common/sidebar/list_image.jpg); background-position:center left; background-repeat:no-repeat; text-align:left; padding-left:20px;}
#left_guide { background-image:url(../images/common/sidebar/guide_bg.jpg); background-repeat:repeat-y; padding:5px; border:1px solid #CCC; }
#left_guide h3 { margin:7px 0; color:#C00; border-bottom:1px solid #C00; padding-bottom:5px; }
#left_guide ul li { font-size:0.9em; margin-bottom:5px; }
#calendar_text { font-size:0.8em; padding:5px; text-align:center; }
.calendar2 { border:1px solid #CCC; margin-bottom:15px; text-align:center; }
.calendar2_2 { border:1px solid #CCC; margin-bottom:15px; text-align:center; }
.calendar2 tr { font-size:0.8em; text-align: center; vertical-align:middle; }
.calendar2_2 tr { font-size:0.7em; text-align: center; vertical-align:middle; }
.calendar2 th { text-align:center; border:1px solid #ccc; background-color: #ededed; padding:2px; }
.calendar2_2 th { text-align:center; border:1px solid #ccc; background-color: #ededed; padding:2px; }
.calendar2 td { text-align: center; border: 1px solid #ccc; padding:2px; }
.calendar2_2 td { text-align: center; border: 1px solid #ccc; padding:2px; }
.calendar_red { background-color:#ffcccc; color:#900; }
th.calendar_red { background-color:#ffcccc; color:#900; }
.calendar_month { text-align: center; font-weight: bold; }
#leftbar2           { width:150px; overflow: hidden; float: left; }
#search_box        { border-left: #8d8d8d solid 1px; border-right: #8d8d8d solid 1px; border-bottom: #8d8d8d solid 1px; padding: 8px 5px; text-align: right; }
#search_box2        { border-left: #8d8d8d solid 1px; border-right: #8d8d8d solid 1px; border-bottom: #8d8d8d solid 1px; padding: 8px 5px; text-align: right; }
#search_box input.text-field { width:170px; }
#search_box2 input.text-field { width:130px; }
#search_shop input.text-field { width: 300px; height:1.5em; }
#search_box input.submit_btn { width: 3.5em; margin-top: 5px; }
#search_box2 input.submit_btn { width: 3.5em; margin-top: 5px; }
#search_shop input.submit_btn { width: 3.5em; height:25px; }
#category .subtitle { border:1px solid #CCC; width:610px; text-align:left; }
#category .list { background-image:url(../images/banner/list_image.jpg);  background-position:left center; background-repeat:no-repeat; padding-left:20px; }
ul.leftnavi_ul { text-align:left; font-size:0.9em; margin:10px 10px; }


/* ================================= */
/*                                   */
/*            Clear Fix              */
/*                                   */
/* ================================= */
.clearfix:after    { content: "."; display:block; clear: both; height: 0; visibility: hidden; }
.clearfix          { display: inline-table; min-height: 1px; }
* html .clearfix   { height: 1px; }
.clearfix          { display:block; }



/* ここから下2016-11-02追加 */



/* =======================================

	CommonElements

======================================= */
body {
	font-size: 100%;
	line-height: 140%;
	font-family: Arial,Helvetica,sans-serif;
	color: #000;
	text-align: left;
	background: #fff;
}

#head {
	width:960px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-bottom:10px;
}

h1 {
	font-size:0.8em; 
	text-align:left; 
	margin-top:10px;
}

/* =======================================
	スライドバー
======================================= */
#container {
	width: 100%;
	text-align: center;
	margin-bottom:20px;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/slide/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/slide/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/* ================================= */
/*                                   */
/*            共通コンテンツ         */
/*                                   */
/* ================================= */
.wrapper {
	width:960px; 
	margin-left:auto; 
	margin-right:auto;
}

#nav {
	width:200px; 
	float:left;
}

#main {
	width:740px; 
	float:right;
}

#main a {
	color:#000; 
	text-decoration:none;
}

#main a:hover { 
	color:#03F; 
	text-decoration:underline;
}

/*--------------- INFORMATION ---------------*/

ul#info_footer {
	clear: both;
	margin-bottom: 50px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
	text-align: center;
}

ul#info_footer li {
	display: inline-block;
	margin-left: 1em;
}

ul#info_footer li:first-child {
	margin-left: 0;
}

ul#info_footer a {
	font-size: 92%;
}

ul#info_footer a:hover {
	text-decoration: underline;
}


/*--------------- COPYRIGHT ---------------*/

small#copyright {
	display: block;
	font-size: 84%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}
