@charset "utf-8";

/*html*/
html{	overflow-y:scroll; }

/*body*/
body{
	font-size: 14px;
	line-height: 1.6em;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	color:#333;
	min-width:960px;
}
a {	text-decoration:none;}
a:hover {	text-decoration:underline;}

/*breadcrumbs*/
#Breadcrumbs {
	color:#333333;
	margin:-10px 0 5px 0;
	font-size:11px;
}
#Breadcrumbs li {
	display: inline-block;
	padding: 0;
}
#Breadcrumbs a{
	color:#333333;
	padding: 0;
	text-decoration:underline;
}
#Breadcrumbs a:hover{
	text-decoration:none;
	color:#333333;
}

/* Container */
#Container{
	padding:0;
	margin:0;
	overflow:hidden;
}
.wrapper {
	width:960px;
	margin:0 auto;
}

/*header*/
#Header {
	border-top:6px solid #2fa41c;
}
#Header .header_inner {
	width:960px;
	margin:0 auto;
}
#Header .header_inner h1 {
	margin:5px 0;
	font-size:11px;
	color:#333333;
}
#Header .header_inner .header_logo{
	float:left;
	width:232px;
}
#Header .header_inner #login{
	float:right;
	width:670px;
	margin:5px 0 0 0;
}
#Header .header_inner #login .login_member{
	float:left;
	margin:0 10px 0 0;
	width:330px;
}
#Header .header_inner #login .login_member .member_inner{
	height:42px;
	padding:10px;
	background-color:#f0f5d4;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#Header .header_inner #login .login_merchant{
	float:left;
	margin:0;
	width:330px;
}
#Header .header_inner #login .login_merchant .merchant_inner{
	height:42px;
	padding:10px;
	background-color:#fbeec8;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#Header .header_inner #login input.w78{
	width:78px;
}
#Header .header_inner #login .login_btn{
	display:inline-block;
/*	margin:5px 0 0 3px;*/
	vertical-align: bottom;
}
#Header .header_inner #login .forget{
	margin:5px 0 0 0;
	font-size:11px;
	float: left;
}
#Header .header_inner #login .forget a{
	color:#333333;
}


#Content{
	margin:20px 0 0 0;
}

#Main{
	float:left;
	margin:0 20px 0 0;
	width:700px;
}
#Main h2.h2_top{
	margin:0 0 20px 0;
	padding:12px 0 0 40px;
	width:660px;
	height:30px;
	background: url(../images/common/bg_h2title.png) no-repeat 0 0;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	border-bottom: 2px solid #208c0e;
}
#Main h2.top{
	margin:0 0 20px 0;
	padding:12px 0 0 40px;
	width:660px;
	height:30px;
	background: url(../images/common/bg_h2title.png) no-repeat 0 0;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	border-bottom: 2px solid #208c0e;
}
#Main h2.top2{
	margin:0 0 20px 0;
	padding:12px 0 0 40px;
	width:660px;
	height:30px;
	background: url(../images/common/bg_h2title.png) no-repeat 0 0;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	border-bottom: 2px solid #208c0e;
	float: left;
}
#Main h2.h2_indextop{
	margin:20px 0 20px 0;
	padding:12px 0 0 40px;
	width:660px;
	height:30px;
	background: url(../images/common/bg_h2title.png) no-repeat 0 0;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	border-bottom: 2px solid #208c0e
}
#Main h2.h2_index{
	margin:50px 0 20px 0;
	padding:12px 0 0 40px;
	width:660px;
	height:30px;
	background: url(../images/common/bg_h2title.png) no-repeat 0 0;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	border-bottom: 2px solid #208c0e
}
#Main h2.h2_full{
	margin:20px 0 20px 0;
	padding:12px 0 0 40px;
	width:960px;
	height:30px;
	background: url(../images/common/bg_h2title_full.png) no-repeat 0 0;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	border-bottom: 2px solid #208c0e
}

#Main h2{
	margin:50px 0 20px 0;
	padding:12px 0 0 40px;
	width:660px;
	height:30px;
	background: url(../images/common/bg_h2title.png) no-repeat 0 0;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
}

#Main h3{
	padding: 7px 0 7px 10px;
	margin: 50px 0 15px 0;
	border-left: 5px solid #78b035;
	border-bottom: 1px dotted #333333;
	font-size: 19px;
	font-weight: bold;
	color: #333333;
}
#Main h3.top{
	padding: 7px 0 7px 10px;
	margin: 0 0 15px 0;
	border-left: 5px solid #78b035;
	border-bottom: 1px dotted #333333;
	font-size: 19px;
	font-weight: bold;
	color: #333333;
}
#Main h3.kari{
	padding: 7px 0 7px 10px;
	margin: 20px 0 15px 0;
	border-left: 5px solid #78b035;
	border-bottom: 1px dotted #333333;
	font-size: 19px;
	font-weight: bold;
	color: #333333;
}
#Main div.kari2{
	float: left;
    width: 700px;
}
#Side{
	float:left;
	width:240px;
	margin:20px 0 0 0;
}

/*Navigation */
#Navigation {
	margin: 10px 0 0 0;
	background-color: #2fa41c;
	border-bottom: 2px solid #208c0e;
}
#Navigation .wrapper {
	height:52px;
	width:960px;
}
#Nav {
	height: 52px;
	background:url(../images/common/navigation.png) 0 -52px;
	overflow:hidden;
}
#Nav li {
	height: 52px;
	width:auto;
	float: left;
}
#Nav li a {
	width:160px;
	height: 0;
	padding: 52px 0px 0px;
	background: url(../images/common/navigation.png) no-repeat 0 0;
	display: block;
}
#Nav li.nav1 a {
	background-position: 0px top;
	width:160px;
}
#Nav li.nav1 a:hover {
	background-position: 0px botttom;
}

#Nav li.nav2 a {
	background-position: -160px top;
}
#Nav li.nav2 a:hover {
	background-position: -160px botttom;
}
#Nav li.nav3 a {
	background-position: -320px top;
}
#Nav li.nav3 a:hover {
	background-position: -320px botttom;
}
#Nav li.nav4 a {
	background-position: -480px top;
}
#Nav li.nav4 a:hover {
	background-position: -480px botttom;
}
#Nav li.nav5 a {
	background-position: -640px top;
}
#Nav li.nav5 a:hover {
	background-position: -640px botttom;
}
#Nav li.nav6 a {
	background-position: -800px top;
}
#Nav li.nav6 a:hover {
	background-position: -800px botttom;
}

/*side_program*/
.side_program{
	margin:20px 0 0 0;
	padding:10px;
	width:220px;
	height:360px;
	background-color:#eaeae8;
}
.side_program h2{
	text-align: center;
	margin:0 0 10px 0;
}
.side_program .side_program_inner{
	width:200px;
	height:280px;
	padding:10px;
	background-color:#ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.side_program .side_program_inner dt{
	display:inline-block;
	padding:1px 3px;
	font-size:11px;
	color:#ffffff;
	background-color:#feb61b;
	line-height:1.5em;
}
.side_program .side_program_inner dd{
	margin:3px 0 10px 0;
	padding:0 0 10px 0;
	font-size:12px;
	line-height:1.5em;
	border-bottom:1px dotted #666666;
}
.side_program .side_program_inner dd:last-child{
	border-bottom:1px none;
}
.side_program .more_info{
	margin:8px 0 0 0;
	text-align: right;
}
.side_program .more_info a{
	color:#333333;
}
.side_program .more_info:before{
	content: url(../images/common/more_icon.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 1px;
}
.side_program .more_info a {
	text-decoration:none;
}
.side_program .more_info a:hover {
	text-decoration:underline;
}

/*side_ranking*/
.side_ranking{
	margin:20px 0 0 0;
	padding:10px;
	width:220px;
	background-color:#eaeae8;
}
.side_ranking h2{
	text-align: center;
	margin:0 0 10px 0;
}
.side_ranking .side_ranking_inner{
	width:200px;
	height:120px;
	padding:10px;
	background-color:#ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.side_ranking .side_ranking_inner li{
	margin:3px 0 10px 0;
	padding:0 0 10px 40px;
	font-size:15px;
	line-height:1.5em;
	color:#333333;
	border-bottom:1px dotted #666666;
}
.side_ranking .side_ranking_inner li.other{
	margin:3px 0 10px 0;
	padding:0 0 10px 60px;
	font-size:15px;
	line-height:1.5em;
	color:#333333;
	border-bottom:1px dotted #666666;
}
.side_ranking .side_ranking_inner li.gold:before{
	content: url(../images/common/ranking_gold.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}
.side_ranking .side_ranking_inner li.silver:before{
	content: url(../images/common/ranking_silver.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}
.side_ranking .side_ranking_inner li.blond:before{
	content: url(../images/common/ranking_blond.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}
.side_ranking .side_ranking_inner li.no4:before{
	content: url(../images/common/ranking04.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}
.side_ranking .side_ranking_inner li.no5:before{
	content: url(../images/common/ranking05.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}
.side_ranking .side_ranking_inner li.no6:before{
	content: url(../images/common/ranking06.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}
.side_ranking .side_ranking_inner li.no7:before{
	content: url(../images/common/ranking07.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}
.side_ranking .side_ranking_inner li.no8:before{
	content: url(../images/common/ranking08.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}
.side_ranking .side_ranking_inner li.no9:before{
	content: url(../images/common/ranking09.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}
.side_ranking .side_ranking_inner li.no10:before{
	content: url(../images/common/ranking10.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}

.side_ranking .side_ranking_inner li:last-child{
	border-bottom:1px none;
}
.side_ranking .more_info{
	margin:8px 0 0 0;
	text-align: right;
}
.side_ranking .more_info a{
	color:#333333;
}
.side_ranking .more_info:before{
	content: url(../images/common/more_icon.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}

.side_magazine{
	font-size:10px;
}
.side_magazine li{
	list-style-type: none;
}
.side_magazine li{
	list-style: none;
}
.side_magazine .date{
	text-decoration: none;
}

/*pmark*/
.pmark{
	margin:20px 0 0 0;
}
.pmark .pimg{
	float:left;
	width:75px;
	margin:0 10px 0 0;
}
.pmark .ptxt{
	float:left;
	margin:5px 0 0 0;
	width:155px;
	font-size:11px;
	line-height:1.5em;
}


#Footer{
	margin:80px 0 0 0;
}
#Footer .footer_inner {
	width: 960px;
	margin: 0 auto;
}
#Footer .footer_inner .footer_link{
	display: inline-block;
	vertical-align: top;
	margin-right: 45px;
	text-align: left;
}
#Footer .footer_inner .footer_link:last-child{
	margin-right: 0;
}

#Footer .footer_link dt {
	line-height: 1;
	margin: 15px 0 8px;
}
#Footer .footer_link dd {
	line-height: 2;
	margin-left: .5em;
}
#Footer-nav a {
	margin-right:2px;
	color:#fff;
	text-decoration:none;
}
#Footer-nav a:hover {
	text-decoration:underline;
}

#Footer .copyright {
	font-size: 13px;
	margin: 30px 0 10px 0;
	text-align: center;
}
#Footer .footer_link a {
	font-size:12px;
	color:#333333;
}

#Footer .footer_link dt:before {
	content: url(../images/common/footer_arrow.png);
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}
#Footer .footer_link dd{
	margin:0 0 0 17px;
}
/*PAGE-TOP*/
#Page-top{
	position:fixed;
	right:30px;
	bottom:0;
}

#Page-top a {
	width:112px;
	height:0;
	padding:115px 0 0;
	overflow:hidden;
	background:url(../images/common/page_top.png) top center no-repeat;
	display:block ;
}