/* Resetting ******************************************************************************/

@charset "UTF-8";

/* COMMON *********************************************************************************/

body {
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','MS PGothic',Osaka,Verdana,sans-serif;
	margin: 0; padding:0; font-size: 12px; letter-spacing:1px; color:#333;}


/* CSS Document **************************************************************************/

	*	{ margin: 0; padding: 0; }
	
	h1,h2, h3, h4, div, p, hr, blockquote, address, noscript { text-align  : left; font-style: normal; font-weight: normal; margin:0; padding:0; }
	
	ul, dl, dt, dd { list-style: none; margin:0; padding:0; list-style-type:none; }
	
	ol{ list-style-type:decimal; list-style-position:inside;}
	
	span, img  { border: none; font-style: normal; font-weight: normal; margin:0; padding:0; }
	
	em, strong { border: none; font-style: normal; font-weight: normal; margin:0; padding:0; }
	
	ul{ list-style-type:none; margin:0; padding:0; }

a:link {  color: #774f30; text-decoration: none;}
a:active { color: #774f30; text-decoration: underline; }
a:visited { color: #774f30; text-decoration: none; }
a:hover {  color: #774f30; text-decoration: underline}

hr { display: none; height:0; margin:0; padding:0; }
.clear { content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/*TOP*************************************************************************************/	

#top{background:url(../image/common/top_bg.jpg) 0 0 repeat-x; height:135px;}


#top-wp{width:950px; margin: 0 auto; position:relative; height:135px;}

#top-wp div{position:absolute; top:15px; left:0;}

#top-wp p{ position:absolute; top:60px; left:482px;}

#top-wp dl{ position:absolute; top:15px; left:718px; width:232px;}

.smap a{background:url(../image/common/icon1.gif) 0 2px no-repeat; float:left; margin:0 20px 0 0; padding:0 0 0 20px;}
.pvinfo a{background:url(../image/common/icon2.gif) 0 1px no-repeat; padding:0 0 0 20px;}

h1{position:absolute; top:67px; left:0; font-size:12px; color:#333;}

#navi {width:950px; margin:0 auto; position:absolute; top:93px; left:0;}
#navi li{ float:left;}



/*Contents*******************************************************************************************/

#contents{width:950px; margin:0 auto; padding:10px 0;}

/*main*******************************************************************************************/
#main-image{width:720px; height:235px; background:url(../image/index/main_img.jpg) 0 0 no-repeat; position:relative;}
.lp-button{position:absolute; top:160px; left:129px;}

/*LEFT*********************************************************************************************/

#contents-l{width:210px; float:right; background-color:}

#navi-area{background-color:#f0f0f0; border:1px #CCC solid; width:190px; margin:20px 0 0 0; padding:0 9px;}
#navi-area p{margin:10px 0; font-size:10px; line-height:15px;}

#left-ap a{ display:block; text-indent: -9999px; width:210px; height:235px; background:url(../image/common/btn_1.jpg) 0 0 no-repeat; }
#left-ap a:hover{background-position:0 -235px;}

#left-navi{ width:190px;  margin:10px 0 0 0;}
#left-navi li{ padding:5px 0;}

#left-menu1 a, #left-menu2 a, #left-menu02 a, #left-menu002 a, #left-menu3 a, #left-menu4 a, #left-menu5 a, #left-menu6 a{ display:block; text-indent: -9999px; width:190px; height:35px;}	
#left-menu1 a{background:url(../image/common/menu1.jpg) 0 0 no-repeat;}
#left-menu2 a{background:url(../image/common/menu2.jpg) 0 0 no-repeat;}
#left-menu02 a{background:url(../image/common/menu02.jpg) 0 0 no-repeat;}
#left-menu002 a{background:url(../image/common/menu002.jpg) 0 0 no-repeat;}
#left-menu3 a{background:url(../image/common/menu3.jpg) 0 0 no-repeat;}
#left-menu4 a{background:url(../image/common/menu4.jpg) 0 0 no-repeat;}
#left-menu5 a{background:url(../image/common/menu5.jpg) 0 0 no-repeat;}
#left-menu6 a{background:url(../image/common/menu6.jpg) 0 0 no-repeat;}
#left-menu7 a{background:url(../image/common/menu7.jpg) 0 0 no-repeat;}
#left-menu1 a:hover, #left-menu2 a:hover, #left-menu02 a:hover, #left-menu002 a:hover, #left-menu3 a:hover, #left-menu4 a:hover, #left-menu5 a:hover, #left-menu6 a:hover{ background-position:0 -35px; }

.left-link{width:190px; margin:10px 0;}
.left-link ul{list-style-type:none; width:180px; }
.left-link li{background:url(../image/common/link_icon.gif) 0 12px no-repeat; font-size:12px; list-style-position:outside; padding:8px 0 8px 10px; width:154px; margin:0 8px;}
.left-link li a{color:#666;}
.left-link li a:hover{color:#f60;}

#left-banner a{ display:block; text-indent: -9999px; width:190px; height:90px; background:url(../image/common/banner_l.jpg) 0 0 no-repeat; }
#left-banner a:hover{background-position:0 -90px;}

/*error**********************************************************************/
#error-bg{width:720px; height:590px; background:url(../image/sub/error.jpg) 0 0 no-repeat; position:relative;}
.error-button{position:absolute; top:282px; left:0;}


/*Right*********************************************************************************************/
#contents-r{width:720px; float:left;}
#right-area{width:720px; padding:20px 0 0 0;}

.right-exp{background:url(../image/index/hyo.jpg) 0 0 no-repeat; width:445px; padding:100px 250px 0 25px; font-size:12px; line-height:20px; margin:0 0 15px 0;}

#right-banner{width:720px; margin:20px 0;}
#right-banner li{float:left;}

#right-menu1 a, 
#right-menu2 a{ display:block; text-indent: -9999px; width:350px; height:110px;}	

#right-menu1 a{background:url(../image/index/banner1.jpg) 0 0 no-repeat; padding:0 20px 0 0;}
#right-menu2 a{background:url(../image/index/banner2.jpg) 0 0 no-repeat;}

#right-menu1 a:hover, 
#right-menu2 a:hover{ background-position:0 -110px; }


h2{ clear:both; padding:20px 0;}


#list-table{width:720px; margin:0 auto; vertical-align:top;}
#list-table td{vertical-align:text-top;}
.t-line{border-left:1px #666 dotted;}
.t-text{padding:10px; line-height:18px;}
.syosayi{ padding:0 0 0 10px;}
.syosayi a{ display:block; text-indent: -9999px; width:92px; height:30px; background:url(../image/index/syosayi.jpg) 0 0 no-repeat;}	
.syosayi a:hover{ background-position:0 -30px; }

.right-link1{width:340px; float:left; padding:0 40px 0 0;}
.right-link1 li{background:url(../image/common/link_icon.gif) 0 12px no-repeat; font-size:12px; list-style-position:outside; padding:8px 0 8px 10px;  margin:0 8px; }

.right-link2{width:340px; float:right;}
.right-link2 li{background:url(../image/common/link_icon.gif) 0 12px no-repeat; font-size:12px; list-style-position:outside; padding:8px 0 8px 10px;  margin:0 8px; }

.coment{width:720px; background:url(../image/common/line_d720.gif) left bottom no-repeat; margin:20px 0; padding:0 0 20px 0;}

.coment dt{ float:left; padding:0 20px 0 0;}

.coment dd{font-size:12px; line-height:20px; padding:0 0 10px 0;}
.coment dd span{font-weight:bold; color:#C00;}
.text-right{text-align:right; font-size:12px;}


#right-tel{background:url(../image/sub/application_over.jpg) 0 0 no-repeat; width:302px; height:111px; padding:19px 0 0 418px;}
#right-tel a{ display:block; text-indent: -9999px; width:287px; height:101px; background:url(../image/common/ap_btn.jpg) 0 0 no-repeat; }
#right-tel a:hover{background-position:0 -101px;}



.back-top{text-align:right; padding:20px 0 0 0; clear:both;}

#foot{background:url(../image/common/foot_bg.gif) 0 0 repeat-x; width:950px; margin:0 auto; padding:30px 0 0 0;}
#foot ul{width:890px; margin:0 30px; text-align:center;}
#foot li{float:left; padding:5px 15px; background:url(../image/common/link_icon.gif) 0 10px no-repeat; font-size:12px; list-style-position:outside; text-align:center;}

#foot p{text-align:right; font-size:12px; clear:both; padding:15px 0;}



