@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#274478;
    text-decoration: none;
}
a:visited{
	color:#274478;
    text-decoration: none;
}
a:hover{
	color:#8483A0;
    text-decoration: none;
}
a:active{
	color:#274478;
    text-decoration: none;
}

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	background: url(../img/headerbox-bg.gif) 0px 0px repeat-x;
}

#container{
	width:820px;
	margin:0 auto;
	position:relative;
	background: url(../img/contentsbox-bg.gif) 0px 0px repeat-y;
	padding: 0 20px;
	font-size: 92%;
}

img.bg_left{position: absolute; top: 0; left: 0;}
img.bg_right{position: absolute; top: 0; right: 0;}


img{vertical-align:bottom;}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */

#header-area{
	position:relative;
	margin-bottom: 20px;
}

.globalmenu{
    margin: 0;
}

.globalmenu li{
	float:left;
	line-height:1;
	text-align:center;
}

/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{

}

.section{
    margin: 0px 30px 20px 30px;
}

.out{
    _margin-right: -20px;
}

/* ------------------------------------------------------------ */
/* 理念・ここが違う */
/* ------------------------------------------------------------ */

div.school_outline {
  background:url(../img/policy-bg.gif) no-repeat right bottom;
	padding:15px;
}

.policy-area {
	float:left;
	width:395px;
	background:#fff;
	padding:10px;
}

.policy-area .copy{
	text-align:center;
	margin:30px 0;
}

.policy-area .sign{
	text-align: right;
}

.feature-area {
	float:right;
	width:300px;
}

.feature-area h3 {
	margin:10px 0 5px 0;
}

.feature-area dt{
	border-bottom:1px solid #B7BDC9;
	padding:8px 0 3px 0;
}

.feature-area dd{
	margin: 0 0 0 10px;
	padding-top:3px;
}

/* ページ内リンク（説明つき） */

.contents_box{
	float: left;
	width: 240px;
	margin: 0 15px 20px 0;
}
.contents_box .title {
	display:block;
	border-top:5px solid #2D4C84;
	border-bottom:1px solid #ccc;
	padding:5px 0;
	font-weight:bold;
	color:#223862;
}

.nbr1{background:url(../img/main_contents_img01.jpg) no-repeat right bottom;}
.nbr2{background:url(../img/main_contents_img02.jpg) no-repeat right bottom;}
.nbr3{
	background:url(../img/main_contents_img03.jpg) no-repeat right bottom;
	margin-right:0;
}

/* ------------------------------------------------------------ */
/* コース説明 */
/* ------------------------------------------------------------ */

img.subtitle {
	margin-bottom:20px;
}

.course dl {
	border-bottom:1px solid #ccc;
}

.course dl dt {
	float:left;
	clear:both;
	width:130px;
	background: url(../img/icon-dot02.gif) no-repeat left 9px;
	padding: 10px 0 0 20px;
	margin-bottom:10px;
	font-weight: bold;
	color: #535479;
	border-top:1px solid #ccc;
}
.course dl dt.first,
.course dl dd.first {
	border-top:0;
}

.course dl dd {
	width:600px;
	float:left;
	margin-bottom:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
}

table.curriculum{
	color: #444;
	border: 1px solid #BBB;
	border-collapse: collapse;
	border-spacing: 0;
}

table.curriculum th{
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-align: left;
}

table.curriculum th.title{
    background: #7A7A7A url(../img/tablebg01.gif) repeat-x left top;
}

table.curriculum th.price{
    background: #D05E69 url(../img/tablebg02.gif) repeat-x left top;
}

table.curriculum td{
    background: #FFF;
}

table.curriculum th,
table.curriculum td{
	padding:5px;
	border: 1px solid #BBB;
	vertical-align: middle;
	border-collapse: collapse;
    border-spacing: 0;
}

.course_seminar {
	border:1px solid #ccc;
	float:left;
	width:48%;
	min-height:200px;
	margin-right:10px;
}

.course_seminar p {
	padding:10px;
	margin:0;
}

.course_seminar p.title {
	background:url(../img/tablebg03.gif) repeat-x right top;
}

.course_seminar p.title span {
	font-weight:bold;
	color:#213863;
}

/* ------------------------------------------------------------ */
/* セミナー案内 */
/* ------------------------------------------------------------ */

dl.seminar{
	background:#f6f6f6 url(../img/seminar_img01.jpg) no-repeat 528px center;
	margin-bottom:20px;
	padding:10px;
	width: 674px;
	border:none solid solid solid;
	border-width:1px;
	border-style:solid;
	border-color:#42609D;
}

dl.seminar dt{
	background: url(../img/icon-dot02.gif) no-repeat left center;
	padding: 0 0 0 18px;
	margin: 0 0 5px 8px;
	font-weight: bold;
	color: #535479;
}

dl.seminar dd{
	margin: 0 0 10px 25px;
}

dl.second{
    background:#f6f6f6 url(../img/seminar_img02.jpg) no-repeat 528px center;
}

img.spa{margin: 10px 0 0 0px;}


/* ------------------------------------------------------------ */
/* 卒業生の声 */
/* ------------------------------------------------------------ */


.gradsection{
    margin: 0px 30px 20px 30px;
}


p.s-title{
	background: url(../img/icon-dot02.gif) no-repeat left center;
	padding: 0 0 0 18px;
	margin: 15px 0 0px 8px;
	font-weight: bold;
	color: #535479;
}

.grad_box{
	border: 0px solid #390;
	margin: 22px 0 10px 0px;
	
}

.grad_box dl{
	margin: 0 0 0 0px;
	padding: 5px;
	min-height: 170px;
	_height: 170px;
	border: 0px solid #666;
}

.grad_box dt{
	font-weight: bold;
	font-size: 110%;
	color: #273745;
	padding: 10px 0 0 65px;
}

.grad_box dd{
	padding: 20px 12px 10px 12px;
}

.grad_box dl.atype{ background: url(../img/graduate_bg_a.gif) no-repeat top left; width: 480px;}
.grad_box dl.btype{ background: url(../img/graduate_bg_b.gif) no-repeat top left; width: 430px;}
.grad_box dl.ctype{ background: url(../img/graduate_bg_c.gif) no-repeat top left; width: 550px;}
.grad_box dl.dtype{ background: url(../img/graduate_bg_d.gif) no-repeat top left; width: 515px;}


.grad_box dl.right{margin: 0 0px 0 0px;}
img.g_b{margin: 20px 0 0 0px;}


.grad_box a:link{color:#0099CC; text-decoration: underline;}
.grad_box a:visited{color:#0099CC; text-decoration: underline;}
.grad_box a:hover{color:#CCC; text-decoration: underline;}
.grad_box a:active{color:#CCC; text-decoration: underline;}

/* ------------------------------------------------------------ */
/* アクセス */
/* ------------------------------------------------------------ */

p.access{
	margin:0 30px 15px 30px;
	background: url(../img/ac_bg.jpg) no-repeat left bottom;
	padding: 9px 0 7px 35px;
	font-size:122%;
	color:#333;
	font-weight: bold;
}

.adress{
	border: 0px solid #390;
	float: left;
}

p.store{
	font-weight: bold;
	font-size: 107%;
	margin: 10px 0 10px 0px;
}

img.mapimg{
	float: left; border:
	1px solid #223963;
	margin: 10px 0 0 30px;

}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

.backtop {
	clear: both;
	text-align:right;
	padding: 5px 0 40px 0;
	margin: 0 10px;
	}
.backtop a {
	font-size: 92%;
	padding-right: 16px;
	background: url(../img/icon-top.gif) right center no-repeat;
	}

#footerbox {
	width: 820px;
	height: 80px;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 5px solid #274478;
	}
#footer {
	width: 800px;
	height: 80px;
	margin: 0 10px;
	}
#qrcode {
	float: right;
	}
#credit {
	height: 80px;
	background: url(../img/foot-logo.gif) 0px 0px no-repeat;
	}
#credit p.name {
	width: 175px;
	height: 16px;
	margin: 0 0 3px 50px;
	background: url(../img/credit.gif) 0px 0px no-repeat;
	text-indent: -3000px;
	}
#credit p.shop {
	font-size: 82%;
	line-height: 150%;
	margin-left: 50px;
	}
.footlink {
	padding-top: 10px;
	font-size: 82%;
	}


/* ------------------------------------------------------------ */
/* 見出し */
/* ------------------------------------------------------------ */

h2{
	margin:0 30px 18px 30px;
	background: url(../img/h2-bg.jpg) no-repeat left bottom;
	padding: 9px 0 7px 35px;
	font-size:124%;
	color: #770B0E;
}

/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */

span.bold{font-weight: bold;}

p.tax{
    font-size: 85%;
	color: #666;
	margin: 7px 0 0 0;
}

span.red{
	color: #CC0000;
	font-size: 85%;
}

.left{
	float: left;
}

.right{
	float: right;
}