@charset "UTF-8";
@import "base.css";
@import "fonts.css";


/*--------------------------
	reset
--------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
th,td { vertical-align: top; }
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
html {background-color: transparent; background-image: none;}
input{font-family:'MS UI Gothic'; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline;} 
img{vertical-align:bottom;}
input:hover{cursor:pointer;}

/*--------------------------
	common
--------------------------*/
.clearfix:before,.clearfix:after {content:"";display:table;} 
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

.on_img, .on_nav li { position: relative; z-index: 3;}
.on_img a, .on_nav li a{display: -moz-inline-box; display: inline-block;}
.on_img a:hover, .on_nav li a hover { position: static;}
.on_img a:hover img, .on_nav li a:hover img, .on_nav li.current a img{ position: relative; z-index: -1;}

.fLeft{float:left;}
.fRight{float:right;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr300{margin-right:300px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}


.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}

.bold{font-weight:bold;}
.red{color:#FF0000;}
.blue{color:#0000FF;}
.gray{color:#666666;}

ol.ol{list-style:decimal;}
ul.ul{list-style:disc;}

a {
    text-decoration: none;
    color: #08C;
}
  
a:hover { color: #0AF; }

.visuallyhidden {
    position: absolute;
    width: 1px; /* 0にしてしまうとダメ */
    height: 1px; /* 0にしてしまうとダメ */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;  
}




a { color: #f41; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {
}
a:hover img.alpha{
	filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;

}



dt img,dd img,li img { vertical-align: bottom; }


/* .section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }
 */
 

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
	color: #333;
	text-align: center;
	width:100%;
	min-width:1000px;
}


#wrapper {
	width: 100%;
	/*overflow:hidden;*/
}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 100%;
	height:91px;
	padding-top:4px;
	text-align: left;
  /*  overflow:hidden;*/
	background:url(../images/common/header_bg.jpg) repeat-x;
	
}

#header #headerArea{
	width:1000px;
	height:95px;
	background:url(../images/common/headerarea_bg.jpg) no-repeat;	
	margin:0 auto;
	overflow:hidden;
}
#header #headerArea h1{
	line-height:250%;
	width:291px;
	font-family: sans-serif;
}
.apng{
	float:left;
margin-left:10px;

}
.apng p.animation {
	width: 287px;
	height:92px;
	margin:0 auto;
}
h1{
	float:left;
	padding-top:10px;
	/*padding-left:23px;*/
}

#headerInfo{
	float:right;
	text-align:right;
	overflow:hidden;
	width:405px;
}

#headerInfo ul{
	overflow:hidden;
	float:right;
}

#headerInfo ul li{
	float:left;
	display:inline;
	height:28px;
	line-height:28px;
	margin-left:15px;
}

#headerInfo p{
	clear:both;
}

/*==========================================================================*/
/*                              nav                                         */
/*==========================================================================*/

#nav {
	width:100%;
	height:49px;
	background:url(../images/common/nav_bg.jpg) repeat-x;
	overflow:hidden;
}

#nav ul {
	width:1000px;
	margin:0 auto;
	text-align: left;
}

#nav dl dt,
#nav dl dd,
#nav ul li {
	list-style: none;
	margin: 0;
	vertical-align: top;
	float:left;
	display:inline;
}
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#toTop{
	width:1000px;
	margin:auto;
	text-align:right;
	padding-top:30px;
	padding-bottom:5px;
	clear:both;
}

#footer {
	clear: both;
	width:100%;
	background:url(../images/common/footer_bg.jpg) repeat-x;
	text-align: left;
}

#footer #footerArea{
	width:1000px;
	height:137px;
	margin:0 auto;
	overflow:hidden;
	padding-top:30px;
}

#footerArea dl{
	float:left;
	margin-right:30px;
}

#footerArea dl.last{
	float:left;
	margin-right:0;
}

#footerArea dt{
	font-weight:600;
	background:url(../images/common/listmark.jpg) 0px 3px no-repeat;
	text-indent:15px;
	margin-bottom:5px;
	font-size:0.8em;
}

#footerArea dt a{
	color:#333;
	text-decoration:none;
}

#footerArea dt a:hover{
	text-decoration:underline;
}

#footerArea dd{
	margin-bottom:3px;
	font-size:0.8em;
}

#footerArea dd a{
	color:#333;
	text-decoration:none;
}

#footerArea dd a:hover{
	text-decoration:underline;
}

#footerArea dd.dd1{
	margin-left:5px;
	background:url(../images/common/listarrow1.jpg) 0px 4px no-repeat;
	text-indent:13px;
}

#footerArea dd.dd2{
	margin-left:20px;
	background:url(../images/common/listarrow2.jpg) 0px 4px no-repeat;
	text-indent:10px;
}



#footerLogo{
	width:100%;
	height:148px;
	background:url(../images/common/footerlogo_bg.jpg) repeat-x;
	text-align:center;
}


#copy{
	width:100%;
	height:42px;
	line-height:42px;
	display:block;
	text-align:center;
	font-size:0.7em;
	color:#B28500;
	border-bottom:5px solid #2E231C;
}

/*==========================================================================*/
/*                            mainImage                                     */
/*==========================================================================*/

#mainImage{
	width:100%;
	height:500px;
	text-align:center;
	background:url(../images/common/slider_bg.jpg) repeat-x;
	overflow:hidden;
	margin-bottom:5px;
	position:relative;
}

#mainImage_page{
	width:100%;
	height: 115px;
	text-align:center;
	background: url(../images/common/bg_pagettl.jpg) top center repeat-x;
	overflow:hidden;
	margin-bottom:5px;
}


#slider{
	width:1200px;
	margin:0 auto;
	
}
.seasonframe{
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
	margin:0;
}

.seasonframe2{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:9999;
	margin:0;
}

/*==========================================================================*/
/*                            container                                     */
/*==========================================================================*/

#container{
	width:100%;
	margin:0 auto;
	/*overflow:hidden;*/
	background:url(../images/common/body_bg.jpg) bottom center no-repeat;
	position:relative;
}

#mainContents{
	width:1000px;
	margin:0 auto;
	/*overflow:hidden;*/
	text-align:left;
	
}

#contentsNav{
	width:970px;
	margin:0 auto;
	overflow:hidden;
}

#contentsNav ul{
	overflow:hidden;
	text-align:left;
}

#contentsNav ul li{
	float:left;
	display:inline;
}

#contentsNav ul#indexUl01{
	margin-bottom:15px;
}

#contentsNav ul#indexUl01 li.left{
	margin-right:8px;
}

#contentsNav ul#indexUl02{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}

#contentsNav ul#indexUl02 li{
	text-align:left;
	width:305px;
}

#contentsNav ul#indexUl02 li span{
	display:block;
	padding:5px 10px;
	font-size: 0.9em;
}


#contentsNav ul#indexUl02 li.left{
	margin-right:25px;
	display:inline;
}

#contentsNav ul#indexUl02 li.center{
	margin-right:25px;
	display:inline;
}

#contentsWrap{
	width:960px;
	margin:0 auto;
	/*overflow:hidden;*/
}

#contentsLeft{
	width:710px;
	float:left;
	/*overflow:hidden;*/
}

#contentsLeft .section .infoArea{
	width:710px;
	height:230px;
	overflow:hidden;
	background:url(../images/index/cl-03.jpg) no-repeat;
}

#contentsLeft .section .infoArea ul{
	width:671px;
	margin:0 auto;
	padding-top:177px;
	/*overflow:hidden;*/
}

#contentsLeft .section .infoArea ul li{
	float:left;
	display:inline;
	margin-right:40px;
}

#contentsLeft .section .infoArea ul li.last{
	margin-right:0;
}

#contentsLeft .section p.caution{
	color:#525252;
	font-size:0.8em;
	padding-top:10px;
}

#contentsLeft .section p.caution a{
	color:#007FFF;
}


#contentsLeft .section p .listColor{
	color:#00A539;
}	

#contentsRight{
	width:230px;
	float:right;
	overflow:hidden;
}

#contentsRight dl{
	width:230px;
}

#contentsRight dt{
	margin-bottom:10px;
}

#contentsRight dd{
	color:#333;
	font-size:0.8em;
	line-height:1.2em;
}

#sidebnr{
	position: fixed;
	top:150px;
	right:10px;
	width:102px;
	height:282px;
	z-index:999999;
}
/*==========================================================================*/
/*                          subpage                                     */
/*==========================================================================*/

.pankuzu{
	font-size:0.7em;
/*	text-align:right;*/
	margin:5px auto 10px auto;
	width:1000px;
	height:20px;
}
.pankuzu li{
	float:left;
	padding:0 10px 0 20px;

}
.pankuzu li.arrow{
	background:url(../images/common/icon_arrow_br.gif) left center no-repeat;
}


/*==========================================================================*/
/*                            request                                     */
/*==========================================================================*/

table#request{border:0;}

table#request tr{border:0;}

table#request th{background:url(../images/form/bg_th.jpg);width:200px;text-align:left;padding:20px 0 20px 20px;border-left:0;border-bottom:3px solid #FFF;border-top:0;border-right:0; font-weight:bold;}
table#request th img{
vertical-align: text-top;
margin-left:5px;
}

table#request td{background:url(../images/form/bg_td.jpg);width:200px;text-align:left;padding:20px 0 20px 20px;border-left:3px solid #FFF;border-bottom:3px solid #FFF;border-top:0;border-right:0;width:460px;}

table#request table th,table#request table td {background:none;border:none;font-size:14px;margin:0;padding:0;}

table#request table th{color:#660000;width:300px;}

table#request hr{   border:none;
    border-top:solid 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin-right: 20px;}
		
input.err ,textarea.err ,select.err{
	background:#FEE;
	border:#F66 1px solid;
	color: black;
	font-weight: normal;
}

.err {
	color: red;
	font-weight: bold;
}


.flow_contact2{
	border:#FC0 2px double;
	padding:15px;
	margin-bottom:30px;
}
.flow_contact2 ul{
	margin:auto;
	width:606px;
}
.flow_contact2 li{
	float:left;
}

.flow_contact3{
	border:#FC0 4px double;
	padding:15px;
	margin-bottom:30px;
}




/*topへアニメーション*/
#page-top {
	position: fixed;
	bottom: 0;
	right: 20px;
	font-size: 77%;
}
#page-top a {
		
/*	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;*/
	display: block;
/*	border-radius: 5px;*/
}
#page-top a img{
	filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
	
}
#page-top a:hover {
/*	text-decoration: none;
	background: #999;*/
}
#page-top a:hover img{
	filter: alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
	
}


/*TOPお知らせ*/
.newsinfo{
	margin-bottom:30px;
}
.newsinfo dl{
	border-bottom:1px dotted #CCCCCC;
	font-size:0.8em;
	margin-bottom:5px;
}
.newsinfo dt{
	color:#F60;
	font-weight:bold;
	float:left;
	width:110px;
	padding:10px;
}

.newsinfo dd{
		padding:10px;
		float:left;
		width:560px;
}
.newsinfo .to_list{
	background:url(../images/common/listmark.jpg) right center no-repeat;

	padding-right:15px;
	font-size:0.8em;
	text-align:right;
}
.newsinfo a{
	color:#000;
}
.newsinfo a:hover{
	color:#C90;
}
.newsinfo a:active{
	color:#F60;
}