@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)"; }


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

	CommonElements

======================================= */
body {
	font-size: 100%;
	line-height: 140%;
	font-family: Arial,Helvetica,sans-serif;
	color: #000;
	text-align: left;
	background: url(http://image.rakuten.co.jp/hyosin/cabinet/sale_event/coupon_b_tate.jpg) repeat-y; 
	background-position:left;
}

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

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

h2 {
	font-size:1.5em;
	font-weight:bold;
	padding:50px 20px;
	margin-bottom:20px;
	border:1px solid #2b5faa;
	color:#2b5faa;
}

#tab {
width: 100px;/* 最初に表示されるバナーの幅 */
height: 150px;/* バナーの高さ */
background: url(../../images/common/tab/review_coupon_b.png) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 0;/* 右から0pxの位置に指定 */
bottom: 290px;/* 下から100pxの位置に指定 */
}
#tab a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}
#tab:hover {/* カーソルが乗った時の動きを指定 */
width: 400px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}

#point_banner {
    margin: 50px 0 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
}
#point_banner a {
    display: block;
    text-decoration: none;
    width: 80px;
    height: 1500px;
}

/* =======================================
	スライドバー
======================================= */
#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;
}

/* ================================= */
/*                                   */
/*            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; }

/* ================================= */
/*                                   */
/*            共通コンテンツ         */
/*                                   */
/* ================================= */
.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;
}
#bg_no {
	background:none;
}

.pankuzu {
	margin-bottom:10px; font-size:0.9em;
}

/*--------------- 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;
}