/* CSS Document */

@import url(base.css);
@import url(mypage.css);
	
#shop_top{
	margin-top:5px;
	width:770px;
	}
	
#main_center ul{
	list-style:none;
	border-top:1px solid #910000;
	padding-top:5px;
	text-align:left;
	clear:both;
	}
	
#main_center li{
	list-style:none;
	display:inline;
	margin-left:2px;	
	}
	
#content{
	width:770px;
	margin-top:5px;
	}	
	
/** ROLLover start ************************************************************************/	
	
/** shopPAGE *****************************/

a.button1 span, a.button2 span,
a.button3 span, a.button4 span,
a.button5 span, a.button6 span{
	display:none;
	}
	
/** Top **/
div.shopimage_box{width:76px;height:auto;float:left;}
a.button1, a.button2 {display:block;width:76px;height:28px;}

a.button1 {background:url("../img/shop/bn_review_s.gif") no-repeat 0px 4px;}
a:hover.button1 {background:url("../img/shop/bn_review_s_o.gif") no-repeat 0px 4px;}

a.button2 {background:url("../img/shop/bn_myshop_s.gif") no-repeat 0px 2px;}
a:hover.button2 {background:url("../img/shop/bn_myshop_s_o.gif") no-repeat 0px 2px;}
	
/** Index **/
div.button_box{width:177px;height:auto;float:left;}
a.button3, a.button4 {display:block;width:177px;height:80px;}

a.button3 {background:url("../img/shop/bn_review_o.gif") no-repeat 5px 15px;}
a:hover.button3 {background:url("../img/shop/bn_review.gif") no-repeat 5px 15px;}

a.button4 {background:url("../img/shop/bn_myshop_o.gif") no-repeat 4px 15px;}
a:hover.button4 {background:url("../img/shop/bn_myshop.gif") no-repeat 4px 15px;}
	
/** Movie **/
a.button5, a.button6 {display:block;width:60px;height:140px;}

a.button5 {background:url("../img/shop/movieback.gif") no-repeat 0px bottom;}
a:hover.button5 {background:url("../img/shop/movieback_o.gif") no-repeat 0px bottom;}

a.button6 {background:url("../img/shop/movienext.gif") no-repeat 10px bottom;}
a:hover.button6 {background:url("../img/shop/movienext_o.gif") no-repeat 10px bottom;}
img.button7 {padding-top:70px; margin-right:10px;}
	
/** MORE button *****************************/

a.more1, a.more2, a.more3, a.more4{ display: block; width: 85px; height: 21px; float: right;}	
a.more1 span, a.more2 span, a.more3 span, a.more4 span{ display: none;}
	
/** INDEX **/
a.more1 {background:url("../img/top/lookmore.gif") no-repeat right 0px;}
a:hover.more1 {background:url("../img/top/lookmore_o.gif") no-repeat right 0px;}
	
/** SHOP **/
a.more2 {background:url("../img/shop/moreinfo.gif") no-repeat right 0px;}
a:hover.more2 {background:url("../img/shop/moreinfo_g.gif") no-repeat right 0px;}
	
/** REVIEW **/
a.more3 {background:url("../img/shop/more_g.gif") no-repeat right 0px;}
a:hover.more3 {background:url("../img/shop/more_o.gif") no-repeat right 0px;}

/** ROLLover end ************************************************************************/
	
/*****************shopTOP**/
	
/**leftBODY**/
	
#left_b{
	width:402px;
	float:left;
	}

#left_b ul{
	padding:0px;
	border:0px;
	text-align:left;
	margin:5px 0px 0px;
	}
	
#info{
	border:solid 1px #999999;
	padding:0px 14px 14px;
	height:100%;
	}
	
.sp{float:left; margin:5px 5px 0px 0px;}
	
.new{
	width:402px;
	}
	
div.n_review, div.n_track{
	width:240px;
	margin-left:5px;
	float:left;
	background:url("../img/shop/icon1.gif") no-repeat 0px 2px;
	padding-left:16px;
	color:#5FA993;
	}
	
div.n_track{
	width:auto;
	float:none;
	}
	
div.n_review a, div.n_track a{ color:#E68207; text-decoration:underline; font-weight:bold;}	
div.n_review a:hover, div.n_track a:hover{ text-decoration:none;}
	
/***************************** MOVIE **/
	
div.movie_th{
	margin:5px 0px;
	width:400px;
	font-size:0.95em;
	}
	
div.movie_th_w{
	margin:5px 0px;
	width:545px;
	}
	
div.movie_th dl, div.movie_th_w dl{
	float:left;
	width:49%;
	text-align:center;
	margin:1px;
	}
	
div.movie_th_w dl{
	width:24%;
	border-bottom:1px dashed #EB9266; 
	}
	
div.movie_th dt, div.movie_th_w dt{
	background:url("../img/shop/icon_data.gif") no-repeat -1px 3px;
	width:68px;
	border:none;
	margin:0px auto;
	padding:0px 0px 0px 15px;
	font-size:0.9em;
	}
	
div.movie_th_w dd.underline{margin:0px 0px 5px;}

div#right_basic div.movie_th_w dl{border: none; margin: 0px 0px 0px 4px; font-size:0.9em;}
	
/**MOVIEichiran**/

div.movie_box{margin:0px 10px 50px;}
div.movie_box_center{
	margin:0px auto;
	width: 425px;
}

#main_center div.movie_box h2{
	background-color:#f7f6fb;
	border: solid 1px #3D8D9F;
	color:#3D8D9F;
	font-size:1.4em;
	text-align:center;
	margin:0px 0px 10px;
	padding:5px 0px 5px 5px;
	}
	
div#movie{ width:300px; height:220px; background-color:#333333; border:solid 2px #888888;}
	
div.movie_box h2 span{ font-size:0.7em; font-weight:normal;}
		
/******************************* MOVIE END **/
	
/**rightBODY**/
	
#right_b{
	width:354px;
	float:right;
	}
	
#movie_bg{
	background:url("../img/shop/movbase.gif") no-repeat 0px 0px;
	width:284px;
	height:220px;
	padding:33px 35px;
	}
	
#movie_bg div{
	background-color:#333333;
	width:282px;
	height:220px;
	}
	
div.data_icon{
	background:url("../img/shop/icon_data.gif") no-repeat 50px 3px;
	font-size:0.9em;
	text-align: right;
	width: 130px;
	}
	
/*****************shopREVIEW_EDIT**/
	
/**leftBODY**/

#review_edit{
	background:url("../img/shop/reviewform_b.gif") repeat-y 0px 0px;
	width:545px;
	margin-top:10px;
	}
	
#review_edit div.top{
	background:url("../img/shop/reviewform_t.gif") no-repeat 0px 0px;
	height:10px;
	}
	
div.under{
	background:url("../img/shop/reviewform_u.gif") no-repeat 0px 0px;
	height:10px;
	width:545px;
	}
	
#review_edit td{
	padding:5px;
	}
	
#review_edit td.reviewicon{
	text-align:center;
	vertical-align:top;
	width:165px;
	}
	
#banner{
	float:right;
	width:220px;
	background:url("../img/shop/reco_back.gif") repeat-y 0px 0px #F8EBDB;
	text-align:center;
	}
	
#banner a img{
	margin:5px 0px;
	}
	
/*****************shopREVIEW**/

.review_points{
	background:url(../img/shop/points_bg.gif) no-repeat 10px 23px;
	float:left;
	padding:0px 0px 0px 10px;
	width:170px;
	height:119px;
	}
	
.review_points p{
	font-size:2.2em;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
	padding-top:25px;
	}
	
#review{
	float:left;
	width:535px;
	font-size:0.95em;
	line-height:1.7em;
	}
	
#review a, #mypage a, #shopleft div.left a, #shopleft div.right a{
	color:#E68207;
	text-decoration:underline;
	}
	
#review a:hover, #mypage a:hover, #shopleft div.left a:hover, #shopleft div.right a:hover{
	color:#E68207;
	text-decoration:none;
	}
	
#review h2.review_title, #mypage h2.review_title{
	background:url(../img/shop/fukidashi_icon.gif) #DED8A4 no-repeat 7px 1px;
	padding:3px 0px 3px 30px;
	width:493px;
	font-size:1.1em;
	font-weight:normal;
	margin: 0px;
	}
	
.review_boxed{
	border:solid 1px #77BA9A;
	margin:5px 0px;
	padding: 5px;
	position: relative;
	}
	
.review_boxed p{
	float:left;
	color:#77BA9A;
	font-weight:bold;
	font-size:1em;
	padding-left: 5px;
	}
	
.review_boxed span.co1{
	color:#E68207;
	font-weight:normal;
	float:right;
	font-size:0.8em;
	}
	
div.refer{
	background-color:#EFEBD2;
	padding:2px 10px 0px;
	width:503px;
	border: 0;
	}
	
div.refer img{vertical-align: text-bottom; margin:0px 0.7em;}
	
/*****************shopCOUPON**/

.couponall{
	border:solid 1px #F26477;
	width:523px;
	padding:5px 10px;
	margin:5px 0px;
	font-size:0.85em;
	}
	
#coupon_bg{
	width:545px;
	background-color:#910000;
	margin:5px 0px 0px;
	}
	
#coupon_bg table{
	text-align:center;
	width:527px;
	margin:0px auto;
	padding:0px;
	background-color:#FFFFFF;
	}
	
#coupon_bg td h2{
	font-size:1.6em;
	}
	
#coupon_bg td h3{
	font-size:1.3em;
	background-color:#FFBFAC;
	padding:5px;
	color:#702C24;
	}
	
div.coupon_bottom{
	background:url(../img/shop/coupon_bottom.gif) no-repeat 0px 0px;
	width:545px;
	height:9px;
	}
	
#coupon_print{
	width:580px;
	margin:0px auto;
	text-align: center;
	}
	
#coupon_footer{
	width:580px;
	border-top:solid 1px #999999;
	padding:5px 0px 20px;
	text-align:center;
	font-size:0.75em;
	line-height:2.5em;
	margin: 0px auto;
	}
	
#coupon_header{
	width:580px;
	margin: 0px auto;
	text-align:right;
	}
	
/*****************shopTRACKBACK**/

.trackbackall{
	border:solid 1px #5A579F;
	width:523px;
	padding:5px 10px;
	margin:5px 0px;
	font-size:1.1em;
	}
	
/**FONTSTYLE**/

h1{
	font-size:1.4em;
	color:#910000;
	background:url("../img/shop/icon_title.gif") no-repeat 0px 2px;
	padding-left:20px;
	margin:0px 5px 5px;
	float:left;
	}
	
h1.coupon_title{
	font-size:1.4em;
	color:#910000;
	background:none;
	margin:0px 5px 5px;
	float:left;
	}
	
#main_center h2{
	margin:15px 0px 5px;
	}
	
.c8{
	color:#E68207;
	line-height:0;
	font-size:0.8em;
	}
	
.c9{
	font-size:0.75em;
	color: #666666;
	}
	
.c10{
	font-size:0.9em;
	text-align:right;
	}
	
.c11{
	text-align:right;
	color:#910000;
	}
	
.co1{
	color:#E68207;
	font-size:0.9em;
	}
	
.co2{
	color:#85773F;
	text-align:left;
	font-size:1em;
	}
	
.co3{
	margin-left:20px;
	color:#8b4513;
	}
	
span.s{
	color:#B83845;
	margin-top:0px;
	margin-bottom:5px;
	font-weight:normal;
	}