@charset "utf-8";

/* CSS Information =====================
	File name: contents.css;
	Description: layout;
	Editors: Go Shimura(INO);
	Last Editor: Go Shimura(INO);
	Date: 2009.09.30;
======================================*/

/*  --primary-contents--  */

.btn {
	text-align: center;
	clear: both;
}

div#primary-contents div#l-nav {
	margin-top: 10px;
	padding: 14px;
	background: url(../img/shogakusei/ph_maingraphic.jpg) no-repeat right top;
	border: solid 1px #C4BFBB;
}

div#primary-contents div#l-nav p.lead {
	margin: 0 0 20px;
}

div#primary-contents div#l-nav ul li a {
	font-size: 0;
}

div#primary-contents div.section_lv2 {
	clear: both;
	margin-top: 20px;
}

div#primary-contents div.section_lv3 {
	clear: both;
	margin-top: 30px;
}

div#plan div.planBox {
	margin-top: 15px;
	margin-bottom: 22px;
	padding-bottom: 23px;
	background: url(../../shared/img/line_hDotted02.gif) repeat-x left bottom;
	clear: both;
}


div#plan div.planBox div.category {
	width: 194px;
	float: left;
}

div#plan div.planBox div.comment {
	background: url(../img/shogakusei/bg_comment_bottom.gif) no-repeat left bottom;
	width: 415px;
	float: right;
}

div#plan div.planBox div.comment_inner {
	background: url(../img/shogakusei/bg_comment_top.gif) no-repeat left top;
}

div#plan div.planBox div.comment p {
	padding:15px 15px 15px 30px;
	margin-bottom: 0;
}

div#plan div.planBox div.measures {
	clear: both;
	padding: 6px;
	background: url(../img/shogakusei/bg_measures.gif);
	zoom: 1;
}

div#plan div.planBox div.measures_inner {
	padding: 13px;
	background: #FFF;
}

div#plan div.planBox div.measures p {
	margin-bottom: 0;
}

div#plan div.planBox div.measures dl dt {
	margin-bottom: 8px;
	color: #F74D55;
	font-size: 133.3%;
	font-weight: bold;
}

div#plan div.planBox div.measures .link {
	margin-top: 10px;
}

div#plan div.planBox div.measures .link a {
	width: auto;
	padding: 3px 9px 3px 21px;
	background: url(../../shared/img/ico_rightArrow.gif) no-repeat 9px 50%;
	border: solid 1px #B5B5B5;
	float: right;
	display: block;
}

div#plan div.planBox div.measures .link a:hover {
	background: #F74D55 url(../../shared/img/ico_rightArrow_white.gif) no-repeat 9px 50%;
	color: #FFFFFF;
	text-decoration: none;
}

/*右寄せ*/
div#plan div.planBox.right div.category {
	float: right;
}

div#plan div.planBox.right div.comment {
	background: url(../img/shogakusei/bg_comment_right_bottom.gif) no-repeat left bottom;
	float: left;
}

div#plan div.planBox.right div.comment_inner {
	background: url(../img/shogakusei/bg_comment_right_top.gif) no-repeat left top;
}

div#plan div.planBox.right div.comment p {
	padding:15px 30px 15px 15px;
}

div#needs h3 {
	margin: 0 6px;
	padding: 8px 11px 19px;
	background: #F74D55 url(../img/shogakusei/line_needs.gif) no-repeat center bottom;
	font-size: 116.7%;
	font-weight: bold;
	color: #FFFFFF;
	zoom: 1;
}

div#needs div.needsBox_wrapper {
	padding: 6px;
	background: url(../img/shogakusei/bg_needs.gif);
}

div#needs div.needsBox {
	margin-top: 6px;
	padding: 7px;
	clear: both;
	background: #FFFFFF;
	zoom: 1;
}

div#needs div.needsBox.firstchild {
	margin-top: 0;
}

div#needs div.photo {
	width: 53px;
	float: left;
}

div#needs div.photo img {
	border: none;
}

div#needs div.txt {
	width: 515px;
	margin-top: 4px;
	float: right;
}

div#needs div.txt dl dt {
	margin-bottom: 1px;
	color: #F74D55;
	font-size: 116.7%;
	font-weight: bold;
}

div#support {
padding: 6px;
	background: url(../img/shogakusei/bg_support.gif);
}

div#support h3 {
	padding: 8px 11px;
	background: #C8B8A6;
	font-size: 116.7%;
	font-weight: bold;
	color: #FFFFFF;
}

div#support p {
	margin-top: 10px;
}

div#support div.supportBox_wrapper {
	padding: 6px;
	background: #FFFFFF;
}

div#support div.supportBox {
	clear: both;
	padding-top: 10px;
	background: url(../../shared/img/line_hDotted02.gif) repeat-x left top;
}

div#support div.supportBox.firstchild {
	background: none;
}

div#support div.photo {
	width: 109px;
	float: left;
	margin-right: 10px;
}

div#support div.photo img {
	border: 1px solid #B6B2B0;
	padding: 2px;
}

div#support div.txt {
	width: 466px;
	float: left;
}

div#support div.txt dl dt {
	color: #F98D41;
	font-size: 116.7%;
	font-weight: bold;
}

div#support .link {
	margin-top: 2px;
}

div#support .link a {
	width: auto;
	padding: 2px 9px 2px 21px;
	margin-bottom: 6px;
	background: url(../../shared/img/ico_rightArrow.gif) no-repeat 9px 50%;
	float: right;
	display: block;
}

/*  --中学生--  */
body.chugakusei div#primary-contents div#l-nav {
	background: url(../img/chugakusei/ph_maingraphic.jpg) no-repeat right top;
}

body.chugakusei div#plan div.planBox div.comment {
	background: url(../img/chugakusei/bg_comment_bottom.gif) no-repeat left bottom;
}

body.chugakusei div#plan div.planBox div.comment_inner {
	background: url(../img/chugakusei/bg_comment_top.gif) no-repeat left top;
}

body.chugakusei div#plan div.planBox.right div.comment {
	background: url(../img/chugakusei/bg_comment_right_bottom.gif) no-repeat left bottom;
}

body.chugakusei div#plan div.planBox.right div.comment_inner {
	background: url(../img/chugakusei/bg_comment_right_top.gif) no-repeat left top;
}

body.chugakusei div#plan div.planBox div.measures {
	background: url(../img/chugakusei/bg_measures.gif);
}
body.chugakusei div#plan div.planBox div.measures dl dt {
	color: #FE9246;
}

body.chugakusei div#plan div.planBox div.measures .link a:hover {
	background: #FE9246 url(../../shared/img/ico_rightArrow_white.gif) no-repeat 9px 50%;
}

body.chugakusei div#needs h3 {
	background: #FE9246 url(../img/chugakusei/line_needs.gif) no-repeat center bottom;
}

body.chugakusei div#needs div.needsBox_wrapper {
	background: url(../img/chugakusei/bg_needs.gif);
}

body.chugakusei div#needs div.txt dl dt {
	color: #FE9246;
}

/*  --高校生--  */
body.kokosei div#primary-contents div#l-nav {
	background: url(../img/kokosei/ph_maingraphic.jpg) no-repeat right top;
}

body.kokosei div#plan div.planBox div.comment {
	background: url(../img/kokosei/bg_comment_bottom.gif) no-repeat left bottom;
}

body.kokosei div#plan div.planBox div.comment_inner {
	background: url(../img/kokosei/bg_comment_top.gif) no-repeat left top;
}

body.kokosei div#plan div.planBox.right div.comment {
	background: url(../img/kokosei/bg_comment_right_bottom.gif) no-repeat left bottom;
}

body.kokosei div#plan div.planBox.right div.comment_inner {
	background: url(../img/kokosei/bg_comment_right_top.gif) no-repeat left top;
}

body.kokosei div#plan div.planBox div.measures {
	background: url(../img/kokosei/bg_measures.gif);
}

body.kokosei div#plan div.planBox div.measures dl dt {
	color: #3BA8A4;
}

body.kokosei div#plan div.planBox div.measures .link a:hover {
	background: #3BA8A4 url(../../shared/img/ico_rightArrow_white.gif) no-repeat 9px 50%;
}

body.kokosei div#needs h3 {
	background: #3BA8A4 url(../img/kokosei/line_needs.gif) no-repeat center bottom;
}

body.kokosei div#needs div.needsBox_wrapper {
	background: url(../img/kokosei/bg_needs.gif);
}

body.kokosei div#needs div.txt dl dt {
	color: #3BA8A4;
}