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

html{
	height: 100%;
	}
	
	

/*--- body ---*/

body {
	width:100%;
	position: relative;
	font-family:'メイリオ', "Meiryo", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', "sans-serif";
	font-size: 14px;
	line-height:1.5;
	color:#3d403c;
    height:auto !important; 
    height: 100%; 
    min-height: 100%;
}


a:link {
     text-decoration: none;
     color: #3d403c;
}
a:visited {
     text-decoration: none;
     color: #3d403c;
}
a:hover{
     text-decoration:none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
a:active {
     text-decoration:none;
     color: #3d403c;
}

.wrap{
	width:960px;
	margin:0 auto;
 }

/*--- header ---*/
#header {
	background:url(../images/header_bg.png) repeat-x left top;
	height:123px;
	z-index:20;
	position:fixed;
	top:0;
	width:100%;
	}

#header .wrap{
	position:relative;
	height:80px;
	}
	
#header_navi{
	position:absolute;
	right:0;
	top:10px;
}
#header_navi li{
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	background:url(../images/icon_arrow01.png) no-repeat left center;
	line-height:10px;
	padding-left:10px;
	margin-left:20px;
	font-size:10px;
}
	
#header h1{
	width:217px;
	position:absolute;
	left:0;
	top:30px;

	}
	
#header #btn_home{
	position:absolute;
	top:0;
	right:0;
}


/*-- Gnavi --*/
#gnavi{
	position:relative;
	top:65px;
	left:0;
	width:100%;
	font-size:0;
}
#gnavi li {
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	height:60px;
	text-align:center;
	font-size:14px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
}
#gnavi li a{
	display:block;
	margin:0 27px;
	padding-top:20px;
	padding-bottom:10px;
}


#gnavi li#gnavi01 a:hover, #gnavi li#gnavi01 a.active{
	background:url(../images/gnavi_hover01.png) no-repeat center 45px;
}
#gnavi li#gnavi02 a:hover, #gnavi li#gnavi02 a.active{
	background:url(../images/gnavi_hover02.png) no-repeat center 45px;
}
#gnavi li#gnavi03 a:hover, #gnavi li#gnavi03 a.active{
	background:url(../images/gnavi_hover03.png) no-repeat center 45px;
}
#gnavi li#gnavi04 a:hover, #gnavi li#gnavi04 a.active{
	background:url(../images/gnavi_hover04.png) no-repeat center 45px;
}
#gnavi li#gnavi05 a:hover, #gnavi li#gnavi05 a.active{
	background:url(../images/gnavi_hover05.png) no-repeat center 45px;
}
#gnavi li#gnavi06 a:hover, #gnavi li#gnavi06 a.active{
	background:url(../images/gnavi_hover06.png) no-repeat center 45px;
}
#gnavi li#gnavi07 a:hover, #gnavi li#gnavi07 a.active{
	background:url(../images/gnavi_hover06.png) no-repeat center 45px;
}
/*-- container --*/
#container{
		margin-top:122px;
		padding-bottom:180px;
}

/*-- mainVisual --*/

#mainVisual .wrap{
	position:relative;
	width:960px;
	height:600px;
	z-index:10;
	background-color:#fff;

}
#mainVisual #mainImg01{
	position:absolute;
	top:0;
	left:0;
}
#mainVisual #mainImg02{
	position:absolute;
	top:0;
	left:240px;
}
#mainVisual #mainImg03{
	position:absolute;
	top:0;
	left:480px;
}
#mainVisual #mainImg04{
	position:absolute;
	top:0;
	left:720px;
}
#mainVisual #mainImg05{
	position:absolute;
	top:150px;
	left:480px;
}
#mainVisual #mainImg06{
	position:absolute;
	top:150px;
	left:720px;
}
#mainVisual #mainImg07{
	position:absolute;
	top:300px;
	left:480px;
}
#mainVisual #mainImg08{
	position:absolute;
	top:300px;
	left:720px;
}
#mainVisual #mainImg09{
	position:absolute;
	top:450px;
	left:0;
}
#mainVisual #mainImg10{
	position:absolute;
	top:450px;
	left:240px;
}
#mainVisual #mainImg11{
	position:absolute;
	top:450px;
	left:480px;
}
#mainVisual #mainImg12{
	position:absolute;
	top:450px;
	left:720px;
}

/*-- container  -*/

.catch{
	padding:0 30px;
}

.catch h2{
	font-size:1.714em;
	line-height:166.66%%;
	font-weight:bold;
	margin:50px 0 20px 0;
}

.catch span.fontS{
	font-size:0.75em;
}

.catch .colorGreen{
	color:#1b7d21;
	}

.catch .txtBox{
	font-size:1.285em;
}


/*-- footer  --*/

#footer{
	height:200px;
	background:url(../images/footer_bg.png) repeat-x center bottom;
     position:absolute;
     bottom:0;
	 width:100%;
	 z-index:-100;
}

#footer .wrap{
	position:relative;
	color:#666;
	font-size:0.7857em;
	min-height:120px;
}

#copyright{
	padding-top:165px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.857em;
	text-align:center;	
	}


/* -------------------------------------
　　下層
---------------------------------------- */
#under .box01{
	width:900px;
	margin:0 auto 50px auto;
	padding-top:50px;
}

#under .box01 .txtBox.left{
	width:560px;
	float:left;
}

#under .box01 .photoBox.right{
	width:320px;
	float:right;
}

#under .txtBox p{
	margin-bottom:1em;
	margin-left:10px;
}

#under .ttl{
    border-bottom: 1px solid #e6e6e6;
    font-size: 1.714em;
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
}

/*-- AboutUs --*/


#under.aboutus .box01{
	margin-bottom:0;
	text-align:center;
}
#under.aboutus .ttl{
	background:none;
}
#under.aboutus .box02{
	width:750px;
	margin:0 auto;
}
#under.aboutus .detail{
	width:375px;
	float:left;
}

#under.aboutus .detail .ttl {
    background-color: #f2f2f2;
    border-bottom: medium none;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 20px 15px;
    padding: 5px;
}
#under.aboutus .detail dl{
	text-align:left;
	margin:0 40px;
}

#under.aboutus .detail dt{
	width:70px;
	float:left;
}

#under.aboutus .detail .linkForm{
	font-size:0.857em;
	margin-top:10px;
	text-align:right;
	margin-right:40px;	
}

#under.aboutus .photoBox01{
	float:right;
	width:375px;
}
#under.aboutus .photoBox02{
	margin-top:-50px;
	margin-bottom:0;
}

/*-- Privacy Policy--*/
.privacy h2{
	padding-bottom:5px;
	margin-bottom:20px;
	font-weight:bold;
	text-align:center;
}
.privacy h3{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #e6e6e6;
	font-weight:bold;
}
.privacy .area01{
	margin-bottom:25px;
	padding:0 20px;
}
.privacy .inner{
	margin:10px 0;
}
.privacy .inner dt{
	margin-bottom:5px;
}
.privacy .inner dd{
	padding:0 3em;
	margin-bottom:10px;
}

.privacy .inner dd ul{
	margin:10px 0;
	text-indent:-1em;
	padding-left:1em;
}

.privacy .contactBox {
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 15px 20px;
    width: 700px;
}
.privacy .contactBox p{
	margin-bottom:5px;
}
.privacy .contactBox dt{
	background-color:#f2f2f2;
	padding:3px 10px;
	margin-bottom:15px;
}
.privacy .contactBox .phone{
	margin-bottom:25px;
}
.privacy .contactBox .nameArea {
	text-align:right;
}
.privacy .contactBox .nameArea span{
	padding-left:20px;
	font-size:1.142em;
}



/*-- Contact  --*/

#contact{
	background-image:url(../images/bgGreen.gif);
	padding:50px 0;
}

#contact input{
	color:#666;
}

#contact .wrap{
	max-width:960px;
	margin:0 auto;
}
#contact .wrap h2{
	text-align:center;
	margin-bottom:30px;
	font-weight:bold;
}
#contact .wrap form{
	width:515px;
	margin:0 auto 70px auto;
	
}

#contact .wrap input, #contact .wrap textarea{
	color:#333;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 rgba(0, 0, 0, 0.7) inset;
    margin: 10px 0;
    padding: 8px 8px 8px 5px;
    width: 350px;
}

#contact .wrap th{
	text-align:left;
	width:150px;
}
#contact .wrap th.txtLabel{
	vertical-align:middle;
}

#contact .wrap .cap{
	font-size:0.75rem;
	text-align:right;
}
#contact .wrap th span{
	font-size:0.75rem;
	padding-left:10px;
}

#contact .wrap span.small{
	font-size:0.75rem;
	margin-left:10px;
}

.submit-button {
/* Firefox */
background: -moz-linear-gradient(top center, #fff 0%, #f2f2f2 100%);
/* Chrom と Safari */
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f2f2f2));
/* 共通 */
background: linear-gradient(top center, #fff 0%, #f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF',endColorstr='#FFF2F2F2');
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    color: #333333;
    font-size: 14px;
    padding: 8.5px 18px;
    text-decoration: none;
    text-shadow: 0 1px 0 #9e9e9e;
    vertical-align: middle;
}
.submit-button:hover {
/* Firefox */
background: -moz-linear-gradient(top center, #e6e6e6 0%, #cccccc 100%);
/* Chrom と Safari */
background: -webkit-gradient(linear, center top, center bottom, from(#e6e6e6), to(#cccccc));
/* 共通 */
background: linear-gradient(top center, #e6e6e6 0%, #cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFe6e6e6',endColorstr='#FFcccccc');

    border: 1px solid #fff;
    color: #333333;
    text-shadow: 0 1px 0 #9e9e9e;
}
.submit-button:active {
/* Firefox */
background: -moz-linear-gradient(top center, #8dc059 0%, #8dc059 100%);
/* Chrom と Safari */
background: -webkit-gradient(linear, center top, center bottom, from(#8dc059), to(#8dc059));
/* 共通 */
background: linear-gradient(top center, #8dc059 0%, #8dc059 100%);
    border: 1px solid #fff;
    color: #fff;
    text-shadow: 0 1px 0 #31540c;
}

#contact .wrap .button{
	  margin: 30px 0 0 147px;
}
#contact .wrap .button #myreset{
	margin-left:50px;
}
#contact .red{
	color:#ff6666;
}


/*-- sitemap --*/

body.sitemap{
	margin:0;
}
.sitemap #header{
	position:relative;
}
.sitemap #footer{
	height:auto;
}

.sitemap #container{
	margin-top:0;
}
.sitemap h2{
	padding-bottom:5px;
	font-weight:bold;
	text-align:center;
}

.sitemap #copyright {
    padding-bottom: 10px;
    padding-top: 155px;
}
.sitemap #sitemap{
	margin-left:380px;
   margin-top: 20px;
}

.sitemap #sitemap li{
	background:url(../images/icon_arrow02.png) no-repeat left center;
	padding-left:10px;
	margin-left:20px;
	margin-bottom:10px;
}


/* -------------------------------------
     汎用パーツ
* ------------------------------------- */


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
 
* html .clearfix             { zoom: 1; } /* IE6 */
 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
 
.clearfix {overflow:hidden;} /* Dw表示用 */

.clear{
	clear:both;
	}