@charset "utf-8";

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

body {
	color: #003366;
}

a {
	color: #3191A2;
	text-decoration: none;
}

a:link {
	color: #3191A2;
	text-decoration: underline;
}

a:hover {
	color: #46b4c7;
	text-decoration: underline;
}

.current a {
	color: #46b4c7;
	text-decoration: underline;
}

p {
	line-height: 1.46;
}

em {
	background-color: #E0F2F8;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

.floatR {
	float: right;
	margin-bottom: 1em;
	margin-left: 1em;
}

.floatL {
	float: left;
	margin-bottom: 1em;
	margin-left: 1em;
}

.floatN {
	float:none;
}

.alignC {
	text-align: center;
}

.clear {
	clear: both;
}

.note {
	color: #eb6d00;
}

.photo img{
	border: #b6b2b0 1px solid;
}

.photoframe img {
	padding: 2px;
	border: #b6b2b0 1px solid;
}

.photoframe.borderN img,
.photo.borderN img {
	padding: 0;
	border: none;
}

.none {
	display: none;
}

/* =#WRAPPER
----------------------------------*/
div#header_inner,
div#container,
div#footer_inner {
	width: 850px;
	margin: 0 auto;
}



/* ==================================
header
================================== */


/* topic-path */
#topic-path {
	width:850px;
	margin:0 auto;
	padding:9px 0 20px 0;
	font-size:83%;
}
#topic-path span {
	color:#444444;
	font-weight:bold;
}

/* tagline */

#tagline {
	width:834px;
	margin:0 auto;
	padding:5px 8px;
	background-color:#eaeaea;

}

#tagline strong{
	font-size: 90%;
	font-weight: normal;
}





/* =#CONTAINER
----------------------------------*/
div#container {
	margin-top: 24px;
}

div#topicpath ol li {
	padding-left: 10px;
	display: inline;
	background: url(../img/img_gt.gif) no-repeat center left;
}

div#topicpath ol li.home {
	padding-left: 0px;
	background: none;
}

div#topicpath ol li strong {
	font-weight: normal;
}

div#topicpath ol li a {
	color: #46b4c7;
}

/*  --primary-contents--  */
div#primary-contents {
	width: 609px;
	margin-top: 26px;
	float: left;
	position: relative;
}


div#primary-contents h2 {
	padding: 6px 9px 6px;
	font-size: 133.4%;
	font-weight: bold;
	border: 1px solid #C5BFB8;
	background: #FDFBF5;
}

div#primary-contents h2 span {
	display: block;
	padding: 1px 9px;
	border-left: #F98D41 4px solid;
	zoom: 1;
	line-height: 1.2;
}

div#primary-contents div#kaplan h2 {
	background: #f0f6f2;
}

div#primary-contents div#kaplan h2 span {
	border-left: #5aafb6 6px solid;
}

div#primary-contents div#manabi h2 {
	background: #fcf3ef;
}

div#primary-contents div#manabi h2 span {
	border-left: #f598a3 6px solid;
}

div#primary-contents p.lead {
	margin-top: 15px;
}

div#primary-contents p {
	margin-bottom: 0.67em;
}

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

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

/*  --secondary-contents--  */
div#secondary-contents {
	width: 220px;
	float: right;
	border: 1px solid #8e7b63;
	background:url(../img/bg_pattern01.gif);
}

div#secondary-contents h2 {

}

div#search {
	width: 202px;
	margin: 10px auto;
	background: url(../img/bg_search_bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

div#search div#search_inner {
	background: url(../img/bg_search_middle.gif) repeat-y left top;
}

div#search a#pref_dummy {
	display: block;
	width: 165px;
	text-align: center;
	margin: 5px 15px;
	padding: 2px;
	background: #FFF url(../img/ico_pulldown.gif) no-repeat 98% 50%;
	border: #CCC 1px solid;
}

div#search a#pref_dummy.sctble_focus {
	background: #FFF url(../img/ico_pullup.gif) no-repeat 98% 50%;
}

div#pref_mat {
	width: 150px;
	height: 250px;
	overflow: auto;
	margin-top: 10px;
	padding: 10px;
	background: #FFF;
	border: #CCC 1px solid;
	zoom: 1;
}

div#pref_mat dl dt {
	font-weight: bold;
}
div#pref_mat dl dt a {

}
div#pref_mat dl dd {
	margin-left: 1em;
}
div#pref_mat dl dd a {
	display: block;
}

div#assist_nav {
	width: 202px;
	margin: 0 auto;
	background: #FFF;
}

div#assist_nav ul,
div#assist_nav2 ul {
	border: solid 1px #C5BFB8;
	zoom: 1;
}

div#assist_nav ul li,
div#assist_nav2 ul li {
	background: url(../img/line_hDotted_assist_nav.gif) no-repeat center top;
	zoom: 1;
}

div#assist_nav ul li.firstchild,
div#assist_nav2 ul li.firstchild {
	background: none;
}

div#assist_nav ul li a,
div#assist_nav2 ul li a {
	border: none;
	padding: 4px 21px;
	display: block;
	background: url(../img/ico_rightArrow.gif) no-repeat 10px 0.75em;
	color: #735E46;
	zoom: 1;
}

div#assist_nav ul li a:visited {
	color: #735E46;
	text-decoration: none;
}

div#assist_nav ul li a:hover {
	color: #46b4c7;
	text-decoration: underline;
}

div#assist_nav ul li.current a {
	color: #46b4c7;;
}

div#assist_nav2 ul li a {
	padding-left: 31px;
	background:url(../img/ico_externalLink02.gif) no-repeat 10px 50%;
	font-weight: normal;
	text-decoration: underline;
}

div#banner_area {
	margin: 10px 0;
}

div#banner_area ul li {
	text-align: center;
	margin-bottom: 5px;
}

div#banner_area div.stage_banner {
	margin-top: 15px;
}



/* ==================================
footer
================================== */
#footer {
	clear:both;
	width:850px;
	margin:0 auto;
	color:#999999;
	overflow:auto;
}
#footer .footer-inquiry {
	position:relative;
	height:70px;
	border-top:1px solid #cccaca;
	border-bottom:1px solid #cccaca;
}
#footer .footer-inquiry .area-textImg {
	position:absolute;
	top:28px;
	left:31px;
}
#footer .footer-inquiry .footer-call-number {
	position:absolute;
	top:13px;
	left:550px;
}
#footer .area-Copyright {
	height:1%;
	margin:15px 0 0 0;
	padding:10px 0 28px 0;
	background:url(../img/common_bg002.gif) no-repeat left top;
	text-align:right;
	font-size:80%;
}


.page-top {
	clear:both;
	padding:20px 0 0 0;
	text-align:right;
}

/* =clearfix
----------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clearfix{
	display:inline-block;
}

/* MacIE begin \*/
*+html .clearfix{
	height:1%;
}

* html .clearfix{
	height:1%;
}

.clearfix{
	display: block;
}
/* Mac IE end */
s

/* --HTML-- */
html {
background:#fff;
color:#333;
overflow-y:scroll;
}

/* --BODY-- */
body {
font:12px/1.5 'Lucida Grande','ＭＳ Ｐゴシック', Helvetica;
margin:0;
overflow:visible;
padding:0;
}

	/* for IE7 */
	*+html body {
	font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	font-size:75%;
	}

	/* for IE6 */
	* html body {
	font-family:'ＭＳ Ｐゴシック';
	font-size:75%;
	}

/* --OTHER TAGS-- */
a {
overflow:hidden;
}

a img, img {
border:0;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
font-style:normal;
font-weight:normal;
}

blockquote, dd, div, dl, dt,
h1, h2, h3, h4, h5, h6,
li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}

caption, th {
text-align:left;
}

code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

	/* for IE7 */
	*+html code, kbd, pre, samp, tt {
	font-size:108%;
	}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

ol, ul {
list-style:none;
}

q:before, q:after {
content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}


/* COMMON */
.photo {
	border: none;
}

.photo img {
	width: auto;
	padding: 2px;
	border: solid 1px #CCC;
}

body.detailpage div#secondary-contents {
	margin-top: 20px;
}

div#access {
	margin: 10px;
	padding: 10px;
	background: #FFF;
	border: solid 1px #C5BFB8;
}

div#access p.lead {
	margin-bottom: 4px;
	font-weight: bold;
}

div#access p.address {
	padding-bottom: 9px;
	margin-bottom: 10px;
	border-bottom: solid 1px #E8E5E3;
}

div#access p.map,
div#access p.print {
	margin-bottom: 10px;
	text-align: center;
}

div#access p.way {
	padding-top: 9px;
	border-top: solid 1px #E8E5E3;
	font-size: 83.4%;
}

div#others {
	margin: 10px;
	background: #FFF;
}

div#others h2 {
	padding-bottom: 5px;
	background: url(../../shared2/img/ico_downAroow.gif) no-repeat center bottom;
	font-weight: bold;
	color: #FFF;
	line-height: 1.2;
}

div#others h2 span {
	padding: 5px 10px 5px;
	display: block;
	background: #F98D41;
}

div#others div#others_inner {
	margin-top: -5px;
	padding: 9px;
	border-right: solid 1px #C5BFB8;
	border-bottom: solid 1px #C5BFB8;
	border-left: solid 1px #C5BFB8;
	zoom: 1;
}

div#others dl dt {
	font-weight: bold;
	margin-bottom: 3px;
}

div#others dl dd.adj {
	margin-bottom: 3px;
	font-size: 83.4%
}

div#others dl dd.link a {
	display: block;
	padding-left: 10px;
	background:url(../../shared2/img/ico_rightArrow.gif) no-repeat left center;
}

div#others dl dd.external a {
	display: block;
	background: url(../img/ico_externalLink02.gif) no-repeat left center;
	padding-left: 21px;
}

div#others dl dd.border {
	padding-bottom: 9px;
	margin-bottom: 10px;
	border-bottom: solid 1px #E8E5E3;
}

/* INDEX */
#local_nav {
	margin-top: 20px;
	padding-top : 20px;
	background: url(../img/line_hDotted02.gif) repeat-x left top;
}

#local_nav ul {
	padding-bottom : 20px;
	background: url(../img/line_hDotted02.gif) repeat-x left bottom;
	zoom: 1;
}

#local_nav ul li {
	float: left;
	width: 82px;
	margin-right: 10px;
}

#local_nav ul li a {
	display: block;
	width: 61px;
	padding-left: 21px;
	line-height: 24px;
	height: 24px;
	background: url(../img/bg_lnavBtn.gif) no-repeat 0 0;
}

#local_nav ul li a:hover {
	color: #FFF;
	text-decoration: none;
	background: url(../img/bg_lnavBtn.gif) no-repeat 0 -24px;
}

div#primary-contents div.section_lv2.area {
	margin-top: 20px;
	margin-bottom: 25px;
}

body.index div#primary-contents div.section_lv2 div.body {
	margin-top: 20px;
}

body.index div#primary-contents div.section_lv2.area div.body p {
	line-height: 2;
}

div#primary-contents div#intro div.photo {
	width:186px;
	float: left;
	margin-right: 16px;
}


/* DETAIL */
body.detailpage div#content-header {
	clear: both;
	background: url(../img/bg_pattern03.gif) repeat-y left top;
	position: relative;
}

body.detailpage div#content-header_inner {
	margin-top: 30px;
	padding-left: 22px;
	padding-bottom: 12px;
	background: url(../img/bg_content_header.gif) no-repeat left bottom;
}

body.detailpage div#content-header h1 {
	font-size: 200%;
	font-weight: bold;
	padding-top: 5px;
	line-height: 1;
}

body.detailpage div#content-header h1 span#brandname {
	font-size: 80%;
}

body.detailpage div#content-header div.dial {
	width: 25em;
	margin-top: 10px;
	border: solid 1px #003366;
	font-weight: bold;
	padding: 0;
}

body.detailpage div#content-header div.dial dl dt {
	width: auto;
	float: left;
	padding: 16px 9px;
	background: #003366;
	color: #FFF;
}

body.detailpage div#content-header div.dial dl dd {
	margin: auto;
	padding: 5px 12px;
	float: right;
	font-size: 200%;
	color: #003366;
}

body.detailpage div#content-header div#content-header_nav {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 202px;
	font-size: 0px;
	margin-bottom: 12px;
}



body.detailpage div#content-header div#content-header_nav ul li {
	margin-bottom: 3px;
}

body.detailpage div#primary-contents {
	margin-top: 0;
}

div#primary-contents div#view div#view_inner {
	margin-left: -7px;
	zoom: 1;
	margin-top: 0px;
}


div#primary-contents div#view div.view_box {
	width: 147px;
	float: left;
	display: inline;
	zoom: 1;
	margin-left: 7px;
	margin-top: 14px;
}

div#primary-contents div#view div.view_box span {
	text-align: center;
	display: block;
	margin-top: 3px;
}


div#primary-contents div#koshi {
	
}

div#primary-contents div#koshi div.section_lv3 {
	clear: both;
	margin-top: 15px;
	background: url(../img/line_hDotted02.gif) repeat-x left bottom;
	padding-bottom: 15px;
}

div#primary-contents div#koshi div.section_lv3.lastchild {
	padding-bottom: 0;
	background: none;
}

div#primary-contents div#koshi h3 {
	color: #46B4C7;
	font-size: 133.4%;
	font-weight: bold;
}


div#primary-contents div#koshi div.photo {
	width: 147px;
	float: left;
	margin-right: 13px;
}

div#primary-contents div#koshi div.photo span {
	font-weight: bold;
	display: block;
	text-align: center;
	margin-top: 3px;
}

div#primary-contents div#koshi div.text {
	width: 427px;
	float: right;
	background: url(../../shared2/img/line_comment.gif) no-repeat left top;
	padding-left: 18px;
}

div#primary-contents div#koshi dl dt {
	width: 75px;
	padding: 6px 0;
	font-weight: bold;
	float: left;
	clear: left;
	border-top: solid 1px #EEEEEE;
}

div#primary-contents div#koshi dl dd {
	margin-left: 75px;
	padding: 6px 0;
	border-top: solid 1px #EEEEEE;
}

div#primary-contents div#koshi dl dt.firstchild,
div#primary-contents div#koshi dl dd.firstchild {
	border: none;
}


body#kyoshitsu div#primary-contents div#point {
	margin-top: 15px;
	margin-left: -16px;
	zoom: 1;
}


body#kyoshitsu div#primary-contents div#point div.point_column_wrapper {
	background: url(../img/line_point_column.gif) repeat-y 6px 0px;
}

* html body#kyoshitsu div#primary-contents div#point div.point_column_wrapper {
	zoom: 1;
}

body#kyoshitsu div#primary-contents div#point div.point_column {
	width: 192px;
	margin-left: 16px;
	display: inline;
	float: left;
	zoom: 1;
}

body#kyoshitsu div#primary-contents div#point div.point_column.lastchild {
	width: 192px;
}

body#kyoshitsu div#primary-contents div#point ul li {
	margin-right: 8px;
}

body#kyoshitsu div#primary-contents div#point div.shogakusei ul li {
	border-bottom: solid 1px #FDD2D4;
}

body#kyoshitsu div#primary-contents div#point div.chugakusei ul li {
	border-bottom: solid 1px #FFE4D1;
}

body#kyoshitsu div#primary-contents div#point div.kokosei ul li {
	border-bottom: solid 1px #CEE9E8;
}

body#kyoshitsu div#primary-contents div#point ul li {
	display: block;
	padding: 8px;
	background: url(../shared2/img/ico_rightArrow.gif) no-repeat left center;
}

body#kyoshitsu div#primary-contents div#point ul li a{
	background: url(../../shared2/img/ico_externalLink02.gif) no-repeat left center;
	padding-left: 21px;
}


body#kyoshitsu div#primary-contents div#point .note {
	clear: both;
	margin-left: 16px;
	margin-top: 10px;
}

div#feature_area_kyoshitau {
	clear: both;
	margin: 20px auto 0;
}

div#feature_area_kyoshitau div.featureBox {
	float:left;
	width: 295px;
}

div#feature_area_kyoshitau div.featureBox.taiken {
	border: solid 2px #47B4C7;
	margin-right: 10px;
	background: url(../img/img_taiken01.gif) no-repeat 189px 72px;
}

div#feature_area_kyoshitau div.featureBox.shiryo {
	border: solid 2px #745F47;
	background: url(../img/img_shiryo01.gif) no-repeat 130px 72px;
}

div#feature_area_kyoshitau div.featureBox p {
	margin-left: 10px;
	margin-bottom: 10px;
}

div#feature_area_kyoshitau div.featureBox p.lead {
	margin-top: 0;
	margin-left: 0;
}

div#feature_area_kyoshitau div.featureBox div.heightLine-feature02 {
	zoom: 1;
}

div#feature_area_kyoshitau div.featureBox .adj {
	position: relative;
	z-index:-1;
	zoom: 1;
}

div#feature_area_kyoshitau div.featureBox .note {
	font-size: 83.4%;
	color: #735e46;
	margin: 10px;
}

div#feature_area_kyoshitau div.featureBox .txt {
	width: 120px;
	margin-top: 8px;
}

div#feature_area_kyoshitau div.featureBox .img {
	float: right;
	padding-right: 5px;
	margin-top: -16px;
	zoom: 1;
	margin-bottom: 10px;
	z-index: 99;
}

body#kyoshitsu div#primary-contents div#message dl dt {
	width: 115px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #46B4C7;
	float: left;
	clear: left;
}

body#kyoshitsu div#primary-contents div#message dl dd {
	margin-left: 115px;
	margin-bottom: 20px;
	padding-left: 16px;
	background: url(../img/bg_pattern02.gif) repeat-y left top;
}


div#intro a.simple_accordion_link:link{
	color: #fff;
	background-color: #3191A2;
	padding: 4px 12px;
	margin: 24px 0;
}

div#intro a.simple_accordion_link:hover{
	color: #3191A2;
	background-color: #fff;	
	text-decoration: none;
	border: 1px solid #3191A2;
	padding: 4px 12px;
	margin: 24px 0;
}



/*  --common--  */
div#primary-contents,
div#secondary-contents {
	color: #333333;
}

div#primary-contents a,
div#secondary-contents a {
	color: #333333;
}

div#primary-contents a {
	color: #3191A2;
	text-decoration: underline;
}

div#primary-contents a:link {
	color: #3191A2;
	text-decoration: underline;
}

div#primary-contents a:hover {
	color: #003366;
	text-decoration: underline;
}


/*  --primary-contents--  */

body.detail div#content-header h1 {
	color: #003366;
}

div#primary-contents h2 {
	border: 1px solid #DAEEF3;
	background: #DAEEF3;
	color: #3191A2;
}

div#primary-contents h2 span {
	border-left: #3191A2 4px solid;
}

div#primary-contents div#koshi h3 {
	color: #1B3D5F;
}

body#kyoshitsu div#primary-contents div#point ul li {
	font-weight: 500;
}

body#kyoshitsu div#primary-contents div#point div.shogakusei ul li,
body#kyoshitsu div#primary-contents div#point div.chugakusei ul li ,
body#kyoshitsu div#primary-contents div#point div.kokosei ul li {
	border-bottom: solid 1px #E5E5E5;
}

body#kyoshitsu div#primary-contents div#point ul li a {
	color: #666;
}

body#kyoshitsu div#primary-contents div#point .note {
	color: #666;
}

div#primary-contents div#koshi div.text {
	background: url(../img/line_comment2.gif) no-repeat left top;
}

div#feature_area_kyoshitau div.featureBox.taiken {
	border: solid 2px #00468C;
}

div#feature_area_kyoshitau div.featureBox.shiryo {
	border: solid 2px #333333;
}

body#kyoshitsu div#primary-contents div#message dl dt {
	color: #333333;
}

body#kyoshitsu div#primary-contents div#message dl dd {
	background: url(../img/bg_pattern08.gif) repeat-y left top;
}


div#intro h3{
	color: #3191A2;
	font-size: 115%;
	margin-bottom: 12px;
}


/*  --secondary-contents--  */
div#secondary-contents {
	border: none;
	background: url(../img/bg_pattern07.gif);
}

div#access {
	margin: 0;
	padding: 10px;
	border: none;
	background: inherit;
}

div#access_inner {
	width: 180px;
	padding: 10px;
	background: #FFF;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
}

div#others h2 {
	background: url(../../shared2/img/ico_aroowDown2.gif) no-repeat center bottom;
}

div#others h2 span {
	background: #003366;
}