/*#############################################################

Name: Splendor Consulting
Date: 2008-02-10
Author: Kawakami Tatsuya
URL: http://www.splendor-net.co.jp

#############################################################*/


*{
 margin:0;
 padding:0;
}

body {
 margin: 0;
 padding: 0;
 background-image:url(images/bg.gif);
 text-align: center;
 font-size: 13px; /* モダンブラウザ向け */
 *font-size: 81.25%; /*for IE6,IE7*/
}


/*　レイアウト　*/


#shadow{
 background-image:url(images/base_shadow.gif);
 background-repeat:repeat-y;	
 width:868px;
 float:center;
} 

#container{
 background-color:#E5F1D3;
 width:836px;
 float:center;
}

#header{
 border-top:solid 3px #003300;
}

#main img{
 border:none;
}

#unit{
 float:left;
 width:647px;
 background-color:#E5F1D3;

}


#side2{
 float:right;
 width:189px;
 background-color:#FFFFFF;
}


#contents{
 float:right;
 width:454px;
 padding:14px;
 background-color:#E5F1D3;
}


#topnews{
 text-align:left;
 width:454px;
 margin:5px 0 0 0;
}


#pagetop{
 background-color:#E5F1D3;
 text-align:right;
 padding:10px 20px 10px 0;
 width:816px;
}

#pagetop2{
 background-color:#E5F1D3;
 text-align:right;
 /*padding:10px 20px 10px 0;*/
 width:836px;
}

#pagetop2 img{
 border:none;
 margin:10px 20px 10px 0;
}


#footer{
 border-top:solid 3px #003300;
 background-color:#E5F1D3;
 border-bottom:solid 1px #cccccc;
 width:836px;
 height:98px;
}

.clear{
 clear:both;
}
 
 
 
/*    ＋＋＋＋＋＋＋＋＋　ページ１デザイン　＋＋＋＋＋＋＋＋   */

 
#page1{
 background-color:#ffffff;
 width:800px;
 /*height:100%;*/
 margin-top:10px;
 padding:10px 10px;
}


#page1 img{
 border:none;
}
 

#page1 h2{
 margin:20px;
 text-align:left;
 font-size:0.75em;
}

#page1 table{
 padding:2px;
}

#page1 table img{
 margin:2px 0 2px 0;
}



#40th{
 width:750px;
 padding:10px 10px;
 margin-left:5px;
 text-align:left;
 /*font-size:0.75em;*/
 LINE-HEIGHT: 130%; 
}



/*    ＋＋＋＋＋＋＋＋＋　ページ２デザイン　＋＋＋＋＋＋＋＋   */


#page2{
 width:800px;

}

#page2 img{
 border:none;
}

#page2left{
 width:560px;
 float:left;
 padding:10px 10px;
 margin-left:10px;
 text-align:left;
 /*font-size:0.75em;*/
 LINE-HEIGHT: 130%; 
}

#page2left h2{
 padding:10px 0 2px 0;
 margin-left:5px;
 text-align:left;
 font-size:1.2em;
}

#page2left  table {
 border-collapse:collapse;
 border-top:1px solid #686868;
 border-bottom:1px solid #686868;
 border-left:1px solid #686868;
 border-right:1px solid #686868;
 font-size: 100%; COLOR: #806206; LINE-HEIGHT: 130%; TEXT-DECORATION: none;
 margin:20px 0 20px 0;
		
}

#page2left table td, th {
 padding:10px;
 background:"#FCF9DF";
 border-bottom: dotted 1px #333;
}



#page2right{
 width:200px;
 float:right;
 text-align:left;
 padding:10px 8px 10px 0px;
 margin-top:5px;
 /*font-size:0.75em;*/
 display: inline;
 background: #fbf8e7;
}
	

#page2right ul.sidemenu {
 list-style:none;
 margin:10px 2px 10px 15px;
 padding:0;
}

#page2right ul.sidemenu li {
 margin-bottom:1px;
 border: 1px solid #f2f2f2;
}

#page2right ul.sidemenu a {
 display:block;
 font-weight:bold;
 color: #333;	
 text-decoration:none;	
 padding:7px 7px 7px 10px;
 background: #f2f2f2;
 border-left:4px solid #99CC00;
 min-height:18px;
}


* html body #page2right ul.sidemenu a { 
 height: 18px; 
}

#page2right ul.sidemenu a:hover {
 padding:7px 7px 7px 10px;
 background: #f2f2f2;
 color: #339900;
 border-left:4px solid #green;
}

#page2right img {
 margin:2px 0px 2px 0px;
}

/*    ＋＋＋＋＋＋＋＋＋　ページ３デザイン  コースで使用　＋＋＋＋＋＋＋＋   */


#page3{
 margin-top:15px;
 margin-bottom:10px;
}


#page3left{
 width:170px;
 float:left;
 text-align:left;
 font-size:0.75em;
}

#page3left img{
 margin:2px;
}*/


#page3right{
 width:565px;
 float:right;
 text-align:left;
 font-size:0.75em;
}



/*    ＋＋＋＋＋＋＋＋＋　予約カレンダー右カラムデザイン　＋＋＋＋＋＋＋＋   */

#yoyakuright{
 width:200px;
 float:right;
 text-align:left;
 padding:10px 8px 10px 0px;
 margin-top:5px;
 display: inline;
 background: #fbf8e7;
}

#yoyakuright table{
 font-size:0.75em;
 margin-left:5px;
 margin-top:5px;
 border-top: solid 1px #333;
 border-left: solid 1px #333;
 border-right: solid 1px #333;
 border-bottom: solid 1px #333;
}

#yoyakuright table td{
 margin:5px;
 padding:3px;
}

#yoyakuright img {
 margin:2px 0px 2px 0px;
}

/*    ＋＋＋＋＋＋＋＋＋　メンバー規約　＋＋＋＋＋＋＋＋   */

 
#member{
 background-color:#ffffff;
 width:800px;
 /*height:100%;*/
 margin-top:10px;
 padding:10px 10px;
}

#member p{
 margin-top:15px;
}

#member img{
 border:none;
}
 
#member h2{
 padding:30px 0 20px 0;
 margin-left:45px;
 text-align:left;
 font-size:1.2em;
}

#member table{
 padding:3px;
 width:630px;
 font-size:1em;

}

#member table td{
 padding:6px;

}

#member table img{
 margin:2px 0 2px 0;
}


#member_w{
 padding:3px;
 width:640px;
 text-align:left;
 font-size:1.1em;
}

/*    ＋＋＋＋＋＋＋＋＋　施設カラムデザイン　＋＋＋＋＋＋＋＋   */

#fac{
 width:800px;
}

#fac img{
 border:none;
}

#facleft{
 width:560px;
 float:left;
 padding:10px 10px;
 margin-left:10px;
 text-align:left;

 LINE-HEIGHT: 130%; 
}

#facleft h2{
 padding:10px 0 2px 0;
 margin-left:5px;
 text-align:left;
 font-size:1.2em;
}


#facleft table {
 font-size: 100%;
 COLOR: #806206; LINE-HEIGHT: 130%; TEXT-DECORATION: none;
 margin:20px 0 20px 0;
}


#facleft table td, th {
 padding:10px;
}


#facright{
 width:200px;
 float:left;
 text-align:left;
 padding:10px 8px 10px 0px;
 margin-top:5px;
 font-size:1.2em;
 display: inline;	
}
	
}
#facright ul.sidemenu {
 list-style:none;
 margin:10px 2px 10px 15px;
 padding:0;		
}
#facright ul.sidemenu li {
 margin-bottom:1px;
 border: 1px solid #f2f2f2;
}
#facright ul.sidemenu a {
 display:block;
 font-weight:bold;
 color: #333;	
 text-decoration:none;	
 padding:7px 7px 7px 10px;
 background: #f2f2f2;
 border-left:4px solid #99CC00;
 min-height:18px;
}


* html body #facright ul.sidemenu a { height: 18px; }

#facright ul.sidemenu a:hover {
 padding:7px 7px 7px 10px;
 background: #f2f2f2;
 color: #339900;
 border-left:4px solid #green;
}

#facright img {
 border:0;
}


#facright img {
 margin:2px 0px 2px 0px;
}


/*    ＋＋＋＋＋＋＋＋＋　売店カラムデザイン　＋＋＋＋＋＋＋＋   */

#shopleft{
 width:560px;
 float:left;
 padding:10px 10px;
 margin-left:10px;
 text-align:left;

 LINE-HEIGHT: 130%; 
}

#shopleft h2{
 padding:10px 0 2px 0;
 margin-left:5px;
 text-align:left;
 font-size:1.2em;
}


#shopleft table {
 font-size: 100%;
 COLOR: #806206; LINE-HEIGHT: 130%; TEXT-DECORATION: none;
 margin:10px 0 20px 0;
}





/*    ＋＋＋＋＋＋＋＋＋　採用情報デザイン　＋＋＋＋＋＋＋＋   */


#recruitleft{
 width:560px;
 float:left;
 padding:10px 10px;
 margin-left:10px;
 text-align:left;
 LINE-HEIGHT: 130%; 
}

#recruitleft h2{
 padding:10px 0 0 0;
 margin-left:5px;
 text-align:left;
 font-size:1.2em;
}


#recruitleft table {
 font-size: 100%;
 COLOR: #806206; LINE-HEIGHT: 120%; TEXT-DECORATION: none;
  margin:0px 0 50px 0;
}


#recruitleft table td, th {
 padding:10px;
}


/*    ＋＋＋＋＋＋＋＋＋　メールフォームデザイン　＋＋＋＋＋＋＋＋   */

#mailform {
 background-color:#ffffff;
 width:800px;
 margin-top:10px;
 padding:10px 10px;
}


#mailform  img{
 border:none;
}


#mailform  table{
 FONT: 100%; 
 LINE-HEIGHT: 120%; 
 TEXT-DECORATION: none;
 margin:20px 0 20px 0;
}


/*    ＋＋＋＋＋＋＋＋＋　ヘッダーデザイン　＋＋＋＋＋＋＋＋   */



#header table{
 width:826px;
 font-size:90%;
}


#header table img{
 margin:15px 10px 8px 15px;
 border:none;
}




/*    ＋＋＋＋＋＋＋＋＋　サイド1のデザイン　＋＋＋＋＋＋＋＋   */
#side1{
 float:left;
 width:165px;
 background-color:#ffffff;
 /*font-size:0.75em;*/
 /*line-height:32px;*/
  line-height:22px;
 text-align:left;
}



#side1 a{
 text-decoration:none;
 color:#000000;
 padding:10px;
}

#side1 a:hover{
 color:#4a331a;
}

#side1 ul{
 list-style-type:none;
  margin:0;
  padding:0;
}

#side1 ul li{
 border-bottom:solid 1px #4a331a;
 background-color:#EFEAB1;
 padding-left:20px;
 background-image:url(images/mark.gif);
 background-repeat:no-repeat;
}

/*  ＋＋＋＋＋＋＋＋＋　サイド横幅　＋＋＋＋＋＋＋＋   */

#side1_w{
 margin:2px;
}




/*    ＋＋＋＋＋＋＋＋＋　トップニュースのデザイン　＋＋＋＋＋＋＋＋   */

#topnews h2{
 margin:0;
 background-color:#00657d;
 color:#ffffff;
 font-size:0.75em;
}

#topnews div{
 margin:0;
 border:solid 1px #224400;
 overflow:auto;
 height:140px;
 background-color:#ffffff;
}

#topnews ul{
 LINE-HEIGHT: 130%; 
 margin:5px 25px;
 padding:0;
 text-align:left;
}

#topnews ul a{
 color:#669933;
}

#topnews span{
 color:#888888:
 font-size:0.5em;
 font-family:Verdana,Helvetica,sans-serif;
}




/*    ＋＋＋＋＋＋＋＋＋　ブログニュースのデザイン　＋＋＋＋＋＋＋＋   */

#blognews {
margin:7px 0 0 0;
width:168px;
margin-bottom:10px;
}

#blognews h2{
 margin:0;
 padding:3px;
 background-color:#00657d;
 color:#ffffff;
 font-size:0.75em;
}

#blognews div{
 border:solid 1px #224400;
 overflow:auto;
 height:200px;
 background-color:#ffffff;
}

#blognews ul{
 /*font-size:0.75em;*/
 LINE-HEIGHT: 130%; 
 margin:5px 25px;
 padding:0;
 text-align:left;
}

#blognews ul a{
 color:#669933;
}

/*    ＋＋＋＋＋＋＋＋＋　サイド2のデザイン　＋＋＋＋＋＋＋＋   */

#side2 img{
 margin:11px 0 0 0;
 border:none;
}




/*    ＋＋＋＋＋＋＋＋＋　ページトップデザイン　＋＋＋＋＋＋＋＋   */

#pagetop img{
  margin:10px 0 0 0;
  border:none;
}



/*    ＋＋＋＋＋＋＋＋＋　コースヘッダーデザイン　＋＋＋＋＋＋＋＋   */


#courseheader{
 background-color:#003300;
 border-bottom:solid 1px #ffffff;
}


#courseheader table{
 width:810px;
}


#courseheader img{
 border:none;
}



/*    ＋＋＋＋＋＋＋＋＋　フッターデザイン　＋＋＋＋＋＋＋＋   */


#footer table{
 width:816px;
 font-size:90%;
 margin:10px;
}

#footer img{
 margin:3px;
 border:none;
}



/*    ＋＋＋＋＋＋＋＋＋　記事シングルページデザイン　＋＋＋＋＋＋＋＋   */

#monthmain{
 float:left;
 background-color:#ffffff;
 background-image:url(images/sidebar.gif);
 background-repeat:repeat-y;
 padding:0 0 1px;
 width:834px;
}


#monthsidebar{
 background-image:url(images/sidebar.gif);
 background-repeat:repeat-y;
 background-color:#ffffff;
 width:170px;
 float:left;
 text-align:left;
 padding-bottom:30px;
}

#monthsidebar ul{
 list-style-type:none;
 margin:0;
 padding:0;
}

#monthsidebar li strong{
 display:block;
 padding:10px 20px;
}

#monthsidebar li li{
 padding:5px 5px 5px 20px;
 background-image:url(images/mark_news.gif);
 background-repeat:no-repeat;
 background-position:10px 10px;
}

#monthsidebar li li a{
 color:#000000;
 text-decoration:none;
 border-bottom:dotted 1px #ffffff;
}

#monthsidebar li li a:hover{
 color:red;
}

#monthmain .clear{
 background-image:url(images/sidebar.gif);
 background-repeat:repeat-y;
}


#monthcontent{
 width:570px;
 float:left;
 margin-left:20px;
 padding-left:3px;
 padding-bottom:20px;
 text-align:left;
}


#monthcontent #bread{
 margin-top:10px;
 text-align:right;
 font-size:83%;
}

#monthcontent #date{
 font-weight:bold;
 font-family:Verdana,Helvetica,sans-serif;
 color:#669900;
}

#monthcontent #date img{
 vertical-align:middle;
 padding-right:10px;
}



 
/*　新着情報　投稿内容　*/

#monthpost{
 padding-top:10px;
 padding-bottom:10px;
 padding-left:5px;
 margin-left:10px;
 width:600px;
}

#monthpost img{
 border:none;
 margin:2px;
}

#monthpost h2{
 background-image:url(images/bar_small.gif);
 background-repeat:no-repeat;
 color:#FFFFFF;
 font-size:1.2em;
 padding:9px 5px 7px 5px;
}

#monthpost p{
 line-height:150%;
 padding:15px 5px;
}

#monthpost ul{
 margin-left:20px;
}

#monthpost  table {
 width:550px;
 border:1px solid;
 FONT-size: 100%; COLOR: #666600; LINE-HEIGHT: 120%; TEXT-DECORATION: none;
 margin:20px 0 20px 0;
		
}

#monthpost table td, th {
 padding:5px;
 background:"#FFF";
 border:1px solid;
 border-right: solid 1px;
}


/*　スタッフ日記　投稿内容　*/

#monthpost_diary{
 padding-top:10px;
 padding-bottom:10px;
 padding-left:5px;
 margin-left:10px;
}

#monthpost_diary img{
 border:none;
 margin:2px;
}

#monthpost_diary h2{
 background-image:url(images/bar_small_diary.gif);
 background-repeat:no-repeat;
 color:#FFFFFF;
 font-size:1.2em;
 padding:9px 5px 7px 5px;
}

#monthpost_diary p{
 line-height:150%;
 padding:15px 5px;
}

#monthpost_diary ul{
 margin-left:20px;
}

#monthpost_diary  table {
 width:550px;
 border:1px solid;
 FONT-size: 100%; COLOR: #666600; LINE-HEIGHT: 120%; TEXT-DECORATION: none;
 margin:20px 0 20px 0;
		
}

#monthpost_diary table td, th {
 padding:5px;
 background:"#FFF";
 border:1px solid;
 border-right: solid 1px;
}


/*　新着情報　リスト表示　*/

#monthlist{
 width:560px;
 float:left;
 margin-left:15px;
 padding-left:3px;
 padding-bottom:20px;
 text-align:left;
}

#monthlist h2{
 margin:28px 0 0 0;
 padding-bottom:8px;
 border-bottom:solid 1px #669900;
 font-size:1.2em;
}

#monthlist h2 a{
 text-decoration:none;
 color:#669900;
}

#monthlist h2 span{
 color:#F0AD0C;
 /*font-size:smaller;*/
 font-family:Verdana,Helvetica,sans-serif;
}

#monthlist h2 a:hover{
 color:#ACE74F;
}


#monthlist p{
 margin-top:7px;
 line-height:140%;
}



/*　スタッフ日記　リスト表示　*/

#monthlist_diary{
 width:560px;
 float:left;
 margin-left:15px;
 padding-left:3px;
 padding-bottom:20px;
 text-align:left;
}

#monthlist_diary h2{
 margin:28px 0 0 0;
 padding-bottom:8px;
 border-bottom:solid 1px #996600;
 font-size:1.2em;
}

#monthlist_diary h2 a{
 text-decoration:none;
 color:#996600;
}

#monthlist_diary h2 span{
 color:#F0AD0C;
 font-size:smaller;
 font-family:Verdana,Helvetica,sans-serif;
}

#monthlist_diary h2 a:hover{
 color:#CC9933;
}

#monthlist_diary p{
 margin-top:7px;
 line-height:140%;
}



/*　テキスト　*/
	
	
A:link {
	COLOR: #3399cc; TEXT-DECORATION: none
}
A:visited {
	COLOR: #ccccccc; TEXT-DECORATION: none
}
A:hover {
	COLOR: #CC3333; TEXT-DECORATION: underline
}
A:active {
	COLOR: #ff6600; TEXT-DECORATION: underline
}


.font075{
 font-size:0.75em;
 LINE-HEIGHT: 130%; 
}

.font005{
 font-size:0.05em;
 LINE-HEIGHT: 120%; 
}

/*　マージン　*/

.margin10 {
 margin:10px;
}

.margin_b20 {
 margin-bottom:20px;
}

.margin_b30 {
 margin-bottom:30px;
}

.margin_b50 {
 margin-bottom:50px;
}

.margin_l20 {
 margin-left:20px;
}