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

body{
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "HelveticaNeue", "ヒラギノ角ゴ ProN W3", serif;
	font-size: 12px;
 	min-height: 100%;
	color:#333333;
	letter-spacing: 0.08em;
	text-align: left;
	background-color:#FFFFFF;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;

}

img {border: none;}

a {outline: none;}


h1{
	display:inline;
	float:left;
	}

h2{
	margin-bottom: 30px;
	}

h3{
	margin: 30px 0 18px 0;
	}
	
	
dl {
	margin: 0 0 5px 0;
	padding: 30px 10px 10px 12px;
	font-family: arial, helvetica, clean, sans-serif;
	letter-spacing: 0.1em;
	line-height: 120%;
}

dl dt {
	float: left;
	width: 1em;
	padding: 0 0;
	text-indent: 2em;
}

dl dd {
	padding: 0 0 8px 4.5em;
}


/******************** link **********************/

a:link, a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bolder;
	}

a:hover{
	color: #000000;
	text-decoration: underline;
	font-weight: bolder;
	}

/******************** text font **********************/

.fonts{
	font-size:11px;
	}
	
	
.highlight2{
	font-size:14px;
	font-weight:bolder;
	margin:10px 0 0 30px;
	}
		
	
.highlight3{
	font-size:12px;
	font-weight:bolder;
	margin:10px 20px 0 55px;
	}
	
.font_point{
	font-size:11px;
	font-weight:bolder;
	margin:5px 0 0 0;
	}		

.red{
	color:#FF2F05;
	}
.yellow{
	color:#EBCC00;
	}


/******************** rayout **********************/

#wrapper{
	width: 1005px;
	margin: 0 auto;
    paddinng: 0;
	}	

#header{
	width:970px;/*1005px;*/
	height:45px;
    margin: 10px 25px 0 0;
    padding: 0;
	}


#info{
	width:400px;
	height:28px;
	float: right;
	padding: 22px 0 0 0;
	text-align: right;
	background-image: url(../../home/images/info-trans.png);
	background-repeat: no-repeat;
	background-position: right top;
	}

#pan{
	width:300px;
	height:28px;
	float: right;
	padding: 22px 0 0 0;
	text-align: right;
	font-family: Georgia, Baskerville, Palatino, Times, serif;
  	font-size: 90%;
  	font-style: italic;
	}


#line{
	border-top: 1px solid #8E8E8E;
	}

	
#containner{
	width: 970px;
	height: auto;
	margin: 40px 0 0 0;
	padding: 0;
   }


#contents{
    width: 975px;
	height: auto;
    margin: 20px 0;
    overflow: hidden;
	}

	
#side{
	width: 260px;
	margin: 0 0 0px 0;
    paddinng: 0;
	float:left;
	}

#main{
	width: 680px;
	height: auto;
	margin: 0 0 0 35px;
    paddinng: 0;
	float:left;
	overflow:hidden;
	}

	
/**************** gNavi *********************/

body div#gNavi{
    width: 130px;
    height: 210px;
    margin: 0 0 50px 0;
}


body div#gNavi ul {
	margin: 0;
	padding: 0;
}



body div#gNavi ul li {
	display: block;
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
}

body div#gNavi ul li.gNaviHome { background: url(../images/g_home_b.gif) no-repeat;}
body div#gNavi ul li.gNaviNews { background: url(../images/g_news_b.gif) no-repeat;}
body div#gNavi ul li.gNaviMenu { background: url(../images/g_menu_b.gif) no-repeat;}
body div#gNavi ul li.gNaviConcept { background: url(../images/g_concept_b.gif) no-repeat;}
body div#gNavi ul li.gNaviAccess { background: url(../images/g_access_b.gif) no-repeat;}
body div#gNavi ul li.gNaviContact { background: url(../images/g_contact_b.gif) no-repeat;}

body div#gNavi ul li a {
	display: block;
	width: 130px; height: 35px;
}


body div#gNavi ul li a:hover { background-color: transparent;}

body div#gNavi ul li a:hover img {width: 0; height: 0; visibility: hidden; }
body.home  div#gNavi ul li.gNaviHome a img {width: 0; height: 0; visibility: hidden; }
body.news  div#gNavi ul li.gNaviNews  a img {width: 0; height: 0; visibility: hidden; }
body.menu  div#gNavi ul li.gNaviMenu a img {width: 0; height: 0; visibility: hidden; }
body.concept  div#gNavi ul li.gNaviConcept a img {width: 0; height: 0; visibility: hidden; }
body.access  div#gNavi ul li.gNaviAccess a img {width: 0; height: 0; visibility: hidden; }
body.contact  div#gNavi ul li.gNaviContact a img {width: 0; height: 0; visibility: hidden; }


/**************** menu sNavi *********************/

#sNavi{  
  margin: 0 0 15px 0;  
  padding: 0;  
  width: 700px;
  font-family: Georgia, Baskerville, Palatino, Times, serif;
  font-size: 110%;
  /*font-style: italic;*/
}  
  
/*************************************/

#menu_block{
	width:680px;
	overflow:hidden;
	clear:both;
	margin:0;
	overflow:hidden;
	}

.imgArea{
    width: 200px;
    float: left;
    margin: 0 16px 0 0;
    }

.txtArea{
    width: 355px;
    float: right;
    }

.copyright {
	text-align:right;
	font-size: 92%;
	line-height:180%;
	color:#333333;
	margin: 5px -8px 20px 0;
	font-family: Georgia, Baskerville, Palatino, Times, serif;
  	font-style: italic;
}

.pagetop{
	font-family: Georgia, Baskerville, Palatino, Times, serif;
  	font-size: 90%;
  	/*font-style: italic;*/
	float: right;
	margin: 20px 0 0 0;
    clear:both;
	}


/********************* margin *********************/

/*top*/
.mt10{margin:10px 0 0 0; !important} 
.mt20{margin:20px 0 0 0; !important} 
.mt30{margin:30px 0 0 0; !important} 
.mt40{margin:40px 0 0 0; !important} 
.mt50{margin:50px 0 0 0; !important}
.mt60{margin:60px 0 0 0; !important} 

.mt-20{margin:-20px 0 0 0; !important} 

/*bottom*/
.mb5{margin:0 0 5px 0; !important}
.mb8{margin:0 0 5px 0; !important}
.mb10{margin:0 0 10px 0; !important} 
.mb15{margin:0 0 15px 0; !important}  
.mb20{margin:0 0 20px 0; !important} 
.mb30{margin:0 0 30px 0; !important} 
.mb40{margin:0 0 40px 0; !important} 
.mb50{margin:0 0 50px 0; !important} 

/*right*/
.mr10{margin:0 10px 0 0; !important} 
.mr15{margin:0 15px 0 0; !important} 
.mr20{margin:0 20px 0 0; !important} 
.mr30{margin:0 30px 0 0; !important} 
.mr40{margin:0 40px 0 0; !important} 
.mr50{margin:0 50px 0 0; !important}
.mr60{margin:0 60px 0 0; !important} 
.mr70{margin:0 70px 0 0; !important} 
.mr80{margin:0 80px 0 0; !important}
.mr86{margin:0 86px 0 0; !important}
.mr120{margin:0 120px 0 0; !important}

/*left*/
.ml10{margin:0 0 0 10px; !important} 
.ml15{margin:0 0 0 15px; !important} 
.ml20{margin:0 0 0 20px; !important}
.ml25{margin:0 0 0 25px; !important}
.ml30{margin:0 0 0 30px; !important} 
.ml40{margin:0 0 0 40px; !important} 
.ml50{margin:0 0 0 50px; !important}
.ml55{margin:0 0 0 55px; !important}
.ml60{margin:0 0 0 60px; !important} 
 

/******************************************/

.right{float: right;}

.left{float: left;}

/*-----*/

.clearBoth {
	clear: both;
	}
	
	.clearfix:after {
  　　　content: ".";
  　　　 display: block;
  　　　 clear: both;
  　　　 height: 0;
  　　　 visibility: hidden;
　　　}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
		  
