@charset "utf-8";
/* CSS Document */


#container {
width: 940px;
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: 16px;
line-height: 170%;
text-align: left;
}


.obi {
text-align: left;
font-size: 48px;
font-weight: bold;
color: #000;
padding: 30px 0px 0px;
margin: 0px 0px 20px;

}



/*����*/
#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;
}




/*�����*/
#mainimg940 {
width: 940px;
}


/*��ɇ*/
.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;
}



.contextbox940_l {
float: left;
margin-right: 20px;
text-align: left;
width: 620px;
}


.contextbox940_r {
float: right;
text-align: left;
width: 294px;
border: 1px solid #C00;
padding: 2px;
margin-left: 0px;
background-color: #C00;
color:#FFF;
}

.contextbox940_r_box{
background-color: #FFF;
padding:10px;
color:#000;
}

.contextbox940_r_info{
margin-top:25px;	
}

.kakomi_midashi{
font-size:18px;	
margin-bottom:10px;
}

.kakomi_midashi02{
font-size:18px;	
margin-bottom:5px;
color:#FFF;
padding:6px;
font-weight: bold;
line-height: 150%;
}

.kakomi_time{
color:#C00;	
font-weight:bold;
margin:5px 0px;
}

.kakomi_caution{
color: #666;
}

.contextbox940_r_box p{

font-size:12px !important;

}


.contextbox940_center{
width: 680px;
text-align: center !important;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}

.contextbox940_center .midashi_feat_sub{
border-bottom:dotted 1px #999;
margin-top: -5px;
}



.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, .contextbox940 p.midashi_feat {
border-left: 6px solid #CC0000;
border-bottom: 1px solid #CC0000;
color: rgb(0, 0, 0);
font-size: 24px;
font-weight: bold;
line-height: 140%;
margin-bottom: 15px;
padding: 5px 10px;
}

.context p.midashi_feat_sub, .contextbox940 p.midashi_feat_sub {
color: rgb(0, 0, 0);
font-size: 20px;
font-weight: bold;
line-height: 140%;
margin-bottom: 15px;
padding: 15px 0px 5px;
}

.midashi_feat_bar {
background-color: #000;
font-weight: bold;
color: #FFF;
margin-bottom: 10px;
font-size: 24px !important;
padding: 5px 15px;
border-radius: 5px;

}


.midashi_sub{
font-size: 18px;
font-weight:normal;
}

/*�*&s2*/












/* =======================================
ClearFixElements
======================================= */



.contextbox940{
width: 940px;
caption-side: bottom;
font-size: 14px;
line-height: 150%;
color: #000000;
text-align: left;
margin-bottom: 15px;
/* [disabled]overflow: hidden; */
}

.contextbox940_l02{
width: 420px;
float: left;
}
.contextbox940_r02{
width: 240px;
float: right;
}

.contextbox940_l03{
width: 330px;
float: left;
}
.contextbox940_r03{
width: 330px;
float: right;
}

.clear{clear:both;}



.context img {
vertical-align: middle;
}













.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;
line-height:150% !important;
}
.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;
height: 230px;
}


.contextbox940_box{
margin-bottom: 40px;
}

.caption{
margin-top:5px;
font-size: 12px !important;
line-height: 1.4 !important;
}





.lineup {
margin-bottom: 20px;
	}

.lineup div{
width: 300px;
margin-right: 25px;
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;
line-height: 1.3;
text-align: left;
margin-bottom: 10px;
font-size: 16px;
}

.lineup .lineupname .price{
font-size:11px;
padding-left: 10px;
}

.lineup .lineupcap{
line-height: 1.4;
text-align: left;
font-size: 13px;
margin-bottom: 10px;
height: 110px;
}

.lineuplink a{
text-decoration: none !important;
font-weight: bold;
text-align: center;
font-size: 16px;
display: block;
border: 1px solid #FFBF00;
color: #000 !important;
text-shadow: 1px 1px 3px #FFF;
padding: 7px 5px 5px;
border-radius: 5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FEAE31), color-stop(0.00, #EFE457));
background: -webkit-linear-gradient(top, #EFE457 0%, #FEAE31 100%);
background: -moz-linear-gradient(top, #EFE457 0%, #FEAE31 100%);
background: -o-linear-gradient(top, #EFE457 0%, #FEAE31 100%);
background: -ms-linear-gradient(top, #EFE457 0%, #FEAE31 100%);
background: linear-gradient(top, #EFE457 0%, #FEAE31 100%);
}

.lineuplink a:hover{
color: #C00 !important;
}

.banner940{
padding-top: 30px;
}



h2.introtitle {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #666666));
background: -webkit-linear-gradient(top, #666666 0%, #000000 100%);
background: -moz-linear-gradient(top, #666666 0%, #000000 100%);
background: -o-linear-gradient(top, #666666 0%, #000000 100%);
background: -ms-linear-gradient(top, #666666 0%, #000000 100%);
background: linear-gradient(top, #666666 0%, #000000 100%);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
background-color: #000;
color: #FFF;
font-size: 22px;
padding: 12px 10px 10px;
text-align: center;
}



.infolist{ margin-top:20px;padding:10px; display:block; background-color:#f0f0f0; }

.infolist p{ text-align:left; }

ul.infolist li{margin-bottom:10px;
text-indent:-18px;
padding-left:15px;
font-size:12px;
}


/* YOSHIMURA SHOPINFO */

#shopdata {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #000;
    padding: 10px;
}
#shopdata:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}


#shopdata img {
    float: left !important;
    margin-right: 20px !important;
    overflow: hidden;
}
#shopdata > p {
    font-size: 13px;
    line-height: 150%;
    overflow: hidden;
}
#shopdata p.midashi {
    border-style: none;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
}




.top20{margin-top:20px}

.top20 .lineuplink a{
margin-left: 160px;
}


a.next {
display: block;
    line-height: 200% !important;
    border: 5px solid #CCC;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}


.linkbutton a {
text-decoration: none !important;
font-weight: bold;
text-align: center;
font-size: 24px;
display: block;
border: 1px solid #C00;
height: 30px;
color: #FFF !important;
padding: 15px 5px 5px;
border-radius: 5px;

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F00), color-stop(0.00, #900));
background: -webkit-linear-gradient(top, #F00 0%, #900 100%);
background: -moz-linear-gradient(top, #F00 0%, #900 100%);
background: -o-linear-gradient(top, #F00 0%, #900 100%);
background: -ms-linear-gradient(top, #F00 0%, #900 100%);
background: linear-gradient(top, #F00 0%, #900 100%);

width: 680px;
margin-left: auto;
margin-right: auto;

margin-bottom:20px;

}

.bottom10{
margin-bottom:10px;
}

.snsbox{
margin-bottom: 10px;
float: right;
text-align: right;
padding-top: 5px;
}
