@charset "UTF-8";
/* ----------$B=i4|2=(J---------- */
@import "html5-doctor-reset-stylesheet.min.css";

/* ---------- body ---------- */
html {
	-webkit-text-size-adjust: none; /* $B%U%)%s%H%5%$%:<+F0D4@0(JOFF */
	min-width: 320px;
}
body{
	font-family: "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 18pt;
	line-height:1.5em;
	background: #fff;
	color: #303030;
}

#mainSec{
}

a {
	color: #d8000f; text-decoration: underline;
	-webkit-tap-highlight-color: rgba(cc,00,00,0.3); /* $B%?%C%W;~$NGX7J?'(J */
}
ul, li { list-style: none; }

/* ---------- clearfix ---------- */
.gnavi,
.footNavi,
.flick .nav,
.flick2 .nav,
#popular,
#top #genre ul,
#contents,
section,
header,
footer,
.clearfix {
	zoom: 1;
}

.gnavi:after,
.footNavi:after,
.flick .nav:after,
.flick2 .nav:after,
#popular:after,
#top #genre ul:after,
#contents:after,
section:after,
header:after,
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear { clear: both; }
/* ---------- common ---------- */
/** margin, Padding **/
.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}

.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}

.mt0{margin-top:0 !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.center { margin: 0 auto; }

.fl{float:left;}
.fr{float:right; text-align:left;}

.al{text-align:left;}
.ar{text-align:right;}
.ac{text-align:center;}

em { font-style: normal; color: #fe6300; }
strong { font-weight: normal; }
th { font-weight: normal; }

/* $BecPe%cec e&>(J */
#headerMedal {
	background-image: url(/common/images/pf_header_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
/*	height:97px;*/
}

#headerMedal .yamada_logo{
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: center;
	vertical-align: middle;
}

#headerMedal .btn_header{
	float: right;
	height: 100%;
	margin: 0 2px;
	text-align: center;
	vertical-align: middle;
}

/* ---------- footer ---------- */
/* footer a { color: #303030; text-decoration: none; } */
/* footer .pageTop { text-align: right; padding: 28px 16px; background: #f0f0f0;} */
/* footer .pageTop a {  height: 17px; background: url(/common/images/icn_pagetop.png) no-repeat right center; background-size: 20px 20px; padding-right: 24px; color: #3ea4f3; text-decoration: none; font-size:22px; } */
/* footer article.footNaviArea { border-top: 1px solid #e1e1e1; } */

/* footer article.copyright { background: #1f1f21; color: #fff; text-align: center; padding: 32px 0 103px; } */


/* /* $B%+%8%e%"%k%2!<%`(J */ */
/* footer .footNavi ul li { width: 50%; float: left; background: url(/common/images/bg_list.png) repeat-x left bottom; background-size: 50px 95px; } */
/* footer .footNavi ul li a { display: block; padding: 15px 20px 15px 15px; border-right: 1px solid #e4e4e4; color: #0e6db6; letter-spacing: -0.1em; text-decoration: none; } */
/* footer .footNavi li a:nth-child(2n) { border-right: none; } */
/* footer .footNavi ul li.recommend a { background: url(/common/images/icn_btn_recommend.png) no-repeat right center; background-size: 40px 16px; } */
/* footer .footNavi ul li.search a { background: url(/common/images/icn_btn_search.png) no-repeat right center; background-size: 38px 23px; } */

/* /* $BecJe%ceb%=ec%7(J */ */
/* #footer{ */
/* 	background-image: url(../img/pf_header_bg.gif); */
/* 	background-repeat: repeat-x; */
/* 	background-position: left top; */
/* 	overflow: hidden; */
/* 	padding: 0px; */
/* 	height: 97; */
/* 	margin-top: 40px; */
/* 	margin-right: 0px; */
/* 	margin-bottom: 0px; */
/* 	margin-left: 0px; */
/* 	background-color: #004278; */
/* } */

/* #footer .btn_footer{ */
/* 	float: left; */
/* 	height: 100%; */
/* 	width: 90px; */
/* 	text-align: center; */
/* 	vertical-align: middle; */
/* 	margin-right: auto; */
/* 	margin-left: auto; */
/* } */

/* ---------- global navi ---------- */
nav.gnavi { width: 100%; min-width: 320px; height: 97px; background: url(/common/images/bg_global_navi.png) repeat-x left center; text-align: center; position: fixed; bottom: 0; left: 0; z-index: 10000; }
nav.gnavi_android { width: 100%; min-width: 320px; height: 97px; background: url(/common/images/bg_global_navi.png) repeat-x left center; text-align: center; }
nav.gnavi ul li,
nav.gnavi_android ul li { width: 20%; height: 97px;  float: left; text-align: center; }
nav.gnavi.reg ul li,
nav.gnavi_android.reg ul li { width: 33%; }

nav.gnavi_top { width: 100%; min-width: 320px; height: 97px; background: url(/common/images/bg_global_navi.png) repeat-x left center; text-align: center; position: fixed; bottom: 0; left: 0; z-index: 10000; }
nav.gnavi_top_android { width: 100%; min-width: 320px; height: 97px; background: url(/common/images/bg_global_navi.png) repeat-x left center; text-align: center; }
nav.gnavi_top ul li,
nav.gnavi_top_android ul li { width: 25%; height: 97px;  float: left; text-align: center; }
nav.gnavi_top.reg ul li,
nav.gnavi_top_android.reg ul li{ width: 33%; }

/* ---------- button ---------- */
a.btn {
	display: block;
	margin: 20px 20px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #fff, #e9e9e9);
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	color: #3ea4f3;
	text-decoration: none;
}
a.btn.low {
	display: block;
	margin: 5px 20px;
	height: 52px;
	line-height: 52px;
	width: 70px;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #fff, #e9e9e9);
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	color: #3ea4f3;
	text-decoration: none;
}
a.btn b, a.btn span, a.btn_h b,
a.btn_twoLine b, a.btn_twoLine span { background: url(/common/images/icn_arrow_blue_02.png) no-repeat right center; background-size: 15px 15px; padding-right: 26px; }
a.btn b, a.btn_h b,
a.btn_twoLine b{ font-weight: normal; }
a.btn img, a.btn_twoLine img { vertical-align: middle; margin-right: 8px; }
a.btn.c b, a.btn.c span,
a.btn_twoLine.c b, a.btn_twoLine.c span { background: url(/common/images/icn_arrow_back.png) no-repeat left center; background-size: 15px 15px; padding-left: 26px; padding-right: 0; }

a.btn_h {
	display: block;
	margin: 20px 20px;
	height: 110px;
	line-height: 52px;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #fff, #e9e9e9);
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	color: #3ea4f3;
	text-decoration: none;
}
a.btn.widthDeclare-oneLine {
	display: inline-block;
	margin: 20px 20px;
	height: 52px;
	width: 110px;
	line-height: 52px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #fff, #e9e9e9);
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	color: #3ea4f3;
	text-decoration: none;
}
a.btn.widthDeclare-oneLine.disable {
	background: #D1D1D1;
	color: #4D4D4D;
}
a.btn.widthDeclare-twoLine {
	display: inline-block;
	margin: 20px 20px;
	height: 52px;
	width: 110px;
	line-height: 25px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #fff, #e9e9e9);
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	color: #3ea4f3;
	text-decoration: none;
}

a.btn_freeHeight {
	display: block;
	margin: 20px 20px;
	min-height: 52px;
	line-height: 25px;
	padding: 13px 0px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #fff, #e9e9e9);
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	color: #3ea4f3;
	text-decoration: none;
}

a.btn.delete {
	display: inline-block;
	margin: 10px 0px;
	height: 30px;
	width: 58px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #fff, #e9e9e9);
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	color: #3ea4f3;
	text-decoration: none;
}

.moreBtn a {
	display: block;
	margin: 12px 17px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #ff9100, #ff7400);
	background: -moz-linear-gradient(top, #ff9100, #ff7400);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9100), to(#ff7400));
	color: #fff !important;
	text-decoration: none;
	font-size: 11pt;
}
.moreBtn a span { background: url(/common/images/icn_arrow_more.png) no-repeat left center; background-size: 26px 15px; padding-left: 34px; }

a.profSmallBtn {
	display: block;
	margin: 2px 0px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #fff, #e9e9e9);
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	color: #3ea4f3;
	text-decoration: none;
	font-size: 5pt;
}
a.profBtn {
	display: block;
	margin: 2px 0px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #fff, #e9e9e9);
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	color: #3ea4f3;
	text-decoration: none;
	font-size: 12pt;
}
a.applicateBtn {
	display: block;
	margin: 12px 0px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #fff, #e9e9e9);
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	color: #3ea4f3;
	text-decoration: none;
	font-size: 11pt;
}

select {
	font-size: 14px;
}
textarea{
	font-size: 14px;
}
input{
	font-size: 12px;
}
.pageList{
	font-size: 14px
}

.space_4px {
	margin: 4px;
}