﻿/* CSS Document */
/**
	共通部分設定
**/
*{
	margin:0px;
	padding:0px;
}

h1{
	margin:0px 0px 0px 0px;

 }



body {
	/*background:url(../images/bg.jpg);
	background-repeat:repeat-x;*/
	background-color:#f6f5f5;
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P Gothic", sans-serif;
	font-size:80%;
	line-height:1.5;
	margin: 0;
	height:100%;
	margin:0px;
}

a:link{
	color:#000000;
	border:0;
	text-decoration:none;
}

a:visited{
	color:#000000;
	border :0;
	text-decoration:none;
}

a:hover{
	color:#990000;
	border :0;
}


img {
    border-style:none;
}

img a{
    border-style:none;
}
#wrapper{
	width:980px;
	margin:0px auto;
	background-color:#ffffff;	
}


#container{
	width:952px;
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;
}


/* Header Area
------------------------------------------ */
div#header{
	height:130px;	
}

/** Logo **/

div#logo{
	width:100%;
	height:30px;
	margin: 40px 0px 20px 0px;
	padding: 0;	
	float: left;
}

div#logo h1{
	margin:0px 0px 0px 60px;
	padding:0px;
}

div#logo h1 a {
    display: block;
    margin: 0;
    width: 280px;
    height: 30px;
	padding:0px;
} 

div#actys {
	float: left;
	width: 49px;
	height: 22px;
	margin: 5px 5px 0px 0px;
}


div#logo em {
    display: none;
}

/** right Button **/
div#EngPage{
	float: right;
	width: 118px;
	height:25px;
}

div#EngPage h1 {
	margin:0px;
	padding:0px;
}

div#EngPage h1 a{
    display: block;
    margin: 0;
    width: 118px;
    height: 25px;
	padding:0px;
}
 
div#EngPage em {
    display: none;
}



/* GlobalNavi
============================================================================================================ */
#navi{
	  width: 952px;   
	  height: 42px;   
	  clear:both;
	  margin-bottom:10px;
}

#navi ul{
list-style-type:none;
}

#navi ul li{
float:left;
text-indent:-9999px;
}



#navi li {
    text-indent: -9999px;   
	float:left;   
	height: 42px;      
	margin: 0;   
	padding: 0;   

}

#navi a {
  width:136px;
  display: block;   
  overflow:hidden; 
  height: 42px;   
  background-image:url(../image/groval_nav.png);
  background-repeat: no-repeat; 
}

#menu1 a{background-position: 0 0;}   
#menu2 a{background-position: -136px 0; }   
#menu3 a{background-position: -272px 0; }   
#menu4 a{background-position: -408px 0; }   
#menu5 a{background-position: -544px 0; }   
#menu6 a{background-position: -680px 0; } 
#menu7 a{background-position: -816px 0; }  
  
#navi a:hover{   
  background-image:url(../image/groval_nav.png);   
  background-repeat: no-repeat;   
}   
  
#menu1 a:hover, #menu1_bar a{background-position: 0 -42px;}   
#menu2 a:hover, #menu2_bar a{background-position: -136px -42px;}   
#menu3 a:hover, #menu3_bar a{background-position: -272px -42px;}   
#menu4 a:hover, #menu4_bar a{background-position: -408px -42px;}   
#menu5 a:hover, #menu5_bar a{background-position: -544px -42px;}  
#menu6 a:hover, #menu6_bar a{background-position: -680px -42px;} 
#menu7 a:hover, #menu7_bar a{background-position: -816px -42px;} 




#Contents{
	overflow: hidden;	
}

.blocks {
	width:100%;
	position:relative;
}

/* Footer
============================================================================================================ */
#footer_contents{
	width:100%;
	height:50px;
	clear:both;	
	background-color:#ffffff;
}

#footer{
	position:relative;
	width:948px;
	height:50px;
	margin:0 auto;
	position:relative;
	text-align:left;
	border-top: 1px solid #cccccc;
	background-color:#ffffff;
	clear:both;
}

#footer div{
	float:left;
	width:300px;
}
#footer span{
	float:right;
		
}

/** margin 指定　**/
.mar10 { margin:10px; }
.mar15 { margin:15px; }
.mar20 { margin:20px; }
.mar25 { margin:25px; }
.mar30 { margin:30px; }
.mar35 { margin:35px; }
.mar40 { margin:40px; }
.marT10 { margin-top:10px; }
.marT15 { margin-top:15px; }
.marT20 { margin-top:20px; }
.marT25 { margin-top:25px; }
.marT30 { margin-top:30px; }
.marT35 { margin-top:35px; }
.marT40 { margin-top:40px; }
.marL10 { margin-left:10px; }
.marL15 { margin-left:15px; }
.marL20 { margin-left:20px; }
.marL25 { margin-left:25px; }
.marL30 { margin-left:30px; }
.marL35 { margin-left:35px; }
.marL40 { margin-left:40px; }
.marR10 { margin-right:10px; }
.marR15 { margin-right:15px; }
.marR20 { margin-right:20px; }
.marR25 { margin-right:25px; }
.marR30 { margin-right:30px; }
.marR35 { margin-right:35px; }
.marR40 { margin-right:40px; }
.marB10 { margin-bottom:10px; }
.marB15 { margin-bottom:15px; }
.marB20 { margin-bottom:20px; }
.marB25 { margin-bottom:25px; }
.marB30 { margin-bottom:30px; }
.marB35 { margin-bottom:35px; }
.marB40 { margin-bottom:40px; }

/** padding 指定 */
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }
.padT5 { padding-top : 5px; }
.padT10 { padding-top:10px; }
.padT15 { padding-top:15px; }
.padT20 { padding-top:20px; }
.padL5 { padding-left:5px; }
.padL10 { padding-left:10px; }
.padL15 { padding-left:15px; }
.padL20 { padding-left:20px; }
.padR5 { padding-right:5px; }
.padR10 { padding-right:10px; }
.padR15 { padding-right:15px; }
.padR20 { padding-right:20px; }
.padB5 { padding-bottom:5px; }
.padB10 { padding-bottom:10px; }
.padB15 { padding-bottom:15px; }
.padB20 { padding-bottom:20px; }

.txt20 { font-size:18px; }
.txtBold { font-weight:bold;}
