@charset "utf-8";

/* ------------------------- TOC
setup
wrap around the contents
header
site navigation
contents
page top
footer
 ------------------------- */

/* ============================== setup */
body { color: #000; background: #ffcc00; font-size: 14px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #0510f6; }
a:link { color: #0510f6; }
a:visited { color: #0510f6; }
a:hover, a:active { color: #ff3300; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

img { vertical-align: top; }


/* ============================== wrap around the contents */
.w960 { width: 960px; margin: 0 auto; }


/* ============================== header */
.header_outer{ background: url(../img/bg.jpg) 50% 0 no-repeat #000000; }



/* ============================== site navigation */
.nav { padding-bottom: 20px; }
.nav li { float: left; margin-left: 10px; margin-bottom: 10px; }
.nav .nav_l { margin-left: 0; }

/* ============================== contents */
.secQto100 dt,
.secQto100 dd { display: inline; }

.secDetail { margin-top: 15px; border: 2px solid #070002; }
.secDetail { margin-top: 15px; border: 2px solid #070002; }
.secDetail_inner { padding: 10px 28px 20px; background-color: #fff5cc; }
.secDetail h3 { font-size: 20px; line-height: 1.5; font-weight: bold; margin: 0; color: #c27a21; }
.secDetail p { line-height: 1.714285714; margin-top: 4px; }
.feature-haken { color: #fff; background-color: #036db7; font-style: normal; padding: 0 2px; }
.feature-elite { color: #fff; background-color: #c30d23; font-style: normal; padding: 0 2px; }
.secDetail_specialElite { background: url(../img/bg_secDetail_specialElite.png) no-repeat 0 100%; padding-bottom: 12px; margin-top: 11px; }
.secDetail_specialEliteInner { background: url(../img/bg_secDetail_specialElite.png) no-repeat 0 0; padding: 8px 15px 0; }
.secDetail_specialElite h4 { margin: 0; color: #fff; font-size: 18px; line-height: 1.777777778; font-weight: bold; }
.secDetail_specialElite p { margin: 1px 0 0; }

.secDetailLast_inner { padding: 24px 30px 23px; font-size: 16px; line-height: 1.75; background-color: #fff; }

/* #sec_merit { margin-top: 20px; }
.sec_merit_inner { background: url(../img/bg_sec_merit.png) no-repeat 0 100%; padding: 0 20px 44px; }
#sec_merit .sec_merit_item { float: left; width: 300px; margin-left: 10px; }
#sec_merit .sec_merit_item:first-child { margin-left: 0; }
#sec_merit h4 { margin-top: 10px; padding: 0 15px; font-size: 16px; line-height: 1; color: #333; font-weight: bold; }
#sec_merit p { margin-top: 14px; padding: 0 15px; min-height: 270px; font-size: 16px; line-height: 1.625; }
#sec_merit em { color: #ff3333; font-weight: bold; }
#sec_merit .sec_merit_bt { text-align: center; margin-top: 10px; } */


/* bt_home */
.bt_home { text-align: center; width: 960px; margin: 20px auto 0; text-align: right; box-sizing: border-box; padding-right: 60px; }

/* ============================== page top */
/* .bt_pagetop { position: fixed; top: 85%; right: 0; z-index: 2; } */


/* ============================== footer */
/* #footer { background-color: #ee8598; }
#footer .inner { width: 960px; margin: 0 auto; }
#logo { float: left; width: 286px; }
#copyright { float: right; margin-top: 14px; font-size: 62.5%; color: #9d2238; width: 450px; text-align: right; } */

/* dnav追加対応
/* ============================== dropdown navigation */
body{
	/* padding-top:69px; */
}
#dnav {
	position: fixed;
	top: 0;
	height:69px;
	width: 100%;
	z-index: 100;
	background:#ffcc00;
}

#dnav_inner {
	width: 840px;
	margin: 0 auto;
	position:relative;
	padding-left:120px;
}
.dnav_home{
	position:absolute;
	width:102px;
	height:56px;
	left:0;
	top:13px;
}

#dnav_inner dl {
	float: left;
	width: 224px;
	padding: 0 0 59px;
	background: url(../../../../../img/dnav_bg_01.png) no-repeat 0 100%;
	cursor: pointer;
	margin-right:20px;
}

#dnav_inner dl.open {
	padding: 0 0 72px;
}

#dnav_inner dl#dnav_02 {
	background: url(../../../../../img/dnav_bg_02.png) no-repeat 0 100%;
}

#dnav_inner dl#dnav_02.open {
	background: url(../../../../../img/dnav_bg_01.png) no-repeat 0 100%;
}

#dnav_inner dl dt {
	height: 44px;
	margin: 0 0 0 20px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#dnav_inner dl.open dt {
	height: 64px;
}

#dnav_inner dl dd {
	display: none;
	margin: 0 0 0 20px;
	font-size: 0;
	line-height: 0;
}
/*/dnav追加対応*/


/* ==========================================================================
   Media Queries
   ========================================================================== */

/* PC and tablet */
@media only screen and (max-device-width : 1024px) {
	#wrapper { width: 1024px; margin: 0 auto; }
}