@charset "shift_jis";











body {



    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";



    font-size: 75%;



    line-height: 2;



    color: #333333;



    background-color: #FFFFFF;



    margin: 0px;



    padding: 0px;



    text-align: center;



    background-image: url(images/bg.gif);



		background-repeat:repeat-x;



    background-position:top;



}







/*トップページだけ、背景壁紙画像を変える為。*/



body#top {



    background-image: url(images/bg.gif);



		background-repeat:repeat-x;



    background-position:top;



}







h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{



    margin: 0px;



    padding: 0px;



}



ul{



    list-style-type: none;



}



img {



    border: none;



}



input,textarea,select {



    font-size: 1em;



}



form {



    margin: 0px;



}



a {



    color: #336666;



}



a:hover {



    color: #336666;



    text-decoration: none;



}







table{



	margin-left:auto;



	margin-right:auto;



	margin-top:20px;



	margin-bottom:10px;



	width:90%;



	border-top:1px solid #333333;



	border-left:1px solid #333333;



}







tr{



margin:0;



padding:0;



}











th{



padding:5px;



	border-right:1px solid #333333;



	border-bottom:1px solid #333333;



	font-weight:normal;



	text-align:center;



	background-color:#cffff0;







}







td{



padding:5px;



	border-bottom:1px solid #333333;



	border-right:1px solid #333333;



		text-align:left;



}







.table_img{



text-align:center;







}















/*コンテナー（HP全体を囲むブロック）



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



#container_back{



    width: 980px;   /*HP全体の横幅*/



		    margin-right: auto;



    margin-left: auto;



			border-left:1px solid #cccccc;



			border-right:1px solid #cccccc;



			background-color:#FFFFFF;



			}



#container {



    text-align: left;



    width: 950px;   /*HP全体の横幅*/



    margin-right: auto;



    margin-left: auto;







}















/*ヘッダー（ロゴや電話番号画像が入っているブロック）



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



#header {



    height: 250px;



    width: 950px;



    position: relative;



    font-size: 40px;



    color: #ffffff;



		background-image:url(images/mainpic.jpg);



		background-repeat:no-repeat;



}



#header h1 {



    font-size: 10px;    /*h1タグの文字の大きさ*/



    font-weight: normal;



		margin-left:10px;



    top: 5px;   /*ヘッダーのボックスに対して上から0pxに位置に配置*/



    right: 10px; /*ヘッダーのボックスに対して右から0pxに位置に配置*/



		color:#ffffff;



}



#header h2 {



    font-size: 35px;    /*h1タグの文字の大きさ*/



    padding-top: 100px;



		padding-left:10px;



		line-height:120%;



		position: absolute;



}







#header a {



    text-decoration: none;



    color:#ffffff; /*カーソルオーバー時の文字色*/



    top: 5px;	







}



#header a:hover {



    text-decoration: none;



    color:#ffffff; /*カーソルオーバー時の文字色*/



    top: 5px;	







}















/*メインメニュー（上部に横並びの画像メニュー）



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



ul#menu img {



    vertical-align: bottom;



}



ul#menu li {



    float: left;



}



/*メインメニュー（ヘッダー下の横並びのメニュー）



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



ul#menu li {



    float: left;



    line-height: 50px;



    height: 50px;



    font-size: 12px;



}



ul#body li {



    list-style-type:disc;



    list-style-position:inside;



}



ol#body li {



    list-style-position:inside;



}











ul#menu a {



    color: #333333;     /*メニューの文字色*/



    text-decoration: none;



    display: block;



    width: 190px;



    text-align: center;



    background-image: url(images/menu_bg.gif);  /*メニューの背景画像*/



    background-repeat: no-repeat;



    background-position: top;   /*メニューの背景画像の上半分を表示させる設定*/



    overflow: hidden;   /*オーバーした文字を非表示にする設定*/



			height: 50px;	







}







ul#menu a:hover {



    color: #333333;     /*メニューの文字色*/



    text-decoration: none;



    display: block;



    width: 190px;



    text-align: center;



    background-image: url(images/menu_over.gif);  /*メニューの背景画像*/



    background-repeat: no-repeat;



    background-position: top;   /*メニューの背景画像の上半分を表示させる設定*/



height: 50px;}







li.long a {



    color: #333300;     /*メニューの文字色*/



    text-decoration: none;



    display: block;



    width: 190px;



    text-align: center;



    background-image: url(images/menu_bg.gif);  /*メニューの背景画像*/



    background-repeat: no-repeat;



    background-position: top;   /*メニューの背景画像の上半分を表示させる設定*/



		padding: 10px 0px 10px 0px;



		height: 50px;



}







li.long a:hover {



    color: #333300;     /*メニューの文字色*/



    text-decoration: none;



    display: block;



    width: 190px;



    text-align: center;



    background-image: url(images/menu_over.gif);  /*メニューの背景画像*/



    background-repeat: no-repeat;



    background-position: top;   /*メニューの背景画像の上半分を表示させる設定*/



		padding: 10px 0px 0px 0px;



		height: 50px;



}







.menu_text{



line-height:120%;



}







#main ul{



    list-style: none;



    margin: 0px;



    margin-left: 0px;



    padding: 0px;



}



 



#main li {



    padding: 0px 0px 0px 12px;



		margin-left:10px;



    background: url(images/icon_arrow.gif) 0px 5px no-repeat;  



    list-style: none;



}







/*



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



#mainpicture {



    background-color: #FFFFFF;



    height: 188px;



}



#mainpicture p {



    color: #FFFFFF;



    text-align: center;



}















/*コンテンツ（左右のブロックを囲むボックス）



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



#contents {



    clear: left;



}















/*メインコンテンツ（左側ボックス）



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



#main {



    float: left;    /*ボックスを左側に配置。*/



    width: 580px;   /*ボックスの幅*/



    padding-top: 20px;



}



#main p {



    padding: 0.5em 10px 1em;



}



#main h2.h2bg {



    height: 30px;



    line-height: 30px;



    color: #FFFFFF; /*h2タグの文字色*/



    font-size: 100%;



    background-image: url(images/midashi_bg.gif);   /*h2タグの背景画像*/



    background-repeat: no-repeat;



    padding-left: 20px; /*文字の左側に少し余白*/



    overflow: hidden;   /*背景画像から飛び出た文字を非表示にする*/



}







#main h3 {



    font-size: 12px;



		font-style:normal;



		font-weight:bold;



		margin-left:10px;



    padding: 5px 0px 0px 12px;



    background: url(images/icon_h3.gif) left no-repeat;  



    list-style: none;



		background-repeat:no-repeat;



		color: #336666;



}











/*サイドコンテンツ（右側ボックス）



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



#side {



    float: right;   /*ボックスを右側に配置。*/



    width: 330px;   /*ボックスの幅*/



    padding-top: 20px;



}



#side p {



    padding: 0.5em 5px 1em;



}



#side .box {



    border: 1px solid #bfbfbf;/*右側ボックスの各ボックスを囲む線色。*/



    margin-bottom: 1em;



}







#side .link {



		padding:5px;



}







#side h3 {



    font-size: 100%;



    color: #ffffff; /*h3タグの文字色*/



    text-align: center; /*文字をセンタリング*/



    border-bottom: 1px solid #bfbfbf;   /*h3タグ下に直線を追加*/



    padding-top: 1em;



    padding-bottom: 1em;



    background-image: url(images/h3bg.gif); /*h3の背景画像*/



    background-repeat: repeat-x;    /*背景画像を横軸にリピート*/



    background-position: center;    /*背景画像を上下中央に配置*/



}



#side .sidemenu a {



    text-decoration: none;  /*サイドメニューのリンクの下線を削除*/



    width: 326px;



    display: block;



    background-image: url(images/sidemenu_bg.gif);  /*サイドメニューの背景画像*/



    background-repeat: repeat-y;



    background-position: center;



    text-align: center; /*メニューテキストをセンタリング*/



    margin-right: 1px;



    margin-bottom: 1px;



    margin-left: 1px;



    color: #333333; /*メニューの文字色*/



    padding-top: 0.5em;



    padding-bottom: 0.5em;



}



#side .sidemenu a:hover {



    background-image: url(images/sidemenu_bg_over.gif); /*カーソルオーバー時の背景画像*/



}















/*フッター（コピーライトなど入っている一番下のボックス）



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



#footer {



    text-align: center;



    clear: both;



    width: 100%;



}















/*メインコンテンツ内の「What's New」部分



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



#main dl.new {



    width: 560px;           /*What's Newボックスの幅*/



    height: 200px;      /*What's Newボックスの高さ*/



    overflow: auto;



    padding: 10px;



    margin-right: auto;



    margin-left: auto;



}



#main dl.new dt {



    font-weight: bold;  /*日付の色を太字にする*/



}







#main dl.new dd {



    border-bottom: 1px solid #bfbfbf;   /*日付ごとの下線*/



}















/*テーブル



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



.ta1 {



    width: 580px;



    margin-right: auto;



    margin-left: auto;



}



.ta1, .ta1 td, .ta1 th{



    border: 1px solid #3D1600;



}



.ta1 td, .ta1 th{



    padding: 10px;



}



.ta1 th{



    background-color: #fafafa;  /*左側thタグの背景色*/



    width: 150px;   /*左側thタグの幅*/



    text-align: center;



}



.ta1 th.tamidashi{



    width: auto;



    text-align: left;



    background-color: #602300;  /*テーブルの見出し部分の背景色（room.htmlで使用しています）*/



    color: #FFFFFF; /*文字色*/



}















/*細々



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



.color1 {



    color: #5e0062;



}



.look {



    background-color: #f5f5f5;



}



.mb1em {



    margin-bottom: 1em;



}