@charset "utf-8";

/* CSS Information =====================
	File name: contents.css;
	Description: Layout of kyoshitsu category;
	Editors: Go Shimura(INO);
	Last Editor: Go Shimura(INO);
	Date: 2009.11.16;
======================================*/

/* =BODY#KYOSHITSU (COMMON)
----------------------------------*/

/* --primary-contents-- */
div#primary-contents div.columnBox_A {
	width: 275px;
	margin-top: 15px;
	margin-right: 15px;
	padding: 10px 10px;
	float: left;
	border: #b6b2b0 1px solid;
	zoom: 1;
}

div#primary-contents div.columnBox_A.hover {
	cursor: pointer;
	border: #EB6100 solid 1px;
}

div#primary-contents p {
	margin-top: 0;
}


div#primary-contents p.list_className {
	padding: 3px 3px 3px 23px;
	background: url(../../shared/img/ico_kyoshitsu.gif) no-repeat left center;
	font-weight: bold;
}

div#primary-contents p.list_className a {
	color: #404040;
	text-decoration: none;
}

div#primary-contents p.list_className a:hover {
	text-decoration: underline;
	color: #DB3132;
}

div#primary-contents p.list_classPhoto {
	width: 102px;
	float: left;
}

div#primary-contents p.list_classPhoto img {
	border: #b6b2b0 1px solid;
}

div#primary-contents li.list_classIcons {
	margin-top: 20px;
}

div#primary-contents li.list_classIcons2 {
	margin-top: 2px;
}

div#primary-contents li.list_classIcons ul,
div#primary-contents li.list_classIcons2 ul{
	margin-top: 25px;
}

div#primary-contents li.list_classIcons img,
div#primary-contents li.list_classIcons2 img{
	margin-right: 4px;
}

div#primary-contents div.column {
	margin-right: -25px;
	zoom: 1;
}

* html div#primary-contents div.column {
	margin-right: -50px;
}

div#primary-contents div.columnBox_A ul {
	width: 163px;
	float: right;
}

div#primary-contents div#icons_area {
	clear: both;
	border: 1px solid #19aba3;
	margin-top: 30px;
}

div#primary-contents div#icons_area ul {
	margin-top: 19px;
	margin-bottom: 19px;
	zoom: 1;
}

div#primary-contents div#icons_area ul li {
	padding-left: 25px;
	float: left;
	width: auto;
	white-space: nowrap;
}

div#primary-contents div#icons_area ul li img {
	vertical-align: middle;
	margin-right: 4px;
	float: left;
}

div#primary-contents div#icons_area ul li span {
	width: 75px;
	margin-top: 12px;
	float: left;
	display: block;
}

div#primary-contents div#icons_area ul li span.double {
	margin-top: 4px;
}

/* --secondary-contents-- */
body#kyoshitsu div#secondary-contents h2 {
	border: none;
}

body#kyoshitsu div#secondary-contents a {
	text-decoration: underline;
}

body#kyoshitsu div#assist_nav dl dt {
	margin-top: 10px; 
	padding: 4px 0;
	background-color: #FFFFFF;
	border-top: #b6b2b0 1px solid;
	border-bottom: #b6b2b0 1px solid;
	font-weight: bold;
	font-size: 108.4%;
}

body#kyoshitsu div#assist_nav dl dt.first {
	margin-top: 0;
}

body#kyoshitsu div#assist_nav dl dt a {
	border-left: #e6000e 5px solid;
	padding: 0px 4px;
	display: block;
	margin: 0 10px;
}

body#kyoshitsu div#assist_nav dl dd ul li {
	background: #f0ede4 url(../../shared/img/line_hDotted.gif) repeat-x left bottom;
	zoom: 1;
}

body#kyoshitsu div#assist_nav dl dd ul li a {
	border-right: #f0ede4 10px solid;
	border-left: #f0ede4 10px solid;
	background: url(../../shared/img/ico_rightArrow.gif) no-repeat left center;
	padding: 4px 9px;
	display: block;
	font-weight: normal;
	zoom: 1;
}

body#kyoshitsu div#assist_nav dl dd ul li a:hover {
	color: #DB3132;
}

/* =BODY.INDEX
----------------------------------*/
body#kyoshitsu.index p.toPagetop {
	margin-top: 10px;
}

/* =BODY.DETAIL
----------------------------------*/

/* --primary-contents-- */
div#primary-contents em {
	background-color: #d7f1ef;
}

div#primary-contents div.section_lv2 {
	position: relative;
	zoom: 1;
}

div#primary-contents div.section_lv2 p#lead_call {
	position: absolute;
	width: auto;
	top: 60px;
	left: 30px;
	font-size: 100%;
	zoom: 1;
	line-height: 1.3;
}

div#primary-contents div.section_lv2 p#lead_call span {
	font-size: 150%;
	font-weight: bold;
	background: #D7F1EF;
	margin-bottom: 1px;
	zoom: 1;
	margin-right: 8px;
}

div#primary-contents div.section_lv2 p#lead_icons {
	position: absolute;
	width: auto;
	top: 9px;
	right: 0px;
}

div#primary-contents div.section_lv2 p#lead_icons img {
	margin-left: 4px;
}

div#primary-contents div.section_lv2 p#lead_access {
	position: absolute;
	width: auto;
	top: 47px;
	right: 0px;
	zoom: 1;
}

div#primary-contents div.section_lv2 p#lead_access a {
	padding-left: 7px;
	background: url(../../shared/img/ico_rightArrow.gif) no-repeat left center;
	display: block;
	color: #DB3132;
	text-decoration: none;
}

div#primary-contents div.section_lv2 p#lead_access a:hover {
	text-decoration: underline;
}

div#introduction {
	margin-top: 4.4em;
	padding-top: 30px;
	background: url(../../shared/img/line_hDotted.gif) repeat-x left top;
}

div#introduction div#maintxt {
	width: 360px;
	float: left;
}

div#introduction div#maintxt p {
	font-weight: bold;
	font-size: 116.7%;
}

div#introduction div#maintxt div#information {
	padding-bottom: 22px;
	border-top: #b6b2b0 2px solid;
	border-bottom: #b6b2b0 2px solid;
	margin-top: 15px;
}

div#introduction div#maintxt div#information ul {
	background: url(../../shared/img/line_hDotted.gif) repeat-x left top;
	zoom: 1;
}

div#introduction div#maintxt div#information ul li {
	background: url(../../shared/img/line_hDotted.gif) repeat-x left bottom;
	zoom: 1;
}

div#introduction div#maintxt div#information ul li a {
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
}

div#introduction div#maintxt div#information ul li.pdf a {
	margin: 0 8px;
	padding: 4px 22px;
	background:url(../../shared/img/ico_pdf.gif) no-repeat left center;
}

div#introduction div#maintxt div#information p {
	padding-top: 2px;
	padding-bottom: 2px;
}

div#introduction div#maintxt div#information strong {
	padding-left: 12px;
	border-left: #94c412 5px solid;

}

div#introduction p#mainvisual {
	width: 233px;
	float: right;
}

div#introduction p#mainvisual img {
	border: #b6b2b0 1px solid;
}

div.section_wrapper {
	padding-top: 30px;
	clear: both;
}

div.section_inner {
	padding-top: 15px;
	padding-bottom: 15px;
	border-right: #b6b2b0 1px solid;
	border-bottom: #b6b2b0 1px solid;
	border-left: #b6b2b0 1px solid;
}

div.section_lv3 {
	width: 294px;
	float: left;
}

div.section_lv3.first {
	margin-right: 21px;
}

div.section_lv3.last div.section_inner {
	padding-bottom: 39px;
}

div#primary-contents div.section_inner p.more {
	text-align: right;
	margin: 10px 12px 0 0;
}

div.section_inner p,
div.section_inner ul li {
	text-align: center; 
}

div#points {
	clear: both;
}

div#points div.point {
	margin-top: 30px;
	clear: both;
}

div#points p.point_number {
	width: 76px;
	float: left;
}

div#points div.point_box {
	width: 522px;
	float: right;
}

div#points div.point_box p.point01 {
	color: #eb6d00;
}

div#points div.point_box p.point02 {
	color: #94c412;
}

div#points div.point_box p strong {
	display: block;
	padding-bottom: 6px;
	margin-bottom: 6px;
	background: url(../../shared/img/line_hDotted.gif) repeat-x left bottom;
}

div#kyoshitsu_photos {
	clear: both;
	margin-top: 30px;
}

div#kyoshitsu_photos ul {
	margin-top: -15px;
	margin-right: -15px;
	zoom: 1;
}

* html div#kyoshitsu_photos ul {
	margin-right: -30px;
}

div#kyoshitsu_photos ul li {
	float: left;
	width: 193px;
	margin-top: 15px;
	margin-right: 15px;
	display: block;
	zoom: 1;
}

div#kyoshitsu_photos ul li img {
	border: #b6b2b0 1px solid;
}

div#messages {
	clear: both;
	padding-top: 1px;
	zoom: 1;
}

div#messages div.message_entry {
	clear: both;
	margin-top: 32px;
	margin-bottom: 20px;
	padding: 25px 12px 12px;
	border: #b6b2b0 2px dotted;
	position: relative;
	zoom: 1;
}

div#messages div.message_entry h3 {
	position: absolute;
	top: -22px;
	left: 12px;
}

div#messages p.photo {
	width: 123px;
	float: left;
}

div#messages div.message_txt {
	width: 444px;
	float: right;
}

div#messages div.message_entry.no-image div.message_txt {
	width: auto;
	float: none;
}

div#messages div.message_txt p.name {
	font-weight: bold;	
}

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

div#access {
	padding-bottom: 14px;
	border: #b6b2b0 1px solid;
	clear: both;
}

div#access h3 {
	padding: 9px 0;
	background-color: #898989;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	border-bottom: #b6b2b0 1px solid;
	font-size: 116.7%;
}

div#access div.access_map {
	padding-top: 14px;
	padding-left: 14px;
	width: 254px;
	float: left;
	text-align: center;
}

div#access div.access_map img {
	border: #b6b2b0 1px solid;
}

div#access div.access_map p.mappdf {
	margin-top: 7px; 
}

div#access div.access_map p.mappdf img {
	border: none;
}

div#access div.access_txt {
	width: 309px;
	padding-top: 14px;
	padding-right: 14px;
	float: right;
}

div#access div.access_txt p.address img {
	width: 18px;
	margin-right: 2px;
	float: left;
}

div#access div.access_txt p.address span {
	width: auto;
	display: block;
	float: left;
}

div#access div.access_txt p.guide {
	margin-top: 8px;
	padding-top: 12px;
	clear: both;
	background:url(../../shared/img/line_hDotted.gif) repeat-x left top;
}

div#access div.access_txt p.guide img {
	padding-bottom: 4px;
}

/* Layout Type2 */

body#kyoshitsu div.layoutType2 div.section_inner p,
body#kyoshitsu div.layoutType2 div.section_inner ul li {
	text-align: center;
}

body#kyoshitsu div.layoutType2 div.section_lv3 {
	width: 609px;
	margin-bottom: 10px;
	position: relative;
	zoom: 1;
}

body#kyoshitsu div#primary-contents div.layoutType2 div.section_inner p.btn {
	margin-top: 15px;
	clear: both;
	text-align: center;
}

body#kyoshitsu div#primary-contents div.layoutType2 div.section_inner p.more {
	text-align: right;
}

body#kyoshitsu div#primary-contents div.layoutType2 div#shiryou p.adj {
	text-align: left;
	padding-left: 14px;
	zoom: 1;
}


body#kyoshitsu div#primary-contents div.layoutType2 div#shiryou p.adj2 {
	width: 184px;
	text-align: right;
	position: absolute;
	top:30px;
	right: 15px;
	zoom: 1;
	z-index: 10;
}

/* Layout Type3 */

body#kyoshitsu div.layoutType3 div.section_inner {
}

body#kyoshitsu div.layoutType3 div.section_lv3 {
	width: 609px;
	margin-bottom: 10px;
	position: relative;
	zoom: 1;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner {
	width: 580px;
	padding: 20px 14px 32px 13px;
	border-right: 1px solid #b6b2b0;
	border-bottom: 1px solid #b6b2b0;
	border-left: 1px solid #b6b2b0;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner p,
body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner ul li {
	text-align: left;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner p.system {
	margin-bottom: 7px;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner div.meritArea h4 {
	margin: 25px 0 14px 0;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner div.meritArea table {
	margin: 0 12px 25px;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner div.meritArea table th {
	padding: 4px 8px 4px 0;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner div.courseArea h4 {
	margin: 0 0 14px 0;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner div.courseArea p.coursettl {
	margin: 0 12px;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner div.courseArea dl {
	margin: 10px 12px 20px;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner div.courseArea dl dt {
	width: 55px;
	float: left;
}

body#kyoshitsu div.layoutType3 div.section_lv3 div.section_inner div.courseArea dl dd {
	margin-left: 63px;
}