@charset "utf-8";

/*------------------------------
GIFT　≫　トップ


------------------------------*/


/* ==========================================================================
基本指定
========================================================================== */
body {
width:992px;
margin:0 auto;
}

#wrapper {
background-color:#FFFFFF;
width:800px;
margin:0 auto;
}

#wrapper #inner {
position:relative;
padding:0 18px;
}

.read { padding-bottom:10px; }

/* ==========================================================================
メインビジュアル
========================================================================== */
#mainvisual {
width:926px;
height:248px;
margin:0 auto;
position:relative;
}

#mainvisual .oshirase {
display:block;
width:30%;
position:relative;
top:-52px;
left:665px;
/*bottom:5px;
	right:5px;*/
	color:#FFF;
font-size:15px;
}

/* ==========================================================================
コンテンツ
========================================================================== */
/* --------------------------
column_Left
-------------------------- */
#wrapper #inner .column_Left {
width:510px;
float:left;
}

/*------------------------------
お試しキャンペーン
------------------------------*/
#wrapper #inner #trycourse_top {
	margin:10px 0 30px 0;
	padding:0;
	float:left;
}

#wrapper #inner #trycourse_top .t_try {
	margin:0;
	padding:0;
}

#wrapper #inner #trycourse_top .try_set {
	margin:20px 0 0 0;
	padding:0;
}

#wrapper #inner #trycourse_top .try_set .try00 {
	margin:0;
	padding:0;
	width:250px;
	float:left;
}

#wrapper #inner #trycourse_top .try_set .try {
	margin:0 0 0 10px;
	padding:0;
	width:250px;
	float:left
}

#wrapper #inner #trycourse_top .try_set .try_img {
	margin:0;
	padding:0;
}

#wrapper #inner #trycourse_top .try_set .try_tx {
	margin:5px 0 0 0;
	padding:0;
}

#wrapper #inner #trycourse_top p {
	margin:10px 0 0 0;
	padding:0;
}



#wrapper #inner .column_Left h3 { margin-bottom:10px; }

#wrapper #inner .column_Left .block01 {
width:510px;
padding:0;
margin-bottom:15px;/*	border:3px double #999;*/
}

#wrapper #inner .column_Left .block01 .left {
width:250px;
float:left;
}

#wrapper #inner .column_Left .block01 .right {
width:245px;
float:right;
}

#wrapper #inner .column_Left .block01 .right .txt01 {
display:block;
padding-top:10px;
height:40px;
}

#wrapper #inner .column_Left .block01 .right dl {
float:right;
width:245px;
margin:0 auto 20px;/*	border-top:1px dotted #FCC;
	border-bottom:1px dotted #FCC;*/
}

#wrapper #inner .column_Left .block01 .right dl dt {
color:#31284f;
font-weight:bold;
padding-top:10px;
}

#wrapper #inner .column_Left .block01 .right dl dd {
padding-bottom:10px;
border-bottom:1px dotted #FCC;
}

#wrapper #inner .column_Left .block01 .right dl dd a,
#wrapper #inner .column_Left .block01 .right dl dd a:visited,
#wrapper #inner .column_Left .block01 .right dl dd a:active { color:#31284F; }

#wrapper #inner .column_Left .block01 .right dl dd a:hover { color:#696; }

#wrapper #inner .column_Left .block02 {
/*	background:url(../images/top/bg_block.gif) no-repeat left bottom;*/
	padding-bottom:10px;
margin-bottom:15px;
}

#wrapper #inner .column_Left .block02 .gallery_Block { /*padding-left:15px;*/
	width:510px; }

#wrapper #inner .column_Left .block02 .gallery_Block .box01 {
width:157px;
float:left;
padding:0 0 0 9px;
}

#wrapper #inner .column_Left .block02 .gallery_Block .box01 .txt01 {
width:157px;
display:block;
margin:0 auto;
background:url(../images/common/bg_dot01.gif) repeat-x left top;
padding-top:3px;
font-size:88%;
}

#wrapper #inner .column_Left .block02 .bottom {
width:507px;
margin:10px auto 0;
}

#wrapper #inner .column_Left .block01 .facebook {
border-bottom:#CCC 1px solid;
}

/* --------------------------
column_Right
-------------------------- */
#wrapper #inner .column_Right {
width:220px;
float:right;
}

#wrapper #inner .column_Right .banner { margin-bottom:12px; }

#wrapper #inner .column_Right .twitter { padding-bottom:12px; }

#wrapper #inner .column_Right .twitter .title,
#wrapper #inner .column_Right .control .title { padding-bottom:5px; }

#wrapper #inner .column_Right .control ul li {
float:left;
padding-right:5px;
}

#wrapper #inner .column_Right .control ul li.fontsize_l a,
#wrapper #inner .column_Right .control ul li.fontsize_m a,
#wrapper #inner .column_Right .control ul li.fontsize_s a {
display:block;
width:20px;
height:20px;
text-align:left;
text-indent:-9999px;
overflow:hidden;
margin:0 0 0 5px;
}

.tbl_Top {
font: 12px;
color: #31284F;
width:100%;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
margin-bottom:10px;
}

.tbl_Top th,
.tbl_Top td{
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	height:2em;
	text-align:center;
}

.tbl_Top .month{
	background-color:#D9EBCF;
	color:#066;
}

.tbl_Top .sun{
	background-color:#FFCCCC;
	color:#FD5E79;
}

.tbl_Top .Sat{
	background-color:#F1F1F1;
	color:#31284F;
}

.tbl_Top .week{
	background-color:#E4F6F7;
	color:#31284F;
}

.tbl_Top .holiday{
	background-color:#FF6699;
	color:#FFF;
}

.tbl_Top .dayoff{
	background-color:#FF9933;
	color:#FFF;
}

.tbl_Top .nighter{
	background-color:#99ff99;
	color:#31284F;
}

.block01 .tx_point {
	margin-bottom:5px;
	color:#FD5E79;
	font-weight: bold;
}

.block01 .tx_point02 {
	margin-bottom:5px;
	color:#FF9933;
	font-weight: bold;
}


/* --------------------------
QRコード
-------------------------- */
.qrCode {
clear:both;
text-align:center;
border:3px double #A5D1D1;
padding:10px 15px;
margin-bottom:15px;
}

.qrCode p.read {
text-align:left;
line-height:normal;
margin:0;
font-size:82%;
padding:0;
}

.qrCode img {
display:block;
margin:0 auto;
}

.qrCode .url {
font-size:82%;
color:#FFF;
padding:1px 0 3px;
background-color:#C78D8D;
}

.qrCode .url a,
.qrCode .url a:hover,
.qrCode .url a:visited,
.qrCode .url a:active {
color:#FFF;
text-decoration:none;
}

.qrCode .url a:hover { text-decoration:underline; }

/* --------------------------
what's new
-------------------------- */
#wrapper #inner .column_Right .block01 dl {
width:220px;
/*	height:130px;
	overflow-y:scroll;*/
	margin:0 auto 15px;/*	border-top:1px dotted #FCC;
	border-bottom:1px dotted #FCC;*/
}

#wrapper #inner .column_Right .block01 dl dt {
color:#31284f;
font-weight:bold;
padding-top:10px;
}

#wrapper #inner .column_Right .block01 dl dd {
padding-bottom:10px;
border-bottom:1px dotted #FCC;
}

#wrapper #inner .column_Right dl dd a,
#wrapper #inner .column_Right dl dd a:visited,
#wrapper #inner .column_Right dl dd a:active { color:#31284F; }

#wrapper #inner .column_Right .block01 dl dd a:hover { color:#696; }

/* ==========================================================================
クリア
========================================================================== */
#wrapper #inner:after,
#wrapper #inner .column_Left .block01:after,
#wrapper #inner .column_Left .block02 .gallery_Block:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

/* WinIE4-6用*/
* html #wrapper #inner,
* html #wrapper #inner .column_Left .block01,
* html #wrapper #inner .column_Left .block02 .gallery_Block {
display: inline-block;
height: 1%;
}

#wrapper #inner,
#wrapper #inner .column_Left .block01,
#wrapper #inner .column_Left .block02 .gallery_Block { zoom:1; }

/*--*/