@charset "shift_jis";



/* ====== general-style ====== */
a:link,
a:visited {
	color: #452f23;
	text-decoration: underline;
}
a:active,
a:hover {
  color: #d81f1c;
  text-decoration: none;
}

.f-left {
	float: left;
	width: auto;
}
.f-right {
	float: right;
	width: auto;
}
.t-center {
	text-align: center;
}

.search-btn{
	margin:	10px 0 0 0;
}

.clear {
	clear: both;
}



/* ====== layout ====== */
body {
	background: url('/images3/bg.png') left top repeat;
	border-top: solid 3px #ee1C23;
	text-align: center;
	fon-size: 75% !important;
	color: #452f23;
	font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック";
	}
body,
html {
	margin: 0;
	padding: 0;
    height:100%;
}
.section {

}
.block {
	overflow: hidden;
	zoom: 1;
}



/* ====== navi ====== */
/*** globalNavi ***/
ul.globalNavi li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url('/common/images/icon_arrow_right.gif') left 0.25em no-repeat;
	_background-position: left top;
	margin-right: 15px;
	padding-left: 18px;
	font-weight: bold;
	min-height: 15px;
	height: auto !important;
	height: 15px;
}

/*** siteNavi ***/
/* common */
div.siteNavi {
	overflow: hidden;
	zoom: 1;
	font-weight: bold;
}
div.siteNavi ul {
	text-align: right;
}
ul.nav {
	margin-bottom: 10px;
}
ul.nav li {
	background: url('/common/images/icon_arrow_right.gif') left 0.25em no-repeat;
	_background-position: left top;
	padding-left: 18px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

ul.btn {
	overflow: hidden;
	zoom: 1;
}
ul.btn li {
	display: block;
	float:right;
	height: 27px;
	margin-left: 4px;
	cursor: pointer;
}
ul.btn li a {
	display: block;
	background-image: url('/common/images/btn/siteNaviBtn.gif');
	background-repeat: no-repeat;
	height: 27px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
ul.btn li.all_course a {
	background-position: 0 0;
	width: 130px;
}
ul.btn li.all_course a:hover {
	background-position: 0 -28px;
}
ul.btn li.request a {
	background-position: 0 -56px;
	width: 115px;
}
ul.btn li.request a:hover {
	background-position: 0 -84px;
}
ul.btn li.already_info a {
	width: 149px;
	background-position: 0 -112px;
}
ul.btn li.already_info a:hover {
	background-position: 0 -140px;
}


/* header navi */
#head div.siteNavi {
	float: right;
	width: 48%;
	padding-top: 6px;
}
#head ul.nav {
	font-size: 95%;
}
#head ul.nav li {
	margin-left: 10px;
	min-height: 15px;
	height: auto !important;
	height: 15px;
}
#head ul.btn li img {
	*margin-left: 5px;
	margin-bottom: 3px;
}

/* footer navi */
#foot div.siteNavi {
	margin-bottom: 35px;
}
#foot ul.nav {
	float: left;
	width: 50%;
	text-align: left;
	font-size: 110%;
}
#foot div.siteNavi ul.btn {
	float: right;
	width: 50%;
}
#foot div.siteNavi ul.btn li img {
	*margin-left: 5px;
}
#foot ul.nav li {
	margin-right: 12px;
	min-height: 15px;
	height: auto !important;
	height: 15px;
}



/* ====== header ====== */
#head {
	width: 970px;
	margin: 0 auto;
	padding: 19px 0 17px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}
div.logoArea {
	float: left;
	width: 51%;
}
div.logoArea img {
	vertical-align: middle;
	margin-right: 5px;
}
img.logo {
	margin-right: 15px !important;
}

/*** pankuzu ***/
#pankuzu {
	background-color: #fff;
	margin-bottom: 30px;
	padding: 6px 0 5px;
	border-bottom: solid 1px #dad1bc;
	font-size: 85%;
	font-weight: bold;
}
#pankuzu ul {
	width: 970px;
	margin: 0 auto;
	text-align: left;
}
#pankuzu ul li.siteTop {
	display: inline;
	background: url('/common/images/icon_home.gif') left 0.3em no-repeat;
	padding-left: 15px;
}



/* ====== wrapper ====== */
#wrapper {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding-bottom:	80px;
}



/* ====== contents ====== */
#contents:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

/*** ?ｿｽ?ｿｽ?ｿｽ?ｿｽ ***/
p.link {
	text-align: right;
	margin-top: 8px;
	font-weight: bold;
}
p.rank-link {
	font-size:	95%;
}
p.link a {
	background: url('/common/images/icon_arrow_right.gif') left 0.25em no-repeat;
	_background-position: left top;
	padding-left: 18px;
	_padding-top: 2px;
	padding-bottom: 2px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/*** main ***/
#main,
#course_all {
	float: left;
	width: 720px;
}

/*** sub ***/
#sub {
	float: right;
	width: 232px;
}

ul.subBtn {
	margin-bottom: 20px;
}
ul.subBtn li {
	margin-bottom: 7px;
	width: 230px;
	height: 36px;
	cursor: pointer;
}
ul.subBtn li.all_course {
	height: 64px;
}

ul.subBtn a {
	display: block;
	width: 230px;
	height: 36px;
	background-image: url('/images3_light/subBtn.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
ul.subBtn li.all_course a {
	background-position: 0 0;
	height: 64px;
}
ul.subBtn li.all_course a:hover {
	background-position: 0 -65px;
}
ul.subBtn li.apply a {
	background-position: 0 -130px;
}
ul.subBtn li.apply a:hover {
	background-position: 0 -167px;
}
ul.subBtn li.request a {
	background-position: 0 -204px;
}
ul.subBtn li.request a:hover {
	background-position: 0 -241px;
}
ul.subBtn li.already_info a {
	background-position: 0 -278px;
}
ul.subBtn li.already_info a:hover {
	background-position: 0 -315px;
}
/*Campaign*/
ul.subBtn li.campaign01,ul.subBtn li.campaign02 {
	height: 64px;
}
ul.subBtn li.campaign01 a,ul.subBtn li.campaign02 a {
	width: 230px;
	height: 64px;
}
ul.subBtn li.campaign02 {
	margin-top: 30px;
}
ul.subBtn li.campaign01 a {
	background-image: url('/images3_light/bnr_campaign_01.jpg');
}
ul.subBtn li.campaign01 a:hover {
	opacity: 0.7;
}
ul.subBtn li.campaign02 a {
	background-image: url('/images3_light/bnr_campaign_02.jpg');
}
ul.subBtn li.campaign02 a:hover {
	opacity: 0.7;
}
/*Campaign*/
#ranking {
	margin-top: 30px;
	margin-bottom: 20px;
	background-color: #ede3dc;
}
#ranking h2 {
	padding: 15px 0 0 15px;
	background: url('/images3/ranking_bg_top.gif') left top no-repeat;
	position: relative;
}
#ranking h2 img.ucancan {
	position: absolute;
	top: -10px;
	right: 5px;
}

#ranking div.rankContents {
	padding: 15px 15px 0;
	border-left: solid 1px #e6dcd5;
	border-right: solid 1px #e6dcd5;
}
#ranking form {
	text-align: center;
}
#ranking dl {
	font-size: 85%;
	line-height: 1.2;
	margin-bottom: 10px;
	text-align: left;
}
#ranking dl dt {
	clear: left;
	float: left;
	width: 16%;
	*width: 14%;
	margin-bottom: 7px;
	*margin-bottom: 0;
	*padding-top: 3px;
}
#ranking dl dd {
	width: 84%;
	_width: 80%;
	margin-bottom:7px;
	*margin-bottom: 0;
	margin-left: 16%;
	*margin-left: 14%;
	overflow: hidden;
	zoom: 1
}
#ranking dl dd p {
	float: left;
	width: 33.3%;
	margin-bottom:7px;
	*margin-bottom: 0;
	*letter-spacing: -0.08em;
	line-height: 1.2;
}
#ranking dl dd p.second-child {
	width: 34.3%;
}
#ranking dl dd p.last-child {
	width: 32.3%;
}
#ranking dl input {
	padding-top: 1px;
	margin: 2px 1px 0 2px;
	*margin-right: -1px;
}
#ranking label {
	padding-right: 2px;
}
#renew {
	margin-bottom: 10px;
	cursor: pointer;
}

#rankListArea {
	text-align: center;
}
#rankList {
	width: 100%;
	text-align: left;
}
#rankList tr {
	cursor: pointer;
}
#rankList td {
	height: 34px;
	background-color: #fff;
	vertical-align: middle;
	padding: 3px 0;
	line-height: 1.3;
	font-weight: bold;
	letter-spacing: -0.03em;
}
#rankList td.rank {
	width: 25%;
	padding-right: 2px;
	background: url('/images3/mark_rank4.gif') 3px center no-repeat;
	background-color: #fff;
	padding-left: 15px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}
#rankList td.course {
	width: 75%;
	padding-right: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
}

#rankList tr.rank1 td.rank {
	background: url('/images3/mark_rank1.gif') 3px center no-repeat;
	background-color: #fff;
	color: #b38d04;
}
#rankList tr.rank1 a {
	color: #b38d04;
}

#rankList tr.rank2 td.rank {
	background: url('/images3/mark_rank2.gif') 3px center no-repeat;
	background-color: #fff;
	color: #8e9399;
}
#rankList tr.rank2 a {
	color: #8e9399;
}

#rankList tr.rank3 td.rank {
	background: url('/images3/mark_rank3.gif') 3px center no-repeat;
	background-color: #fff;
	color: #9e6b3c;
}
#rankList tr.rank3 a {
	color: #9e6b3c;
}

#rankList td.space {
	background-color: #ede3dc;
	height: 4px;
	*height: 8px;
}
img.loading {
	margin: 5px 0 10px;
}

#ranking .bottom {
	background: url('/images3/ranking_bg_btm.gif') left bottom no-repeat;
	min-height: 15px;
	height: auto !important;
	height: 13px;
}

div.subBox {
	width: 232px;
	margin-bottom: 15px;
}
div.subBox .title {
	background: url('/images3/subBox_bg_top.png') left top no-repeat;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 15px 0 0 15px;
}
div.subBox .title.low {
	min-height: 5px;
}
div.subBox .subContents {
	background-color: #fff;
	padding: 0 15px;
}
div.subBox .subContents ul {
	width: 202px;
	margin: 0 auto;
}
div.subBox .subContents ul li {
	padding-bottom: 12px;
}
div.subBox .subContents a.sprite {
	display: block;
	background-image: url('/images3_light/bnr_app.gif');
	background-repeat: no-repeat;
	width: 202px;
	height: 95px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}

a.ucanwebviewer {
	background-position: 0 0;
}
a.manabi_alarm {
	background-position: 0 -96px;
}
a.ichimon-ittou {
	background-position: 0 -192px;
}
a.shukatsu-kami {
	background-position: 0 -288px;
}

div.subBox .subContents ul li.u_line {
	padding-bottom: 15px;
	margin-bottom:	15px;
	border-bottom:	1px solid #ccc;
}

div.subBox .subContents div,
div.subBox .subContents p {
	overflow: hidden;
	zoom: 1;
}
div.subBox p.subTitle {
	margin-bottom: 10px;
}

div.subBox .bottom {
	background: url('/images3/subBox_bg_btm.png') left bottom no-repeat;
	min-height: 15px;
	height: auto !important;
	height: 15px;
}

div.subBox.social .title {
	min-height: 5px;
	height: auto !important;
	height: 5px;
}
div.subBox.social .subContents {
	padding-top: 0px;
}

div.subBox p.mark {
	float: left;
	margin-right: 10px;
	width: 70px;
	height: 70px;
	background-image: url('/images3_light/mark.gif');
	background-repeat: no-repeat;
}
div.beginner p.mark {
	background-position: 0 0;
}
div.mailmag p.mark {
	background-position: 0 -71px;
}

div.subBox.linkList .title {
	min-height: 15px;
	height: auto !important;
	height: 15px;
}

div.subBox.linkList .subContents {
	padding-top: 15px;
}
div.subBox.linkList .subContents.first {
	border-bottom: dotted 1px #452f23;
	padding-top: 0;
}

div.subBox.linkList .subContents li a,
div.recommend .subContents li a {
	background: url('/common/images/icon_arrow_right.gif') left 0.1em no-repeat;
	padding-left: 18px;
	font-weight: bold;
}
div.subBox.linkList .subContents li p {
	margin-top: 10px;
}

div.debut .subContents{
 	background-color: #FFFFFF;
}

div.womens .subContents{
 	background-color: #F9DFDF;
    border-left: 1px solid #ECD4D4;
    border-right: 1px solid #ECD4D4;
}

div.business .subContents{
 	background-color: #D2F6F7;
    border-left: 1px solid #C7E9EA;
    border-right: 1px solid #C7E9EA;
}

div.search-area p.search-txt{
	padding:	5px;
	background-color: #ccc;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
}

div.search-area input.ontxt{
	width:		190px;
	border: 1px solid #7B9CBD;
    font-size: 90%;
}

/*** message ***/
#message {
	margin: 0 auto;
	width: 202px;
}
#message img {
	width: 198px;
}
.grayBorder {
	border: solid 2px #ccc;
	display: inline-block;
	width: auto;
}

/*** CM viewer ***/
#CMviewer {
	margin: 0 auto;
	width: 202px;
	height: 126px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
#CMviewer img {
	top: 0;
	left: 0;
	position: absolute;
	cursor: pointer;
}



/* ====== footer ====== */
#footer {
	background-color:#fff;
}
#foot {
	width: 970px;
	margin: 0 auto;
	padding: 25px 0;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}
#copyright {
	background: url('/images3/bg.png') left top repeat;

}

/*** courseList ***/
ul.courseList {
	padding-bottom: 25px;
	border-bottom: dotted 1px #a29791;
}
ul.courseList li {
	display: inline;
	margin-right: 3px;
	color: #a29791;
}
ul.courseList li a {
	margin-right: 5px;
}

#footer .block {
	margin-bottom: 40px;
	padding-top: 25px;
	font-size: 90%;
}

#footer div.cybertrust {
	float: left;
	width: 58%;
	padding-right: 2%;
	font-size: 90%;
}

div.cybertrust img {
	margin-bottom: 10px;
}

div.cybertrust p {
	margin-bottom: 22px;
}

#footer .block a:link,
#footer .block a:visited {
	color: #d81f1c;
}

#footer .block a:active,
#footer .block a:hover {
  color: #d81f1c;
  text-decoration: none;
}

#footer dl {
	float: right;
	width: 40%;
}

#footer dt {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
}
#footer dd {
	margin-bottom: 15px;
}
#copyright div {
	width: 970px;
	margin: 0 auto;
	padding: 25px 0;
	font-size: 75%;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}
#copyright p.f-left {
	float: left;
	width: 50%;
	text-align: left;
}
#copyright p.f-right {
	float: right;
	width: 50%;
	text-align: right;
}
#copyright img {
	float: right;
	margin-left: 12px;
}