@charset "utf-8";
/*
Theme Name: 
Theme URI: 
Description: 
Author: COMLAB
Author URI: http://com-lab.jp
Version: 1.0
*/

@import "default.css";

@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  style.css
 editor :  comlab
=================================================================== */
html {
	color: #000;
}
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;
	vertical-align: bottom;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	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;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
	*font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
	display: none;
}
 
/* common
----------------------------------------------- */
* {
	margin: 0;
}

html, body {
	height: 100%;
}

 
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color:#666;
	letter-spacing: 1px;
}

a{
	padding: 4px;
	color: #f1902c;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

.ttl{
	color: #f1902c;
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	font-size: 20px;
	margin-bottom: 20px;
}


.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.center{ text-align:center;}
.last{ margin-right: 0 !important;}
.big{ font-size: 24px;}

.mgB0{ margin-bottom:0px;}
.mgB5{ margin-bottom:5px;}
.mgB10{ margin-bottom:10px;}
.mgB15{ margin-bottom:15px;}
.mgB20{ margin-bottom:20px;}
.mgB30{ margin-bottom:30px;}
.mgB40{ margin-bottom:40px;}
.mgB50{ margin-bottom:50px;}
.mgB80{ margin-bottom:80px;}
.mgB150{ margin-bottom:150px;}

.mgT0{ margin-top:0px;}
.mgT5{ margin-top:5px;}
.mgT10{ margin-top:10px;}
.mgT15{ margin-top:15px;}
.mgT20{ margin-top:20px;}
.mgT30{ margin-top:30px;}
.mgT40{ margin-top:40px;}
.mgT50{ margin-top:50px;}

.mgR0{ margin-right:0px;}
.mgR5{ margin-right:5px;}
.mgR10{ margin-right:10px;}
.mgR15{ margin-right:15px;}
.mgR20{ margin-right:20px;}
.mgR30{ margin-right:30px;}
.mgR40{ margin-right:40px;}
.mgR50{ margin-right:50px;}

.mgL0{ margin-left:0px;}
.mgL5{ margin-left:5px;}
.mgL10{ margin-left:10px;}
.mgL15{ margin-left:15px;}
.mgL20{ margin-left:20px;}
.mgL30{ margin-left:30px;}
.mgL40{ margin-left:40px;}
.mgL50{ margin-left:50px;}


/*-----------------------------------------------

 header 

----------------------------------------------- */

#header{
	background: #f5e5a9;
 	margin: 0 auto 30px auto;
}

#header .inr{
	width: 960px;
	margin: 0px auto;
	height: 165px;
	text-align: center;
	background: url(../img/header_bg.jpg) no-repeat 0px;
}

#header a{
	background: none !important;
	display: block;
}

#header a:hover{
	background:none !important;
	text-decoration: none;
}

#header h1{
	padding: 8px 0;
}
/*-----------------------------------------------

content main　g_nav

----------------------------------------------- */

.content{
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom:140px;
}

.content .box{
	width: 286px;
	float: left;
	margin-right: 51px;
}

.main{
	/*width: 900px;*/
	margin: 0 auto;
	clear: both;
}

.g_nav{
	margin: 0 auto;
	text-align: right;
}

.g_nav ul{
    overflow: hidden;
}

.g_nav ul li{
	margin: 0 20px 30px 0;
    overflow: hidden;
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
}

.g_nav a{
	color: #666;
	background:none !important;
	text-decoration: none;
}

.g_nav a:hover{
	background: #fff;
	text-decoration: underline;
	color: #C7C6C6;
}

/*-----------------------------------------------

TOP 

----------------------------------------------- */


#top .top_bnr{
	margin-bottom: 30px;
}

#top .orange{
	color: #f1902c;
}

#top .small{
	font-size: 10px !important;
}

#top .tell{
	width: 286px;
	height: 135px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	background: url(../img/top_cat_bg.png) no-repeat 0px;
}

#top .tel_txt{
	width: 266px;
	padding: 25px 10px;
}

#top .frameLine {
	border: solid 1px #CCC;
	padding: 20px;
}

#top .slider_txt{
	position: absolute;
	z-index: 100;
}

#top .bx-wrapper {
	width: 960px;
	z-index: 1;
	margin: 0 auto 30px auto !important;
	position: relative;
}

#top .bx-wrapper .bx-pager {
	text-align: center;
        margin-top: 5px;
}
#top .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
#top .bx-wrapper .bx-controls-direction a {
	position: absolute;
	z-index: 9999;
}

#top .box{
	height: 324px;
	position: relative;
}

#top .box .more {
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}

#top .box .more a{
	background: url(../img/top_detail_bg.jpg) repeat-x;
	color: #fff;
	display: block;
	padding: 6px 0;
	position: absolute;
	bottom: 0;
	width: 286px;
}

/*-----------------------------------------------

ABOUT 

----------------------------------------------- */

#about .big{
	line-height: 32px;
}

#about p{
	line-height: 20px;
}

#about .right{
	float: right;
	width: 831px;
}

#about .ttl{
	font-size: 28px;
}

#about .box{
	width: 395px;
	margin-right: 40px;
}

#about .about_txt{
	margin-right: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #f1902c;
}

/*-----------------------------------------------

SCHOOL

----------------------------------------------- */

#school .school_txt{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #f1902c;
}

#school .ttl{
	font-size: 22px;
}

#school .big{
	font-size: 16px;
}

#school .right{
	width: 831px;
}

#school .box{
	width: 250px;
	margin-right: 40px;
	height: auto !important;
}

#school .course_body{
	color: #ef7c2e;
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	font-size: 14px;
	height: 52px;
	line-height: 18px;
	margin-bottom: 18px;
	letter-spacing: -0.12px;
}

#school .course_top{
	color: #ef7c2e;
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	font-size: 14px;
	height: 52px;
	line-height: 18px;
	margin-bottom: 18px;
}

#school .course{
	height: 90px;
	margin-bottom: 30px;
}

#school dl,dt,dd {
	margin: 0;
	padding: 0;
}

#school dl {
	border-top: none;
	width: 250px;
}

#school dt {
	background: url(../img/school_cat_bg.jpg) repeat-x 0px;
	clear: left;
	color: #fff;
	float: left;
	font-weight: bold;
	padding: 6px 0;
	margin-right: 10px;
	width: 80px;
	text-align:center;
}

#school dd {
	background: #fff;
	line-height: 30px;
	margin-bottom: 10px;
}

/*-----------------------------------------------

CONTACT

----------------------------------------------- */

#contact .right{
	float: right;
	width: 831px;
}

#contact .company_name{
	color: #666;
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	font-size: 20px;
	margin-bottom: 20px;
}

#contact .box{
	width: 395px;
	margin-right: 40px;
	height: auto !important;
}

#contact input{
	width: 375px;
	padding: 10px;
	border: none !important;
	background: #fffcdc;
	margin-bottom: 10px;
}

#contact textarea{
	width: 375px;
	padding: 10px;
	border: none !important;
	background: #fffcdc;
	margin-bottom: 10px;
}

#contact .small{
	font-size: 10px;
}

#contact .bg_gray{
	clear: both;
}

#contact .mail_info{
	float: left;
	margin: 0 0 20px 10px;
}

#contact .tel{
	margin-bottom: 5px;
}

/*-----------------------------------------------

FOOTER

----------------------------------------------- */

#footer{
	width: 100%;
	height: 74px;
	position: absolute;
	bottom: 0;
	background: url(../img/footer_bg.jpg) repeat-x;
}

#footer .inr{
	width: 960px;
	margin: 0 auto 0 auto;
	color: #000;
	text-align: left;
	line-height:74px;
}