@charset "UTF-8";

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

    INDEX
	
	A　* 全体設定
	B　* ヘッダー
	C  * フッター
	D  * コンテンツ
	
------------------------------ */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * A. 全体設定
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/
 
body {
	background: #dedede url(../img/common/bg.png) repeat-y center top;
}
 
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * B. ヘッダー
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/
 
#header_wrap {
	background: #FFF;
	width: 100%;
	border-top: 3px solid #FD0202;
	padding-top: 5px;
	border-bottom: 5px solid #111;
}
 
#header {
	width: 1000px;
	margin: 0 auto;
	height: 140px;
	position: relative;
}
 
#logo {
	width: 200px;
	float: left;
}

#header .head_r_area {
	width: 100%;
	position: absolute;
	bottom: 0;
    left: 0;
	z-index: 10;
}

#h_point_area {
	width: 800px;
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 1px;
	z-index: 5;
}

#h_point_area .point strong {
	font-weight: bold;	
	font-size: 14px;
}

#h_btn_area ul li {
	float: left;
	text-align: center;
	margin-left: 10px;
}

#h_btn_area ul li a {
	width: 95px;
	display: block;
	padding: 10px;
	color:#fff;
	font-weight: bold;
	font-size: 14px;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from( #888 /*{b-bup-background-start}*/), to( #111 /*{b-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/) !important; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/) !important; /* FF3.6 */
	background-image:     -ms-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/) !important; /* IE10 */
	background-image:      -o-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/) !important; /* Opera 11.10+ */
	background-image:         linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/) !important;

border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px; 
}

#h_btn_area ul li a:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FE0202 /*{b-bup-background-start}*/), to( #9A0101 /*{b-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FE0202 /*{b-bup-background-start}*/, #9A0101 /*{b-bup-background-end}*/) !important; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FE0202 /*{b-bup-background-start}*/, #9A0101 /*{b-bup-background-end}*/) !important; /* FF3.6 */
	background-image:     -ms-linear-gradient( #FE0202 /*{b-bup-background-start}*/, #9A0101 /*{b-bup-background-end}*/) !important; /* IE10 */
	background-image:      -o-linear-gradient( #FE0202 /*{b-bup-background-start}*/, #9A0101 /*{b-bup-background-end}*/) !important; /* Opera 11.10+ */
	background-image:         linear-gradient( #FE0202 /*{b-bup-background-start}*/, #9A0101 /*{b-bup-background-end}*/) !important;
}

#h_miseinen {
	position: absolute;
    top: 70px;
    right: 10px;
	font-size: 10px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * C. フッター
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/
 
 
#footer_wrap {
	background: #111 repeat-x center bottom;
	width: 100%;
	text-align: center;
	font-size: 10px;
}
 
#footer {
	width: 1000px;
	margin: 0 auto;
}
 
#address {
	font-size: 10px;
	padding: 5px 0;
	color:#fff;
}

#foot_text {
	color:#eee;
	text-align: left;
	padding-top: 10px;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * D. コンテンツ
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/

#contents {
	width: 1000px;
	margin: 0 auto;
	background: #FFF;
}

#main_area {
}

#content {
	margin: 0px auto;
	width: 980px;
	padding: 0;
}

#main_area {
	background: url("../img/top/main/main_bg.png") no-repeat;
}

#main {
	width: 711px;
	float: left;
	
}

#main_slide {
	float: right;
	margin-top: 15px;
	margin-right: 25px;
}

#main_thumb {
	float: left;
	margin-top: 15px;
	margin-left: 15px;
}

#main_thumb li {
	cursor: pointer;
}

#main_right {
	float: right;
	width: 258px;
}

#main_pickup { margin-top: 6px; }

#column_in_left {
	width: 190px;
	float: left;
}

#column_in_right {
	width: 580px;
	float: right;
}

#tenpo_pr_area h3 {
	width: 189px;
	line-height: 28px;
	text-indent: 10px;
	font-size: 14px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background-image: -webkit-linear-gradient( #FFF, #EEE);
	background-image:    -moz-linear-gradient( #FFF, #EEE);
	background-image:     -ms-linear-gradient( #FFF, #EEE);
	background-image:      -o-linear-gradient( #FFF, #EEE);
	background-image:         linear-gradient( #FFF, #EEE);
	border: 1px solid #D7D7D7;
}

#tenpo_pr_area dl {
	border: 1px solid #D7D7D7;
	border-top: none;
	padding: 10px 0;
	border-bottom: 1px dashed #D7D7D7;
}

#tenpo_pr_area .odd {
	background: #EEE;
}

#tenpo_pr_area .tenpo_img {
	text-align: center;
}

#tenpo_pr_area .tenpo_name {
	text-align: center;
	font-size: 14px;
	margin-top: 5px;
}

#bana_area {margin-top: 10px;}

#bana_area ul li {margin-top: 5px;}

#shop_list_area {
	margin-top: 10px;
}

#shop_list_area .h2_tit {
	font-size: 14px;
	background: #888;
	padding: 5px 0 5px 10px;
	color:#fff;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from( #888 /*{b-bup-background-start}*/), to( #111 /*{b-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/) !important; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/) !important; /* FF3.6 */
	background-image:     -ms-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/) !important; /* IE10 */
	background-image:      -o-linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/) !important; /* Opera 11.10+ */
	background-image:         linear-gradient( #888 /*{b-bup-background-start}*/, #111 /*{b-bup-background-end}*/) !important;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px; 
	border-bottom: 2px solid #000;
}

#shop_list_area .shop_area {
	background: #EFEFEF;
	border-bottom: 3px solid #111;
	margin-bottom: 20px;
	margin-top: 5px;
}

#shop_list_area .shop_area li{
	float: left;
	width: 245px;
	margin-bottom: 5px;
}

#shop_list_area .shop_area .shop_name {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color:#333;
}

#shop_list_area .shop_area .shop_tel {
	text-align: center;
	font-size: 12px;
	color:#333;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-

 * index
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=*/

#index_wrap {
	width: 750px;
	margin: 0 auto;
	background: #FFF;
	min-height: 612px;
	padding-top: 30px;
}

#index_con {
	margin: 0px auto;
	width: 650px;
	padding: 20px;
	background: #ef0000;
}

#index_l {
	text-align: center;
} 

#index_l .mt_80 { margin-top: 80px;} 
#index_l .mt_50 { margin-top: 50px;} 
#index_l .mt_30 { margin-top: 30px;}
#index_l .mt_20 { margin-top: 20px;} 
#index_l .mb_50 { margin-bottom: 50px;} 

#index_l .index_dt {
	color:#fff;
	letter-spacing: 2px;
}

#index_l .index_miman a {
	color:#fff;
	letter-spacing: 2px;
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
}

#index_r {
	text-align: center;
} 

#enter_area {
	width: 622px;
	margin: 0 auto;
}

#enter_area ul li {
	float: left;
	width: 311px;
}