@charset "utf-8";
/* CSS Document */

@import url(main.css);
@import url(head_foot.css);
@import url(left.css);
@import url(right.css);


body {
	margin: 0;
	background-position: center center;  
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	}
#obi {
	background-color:#000096;
	background-image:url(../images/obi_head.gif);

	background-repeat:repeat-x;
	height:80px;
	width:auto;

	margin-left:auto;
	margin-right:auto;
	
	
}


#obi p{
	width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	color:#FFF;
	font-weight:800;
	line-height:1.8;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:21px;
	}

#obi p a {
	color:#FFF;
	text-decoration:none;
}
	
#wrap {
	width:880px;
	height:auto;
	margin-left:auto;
	margin-right:auto;

	
	
}
	
#head {
	background-image:url(../images/head.jpg);
	width:880px;
	height:250px;
	
}

#menu {
	background-image:url(../images/p0189_bg.jpg);
	background-repeat:repeat-x;
	width:880px;
	height:44px;
	margin-bottom:20px;
	
}


#head h1 {
	margin-top:0;
	margin-left:10px;
	text-indent:-9999px;
	width:800px;
	height:245px;
	}


#head h1 a{
	text-indent:-9999px;
	width:800px;
	height:245px
	}


#gnav{
    width:880px; 　/*任意の幅で*/
    height: 44px;    /*任意の高さで*/
    margin:0 auto;  /*センタリング用*/
    list-style:none;
	font-weight:900;
	margin-left:0px;
}

#gnav a{
    display:block;
    line-height:44px;   /*任意の高さで(基本heightと同じ数値)*/
    vertical-align: baseline;
	color:#666;
	text-decoration:none;
}

#gnav a:hover{text-decoration:none;}

#gnav li{
   width: 110px;  /*任意の幅*/
   float: left;
   background-image:url(../images/p0189_m.jpg); /*任意の色*/
   text-align: center;
   color: #fff;  /*任意の色*/
}

#gnav li:hover{background-image:url(../images/p0189_b.jpg);}   /*任意の色*/


#box {
	height:auto;
	width:880px;
	float:left;
		margin-bottom:50px;
	
}
	



#slide_twitter_box {
	float:right;

	width:880px;
	height:350px;


	
	background-color:#FFF;
	
}

#slide {
	margin-left:auto;
	margin-right:auto;

	width:865px;
	height:320px;

	
}


div.yokonaga {
	float:left;
	width:878px;
	height:auto;
	margin-bottom:20px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

div.yokonaga_l {

	margin-left:10px;
	float:left;
	width:595px;
	height:188px;
	border-bottom: 1px solid #CCCCCC;
	
}

div.yokonaga_l p{
		width:580px;
	margin:0;
	
}

div.yokonaga_r {

	margin-right:10px;
	float:right;
	height:188px;
	border-bottom: 1px solid #CCCCCC;
	
}


div.yokonaga_ll {
	
	float:left;
	width:388px;
	margin-left:10px;
		height:335px;
	border-bottom: 1px solid #CCCCCC;
	
	
}

div.yokonaga_rr {
	margin-right:10px;
	width:470px;
	float:right;
	height:335px;
	border-bottom: 1px solid #CCCCCC;
	
}

div.yokonaga_rr h4{
	font-size:24px;
	margin:0;
	border-bottom: 1px double #CCCCCC;
	
}




div.yokonaga h3{
	width:860px;
	margin-left:10px;
	margin-top:2px;
	background-color:#6DAFC5;
	height:32px;
	font-size:20px;
	line-height:1.5;
	text-indent:5px;

	color:white;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}



div.yokonaga p {

	line-height:1.8;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}



div.boxbox {

	width:271px;
	height:auto;
	margin-left:16px;
	float:left;
	border-left: 1px double #CCCCCC;
	border-right: 1px double #CCCCCC;
	
	}
	
div.boxbox p{
	width:245px;
	height:190px;
	margin-left:16px;
	margin-top:0;
	float:left;	
	}




#cage {

	width:880px;
	height:auto;

	
}

#cage_left {
	float:left;
	width:600px;
	height:auto;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	
	
}



#cage_right {
	float:right;
	width:277px;
	height:auto;

	border-right: 1px solid #CCCCCC;
}


#cage_right img{
	float:right;
		margin-right:10px;
		margin-bottom:10px;

}


div.fb-page{
	float:right;
		margin-right:10px;
		margin-top:10px;
	
}


div.cage_left_fac {
	width:580px;
	border-bottom: 1px solid #CCCCCC;
	margin-left:10px;
	margin-bottom:20px;

	}


div.cage_left_fac h3{
	margin-top:2px;
	background-color:#6DAFC5;
	height:32px;
	font-size:20px;
	line-height:1.5;
	text-indent:5px;
	margin-bottom:5px;
	color:white;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

div.cage_left_fac p {
	width:560px;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
	line-height:2.2;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}



div.cage_left_fac pre {
	width:560px;
	margin-left:auto;
	margin-right:auto;
	line-height:1.8;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}


div.image_box {
	float:left;

	width:580px;
	height:auto;
	
}

div.image_box_l{
	float:left;
	width:280px;
	height:auto;
	
}

div.image_box_r{
	float:right;


	width:280px;
	height:auto;
	
}


#obi_foot {
	text-align:center;
	color:#FFF;
	margin:0;
	line-height:0.2;
	clear:both;
	background-color:#000096;
	height:60px;

	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;

	
	
}


#obi_foot p{
	width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	color:#FFF;
	font-weight:800;
	line-height:1.8;
		margin-bottom:0px;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:21px;
	}

#obi_foot p a {
	color:#FFF;
	text-decoration:none;
}


table , td, th {
	border: 1px solid #CCC;
	border-collapse: collapse;
}
td, th {
	padding: 3px;
	width: 250px;
	height: 30px;
	text-indent:5px;
		text-align:left;
	
}
th {
	background: #f0e6cc;

}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}



div.boat_box {
	float:left;
	width:580px;
	height:auto;
	margin-bottom:20px;	
}

div.boat_box_left {
	width:270px;
	float:left;
	
	height:auto;
	
	
}

div.boat_box_right {
	width:310px;
	float:right;
	
	height:auto;

	
	
}

div.boat_box_right h4 {
	text-indent:10px;
	font-size:19px;
		border-bottom: 1px solid #CCCCCC;
	margin-top:8px;
		margin-bottom:0px;
}
div.boat_box_right p {

	width:300px;

	margin-left:10px;
	font-size:15px;
}