﻿/* CSS Document */

<style type="text/css">

body	{margin: 0px;
	padding: 0;
	background-color: #DBDBDB}

a	{color: #017acd}

/* コンテナ */
div#container	{background-image: url(image/line-gray-right.png);
	background-repeat: repeat-y;
	background-position: right top;
	background-color: #ffffff;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	width: 940px;
	margin-left: auto;
	margin-right: auto}

/* ヘッダー */
div#header	{width : 940px ;
	height : 80px ;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: none;
	margin-left : 0px ;
	margin-top : 0px ;
	border-bottom: solid 1px #DBDBDB;
	padding: 0px 0px 0px}

div#header h1	{margin: 0}

div#header p	{color: #DBDBDB;
	font-size: 0.75em;
	margin: 0}

/* パンくずリスト */
p#bread	{background-color: #ffffff;
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 3px;
	padding-bottom: 20px}


/* コンテンツ */
div#content	{width: 740px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	display: inline}
	


/* トップページ　*/
	
/* b1 */	
div#b1 { width : 369px;
	height : 320px ;
	float: left;
	font-size: 0.75em ;
	border-bottom : solid 1px #DBDBDB ;
	border-right : solid 1px #DBDBDB 
	}


div#b1-img { 
	margin-top : 12px ;
	text-align : center }


div#b1-title { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	font-weight: bold ;
	color: #333333}


	
div#b1-txt { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	color: #333333}


/* b2 */	
div#b2 { width : 369px;
	height : 320px ;
	float: left;
	font-size: 0.75em ;
	background-color: none ;
	border-bottom : solid 1px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}
	
	div#b2-img { margin-top : 12px ;
	text-align : center }

	div#b2-title { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	font-weight: bold;
	color: #333333}

	div#b2-txt { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	color: #333333}
	
	
/* b3 */	
div#b3 { width : 184px;
	height : 235px ;
	float: left;
	font-size: 0.75em ;
	background-color: none ;
	border-bottom : solid 1px #DBDBDB ;
	border-right : solid 1px #DBDBDB 
	}
	
	div#b3-img { margin-top : 12px ;
	text-align : center }
	
	div#b3-title { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	font-weight: bold;
	color: #333333}

	div#b3-txt { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	color: #333333}


/* b4 */	
div#b4 { width : 184px;
	height : 235px ;
	float: left;
	font-size: 0.75em ;
	background-color: none ;
	border-bottom : solid 1px #DBDBDB ;
	border-right : solid 1px #DBDBDB 
	}
	
	div#b4-img { margin-top : 12px ;
	text-align : center }
	
	div#b4-title { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	font-weight: bold;
	color: #333333}

	div#b4-txt { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	color: #333333}


/* b5 */	
div#b5 { width : 184px;
	height : 235px ;
	float: left;
	font-size: 0.75em ;
	background-color: none ;
	border-bottom : solid 1px #DBDBDB ;
	border-right : solid 1px #DBDBDB 
	}
	
	div#b5-img { margin-top : 12px ;
	text-align : center }
	
	div#b5-title { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	font-weight: bold;
	color: #333333}

	div#b5-txt { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px;
	color: #333333}
	
	
/* b6 */	
div#b6 { width : 184px;
	height : 235px ;
	float: left;
	font-size: 0.75em ;
	background-color: none ;
	border-bottom : solid 1px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}
	
	div#b6-img { margin-top : 12px ;
	text-align : center }
	
	div#b6-title { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	font-weight: bold;
	color: #333333}

	div#b6-txt { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	color: #333333}

	

	


/* b7 */	
div#b7 { width : 184px;
	height : 170px ;
	float: left;
	font-size: 0.75em ;
	background-color: none ;
	border-bottom : solid 1px #DBDBDB ;
	border-right : solid 1px #DBDBDB 
	}
	
	div#b7-img { margin-top : 12px ;
	text-align : center }
	
	div#b7-title { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	font-weight: bold;
	color: #333333}

	div#b7-txt { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	color: #333333}
	
	
/* b8 */	
div#b8 { width : 184px;
	height : 170px ;
	float: left;
	font-size: 0.75em ;
	background-color: none ;
	border-bottom : solid 1px #DBDBDB ;
	border-right : solid 1px #DBDBDB 
	}
	
	div#b8-img { margin-top : 12px ;
	text-align : center }
	
	div#b8-title { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	font-weight: bold;
	color: #333333}

	div#b8-txt { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	color: #333333}
	
	
	
/* b9 */	
div#b9 { width : 184px;
	height : 170px ;
	float: left;
	font-size: 0.75em ;
	background-color: none ;
	border-bottom : solid 1px #DBDBDB ;
	border-right : solid 1px #DBDBDB 
	}
	
	div#b9-img { margin-top : 12px ;
	text-align : center }
	
	div#b9-title { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	font-weight: bold;
	color: #333333}

	div#b9-txt { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	color: #333333}
	
	
/* b10 */	
div#b10 { width : 184px;
	height : 170px ;
	float: left;
	font-size: 0.75em ;
	background-color: none ;
	border-bottom : solid 1px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}
	
	div#b10-img { margin-top : 12px ;
	text-align : center }
	
	div#b10-title { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	font-weight: bold;
	color: #333333}

	div#b10-txt { margin-top : 5px ;
	margin-left : 12px ;
	margin-right : 12px ;
	color: #333333}





	
div#content h2	{background-color: #014471;
	background-image: url(bar-blue.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	color: #ffffff;
	line-height: 28px;
	padding-left: 0px;
	margin-top: 0;
	margin-bottom: 0}

div#content h3	{background-color: #e0e0e0;
	background-image: url(bar-green.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 0px;
	margin-top: 30px;
	margin-bottom: 0}

div#content p	{font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px}

div#content p#message	{margin-top: 0}


/* サイドバー */
div#sidebar	{width: 199px;
	border: none;
	float: right;
	border-left: solid 0px #DBDBDB;
	margin-bottom : 0px}
	
	

/* CSSボタン */
ul.sidemenu	{border-top: none;
	font-size: 0.75em;
	margin-top: 0px;
	margin-left: 7px;
	margin-right: 7px;
	padding-left: 0;
	line-height: 0
	background-color: #005087}

ul.sidemenu li	{list-style-type: none}

ul.sidemenu li a	{display: block;
	line-height: 30px;
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	border-bottom: solid 1px #DBDBDB;
	padding-left: 10px}

ul.sidemenu li a:hover	{background-color: #DBDBDB;
	 }
	 
	
	 
/* サイドバーコンテナ */
div#sidecontent	{width: 197px;
	border: solid 0px #888888;
	margin-top: 0px ;
	margin-bottom: 0px }
	
/* MENU */

div#menu{margin-top: 5px;
	text-align : center}
	
/* ボタン */	
div#button	{width: 197px;
	border: solid 0px #888888;
	padding-top: 0px ;
	padding-bottom: 0px ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}


/* NEWS */

div#whatsnew{margin-top: 30px;
	text-align : center}

div#news	{
	text-align : left ;
	margin-top : 0px ;
	padding-top: 0px ;
	padding-left: 10px ;
	padding-right: 10px;
	padding-bottom: 0px ;
	text-decoration: none}
	
div#news ul	{
	font-size: 0.75em;
	margin-left: 0px;
	padding-left: 0px;
	text-decoration: none}
	
div#news ul li	{background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0 0 0px;
	list-style-type:none}
	
	
div#news li a	{text-decoration: none}

div#news li 	{margin-bottom: 10px}

	

/* RSS */
p.feed	{margin-bottom: 10px;
	margin-left: 12px}

p.feed a	{background-color: #DBDBDB;
	font-size: 0.75em;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
	border: solid 1px #888888;
	padding: 5px}

p.feed img	{border: none;
	vertical-align: middle}





	
/* 旅館のお仕事ページ　*/

div#oshigototitle {width : 740px ;
border: solid 0px #888888;
	height : 80px ;
	padding : 0px ;
	margin-bottom : 15px }


	
/* 左画像　*/
div.imageleft { width : 370px;
	height : 246px ;
	float: left;
	padding-left: 0px ;
	font-size: 0.75em ;
	border-bottom : solid 0px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}

/* 右ボックス　*/
div.textright { width : 370px;
	height : 246px ;
	float: left;
	font-size: 0.75em ;
	border-bottom : solid 0px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}

/* 右タイトル　*/	
div.textright-title { width : 370px;
	height : 100px ;
	font-size: 0.75em ;
	border-bottom : solid 0px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}

/* 右テキスト　*/	
div.textright-text { width : 280px;
	height : 146px ;
	font-size: 1em ;
	padding : 10px 20px 20px 30px ;
	border-bottom : solid 0px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}


/* 左ボックス　*/
div.textleft { width : 370px;
	height : 246px ;
	float: left;
	font-size: 0.75em ;
	border-bottom : solid 0px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}


/* 左タイトル　*/	
div.textleft-title { width : 370px;
	height : 100px ;
	font-size: 0.75em ;
	border-bottom : solid 0px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}

/* 左テキスト　*/	
div.textleft-text { width : 280px;
	height : 146px ;
	font-size: 1em ;
	padding : 10px 60px 20px 30px ;
	border-bottom : solid 0px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}

/* 右画像　*/
div.imageright { width : 370px;
	height : 246px ;
	float: left;
	font-size: 0.75em ;
	border-bottom : solid 0px #DBDBDB ;
	border-right : solid 0px #DBDBDB 
	}

/* ページの先頭へ */
div#pagetop {clear: both ;
	width : 740px ;
	height : 30px ;
	border: solid 0px #888888;
	background-color: none;
	text-align : right;
	padding-top : 30px ;
	margin : 0px }
	


/* 会社情報ページ　*/
	
/* ページタイトル　*/
div.title {width : 740px ;
	height : 80px ;
	padding : 0px ;
	margin : 0px }
	
/* 会社概要バー　*/
div.gaiyoubar {width : 740px ;
	height : 30px ;
	border: solid 0px #888888;
	text-align : center;
	padding : 0px ;
	margin-top : 30px }
	
	
/* 会社概要リストボックス　*/
div#gaiyoubox {width : 740px ;
	height : 560px ;
	border: solid 0px #888888;
	text-align : center;
	padding : 0px ;
	margin : 0px }

/* 会社概要リスト　*/
table#gaiyoulist {width : 695px ;
	border: solid 0px #888888;
	text-align : left;
	font-size : 0.75en ;
	padding : 30px ;
	margin : 0px 22px ;
	 }
	


	/* リスト左　*/
td.hidari {
	height : 40px ;
	border-bottom: solid 1px #DBDBDB }
	
	
	/* リスト右　*/
td.migi {
	border-bottom: solid 1px #DBDBDB }
	
	
/* googleMAPバー　*/
div#mapbar {width : 740px ;
	height : 30px ;
	border: solid 0px #888888;
	text-align : center;
	padding : 0px ;
	margin-top : 30px }
	
	
/* googleMAPボックス　*/
div#googlemapbox {width : 738px ;
	height : 430px ;
	border: none;
	text-align : center;
	padding : 0px ;
	margin : 0px }
	
	
/* googleMAP　*/
div#googlemap {width : 610px ;
	border: solid 1px #888888;
	text-align : left;
	font-size : 0.75en ;
	padding : 10px ;
	margin : 53px }





/* 問い合わせフォームボックス　*/
div#toiawasebox {width : 740px ;
	height : 550px ;
	border: solid 0px #888888;
	text-align : center;
	padding : 0px ;
	margin : 0px }


	
/* 問い合わせフォーム　*/
table#form {width : 695px ;
	border: solid 0px #888888;
	text-align : left;
	font-size : 0.75en ;
	padding : 30px ;
	margin : 0px 22px ;
	 }

/* 問い合わせフォーム文章　*/
div.p {text-align : left;
	border: solid 0px #888888;
	font-size : 0.75en ;
	padding : 35px ;
	margin : 0px 22px 0px 22px ;
	 }

	
/* 問い合わせフォームバー　*/
div.toiawasebar {width : 740px ;
	height : 30px ;
	border: solid 0px #888888;
	text-align : center;
	padding : 0px ;
	margin-top : 0px }	






/* フッター */
div#footer	{background-image: none;
	background-repeat: repeat-x;
	background-color: #DBDBDB;
	border-top: solid 1px #CCCCCC;
	width: 100%;
	height : 30px ;
	margin-top: 0;
	padding-top: 0px;
	clear: both}

div#address	{width : 738px;
	height : 30px ;
	float: left;
	font-size: 0.75em;
	font-style: normal;
	color: #666666;
	text-align: left;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 0px}
	
div#info{width : 190px;
	height : 30px ;
	float: right;
	font-size: 0.5em;
	font-style: normal;
	color: #666666;
	text-align: right;
	padding-top: 4px}

</style>

