
/*----------------------------------
=00 clearfix
----------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{display:inline-block;}

/* Hides from IE-mac ＼*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End from IE-mac ＼*/


/*----------------------------------
=01 reset 
----------------------------------*/

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th {  
	margin:0; 
	padding:0;
	} 

body{  
	margin:0; 
	padding:0;
	text-align:center;
	font-size:12px;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana",sans-serif;
	line-height:1.8;
	color:#424242;	}

table { 
	} 

address,caption,cite,code,dfn,em,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 

h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	}
	
fieldset,img {border:0;} 	 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}

a:link{color:#4a74ad;}
a:hover{color:#4a74ad; text-decoration:none;}
a:active{color:#4a74ad;}
a:visited{color:#4a74ad;}


.pink a { color: #e46e82; }


/* 画像下のスペース消し */
li img,
dt img,
dd img{
vertical-align:top;}


/*----------------------------------
=02 font color size
----------------------------------*/

.txt-center{text-align:center;}
.txt-left{text-align:left;}
.txt-right{text-align:right;}
.txt-s{font-size:10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.dot-gy{background:url(../img/bg_dot-gy.gif) repeat-x;}
.dot-gy2{background:url(../img/bg_dot-gy.gif) repeat-x bottom;}

/*----------------------------------
=02 base layoout
----------------------------------*/
#wrapper-top{
	background:url(../img/bg_top_header.gif) repeat-x;
	margin:0 auto; 
	padding:0;

	}


#wrapper{
	background:url(../img/bg_header.gif) repeat-x;
	margin:0 auto; 
	padding:0;

	}

#container{
	width:927px;
	margin:0 auto; 
	padding:0;
	text-align:left;
	background:url(../img/top_bg02.gif) left top repeat-y;
	}

#header{
 width:927px;
 margin:0 auto;
  height:88px;
	}
#header h1{
 margin:6px 0 0 0;
 float:left;
	}
#header p{
 margin:42px 0 0 16px;
 display:inline;
 float:left;
 font-size:10px;
 line-height:150%;
	}
#header_g01{
 width:927px;
}
#h_group01{
 width:590px;
 float:left;
 padding:0 0 0 51px;
}


#h_group02{
 width:213px;
 float:right;
 padding:26px 62px 0 0;
 margin:0;
}
#h_group03{
 width:213px;
 float:right;
 padding:9px 45px 0 0;
 margin:0;
}
#navi{
 width:839px;
 height:49px;
 margin:0 50px 0 auto;
}
#navi ul li{
 float:left;
}


#footer{
 background:url(../img/bg_footer.gif) repeat-x;
 margin:10px 0 0 0;
 width:100%;
}

#footer #foot{	
	width:810px;
	text-align:left;
	margin:0 auto;
	line-height:1;
	padding:15px 0 30px;
	}

#footer #foot ul{
 float:left;
 width:450px;
}


#footer #foot li{
	display:inline;
	background:url(../img/icon_footlink.gif) no-repeat left 0.2em;
	padding:0 0 0 12px;
	margin-right:10px;}




#footer #foot address{
	float:right;
	width:350px;
	text-align:right;
	color:#626262;
	}


