@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: #4340bd;

}

a:hover {

    color: #4340bd;

    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:#e1edf9;



}



td{

padding:5px;

	border-bottom:1px solid #333333;

	border-right:1px solid #333333;

		text-align:left;

}


table.table_price  {
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
	width:90%;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
}

.table_price tr  {
margin:0;
padding:0;
}


.table_price th {
padding:5px;
width:20%;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	font-weight:normal;
	text-align:center;
	background-color:#e1edf9;
}

.table_price td{
padding:5px;
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;
		text-align:left;
}



.table_img{

width:220px;

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:#333333;

}

#header h2 {

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

    padding-top: 80px;

		padding-left:120px;

		line-height:120%;

		

}



#header a {

    text-decoration: none;

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

    top: 5px;	



}

#header a:hover {

    text-decoration: none;

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

    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: #4340bd;

}





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

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

#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;

}