@charset "utf-8";

/*------------------------------------------------------
	__Default_Style_clear
------------------------------------------------------*/
body{
margin: 0;
padding: 0;
color: #333333;
font-size:75%;
line-height:1.5;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Geneva, Arial, Helvetica, sans-serif;
text-align: center;
background: #f8f2e6;
}

h1,dl,dt,dd{
margin:0;
padding:0;
}

img {
border: none;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */



/*------------------------------------------------------
	__wrap
------------------------------------------------------*/

#wrap {
	width: 800px;
	text-align: center;
	margin: 0 auto;
	background:url(../img/uchicafe_02.gif) repeat-y center top;
}



/*------------------------------------------------------
	__inner
------------------------------------------------------*/

#inner {
width: 800px;
text-align: left;
margin: 0;
padding: 0;
}


/*------------------------------------------------------
	__premium
------------------------------------------------------*/

#premium {
float:left;
margin: 0;
padding-left:0px;
}


/*------------------------------------------------------
	__right_box
------------------------------------------------------*/

#right_box {
float:right;
width: 280px;
margin: 20px 0 0;
padding-right:20px;
text-align: left;
}

h1#title {
margin:0;
}

.price_tag {
width:134px;
margin: 17px 0 0;
border:1px solid #BE5000;
}

.price {
float:left;
color:#FFF;
padding:0 5px;
background:#BE5000;
font-size:small;
}

.en {
float:left;
padding:0 5px;
font-weight:bold;
color:#BE5000;
font-size:small;
}

.en span {
font-size:x-small;
font-weight:normal;
}


h2#sub_title {
margin: 12px 0 0;
}

p#text {
width: 260px;
margin: 10px 0 0;
line-height: 1.3;
font-size:small;
}

p#date {
width: 260px;
margin: 10px 0 0;
line-height: 1.3;
font-size:14px;
color:#ff0000;
font-weight:bold;
}

p#date span {
font-size:16px;
}

a#premium_btn {
display:block;
width:194px;
height:37px;
margin: 15px 0 0;
}

a#lineup_btn {
display:block;
width:172px;
height:56px;
margin: 22px 0 0;
}

a#opening_btn {
display:block;
width:75px;
height:16px;
margin: 40px 0 0 189px;
}

#clear2{
clear:both;
}

#uchicafe_premium_how_to_01 {
width:762px;
margin:0 auto;
padding-bottom:4px;
}

#how_to_02 {
width:754px;
margin:0 auto;
text-align: center;
}

.how_to_img{
padding-bottom:7px;
}

.how_to_text{
	font-size:x-small;
	color:#000000;
	line-height: 1.3;
	vertical-align: top;
text-align: left;
}

.how_to_text_03{
	font-size:12px;
	color:#000000;
	line-height: 16px;
	vertical-align: top;
text-align: left;
}

#uchicafe_premium_bn_repo {
	width:718px;
	margin:0 auto;
	padding-bottom:4px;
	text-align: center;
}

.tx_repo {
	font-size: 14px;
	line-height: 24px;
	color: #1584cb;
	text-decoration : underline ;
}

.tx_repo a{
	color: #1584cb;
	text-decoration : underline ;
}

.tx_repo a:link{
	color: #1584cb;
	text-decoration : underline ;
}

.tx_repo a:visited{
	color: #1584cb;
	text-decoration : underline ;
}


/*------------------------------------------------------
	__right_box_repo
------------------------------------------------------*/

#title_repo {
	width:714px;
	margin:0 auto;
	text-align: center;
	padding-top:20px;
}

#right_box_repo {
float:right;
width: 357px;
margin: 30px 0 0;
padding-right:43px;
text-align: left;
}

p#text_repo {
width: 357px;
font-size: 14px;
line-height: 22px;
}

p#text_repo span {
font-weight:bold;
font-size: 16px;
}

#uchicafe_premium_bn_repo {
	width:718px;
	margin:0 auto;
	padding-bottom:4px;
	text-align: center;
}

#repo_ft {
	width:714px;
	margin:0 auto;
	padding-bottom:4px;
}

.tx_repo_ft {
font-size: 14px;
line-height: 22px;
}

.tx_repo_ft span {
font-weight:bold;
font-size: 16px;
}

#repo_page {
	width:714px;
	margin:0 auto;
	padding-top:40px;
}

#repo_page a {
	color: #333333;
	text-decoration : underline ;
}

.tx_repo_page {
font-size: 14px;
vertical-align:middle;
}

.tx_repo_page_number {
	width:173px;
	text-align: center;
}

.bt_before {
	text-align: right;
}


/*------------------------------------------------------
	__20100629追加
------------------------------------------------------*/

#right_box_20100629 {
	width: 754px;
	margin: 12px auto 0;
	text-align: left;
}

#right_box_20100629 h2#sub_title {
	margin: 0 0 5px;
}

#right_box_20100629 p {
	text-align: center;
}

#right_box_20100629 p#text {
	width: 100%;
	margin: 0 0 10px;
	text-align: left;
}

#right_box_20100629 .BannerArea {
	clear: both;
	margin: 20px 0 0;
}
#right_box_20100629 .BannerArea:after {
    display: block;
    clear: both;
    height: 0;
	content: "";
    visibility: hidden;
}

#right_box_20100629 .BannerArea .Left {
	float: left;
}

#right_box_20100629 .BannerArea .Right {
	float: right;
}

#right_box_20100629 .ButtonArea {
	clear: both;
	margin: 20px 0 0;
	text-align: center;
}

#right_box_20100629 .ButtonArea p {
	margin: 0 0 10px;
}