@charset "utf-8";
/* CSS Document */

/* ================================================
基本の枠組み
================================================ */

body {
	text-align: center;
	color: #333;
}

#wrap {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

/* navi */
#siteID {
	margin-bottom: 2px;
}
#navi {
	width: 210px;
	float: left;
	margin-bottom: 20px;
}
#naviNavi {
	margin-bottom: 8px;
}
#naviNavi li {
	height: 38px;
}

#naviBanner {
	margin-bottom: 8px;
}
#naviBanner li {
	margin-bottom: 5px;
}

#naviVoice {
	background-color: #82c8e3;
	padding: 5px 10px 10px;
}
#naviVoice h3 {
	color: #e02542;
	font-weight: bold;
	margin-bottom: 5px;
}
#naviVoice h4 {
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#naviVoice p {
	font-size: 80%;
}

/* content */
#content {
	width: 720px;
	float: right;
	margin-bottom: 20px;
}
#areaHeadLink {
	font-size: 85%;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 8px;
}
#areaHeadLink li {
	display: inline;
	background: url(/_shared/_images/ico_link_header.gif) left center no-repeat;
	padding-left: 12px;
	margin-left: 10px;
}

#areaPromotion {
	margin-bottom: 15px;
}

#areaAgeNavi {
	background: url(/_shared/_images/bg_age_navi.gif) left top no-repeat;
	padding: 11px;
	padding-top: 8px;
	margin-bottom: 15px;
}
#areaAgeNavi h2 {
	margin-bottom: 5px;
}
#areaAgeNavi li {
	display: inline;
	margin-right: 3px;
}
#main {
	width: 719px;
}


/* --------------join------------------------ */

#main h1 {
	margin: 0px 0px 10px;
}
#campaign {
	margin: 0px 0px 20px;
	width: 719px;
	background: url(../images/join/bg_campaign.gif) repeat-y;
}
#boxCampaign {
	background: url(../images/join/bg_campaign_btm.gif) no-repeat right bottom;
	margin: 0px;
	padding: 0px 0px 36px;
	width: 719px;
}
#campaign #anshin {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 353px;
	display: inline;
}
#anshin #boxAnshin {
	background: #EEF9BC;
	padding-bottom: 14px;
	margin: 0px;
}

#campaign #otoku {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 353px;
	display: inline;
}
#otoku #boxOtoku {
	background: #FFDFD1;
	margin: 0px;
	padding: 0 0px 14px;
	width: 353px;
}

#campaign .catch {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}
#campaign h2 {
	margin: 0px;
	padding: 0px 0px 6px;
}
#anshin h2 {
	background: #EEF9BC;
}
#otoku h2 {
	background: #FFDFD1;
}

#campaign .boxBrief {
	margin: 0px 6px 6px;
	border: 6px solid #dedede;
	background: #FFF;
	padding: 0px;
}
.boxBrief {
	clear: both;
}
.boxBrief dl {
	font-size: 115%;
	font-weight: bold;
	margin: 0px;
	padding: 8px;
}
.boxBrief dt {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 5em;
}
.boxBrief dl dd {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 240px;
}
* html .boxBrief dl dd {
	width: 230px;
}
.boxBrief .cap {
	clear: both;
	margin: 0px;
	text-align: center;
	padding: 8px 0px 6px;
}
.boxBrief .txt {
	font-size: 115%;
	font-weight: bold;
	margin: 8px;
	padding: 0px;
}

.red {
	color: #F00;
}
#campaign .flow {
	background: url(../images/join/bg_flow.gif) repeat-y;
	margin: 0px 0px 0px 6px;
	width: 342px;
	text-align: center;
}
.flow h3 {
	margin: 0px 0px 10px;
}
.imgAnshin {
	margin: 0px 0px 0px 6px;
	float: left;
	width: 185px;
}
.txtAnshin {
	margin: 0px 10px 0px 0px;
	float: right;
	width: 130px;
	text-align: left;
}
.txtOtoku {
	margin: 0px 10px 10px;
}
.imgOtoku {
	margin: 0px 0px 0px 11px;
}
.btnInquiry {
	text-align: center;
	margin: 0px 0px 15px;
}


.btnInquiry a:hover {
	background: url(none);
}


#campaign .zeroyen {
	background: url(../images/join/bg_zeroyen.png) 60px center no-repeat #fff;
	min-height: 45px;
}
* html #campaign .zeroyen {
	height: 45px;
}
#campaign .zeroyen dd {
	padding-left: 55px;
	width: 185px;
}

#campaign .present {
	background: url(../images/join/bg_schoolbag.gif) right bottom no-repeat #fff;
	min-height: 55px;
}
* html #campaign .present {
	height: 55px;
}


/* footer */
#footer {
	clear: both;
	margin-bottom: 20px;
}


/* module */
.mgnB0 {
	margin-bottom: 0px;
}
.mgnB2 {
	margin-bottom: 2px;
}
.mgnB6 {
	margin-bottom: 6px;
}
.mgnB8 {
	margin-bottom: 8px;
}
.mgnB10 {
	margin-bottom: 10px;
}
.mgnB20 {
	margin-bottom: 20px;
}
#main .line {
	margin: 28px 0px;
	clear: both;
}

.clear {
	clear: both;
}