@charset "utf-8";
/* CSS Document */
body{font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; font-size:12px; color:#333; line-height:1.5em; background-color:#f5f5f5;}

a{color:#333;}
a:link{ text-decoration:none;}


#header h1{float:left;}
#header ul{
				float:right; 
				width:380px;
			}
#header ul li{
				float:right; 
				margin-left:30px; 
				margin-top:15px; 
				list-style:url(../images/main/header/icon1.png); 
				font-size:11px; 
				font-weight:bold;
			}
#header .t1{ 
				font-weight:bold; 
				color:#828282; 
				margin-top:10px;
				list-style:none; 
				font-size:12px
			}
			
			
/*menu_gnb*/
.gnb{
		background:#000;
		opacity:0.7;
		height:63px;
		margin-top:15px;
		position:relative;
		overflow:hidden;
		
		transition:all 0.3s ease-in-out ;
				-webkit-transition:all 0.3s ease-in-out ;
				-moz-transition:all 0.3s ease-in-out;
				-o-transition:all 0.3s ease-in-out;
				-ms-transition:all 0.3s ease-in-out ;
	}
	
.gnb ul{width:1000px; margin:0 auto;}
.gnb .title{float:left; margin:22px 39px 0;position:relative;} 

.gnb .sub1{
				clear:both;
				position:absolute;
				top:50px;
				left:-55px;
				width:180px;
				text-align:center;	
			}
.gnb .sub1 li{
				width:150px; 
				text-align:left;
				font-size:13px;
				padding:10px 39px 0;
			}
			
.gnb .sub2{
				clear:both;
				position:absolute;
				top:50px;
				left:-50px;
				width:180px;
				text-align:center;	
			}
.gnb .sub2 li{
				width:150px; 
				text-align:left;
				font-size:13px;
				margin:4px 39px 0;
			}

.gnb .sub3{
				clear:both;
				position:absolute;
				top:50px;
				left:-20px;
				width:180px;
				text-align:center;	
			}
.gnb .sub3 li{
				width:150px; 
				text-align:left;
				font-size:13px;
				margin:10px 39px 0;
				
				
			}
			
.tab a{color:#fff;}
.tab a:hover{text-decoration:underline;}
.gnb:hover{height:320px;opacity:0.8;}

.gnb .line{
			margin:63px auto; 
			width:1000px; 
			height:1px; 
			background-color:#fff;
		}

/*footer*/
#footer h5{float:left; margin-top:12px; margin-right:20px;}
#footer ul li{float:left; margin:13px 15px 30px;color:#bcbcbc;}
#footer ul li a{color:#bcbcbc;}
#footer ul li a:hover{text-decoration:underline;}
#footer p{clear:both; color:#999; margin-bottom:5px;}
#footer p span{font-weight:bold; margin-right:30px;}
#footer .copy{margin-top:10px;}
#footer .dw{position:absolute; top:125px;right:0;}



---------------------------------------------------*/
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height:0;
}
.clearfix { /zoom: 1; } /* IE */

.both {
	clear: both;
	}