@charset "UTF-8";

/*============================================================
//
//  INDEX-------------------------
//  *初期設定
//  *共通設定
//  *ヘッダー
//  *フッター
//  *コンテンツ
//  *メニュー
//  *フラッシュ
//
//==========================================================*/

/*============================================================
//  初期設定
//==========================================================*/
* {
	margin: 0;
	padding : 0;
}

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

p {
	color:#663333;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:12px;
	line-height: 180%;
	margin:3px 0 3px 0;
}

li {
	line-height:100%;
}

ul{
	list-style:none;
}

img,
a img {
	border : 0;
	text-decoration: none;
}

.test{
	border:1px solid #000000;
}

a {
	color:#3399CC;
	text-decoration: none;
}

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

.left{
	float:left;
}

.right{
	float:right;
}

.clear {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}


/*============================================================
//  共通設定
//==========================================================*/

#page {
	margin:0 auto;
	width:970px;
	background : url(../imgcommon/body_bg.gif) repeat-y ;
	text-align: left;
}

#page-foot {
	margin:0 auto;
	width:970px;
	text-align: left;
	padding-bottom:3px;
}

body {
	background:#FFFAEB;
	font-family:"Verdana","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック";
	font-size:12px;
	text-align:center;
}

/*--▼ページトップへ--*/
.to_top {
	width:715px;
}

.to_top p{
	text-align:right;
}

.to_top a{
	font-size:10px;
}

.to_top2 {
	width:530px;
}

.to_top2 p{
	text-align:right;
}

.to_top2 a{
	font-size:10px;
}
/*--▲ページトップへ--*/


/*============================================================
//  ヘッダー
//==========================================================*/

#header{
	width:950px;
	margin:0 auto;
	height:64px;
	background:url(../imgcommon/header.jpg) no-repeat;
}

.box-logo{
	width:410px;
	float:left;
}

#header .box-logo h1{
	width:360px;
	height:50px;
	text-indent:-9999px;
}

#header .box-logo h1 a{
	width:360px;
	height:50px;
	display:block;
}

#header .box-right h2{
	height:18px;
	width:500px;
	font-size:10px;
	color: #FFFFFF;
	float:right;
	padding:10px 10px 0 0;
	text-align: right;
}

/*============================================================
//  フッター
//==========================================================*/

#footer{
	margin:0 auto;
	width:930px;
	height:28px;
	padding:10px;
	background : url(../imgcommon/footer.jpg) no-repeat ;
}

#footer ul {
	width:530px;
	padding:6px 0 0 5px;
	float:left;
}

#footer li{
	font-size:10px;
	line-height:140%;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #EFEFEF;
	float:left;
}

#footer li.left{
	font-size:10px;
	line-height:140%;
	border-left:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
	padding-left:8px;
	padding-right:10px;
	margin-right:10px;
	float:left;
}

#footer li a{
	color:#fff;
	text-decoration: none;
}

#footer li a:hover{
	color:#FF6600;
	text-decoration: underline;
}

#footer .copy {
	width:350px;
	font-size:10px;
	color:#fff;
	text-align: right;
	padding-top:6px;
	float:right;
}

.text-link {
	background-color:#FFECD9;
	padding:5px 0 5px 0;
	margin:0 10px 10px 10px;
}

.text-link p{
	font-size:10px;
	text-align:center;
}

/*======フッターバナー======*/

#footer-banner{
	width:950px;
	margin:10px auto;
}

#footer-banner ul{
	width:950px;
	list-style:none;
}

#footer-banner li{
	width:102px;
	margin-right:3px;
	float:left;
}

#footer-banner li.title{
	width:82px;
	height:46px;
	background:url(../imgcommon/footer_bnr_title.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}

/*============================================================
//  コンテンツ
//==========================================================*/

#main{
	width:940px;
	background :url(../imgcommon/main_bg.gif) repeat-y;
	margin-left:20px;
	margin-bottom:10px;
}

#menu-left{
	width:210px;
	float:left;
	text-align:center;
	padding:5px 0 5px 0;
	background:#FFECD9;
}

#menu p.line{
	width:190px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}

/*1カラム*/

#body{
	width:730px;
	float:right;
	text-align:center;
}

/*--ブログ背景--*/
#body2{
	width:730px;
	float:right;
	text-align:center;
	background:url(../imgcommon/menu-right-bg.gif) repeat-y;
}

/*2カラム*/

#sub-body{
	width:540px;
	float:left;
}

#sub-menu{
	width:180px;
	float:right;
	padding-right:10px;
	text-align:left;
}


/*============================================================
//  左メニュー
//==========================================================*/

/*====== ナビゲーション ======*/

.navi{
	width:210px;
	list-style:none;
	margin:3px 0 5px;
}

.navi li a{
	width:210px;
	height:31px;
	display: block;
	text-indent:-9999px;
	text-decoration: none;
}
.navi li.corpo a{
	width:210px;
	height:35px;
	display: block;
	text-indent:-9999px;
	text-decoration: none;
}
.navi li.to-top a{background: url(/imgcommon/navi.jpg) no-repeat; background-position:0px -0px;}
.navi li.concept a{background: url(/imgcommon/navi.jpg) no-repeat; background-position:0px -31px;}
.navi li.course-menu a{background: url(/imgcommon/navi.jpg) no-repeat; background-position:0px -62px;}
.navi li.our-staff a{background: url(/imgcommon/navi.jpg) no-repeat; background-position:0px -93px;}
.navi li.press a{background: url(/imgcommon/navi.jpg) no-repeat; background-position:0px -124px;}
.navi li.news a{background: url(/imgcommon/navi.jpg) no-repeat; background-position:0px -155px;}
.navi li.access a{background: url(/imgcommon/navi.jpg) no-repeat; background-position:0px -186px;}
.navi li.corpo a{background: url(/imgcommon/navi.jpg) no-repeat; background-position:0px -217px;}

.navi li.to-top a:hover{background: url(/imgcommon/navi.jpg) no-repeat; background-position:-210px -0px;}
.navi li.concept a:hover{background: url(/imgcommon/navi.jpg) no-repeat; background-position:-210px -31px;}
.navi li.course-menu a:hover{background: url(/imgcommon/navi.jpg) no-repeat; background-position:-210px -62px;}
.navi li.our-staff a:hover{background: url(/imgcommon/navi.jpg) no-repeat; background-position:-210px -93px;}
.navi li.press a:hover{background: url(/imgcommon/navi.jpg) no-repeat; background-position:-210px -124px;}
.navi li.news a:hover{background: url(/imgcommon/navi.jpg) no-repeat; background-position:-210px -155px;}
.navi li.access a:hover{background: url(/imgcommon/navi.jpg) no-repeat; background-position:-210px -186px;}
.navi li.corpo a:hover{background: url(/imgcommon/navi.jpg) no-repeat; background-position:-210px -217px;}


/*====== ナビ（ページに各々ページに入った時アクティブ状態） ======*/

/*-----------TOPへ-----------*/
.top .navi li.to-top,
.top .navi li.to-top a,
.top .navi li.to-top a:hover{
	width:210px;
	height:31px;
	background:url(/imgcommon/navi.jpg) no-repeat ;
	background-position:-210px 0px;
	text-indent:-9999px;
}

/*-----------concept-----------*/
.concept .navi li.concept,
.concept .navi li.concept a,
.concept .navi li.concept a:hover{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -31px;
	text-indent:-9999px;
}

/*-----------menu-----------*/
.course-menu .navi li.course-menu,
.course-menu .navi li.course-menu a,
.course-menu .navi li.course-menu a:hover
{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -62px;
	text-indent:-9999px;
}

/*-----------staff-----------*/
.our-staff .navi li.our-staff,
.our-staff .navi li.our-staff a,
.our-staff .navi li.our-staff a:hover{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -93px;
	text-indent:-9999px;
}

/*-----------press-----------*/
.press .navi li.press,
.press .navi li.press a,
.press .navi li.press a:hover
{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -124px;
	text-indent:-9999px;
}


/*-----------news-----------*/
.news .navi li.news,
.news .navi li.news a,
.news .navi li.news a:hover{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -155px;
	text-indent:-9999px;
}

/*-----------access-----------*/
.access .navi li.access,
.access .navi li.access a,
.access .navi li.access a:hover
{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -186px;
	text-indent:-9999px;
}


/*============================================================
//  コースナビゲーション
//==========================================================*/

#navi-course {
	width: 950px;
	height:40px;
	margin:auto;
	margin-bottom:20px;
	background: url(../imgcommon/navi_course.jpg) no-repeat;

}
#navi-course ul{
	list-style:none;

}
#navi-course ul li {
	text-indent:-9999px;
	float:left;

}
#navi-course ul li.kogao a{
	width: 136px;
	height:40px;
	display: block;

}
#navi-course ul li.kogao a:hover{
	width: 136px;
	height:40px;
	display: block;
	background: url(../imgcommon/navi_course.jpg) no-repeat;
	background-position:-136px -40px;
}
#navi-course ul li.kotsuban a{
	width: 136px;
	height:40px;
	display: block;
}
#navi-course ul li.kotsuban a:hover{
	width: 136px;
	height:40px;
	display: block;
	background: url(../imgcommon/navi_course.jpg) no-repeat;
	background-position:-0px -40px;
}
#navi-course ul li.ox a{
	width: 136px;
	height:40px;
	display: block;

}
#navi-course ul li.ox a:hover{
	width: 136px;
	height:40px;
	display: block;
	background: url(../imgcommon/navi_course.jpg) no-repeat;
	background-position:-272px -40px;
}
#navi-course ul li.oil a{
	width: 135px;
	height:40px;
	display: block;

}
#navi-course ul li.oil a:hover{
	width: 135px;
	height:40px;
	display: block;
	background: url(../imgcommon/navi_course.jpg) no-repeat;
	background-position:-408px -40px;
}
#navi-course ul li.relax a{
	width: 135px;
	height:40px;
	display: block;

}
#navi-course ul li.relax a:hover{
	width: 135px;
	height:40px;
	display: block;
	background: url(../imgcommon/navi_course.jpg) no-repeat;
	background-position:-543px -40px;
}
#navi-course ul li.bridal a{
	width: 135px;
	height:40px;
	display: block;

}
#navi-course ul li.bridal a:hover{
	width: 135px;
	height:40px;
	display: block;
	background: url(../imgcommon/navi_course.jpg) no-repeat;
	background-position:-678px -40px;
}
#navi-course ul li.voice a{
	width: 137px;
	height:40px;
	display: block;

}
#navi-course ul li.voice a:hover{
	width: 137px;
	height:40px;
	display: block;
	background: url(../imgcommon/navi_course.jpg) no-repeat;
	background-position:-813px -40px;
}



/*====== スタッフ紹介 ======*/

#menu-left .staff {
	width:210px;
	margin-bottom:30px;
}

#menu-left .staff .title {
	width:210px;
	height:23px;
	background:url(../imgcommon/menu_title_staff.jpg) no-repeat ;
	text-indent:-9999px;
	margin-bottom:10px;
}

#menu-left .staff p.notice {
	font-size:10px;
	margin:0 0 10px 9px;
}

#menu-left .staff .box-staff{
	width:190px;
	margin:0 auto;
	margin-bottom:15px;
}

#menu-left .staff .box-staff .image {
	width:62px;
	float:left;
	margin-right:7px;
}

#menu-left .staff .box-staff .image img {
	border:1px solid #CCC;
}

#menu-left .staff .box-staff p.name {
	font-size:10px;
	font-weight:bold;
	color:#3399CC;
	line-height:120%;
	margin-bottom:3px;
}

#menu-left .staff .box-staff p.txt {
	font-size:10px;
}


/*====== 左メニュー内バナー ======*/

#menu-left .left-banner {
	width:210px;
	padding:3px 0 3px 0;
}

/*============================================================
//  トップフラッシュ
//==========================================================*/

#flash {
	margin-left:10px;
}

/*============================================================
//  ページ分割
//==========================================================*/

.paginate {
	margin:0px 0px 10px;
}

#sub-body .line-center{
	width:490px;
	padding:6px 0px 6px 0px;
}

#sub-menu .line-submenu{
	width:180px;
	padding:6px 0px 6px 0px;
}