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


/*--------------------------
	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;}

a:hover img.fade {
    -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;
}
.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
} 
	
/*--------------------------
	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;}

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

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

.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;  
}


/*--------------------------
	base
--------------------------*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 160%;
	background: url(../img/bg.jpg) 0 0 repeat-x;
}



#wrapper{
	background:url(../img/bg_contents.jpg) repeat-y center top;
}



/* header -------------------------*/
#header_wrapper{
	background: url(../img/bg_header.jpg) repeat-x;
	height:42px;
	}

#header{
	margin:0 auto;
	width:1000px;
	}

#header h1{
	position:absolute;
	top:5px;
	right:0;
}

#header h2{
	float:left;
}

#header .address{
	float:right;
}

/* menu -------------------------*/
#menu_wrapper{
	background:url(../img/menu_bg.png) 0 0 repeat-x;
	margin:0 auto 20px auto;
}


#menu{

	margin:0 auto;
	width:1000px;
}

#menu li{
	float:left;
}

/* mainimage_wrapper -------------------------*/

#mainimage_wrapper{
	margin:0;
	background:url(../img/bg_topvisual.jpg) top center no-repeat;
	height:937px;
	width:100%;
}

#mainimage{
	width:1000px;
	margin:0 auto;
	height:937px;
	position:relative;
}
	
#mainimage .telno{
	position: absolute;
	width: 253px;
	height: 53px;
	top: 20px;
	left: 0px;
}
.contactbtn{
	position: absolute;
	width: 250px;
	height: 122px;
	left: 0px;
	top: 82px;
}
.contactbtn li{
	float:left;
}
.ttl1_1{
	position: absolute;
	width: 483px;
	height: 102px;
	left: 283px;
	top: 41px;
}
.ttl1_2{
	position: absolute;
	width: 1000px;
	height: 462px;
	left: 0px;
	top: 170px;
}

/* contents -------------------------*/

#contents{
	margin:0 auto;
	width:1000px;
}

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

#footer_wrapper{
	background: url(../img/bg_footer.gif) repeat-x top;}

#footer{
	margin:auto;
	width:940px;
	position:relative;
	padding:30px;
	text-align:center;
	}
.copyright{
	border-top: #666 1px solid;
	padding:5px;
	color:#666;
	font-size:0.8em;
	text-align:center;
}
.pagetop{
	position:absolute;
	top:2px;
	right:0;
}

#footer h2{
	margin:0 20px 0 0;
	float:left;
	}