html {
}

body {
	margin: 0;
	padding-bottom: 20px;
	padding-top: 50px;
}

body, .item {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}


.item {	
	width:900px;
}

#header {
	height: 130px;
	margin-top: -50px;
	padding: 5px;
	background-image: url("../image/header.jpg");
	background-repeat: repeat-x;
}

#middle {
	bottom: 30px;
	height: 730px;
	position: relative;
}

#left_frame {
	float: left;
	width: 450px;
	margin-top: 60px;
	overflow: hidden;
	margin-left: -75px;
}

#right_frame {
	overflow: hidden;
	margin-top: 20px;
}

/**
* ギャラリーの枠
*
*/
#garaly {
	width: 500px;
	height: 334px;
	text-align: center; 
	position:relative;
	bottom:30px;
}

.gallary_frame {
	margin-left:20px
}

/**
* ギャラリーのボタン
*
*/
#btn {
	bottom:-334px;
	position:relative;
}

/**
* メニューバー(文字列)
*
*/
.menu-bar {
	position: relative;
	left:25px;
}

/**
* メニューバー(画像)
*
*/
.menu-btn {
	position: relative;
	left:70px;
	background-color: #ffffff;
}

.copy {
	position: relative;
	left:80px;
	bottom:10px;
}

/**
* サブメニュー
*
*/
.sub {
	overflow-x: hidden;
	height: 630px;
	scrollbar-face-color: #ff9966;
	scrollbar-track-color: #fff8dc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #fff8dc;
	scrollbar-shadow-color: #d2691e;
	scrollbar-3dlight-color: #ffebcd;
	scrollbar-darkshadow-color: #8b0000;

}

/**
* スマホスクロール対応
*
*/
.scroll {
	position: relative;
	bottom:460px;
	left:850px;
	width: 0px;
	height: 0px;
}

/**
* twitterの枠
*
*/
#twitter {
	font-size: 12px;
	width: 500px;
}

/**
* twitter更新の罫線
*
*/
hr.twitter {
	border: 0;
	height: 1px;
	width: 500px;
	background-color: #663300;
	border: none;
	color: #663300;
	text-align:left;
	margin-left:0px

}

/**
* twitter文字
*
*/
p.tw_text {
	color: #663300;

}

/**
* スマホスクロール対応のボタン
*
*/
.css_btn_scroll_class {
	font-size:23px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eeb44f;
	padding:15px 6px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffce79), color-stop(100%, #eeaf41) );
	background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
	background:-ms-linear-gradient( top, #ffce79 5%, #eeaf41 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
	background-color:#ffce79;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #ce8e28;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fceaca;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fceaca;
 	box-shadow:inset 1px 1px 0px 0px #fceaca;
}.css_btn_scroll_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #eeaf41), color-stop(100%, #ffce79) );
	background:-moz-linear-gradient( center top, #eeaf41 5%, #ffce79 100% );
	background:-ms-linear-gradient( top, #eeaf41 5%, #ffce79 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ffce79');
	background-color:#eeaf41;
}.css_btn_scroll_class:active {
	position:relative;
	top:1px;
}


/**
* ギャラリーのボタン
*
*/
.css_btn_class {
	font-size:23px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:0px solid #dcdcdc;
	padding:1px 6px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(38%, #ededed), color-stop(67%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 38%, #dfdfdf 67% );
	background:-ms-linear-gradient( top, #ededed 38%, #dfdfdf 67% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#777777;
	display:inline-block;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(38%, #dfdfdf), color-stop(67%, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 38%, #ededed 67% );
	background:-ms-linear-gradient( top, #dfdfdf 38%, #ededed 67% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

/**
* 戻るのボタン
*
*/
.back_btn_class {
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eeb44f;
	padding:2px 43px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffce79), color-stop(100%, #eeaf41) );
	background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
	background:-ms-linear-gradient( top, #ffce79 5%, #eeaf41 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
	background-color:#ffce79;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #ce8e28;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fceaca;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fceaca;
 	box-shadow:inset 1px 1px 0px 0px #fceaca;
}.back_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #eeaf41), color-stop(100%, #ffce79) );
	background:-moz-linear-gradient( center top, #eeaf41 5%, #ffce79 100% );
	background:-ms-linear-gradient( top, #eeaf41 5%, #ffce79 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ffce79');
	background-color:#eeaf41;
}.back_btn_class:active {
	position:relative;
	top:1px;
}

/**
* MAPのボタン
*
*/
.map_btn_class {
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #feb44f;
	padding:2px 43px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffceaa), color-stop(100%, #feafaa) );
	background:-moz-linear-gradient( center top, #ffceaa 5%, #feafaa 100% );
	background:-ms-linear-gradient( top, #ffceaa 5%, #feafaa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffceaa', endColorstr='#feafaa');
	background-color:#ffceaa;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #fe8e28;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fceaaa;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fceaaa;
 	box-shadow:inset 1px 1px 0px 0px #fceaaa;
}.map_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #feafaa), color-stop(100%, #ffceaa) );
	background:-moz-linear-gradient( center top, #feafaa 5%, #ffceaa 100% );
	background:-ms-linear-gradient( top, #feafaa 5%, #ffceaa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#feafaa', endColorstr='#ffceaa');
	background-color:#feafaa;
}.map_btn_class:active {
	position:relative;
	top:1px;
}