@charset "utf-8";

body {
font-family: "Ms PGothic", Osaka, "Hirakakupro-W3", "Century Gothic", Futura, Arial, Helvetica, Sans-Serif;
_font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background:#EEC;
margin:0;
padding:0;
color:#333;
_text-align:center;
}
img			{ border:0; }
table		{ border:0; border-collapse:collapse; }
form		{ display:inline; }
a:link		{ color:#39C; text-decoration:none }
a:visited	{ color:#39C; text-decoration:none; }
a:hover		{ color:#6CF; text-decoration:underline; }
a:hover img { filter:Alpha(opacity=75); -moz-opacity:0.7; opacity:0.70; }

div.outline {
width:960px;
margin:0 auto;
text-align:left;
}


/* ヘッダ */

div#header {
background:#404;
height:140px;
}
div#header div.left {
float:left;
width:550px;
height:140px;
background:url(../images/logo.jpg) no-repeat;
}
h1#header-title {
font-size:0.875em;
font-weight:normal;
color:#FFF;
margin:53px 0 13px 26px;
padding:0;
}
div#logo {
float:left;
}
div#logo a {
display:block;
width:306px;
height:36px;
margin:0 20px 0 26px;
}
div#logo a span {
display:none;
}
div#btnArea a {
float:left;
display:block;
border:#CC9 solid 1px;
background:#EEC url(../images/arr_pd.gif) 70px center no-repeat;
width:82px;
_width:90px;
font-size:18px;
font-weight:bold;
color:#404;
padding:4px;
margin:10px 0;
}

div#header div.right {
float:right;
width:400px;
text-align:right;
margin:10px 0 0 0;
padding:0;
}
div#header div.right a {
color:#FFF;
font-size:0.75em;
}
div#header div.right ul {
float:right;
list-style:none;
margin:0;
padding:0;
}
div#header li {
float:left;
margin-left:15px;
line-height:30px;
vertical-align:middle;
}
div#header .RSS {
margin:8px 0;
}



/* エリア選択 */

div#area {
clear:both;
background:#CC9;
min-height:4px;
_height:4px;
*font-size:1px;
}
div#area .outline {
display:block;
padding:10px;
*font-size:16px;
}
div#area ul {
clear:both;
padding:4px 0;
margin:0 0 5px 0;
*padding:2px 0;
*margin:0;
list-style:none;
}
div#area li {
float:left;
width:4em;
text-align:center;
background:#EEC;
font-size:0.75em;
padding:3px 0;
margin:3px 5px;
color:#993;
}
div#area li.cate {
display:block;
text-align:left;
background:none;
font-weight:bold;
color:#333;
padding:3px 0;
}
div#area .close {
clear:both;
font-size:0.8em;
margin-top:10px;
color:#996;
}
div#area .close a {
color:#FFF;
}


/* コンテンツ */

div#contents {
clear:both;
width:960px;
margin:0 auto 10px auto;
text-align:left;
}
div#boxLeft {
display:block;
clear:both;
float:left;
width:700px;
background:#FFF;
padding:10px;
margin:0 0 20px 0;
*margin:30px 0 20px 0;
}
div#boxRight {
float:right;
text-align:left;
width:220px;
padding:0;
margin:0 0 20px 0;
}


/* タブヘッダ */

div#tab-header {
float:right;
background:url(../images/tab_header.gif) no-repeat;
width:420px;
height:34px;
padding:0;
margin:0 0 0 auto;
position:relative;
top:-33px;
}
div#tab-header ul {
padding:0;
margin:0;
list-style:none;
width:420px;
}
div#tab-header li {
display:inline;
float:left;
background:url(../images/arr_dp.gif) left center no-repeat;
padding:5px 0 5px 15px;
margin:5px 0 5px 5px;
font-size:60%;
}
div#tab-header a {
color:#333;
}


/* マイメニュー */

div#myMenu {
width:220px;
background:#A2C4A8 url(../images/bg_mymenu01.gif) no-repeat;
padding:0;
margin:0 0 20px 0;
color:#FFF;
}
div#myMenu .btm {
width:220px;
height:14px;
background:url(../images/bg_mymenu02.gif) no-repeat;
font-size:1px;
}
div#myMenu .name {
color:#FFF;
text-align:center;
font-size:0.875em;
font-weight:bold;
padding:11px 0 0 0;
line-height:26px;
}
div#myMenu ul {
width:200px;
padding:0 0 0 30px;
margin:10px 10px 0 10px;
}
div#myMenu li {
padding:5px 0;
list-style:url(../images/arr_simple.gif);
font-size:0.875em;
}
div#myMenu li a {
color:#FFF;
}


/* 登録メニュー */

div#regMenu {
width:220px;
background:#C99 url(../images/bg_regmenu01.gif) no-repeat;
padding:0;
margin:0 0 20px 0;
color:#FFF;
}
div#regMenu .btm {
width:220px;
height:14px;
background:url(../images/bg_regmenu02.gif) no-repeat;
font-size:1px;
}
div#regMenu .name {
color:#FFF;
text-align:center;
font-size:0.875em;
font-weight:bold;
padding:11px 0 0 0;
line-height:26px;
}
div#regMenu ul {
width:200px;
padding:0 0 0 30px;
margin:10px 10px 0 10px;
}
div#regMenu li {
padding:5px 0;
list-style:url(../images/arr_simple.gif);
font-size:0.875em;
}
div#regMenu li a {
color:#FFF;
}


/* その他のクーポン */

div#othersCoupon {
border:#CC9 solid 1px;
background:#FFF;
padding:10px 10px 0 10px;
margin-bottom:20px;
}
div#othersCoupon .title {
height:28px;
background:url(../images/bg_tit_others.gif) no-repeat;
text-align:center;
font-size:0.875em;
font-weight:bold;
line-height:28px;
color:#404;
padding:0;
margin:0;
}
div#othersCoupon .others {
clear:both;
margin:10px 0;
}
div#othersCoupon .img {
clear:both;
margin:0 0 5px 0;
}
div#othersCoupon .nameShop {
color:#404;
font-size:0.8em;
font-weight:bold;
line-height:1.2em;
margin:0 0 5px 0;
}
div#othersCoupon .p2 {
float:left;
line-height:20px;
}
div#othersCoupon s {
font-size:0.75em;
}
div#othersCoupon .price {
color:#C06;
font-size:0.875em;
font-weight:bold;
background:url(../images/arr_simple.gif) left center no-repeat;
padding: 0 0 0 15px;
margin:0 0 0 5px;
}
div#othersCoupon .detail {
float:right;
}


/* FAQ サイドバー */

div#faq-s {
border:#CC9 solid 1px;
background:#FFF;
padding:10px 10px 0 10px;
margin-bottom:20px;
}
div#faq-s .title {
height:28px;
background:url(../images/bg_tit_others.gif) no-repeat;
text-align:center;
font-size:0.875em;
font-weight:bold;
line-height:28px;
color:#404;
padding:0;
margin:0;
}
div#faq-s dl {
padding:0;
margin:0;
font-size:0.8em;
line-height:1.3em;
text-align:left;
}
div#faq-s dt {
background:url(../images/ico_q.gif) left top no-repeat;
font-weight:bold;
padding:0 0 0 25px;
margin:15px 0 0 0;
}
div#faq-s dd {
background:url(../images/ico_a.gif) left top no-repeat;
padding:0 0 0 25px;
margin:5px 0 10px 0;
}

.bnr {
clear:both;
margin-bottom:10px;
}



/* サブ見出し */

h2#mdc {
background:url(../images/bg_mdc.gif) no-repeat;
width:650px;
_width:700px;
height:44px;
line-height:44px;
font-size:1em;
padding:0 25px;
margin:0 0 15px 0;
}
.paging {
clear:both;
text-align:center;
font-size:0.75em;
margin-bottom:15px;
}
.paging a {
border:#DDD solid 1px;
font-weight:normal;
padding:2px 4px;
margin:0 5px;
}
.paging strong {
margin:0 5px;
}

div#area-s {
color:#CCC;
text-align:center;
font-size:0.75em;
margin:0 0 15px 0;
}
div#area-s ul {
list-style:none;
padding:0;
margin:0;
}
div#area-s ul li {
display:inline;
margin:0 4px 0 0;
padding:0 0 0 8px;
}
div#area-s ul li+li {
border-left:#CCC solid 1px;
}


/* フッタ */

div#pagetop {
clear:both;
text-align:right;
padding:0;
margin:0;
}

div#footer {
border-top:#996 solid 4px;
background:#CC9;
font-size:0.875em;
}

div#footer ul {
float:left;
list-style:none;
padding:0;
margin:10px 40px 40px 20px;
}
div#footer li {
padding:0;
margin:8px 0;
}
div#footer li a {
color:#660;
}

address {
float:right;
height:60px;
color:#660;
font-style:normal;
font-family:"Courier New", Courier, monospace;
margin:10px 0;
}





/* カラー */
.red		{ color:#C06; }

/* フォント */
.f1	{ font-size:0.7em !important; }
.f2	{ font-size:0.75em !important; }
.f3	{ font-size:0.875em !important; }
.f4	{ font-size:1em !important; }
.f5	{ font-size:1.25em !important; }
.bold { font-weight:bold !important; }

/* 下マージン */
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }

/* 幅 */
.w50 { width:50px; }
.w100 { width:100px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }
.w90p { width:90%; }
.w100p { width:100%; }

/* 位置 */
.cent {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.fl		{ float:left ; }
.fr		{ float:right ; }
.center	{ text-align:center ; }
.vamid	{ vertical-align:middle ; }
.vatb		{ vertical-align:text-bottom ; }

.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
visibility:hidden;
}
.clearfix {
display:inline-table;
min-height:1px;
}

/* hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix	{display:block;}
/* end of hides from IE-mac */

.cb { clear:both; }
.bbdot {	border-bottom:#999999 dotted 1px; }
.nowrap { white-space:nowrap; }
.right {float:right;}