@charset "utf-8";
/* CSS Document */


#container {
width: 950px;
margin: auto!important;
height: auto;
zoom: 100%;
}

#container:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}




.context {
zoom: 100%;
margin-top: 1em;
margin-bottom: 2em;
}

.context:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.context p {
font-size: 14px;
line-height: 180%;
text-align: left;
}


.obi {
text-align: left;
font-size: 18px;
font-weight: bold;
color: #FFF;
padding: 10px;
margin: 0px 0px 10px;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border-top-left-radius: 3px;
border-top-right-radius: 3px;
position: relative;


}



/*����*/
#credit {
font-size: 12px;
color: #333333;
margin-bottom: 5px;
margin-top: 5px;
}
#credit:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #credit{
height: 1em;
overflow: visible;
}
/**/
#credit .left {
width: 720px;
float: left;
text-align:left;
}
#credit .right{
width:200px;
float:right;
text-align:right;
}
.clear{
clear:both;
}




/*�����*/
#mainimg950 {
width: 950px;
}


/*��ɇ*/
.feat_intro {
background-color: rgb(238, 238, 238);
border: 1px solid rgb(204, 204, 204);
color: rgb(0, 0, 0);
font-size: 14px;
font-weight: bold;
line-height: 155%;
margin-bottom: 30px;
padding: 18px;
}


.contextbox670{
	width: 670px;
	float: left;
	margin-right: 20px;
}
.contextbox260{
	width: 260px;
	float: right;
}



.contextbox950_l {
float: left;
margin-right: 20px;
text-align: left;
width: 580px;
}


.contextbox950_r {
float: right;
text-align: left;
width: 350px;
margin-left: 0px;
}


.left { float:left; margin:0 0 0 0;}
.right { float:right; margin:0 0 0 0;}

.right a img { margin:0 0 10px 0; vertical-align:middle}

/*��W*/
.context p.midashi_feat, .contextbox950 p.midashi_feat {
/* [disabled]border-left: 6px solid #C20000; */
color: rgb(0, 0, 0);
font-size: 28px;
font-weight: bold;
line-height: 140%;
/* [disabled]padding: 5px 10px; */
margin-top: 15px;
}

/*�*&s2*/


.midashi_feat02{
color: rgb(0, 0, 0);
font-size: 18px;
font-weight: bold;
line-height: 140%;
margin-bottom: 20px;
margin-top: 10px;
}

.shopbox02b p{

}





/* #flickscroll
--------------------------- */
#flickscroll {
margin: 0 auto;
width: 670px;
height: 510px;
text-align: left;
position: relative;
overflow: hidden;
cursor: pointer;
}
#flickscroll ul {
top: 0;
left: 0;
height: 510px;
position: absolute;
overflow: hidden;
}
#flickscroll ul li {
width: 670px;
height: 590px;
float: left;
display: inline;
overflow: hidden;
}
#flickscroll ul li p.cap { font-size:12px;}
/* #flickthumb
--------------------------- */
#flickthumb {
width: 680px;
height: 110px;
text-align: center;
position: relative;
}
#flickthumb ul {
width: 950px;
margin-right: -10px;
position: relative;
}


#flickthumb ul li {
width: 150px;
margin-right: 8px;
margin-bottom: 10px;
height: 100px;
float: left;
cursor: pointer;
display: inline;
text-align: left;
}

#flickthumb ul li.active {
filter: alpha(opacity=80)!important;
-moz-opacity: 0.8!important;
opacity: 0.8!important;
position: relative;
}

#flickthumb ul li.active:before {
content: "";
border: 2px solid #F00;
width: 148px;
height: 98px;
position: absolute;
left: -1px;
top: -1px;
}


/* =======================================
ClearFixElements
======================================= */



.contextbox950{
width: 950px;
caption-side: bottom;
font-size: 14px;
line-height: 150%;
color: #000000;
text-align: left;
margin-bottom: 30px;
/* [disabled]overflow: hidden; */
}

.contextbox950_l02{
width: 465px;
float: left;
}
.contextbox950_r02{
width: 465px;
float: right;
}

.contextbox950_l03{
width: 580px;
float: left;
}
.contextbox950_r03{
width: 350px;
float: right;
}

.clear{clear:both;}



.context img {
vertical-align: middle;
}





.next {
display: block;
margin-top: 10px;
padding: 15px;
text-align: center;
font-size: 18px;
font-weight: bold;
line-height: 1.4em;
border: 5px solid #FC0;
background-color: #FFD;
}


.next_lrbox{
margin-top: 10px;
	}


.contextbox950_shop01{width:300px;float:left;margin-right:25px; margin-bottom:5px;}
.contextbox950_shop02{width:300px;float:right; margin-bottom:5px;}


.shopkakomi{border:5px solid #999999;padding:12px;margin-bottom:15px;}	


.shopbox_midashi{background-color:#900;color:#fff;padding:7px 7px 5px 7px;width:206px;text-align:center;font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin-bottom:0;}
.shopbox{
	width: 425px;
	padding: 15px 15px 10px 15px;
	border: 5px solid #900;
	text-align: left;
	margin-top: 0;
	overflow: hidden;
}		
.shopbox01{
width: 200px;
margin-right: 10px;
float: left;
}
.shopbox02a{
width: 230px;
margin-right: 10px;
font-size: 12px;
float: left;
/* [disabled]height: 100px; */
margin-bottom: 10px;
}
.shopbox01b{
width: 160px;
margin-right: 10px;
float: left;
height: 120px;
}
.shopbox02b{
width: 460px;
/* [disabled]margin-right: 10px; */
font-size: 12px;
padding: 20px 0px;
float: right;
}
.shopbox03{
	width: 425px;
	float: left;
	color: #0066FF;
	margin-top: 15px;
	clear: both;
}		
.photo_cap02{ font-size:14px; color:#900; line-height:150%;margin-top:10px ;}

.contextbox950_r02 p.photo_cap02{ margin-top:0px !important;}


.brandbox_midashi{
	background-color:#000;
	color:#fff;
	padding:7px 7px 5px 7px;
	width:206px;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:0;
}
.brandbox{
width: 910px;
padding: 15px 15px 10px 15px;
border: 5px solid #000;
text-align: left;
margin-top: 0;
overflow: hidden;
}
.brandbox01{
	width:260px;
	margin-right:20px;
	float:left;
}

.brandbox01b{
	width:200px;
	margin-right:20px;
	float:left;
	font-size:12px;
	line-height:160%;
	color:#000;
}
.brandbox02{
	width:410px;
	font-size:12px;
	float:right;
	padding-top:25px;
}

.contextbox950_l04  {
width: 950px;
float: left;
margin-top: 20px;
}
.contextbox950_r04  {width:465px;float:right;}

.shopbox02{
width: 700px;
float: right;
}


/* フォトトピスライド */


#photo_topicsbox{
width: 950px;
margin-bottom: 20px;
clear: both;
height: 714px;
background-color: #000;
}	
#photo_topicsbox #photo_topicsbox_l{width:950px;float:left;background-color:#000;margin-right:10px; height: 710px;}	
.panel img{ width:948px; border-right:1px solid #000;}
.photog-cap{padding-top:10px;font-size:12px;font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;line-height:150%;padding-left: 2.4em;text-indent: -2.4em;}	
.photo_number{background-color:#CC0000;color:#FFFFFF;padding:2px 5px 2px 5px;margin-right:5px;}
.photo_number2{background-color:#CC0000;color:#FFFFFF;padding:2px 4px 2px 4px;margin-right:5px;padding: 0px 3px;margin: auto 2px;}
.photo_cap02{
font-size: 13px;
color: #900;
line-height: 175%;

}


.next_lrbox a{ line-height:200% !important; }
.next_lbox{width:425px; float:left; display:block; }
.next_rbox{width:425px; float:right; display:block; }

.next_lrbox a{
line-height: 1.4em !important;
border: 5px solid #CCC;
margin-bottom: 20px;
padding: 15px;
text-align: center;
font-size: 18px;
font-weight: bold;
}


.moviebox{
background-color: #FFF;
text-align: center;
margin-bottom: 30px;
margin-top: 20px;
}


.item_midashi{
font-size: 16px;
font-weight: bold;
color: #333;
padding-bottom: 8px;
border-bottom: 4px solid #222;
margin-bottom: 15px;
margin-top: 0px;
}

.item_name{font-weight:bold; margin-bottom:0; font-size:12px; }
.item_price{font-size:12px; margin-bottom:20px;}

.intro_cap{
font-size: 12px !important;
color: #900;
line-height: 150% !important;
margin-bottom:15px;
margin-top:5px;
}
.intro_cap02{
font-size:12px !important;
color: #900;
line-height:150% !important;
}



.intro_bold{
font-size:12px !important;
font-weight:bold;
line-height:150% !important;
}

.itempricebox{height:196px;}

.iteminfobox{
height:230px;
background-color: #EEE;
font-size: 12px;
padding: 10px 15px;
}


.fblikebox{
    text-align: center;
    background-color: #EEE;
    padding: 10px;
}

.hosoku_price {
text-align: left;
font-size: 12px;
margin-top: 30px;
margin-bottom: 10px;
}

.caption_bold{
font-weight: bold;
font-size: 14px;
}




.linkbox01 a.next{
/*    background-color:#FFFAEC;
border: 5px solid #FC6; */
 }



.linkbox02 a.next{
	    background-color:#FFF;
}

.linkbutton a {
text-decoration: none !important;
font-weight: bold;
text-align: center;
font-size: 20px;
display: block;
border: 1px solid #FFBF00;
color: #000 !important;
text-shadow: 1px 1px 3px #FFF;
padding: 15px 5px 13px;
margin-top: 12px;
border-radius: 5px;
background: transparent -moz-linear-gradient(center top , #EFE457 0%, #FEAE31 100%) repeat scroll 0% 0%;
}


.moviebox {
text-align: center;
background-color: #FFF;
padding: 0px;
}

.moviebox .moviebox_l{
text-align: center;
float:left;
background-color: #EEE;
padding: 10px;
width:440px;
height: 248px;
}

.moviebox .moviebox_r{
text-align: center;
float:right;
background-color: #000;
padding: 10px;
width:440px;
height: 248px;
}



dl.modelspec dl,dt,dd {margin: 0;padding: 0;}
dl.modelspec{overflow:hidden;}
dl.modelspec dt{width:120px;float:left;font-size:13px; border-bottom:1px solid #ccc; padding:5px 0px;}
dl.modelspec dd{margin-left:120px;font-size:13px;background:#fff; border-bottom:1px solid #ccc; padding:5px 0px;}
dl.modelspec dd:after{clear:both;}



.lineup {
margin-bottom: 20px;
	}

.lineup div{
width: 220px;
margin-right: 23px;
margin-bottom: 30px;
margin-top: 10px;
float: left;
display: block;
}

.lineup div.end{
	margin-right: 0px;
}

.lineup .lineupimg{
	margin-bottom: 5px;
}

.lineup .lineupname{
	font-weight:bold;
}


.obi02 {
text-align: left;
font-size: 18px;
font-weight: bold;
color: #FFF;
padding: 10px;
margin: 0px 0px 10px;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
/* [disabled]border-top-left-radius: 3px; */
/* [disabled]border-top-right-radius: 3px; */
position: relative;


}