﻿/* RESET */
html{color:#333333;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif, Osaka;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;width:100%;
}



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


body {
	width:100%;
}
/* Layout */
#container {

}

#wrapper {
    text-align:left;
}

/* HEADER */
#header {
    margin: 0 0 10px 0;
    background:url(../img/academy/BG_header.gif) repeat-x top;
	height:105px;
	clear:both;
}
#header_inner {
    position: relative;
    width:900px;
	height:105px;
    margin:0 auto;
	padding:0;
}
#header_inner div.mori_logo {
    position: absolute;
    top: 0;
    right: 0;
}
#header_inner ul {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 35px;
}
#header_inner ul.g_menu li {
    line-height: 35px;
    float: left;
}
#header_inner ul.g_menu li a {
    display: block;
    line-height: 35px;
    padding: 0 10px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}
#header_inner ul.g_menu li a:hover {
    background-color: #FEBE29;
}

/* FOOTER */
#footer {
    border-top:solid 2px #010065;
	clear:both;
}
	
.footer_inner {
    width:900px;
    margin:0 auto;
	padding:4px 0 0 0;
}

.attention {
    float:left;
}
.copyright {
    float:right;
}


/* contents */
#contents {
    margin: 0 auto;
    width: 900px;
}
#contents_inner {

}

#main_visual {
    margin: 0 0 30px 0;
}

#academy_news {
    width:500px;
	margin:auto;
}

/* アカデミーお知らせ関係 */

#academy_main {
    width:900px;
}

#academy_main_left {
    margin: 0 0 30px 0;
    float:left;
	width:600px;
}

.academy_news_inner {
    padding:auto 25px;
}
.academy_news_inner h2 {
    padding:10px 0;
}
.academy_news_inner h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding:0 0 0 8px;
	border-bottom:solid 2px #010065;
	line-height: 1.6;
	color:#010065;
}

.academy_news_inner dt {
    font-weight:bold;
    margin:5px 0;
}

/* アカデミー右メニュー */

#academy_main_right {
    float:right;
	margin:0 50px 0 0;
}

#academy_main_right li {
    padding: 0 0 10px 0;
}
/* 募集バナー */
#recruitment_banner {
    text-align:center;
    margin: 0 0 40px 0;    
}

/* アカデミー募集要項 */

#request {
    float:left;
	width:600px;
    padding:0 30px 0 0;
}


#request h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding:0 0 0 10px;
	border-bottom:solid 2px #010065;
	line-height: 1.6;
	color:#010065;
}

#request p.request_attention {
    color:#C40000;
	line-height: 1.6;
    font-size:80%
}

#request p.request_lead {
    padding:0 0 10px 0;
}

#request dt {
    background:url(../img/academy/ICON_request_arrow.gif) no-repeat scroll left center transparent;
    padding:0 0 0 10px;
	margin:0 0 5px 0;
    font-size: 15px;
    font-weight: bold;

}

#request dd {
margin:0 0 20px;
padding:0 20px;
}

#academy_menu_right {
    float:right;
	margin:0 50px 0 0;
}

/* 講師紹介 */

#teacher {
    float:left;
	width:600px;
    padding:0 30px 0 0;
}

#teacher h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding:0 0 0 10px;
	border-bottom:solid 2px #010065;
	line-height: 1.6;
	color:#010065;
} 

#teacher h3 {
    border-left:3px solid #2B1478;
    line-height:1.6;
    margin:0 0 5px;
    padding:0 0 0 5px;
	font-weight:bold;
    position:relative;
	font-size:14px;
}

#teacher h3 span {
    font-size:12px;
    font-weight:normal;
    position:absolute;
    right:2px;
	top:2px;
}

#teacher_about {
    width:490px;
	border:#D5D5D5 solid 1px;
    padding:10px;
	margin: 0 auto 20px auto;
	clear:both;	
}

.teacher_left {
    float:left;
    width:300px;
}

.teacher_word {
	padding:20px 0;
    border-bottom:#C0C0C0 1px dashed;
}

.teacher_right {
    float:right;
	width:180px;
	padding:20px 0 0 0;
}

.teacher_photo {
    text-align:center;
}

#teacher .prof_name {
    color:#000080;
	padding:10px 0 5px 0;
}

.teacher_profile {
    padding:10px 0;
}

/* アカデミーの特色 */

#feature {
    float:left;
	width:600px;
    padding:0 30px 0 0;
}


#feature h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding:0 0 0 10px;
	border-bottom:solid 2px #010065;
	line-height: 1.6;
	color:#010065;
}

#feature dl {
    margin: 0 0 20px 0;
}
#feature dt {
    background: url(../img/academy/ICON_request_arrow.gif) no-repeat left center;
    padding:0 0 0 15px;
	margin:0 0 5px 0;
    font-size: 15px;
    font-weight: bold;
}

#feature dd {
margin:2px 0;
padding:0 20px;
}

#feature .academy_flow {
    margin:6px auto;
}

#academy_menu_right {
    float:right;
	margin:0 50px 0 0;
}
#feature dd.academy_day {
    margin:0 0 8px 0;
}

/* 資料請求・お問い合わせ */

#contact {
    float:left;
	width:600px;
    padding:0 30px 0 0;
}

#contact p.attention {
    color:#C40000;
    padding:15px 50px;
}

#contact h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding:0 0 0 10px;
	border-bottom:solid 2px #010065;
	line-height: 1.6;
	color:#010065;
}

#contact_about {
    width:500px;
	border:#D5D5D5 solid 1px;
    padding:10px;
	margin: 0 auto 20px auto;
	clear:both;
}

#contact_about dt {
    background:url(../img/academy/ICON_request_arrow.gif) no-repeat scroll left center transparent;
    padding:0 0 0 10px;
	margin:0 0 15px 0;
    font-size: 15px;
    font-weight: bold;
}

#contact_about dd.dial {
    font-size: 16px;
    font-weight: bold;
	padding:15px auto;
	text-align:center;
}

#contact_about dd.attention_time {
    text-align:right;
}

#contact_about dd.academy_place {
    font-size: 16px;
    font-weight: bold;
	padding:15px auto;
}

#page_top {
    text-align:right;
	padding:10px 0 30px 0;
	width:520px;
	margin:auto;
}

/* レッスン概要 */

#lesson {
    float:left;
	width:600px;
    padding:0 30px 0 0;
}

#lesson_inner {
	width:500px;
}

#lesson h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding:0 0 0 10px;
	border-bottom:solid 2px #010065;
	line-height: 1.6;
	color:#010065;
}

#lesson_about {
    width:500px;
	border:#D5D5D5 solid 1px;
    padding:10px;
    margin: 0 auto;
}

#lesson_about h3 {
    border-left:3px solid #2B1478;
    line-height:1.6;
    margin:0 0 5px;
    padding:0 0 0 5px;
}

.lesson_photo {
    padding:0 0 0 8px;
}

.lesson_content {
	padding:10px 15px;
}

/* よくある質問 */

#faq {
    float:left;
	width:600px;
    padding:0 30px 0 0;
}

#faq h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding:0 0 0 10px;
	border-bottom:solid 2px #010065;
	line-height: 1.6;
	color:#010065;
}

#faq h3 {
    font-size:14px;
	font-weight:bold;
	padding:10px 0;
}

#faq_q {
    padding:0 0 30px 0;

}

ul.q li {
    background:url(../img/academy/ICON_faq_q.gif) no-repeat scroll left center transparent;
    padding:0 0 0 20px;
	margin:0 0 15px 0;
}

.faq_qa {
    background:url(../img/academy/ICON_faq_q.gif) no-repeat 5px 5px;
    padding:5px 0 5px 25px;
	margin:auto;
	border-bottom:#D5D5D5 dashed 1px;
	font-size:12px;
}

.faq_aa {
    background:url(../img/academy/ICON_faq_a.gif) no-repeat 5px 5px;
    padding:5px 0 5px 25px;
	margin:auto;
}


#faq_page_top {
    text-align:right;
	padding:10px 0 30px 0;
}

/* FORM */
/* お問い合わせフォーム */

#form {
    float:left;
	width:600px;
    padding:0 30px 0 0;
}

#form h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding:0 0 0 10px;
	border-bottom:solid 2px #010065;
	line-height: 1.6;
	color:#010065;
}

#contact_table {
    border:1px solid #666666;
    margin:0 0 10px;
    width:100%;
}

#contact_table th {
    border-bottom:1px solid #555555;
    padding:4px 7px;
    vertical-align:top;
    width:25%;
}

#contact_table td {
    border-bottom:1px solid #555555;
    padding:4px 7px;
    width:75%;
}

#contact_table td input.text {
    width:80%;
}