/*
Theme Name: 
Author: 
Author URL: 
Version: 1.0
*/

@charset "UTF-8";

/*------------------------------------------------------------------------
	Common
------------------------------------------------------------------------*/

.clear {
	clear: both;
	height: 0px;
}

a{
	color: #006699;
	text-decoration:none;
	outline:none;
}

a:hover{
	color:#FF6600;
}

.small-font {
	font-size: 12px;
	line-height: 140%;
}


.fontsize-big {
	font-size: 18px;
}

.separate-line {
	clear: both;
	float: left;
	width: 750px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	height: 1px;
	margin-left: 20px;
}

.blue-big-font {
	font-size: 16px;
	font-weight: bold;
	color: #003366;
}

.address-table {
	margin-top: 10px;
}

/*-- 角丸・シャドウ ----------------------------*/

/*-- ↓PIE.htcをサーバーにアップロード --*/
.around {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative; /* CSS3 PIE が背景色に隠れないようにする */
	behavior: url(../PIE/PIE.htc); /* IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドに対応する */
}

.shadow {
	-webkit-box-shadow: #666 2px 2px 3px;
	-moz-box-shadow: #666 2px 2px 3px;
	box-shadow: #666 2px 2px 3px;
	position: relative; /* CSS3 PIE が背景色に隠れないようにする */
	behavior: url(../PIE/PIE.htc); /* IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドに対応する */
}

.gradation {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fc0), to(#f60));
	background-image: -moz-linear-gradient(top, #fc0, #f60);
	background-image: -ms-linear-gradient(top, #fc0, #f60);
	background-image: -o-linear-gradient(top, #fc0, #f60);
	background-image: linear-gradient(top, #fc0, #f60);
	-pie-background: linear-gradient(#fc0, #f60);
	position: relative; /* CSS3 PIE が背景色に隠れないようにする */
	behavior: url(../PIE/PIE.htc); /* IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドに対応する */

}
/*-- ↑PIE.htcをサーバーにアップロード --*/


.box-shadow {
	box-shadow:1px 1px 5px #bbb;
	-moz-box-shadow: 1px 1px 5px #bbb; /* FireFox */
	-webkit-box-shadow: 1px 1px 5px #bbb; /* webkit */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=120,strength=3,enabled=true)";

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=120,strength=3,enabled=true); /* IE5.5+ */
	background:#fff;
}

/*-- page-top ------------------------------*/

#page-top {
	position: fixed;
	bottom: 10px;
	right: 20px;
	font-size: 100%;
}

#page-top a {
	text-decoration: none;
	width: 40px;
	text-align: center;
	display: block;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	background-color: #036;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative; /* CSS3 PIE が背景色に隠れないようにする */
	behavior: url(../PIE/PIE.htc); /* IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドに対応する */

}

#page-top a:hover {
	text-decoration: none;
	background-color: #f60;
}

/*-- IMAGE MARGIN ----------------------------*/

.image-bottom-space-10 {
	margin-bottom: 10px;
}

.image-top-bottom-space-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*-- box-shadow ----------------------------*/

.box-shadow {
	box-shadow:1px 1px 5px #bbb;
	-moz-box-shadow: 1px 1px 5px #bbb; /* FireFox */
	-webkit-box-shadow: 1px 1px 5px #bbb; /* webkit */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=120,strength=3,enabled=true)";

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=120,strength=3,enabled=true); /* IE5.5+ */
	background:#fff;
}

/*-- box-frame ----------------------------*/

.box-frame {
	background-color: #FFFFFF;
	padding: 10px;
	float: left;
}


/*------------------------------------------------------------------------
	Layout
------------------------------------------------------------------------*/

/*-- body -------------------------------*/

body{
	*font-size:small;
	*font:x-small;
	font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
	font-family:myriad-pro-condensed-1, myriad-pro-condensed-2, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
	font-size: 14px;
	line-height: 1;
}

#bg-top{
	background-image: url(../common_img/head_bg_top.jpg);
	background-repeat: repeat-x;
}

#bg{
	background-image: url(../common_img/head_bg.jpg);
	background-repeat: repeat-x;
}


/*-- wrapper -------------------------------*/

#wrapper {
	height: 100%;
	min-height: 100%;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}



/*-- header --------------------------------*/

#head-description {
	height: 30px;
	width: 950px;
	font-size: 13px;
	color: #CCFFFF;
	line-height: 30px;
}

#header-top {
	height: 80px;
	width: 950px;
	background-image: url(../common_img/head_image.png);
}

#header {
	height: 80px;
	width: 950px;
	background-image: url(../common_img/head_image.png);
	margin-top: 15px;
}

#head-title {
	float: left;
	height: 105px;
	width: 505px;
}

#head-info {
	float: right;
	height: 105px;
	width: 305px;
}



/*-- navibar -------------------------------*/

#navibar {
	height: 40px;
	width: 950px;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#navibar li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#navibar ul {
	float: left;
	margin: 0px;
	height: 40px;
	width: 950px;
	padding: 0px;
}


/*-- breadcrumb-list -----------------------*/



/*-- title ---------------------------------*/

#title {
	float: left;
	width: 950px;
	height: 120px;
}

#left-title {
	float: left;
	height: 800px;
	width: 180px;
}

/*-- main ----------------------------------*/

#main {
	width: 950px;
	float: left;
}

#main a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}



/*-- footer --------------------------------*/

#footer {
	width: 100%;
	background-image: url(../common_img/foot_bg.gif);
	background-repeat: repeat-x;
	height: 130px;
	float: left;
	margin-top: 30px;
}

#footer-box {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 70px;
	float: none;
}

#foot-left {
	width: 705px;
	float: left;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

#footer-box ul {
	float: left;
	width: 500px;
	margin-top: 15px;
	height: 13px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer-box li {
	float: left;
	margin-right: 30px;
	background-image: url(../common_img/foot_bullet.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 13px;
	line-height: 13px;
	background-position: 0px 2px;
}
#foot-left p {
	font-size: 13px;
	line-height: 13px;
	color: #FFFFFF;
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#foot-left a {
	color: #FFFFFF;
}

#foot-left a:hover {
	color: #FF9900;
}


#foot-logo {
	float: right;
}

/*-- copyright -----------------------------*/

#copyright {
	height: 40px;
	width: 950px;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

/*-- viewer -------------------------------*/

#viewer {
	margin: 0 auto;
	width: 950px;
	height: 312px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}
.sep-line-box {
	background-image: url(../common_img/sep_line.gif);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 20px;
	width: 950px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.normal-box {
	float: left;
	width: 950px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}


/*------------------------------------------------------------------------
	Main-Contents
------------------------------------------------------------------------*/

.center-box {
	float: left;
	width: 950px;
	margin-top: 30px;
	overflow: hidden;
	font-size: 14px;
	line-height: 160%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.center-box .ogawa-mimono {
	float: left;
	width: 990px;
}
.ogawa-mimono img {
	float: left;
	margin-right: 40px;
}

.left-box {
	float: left;
	width: 460px;
	margin-top: 30px;
	font-size: 14px;
	line-height: 160%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.right-box {
	float: right;
	width: 460px;
	margin-top: 30px;
	font-size: 14px;
	line-height: 160%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/*-- 小川島 ----------------------------*/


.ogawa-text-box_01 {
	float: left;
	width: 460px;
	margin-top: 20px;
	font-size: 14px;
	line-height: 180%;
	background-image: url(../ogawa/images/ogawa_sun_icon.jpg);
	background-position: right bottom;
	height: 200px;
	background-repeat: no-repeat;
}
.taberu-left-box {
	float: left;
	width: 400px;
	margin-top: 30px;
	font-size: 14px;
	line-height: 160%;
}
.taberu-right-box {
	float: right;
	width: 520px;
	margin-top: 30px;
	font-size: 14px;
	line-height: 160%;
}

.ogawa-midokoro-box {
	float: left;
	width: 460px;
	margin-bottom: 10px;
}
.ogawa-midokoro-box img {
	float: left;
}
.ogawa-midokoro-box p {
	float: left;
	font-size: 13px;
	line-height: 160%;
	clear: left;
	width: 100%;
}
.ogawa-midokoro-box .midokoro-text-box {
	float: right;
	width: 215px;
	margin: 0px;
	padding: 0px;
}
.ogawa-midokoro-box span {
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	float: left;
	margin-bottom: 10px;
}
.link-list-box {
	float: left;
	width: 950px;
	font-size: 16px;
}

/*-- 体験 ----------------------------*/


/*-- 食べる ----------------------------*/
.link-list-box tr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.link-list-box td {
	padding: 20px;
}
.news-box {
	float: left;
	width: 880px;
	margin-left: 35px;
	line-height: 180%;
}
h1 {
	font-size: 26px;
	float: left;
	margin-bottom: 30px;
}