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

body{
	font: 100%/1.4 "Meiryo UI", sans-serif;
	font-size:10pt;
	color:#000000;	

}

/************** 全体 **************/

.box1{
	width:1150px;
	margin-top:0px;
	clear:none;
	background:url(../images/bg.jpg) repeat-y;
}


	
/************** seo title **************/

.sbox{
	width:1000px;
	height:20px;
	background-color:none;
	text-align:center;
	}
	
/************** ヘッダー **************/
	
.box2{
	width:1000px;
	height:180px;
	background-color:none;
    background:url(../images/top.gif) no-repeat;
	}

/************** 検索 **************/

.searchbox{
	width:320px;
	height:160px;
	font-size:14px;
	margin-right:10px;
	margin-top:15px;
	float:right;
	}		
		
/************** Navi **************/	

.nav{
	width:1000px;
	height:30px;
	float:left;
	text-align:left;	
	font-size:12px;
	clear:none;
	}
		
#ddm {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#ddm li {
	float: left;
	width: 125px;
	text-align: center;
		}

#ddm li a {
	color:#000000;		
	display: block;
	width:125px;
	font-size: 20px;
	line-height: 1.5;
	font-family: sans-serif;
	text-decoration: none;
	background-color:#fef6eb;
	-moz-opacity: 0.9;
	opacity: 0.9;
	border-bottom:1px solid #000000;
		}

#ddm li a:hover {
	display: block;
	width: 125px;
	text-decoration: none;
	background:#fee9d8;	
	border-bottom:2px solid #fee9d8;
	}

#ddm ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#ddm li ul {
	display: none;
	}

#ddm li:hover ul {
	display: block;
	position: relative;
	width: 200px;
	height: 30px;
	}
		
		
		
/************** パンくずリスト **************/	

.painlist{
	width:980px;
	height:25px;
	margin-left:10px;
	margin-top:5px;
	float:left;
	text-align:left;	
	font-size:12px;
	background:none;
	clear:none;
	}

/************** 左 **************/

.box3{
	width:180px;
	float:left;
	}

.indexbox{
	width:160px;
	margin-top:0px;
	margin-left:0px;
	text-align:left;
	float:left;
	}
	
	
/* ▼ 縦メニュー ▼ */

#menu_length ul {



margin:0;
padding:0;
}

#menu_length li {
list-style: none;
margin:0;
padding:0;
}

#menu_length li a {
display:block;
text-align:left;
padding-left: 5px;
text-decoration:none;
width:160px; 
line-height:30px; 
color:#86633B; /* リンク文字の色 */
background-color:#fcede9; /* メニューボタンの背景 */
border-left:5px solid #86633B; /* 左飾り線 */
border-bottom:1px dashed #86633B; /* 下線 */
}

/* ▽マウスが乗ったとき▽ */
#menu_length li a:hover{
background-color:#ffcccc; /* メニューボタンの背景 */
border-left:5px solid #EF8C77; /* 左飾り線 */
}
/* △マウスが乗ったとき△ */

/* ▲ 縦メニュー ▲ */

/* ▼ 縦メニュー（階層化）▼ */

#menu_length {
height: 300px; /* メニュー全体の縦の長さ */
}

#menu_length ul {
position:absolute;
}

#menu_length li {
position:relative;
}

#menu_length li.menu_len ul,
#menu_length li.menu_len ul li.menu_len ul,
#menu_length li.menu_len_on ul li.menu_len ul {
display:none;
}

#menu_length li.menu_len_on ul,
#menu_length li.menu_len_on ul li.menu_len_on ul {
position:absolute;
display:block;
top:0;
left:100%;
}

/* ▽IE6バグ対応▽ */
* html #menu_length li li,
* html #menu_length li li li {
font-size:1px;
line-height:0;
}
* html #menu_length li li a,
* html #menu_length li li li a {
display:block;
font-size:10pt;
line-height:30px;
}
/* △IE6バグ対応△ */

/* ドロップダウンリストの透過（IEは透過しません） */
#menu_length > ul > li > ul {
-moz-opacity: 0.9;
opacity: 0.9;
}
/* ▲縦メニュー（階層化）▲ */



/************** 中央 **************/

.t_box5{
	width:1000px;
	background-color:#ffffff;
	float:left;
	}

.box5{
	width:800px;
	margin-top:20px;
	margin-left:20px;
	background-color:none;
	float:left;
	}

.newsbox{
	width:990px;
	margin-top:10px;
	background:url(../images/newsbox.jpg);
	height:300px;
	float:left;
	}	
	
.news{
	margin-top:60px;
	margin-left:30px;
	width:950px;
	height:220px;
	overflow:auto;
	background:none;
	text-align:left;
	font-size:9pt;
	line-height:12pt;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
	border-radius: 10px;/* 角丸 CSS3草案 */  
	-webkit-border-radius: 10px;/* 角丸Safari,Chrome用 */  
	-moz-border-radius: 10px;/* 角丸 Firefox用 */ 
	}


.calenderbox{
	width:300px;
	margin-top:10px;
	height:600px;
	float:right;
	clear:none;
	}	
	

.calender{
	margin-top:20px;
	margin-right:10px;
	width:280px;
	height:500px;
	text-align:center;
	float:right;
	clear:none;
	}


.qrcodebox{
	width:300px;
	margin-top:10px;
	height:1500px;
	float:right;
	clear:none;
	}	
	

.qrcode{
	margin-top:20px;
	margin-right:10px;
	width:280px;
	height:250px;
	text-align:center;
	float:right;
	clear:none;
	}
	
	
.moviebox{
	margin-top:5px;
	margin-left:20px;
	width:700px;
	height:400px;
	float:left;
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
	background:url(../images/movie.jpg);
	border-radius: 10px;/* 角丸 CSS3草案 */  
	-webkit-border-radius: 10px;/* 角丸Safari,Chrome用 */  
	-moz-border-radius: 10px;/* 角丸 Firefox用 */ 
	}		
	
	
.movie{
	margin-top:55px;
	margin-left:5px;
	width:690px;
	overflow:auto;
	text-align:center;
	font-size:9pt;
	line-height:12pt;
	}
	

.conprbox{
	margin-top:5px;
	width:700px;
	height:700px;
	float:left;
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
	background:url(../images/conpr.gif);
	border-radius: 10px;/* 角丸 CSS3草案 */  
	-webkit-border-radius: 10px;/* 角丸Safari,Chrome用 */  
	-moz-border-radius: 10px;/* 角丸 Firefox用 */ 
	}	
	
	
.conpr{
	margin-top:10px;
	margin-left:3px;
	width:690px;
	height:680px;
	overflow:auto;
	text-align:center;
	font-size:9pt;
	line-height:12pt;
	}


.newamizubox{
	background:url(../images/newamizu.jpg);
	margin-top:10px;
	width:700px;
	height:500px;
	float:left;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
	border-radius: 10px;/* 角丸 CSS3草案 */  
	-webkit-border-radius: 10px;/* 角丸Safari,Chrome用 */  
	-moz-border-radius: 10px;/* 角丸 Firefox用 */ 
	}	
	
.newamizu{
	margin-top:60px;
	margin-left:80px;
	width:600px;
	height:400px;
	overflow:auto;
	text-align:center;
	font-size:9pt;
	line-height:12pt;
	background:none;
	text-align:left;
	font-size:9pt;
	line-height:12pt;
	}

	

.rankingbox1{
	background:url(../images/ranking1.jpg);
	margin-top:10px;
	width:700px;
	height:350px;
	float:left;
	}	
	
.ranking1{
	margin-top:50px;
	margin-left:35px;
	width:650px;
	height:300px;
	overflow:auto;
	text-align:center;
	font-size:9pt;
	line-height:12pt;
	}
	
	

.rankingbox2{
	background:url(../images/ranking2.jpg);
	width:700px;
	height:350px;
	float:left;
	}	
	
.ranking2{
	margin-top:50px;
	margin-left:50px;
	width:650px;
	height:300px;
	overflow:auto;
	text-align:center;
	font-size:9pt;
	line-height:12pt;
	}
	


	
.listbox{
	background-color:#ffffff;
	margin-top:2px;
	margin-left:10px;
	margin-bottom:20px;
	width:680px;
	float:left;
	}	
	
	
	
/*リンク画像の透過アニメーション*/
.conpr a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.conpr a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}



/************** 右 **************/

.box6{
	width:200px;
	height:220px;
	background:url(../images/contact1.gif) no-repeat;
	float:right;
	clear:none;
	}

.add{
	width:200px;
	height:150px;
	margin-bottom:5px;
	margin-top:35PX;
	float:right;
	clear:none;
	font-size:14px;
	}

	
.sns{
	width:200px;
	height:600px;
	text-align:center;
	margin-bottom:5px;
	margin-right:5px;
	background-color:#aaaaaa;
	float:right;
	clear:none;
	}
	
/************** フッター **************/

.box7{
	margin-top:20px;
	width:100%;
	text-align:center;
	clear:right;
	}
	
.footer{
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
	width:750px;
	background:#ffffff;
	}

.t_box7{
	margin-top:20px;
	width:1000px;
	text-align:center;
	clear:right;
	}
	
.t_footer{
	margin-left:0px;
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
	width:1000px;
	}

/************** リンク **************/

a:link{
	color:#0000FF;
	text-decoration:none;
	border:none;
	}

a:hover{
	color:#FF0000;
		}

a:visited{
	color:#cc3399;
	text-decoration:none;
	}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}



	
/************** topへもどる　BTN **************/
	
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 100%;
	}
#page-top a {
	background: #FFCCCC;
	text-decoration: none;
	color: #86633B;
	width: 80px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	}
#page-top a:hover {
	text-decoration:overline;
	background: #86633B;
	color: #FFCCCC;
}


/************** 　BTN **************/



    .myButton {
        
        -moz-box-shadow: 3px 4px 0px 0px #996633;
        -webkit-box-shadow: 3px 4px 0px 0px #996633;
        box-shadow: 3px 4px 0px 0px #996633;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7f1f0), color-stop(1, #ffcccc));
        background:-moz-linear-gradient(top, #f7f1f0 5%, #ffcccc 100%);
        background:-webkit-linear-gradient(top, #f7f1f0 5%, #ffcccc 100%);
        background:-o-linear-gradient(top, #f7f1f0 5%, #ffcccc 100%);
        background:-ms-linear-gradient(top, #f7f1f0 5%, #ffcccc 100%);
        background:linear-gradient(to bottom, #f7f1f0 5%, #ffcccc 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f1f0', endColorstr='#ffcccc',GradientType=0);
        
        background-color:#f7f1f0;
        
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        
        border:1px solid #996633;
        
        display:inline-block;
        color:#996633;
        font-family:arial;
        font-size:17px;
        font-weight:bold;
        padding:12px 44px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #f0e7f0;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffcccc), color-stop(1, #f7f1f0));
        background:-moz-linear-gradient(top, #ffcccc 5%, #f7f1f0 100%);
        background:-webkit-linear-gradient(top, #ffcccc 5%, #f7f1f0 100%);
        background:-o-linear-gradient(top, #ffcccc 5%, #f7f1f0 100%);
        background:-ms-linear-gradient(top, #ffcccc 5%, #f7f1f0 100%);
        background:linear-gradient(to bottom, #ffcccc 5%, #f7f1f0 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccc', endColorstr='#f7f1f0',GradientType=0);
        
        background-color:#ffcccc;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }