@charset "utf-8";


/*-----------------------------
	大枠設定
------------------------------*/

html, body{
	height: 100%;
}

body{
	background:url(../images/bg.jpg) repeat-x left top;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
#wrapper{
	width:960px;
	margin:0 auto;
	text-align:center;
	color:#4c4c4c;
	min-height:100%;
}
#wrapper a{
	color:#4c4c4c;
	text-decoration: underline;
}
#wrapper a:hover{
	color:#ccc;
	text-decoration: underline;
}

/* print */
@media print{
body{background:none;}
#contents{overflow:visible !important; margin:0 0 0 0;}
.break{page-break-before:always;}
}

	
	



/*-----------------------------
	header
------------------------------*/

#header{
	width:960px;
	height:110px;
	text-align:left;
	position:relative;
}
/* h1 */
#header h1{
	float:left;
	padding-top:10px;
	margin-bottom:10px;
}
/* hnavi */
#header #hnavi{
	clear:right;
	float:right;
	height:15px;
	position:relative;
	margin-top:5px;
}
#header #hnavi ul{
	position:absolute;
	top:0;
	right:0;
	width:500px;
}
#header #hnavi li{
	float:right;
}
#header #hnavi li a{
	color:#555;
	text-decoration:none;
}
#header #hnavi li a:hover{
	color:#ccc;
	text-decoration: underline;
}
/* h_right */
#header #h_right{
	display:none;
	clear:right;
	float:right;
	width: auto;
	height:34px;
	padding-top:10px;
	/margin-top:26px;
}
#header #h_right #font_change{
	float:right;
	line-height:21px;
}
#header #h_right #font_change p{
	float:left;
	margin:0 5px;
}
#header #h_right #font_change img{
	float:left;
}
#header #h_right #key{
	margin:0 5px 10px;
	_margin:0 5px 5px;
	float:right;
}
#header #h_right #key p{
	float:left;
	padding-right:5px;
}
#header #h_right #key input{
	font-size:12px;
}
/* gnavi */
#header #gnavi{
	width:960px;
	clear:both;
	z-index:10000;
}
#header #gnavi li{
	display:inline;
	width:192px;
	z-index:10000;
}
#header #gnavi li img{
	position:relative;
	z-index:999999999999999999;
}
/* gnav非表示 */
#header #gnavi li#gnav3-5,
#header #gnavi li#gnav3-9,
#header #gnavi li#gnav3-10,
#header #gnavi li#gnav3-11,
#header #gnavi li#gnav3-12,
#header #gnavi li#gnav3-13{
	display: none!important;
}




/*-----------------------------
	contents
------------------------------*/

#contents{
	clear:both;
	width:960px;
	text-align:left;
	margin-top:15px;
	overflow:auto;
	/*padding-bottom: 90px;*/
}

/* pan */
#contents #pan{
	clear:both;
	padding:0 0 10px;
	font-size:85%;
	overflow: hidden;
}
#contents #pan li{
	float:left;
}
#contents #pan li a{
	color:#333;
	text-decoration:underline;
}
#contents #pan li a:hover{
	color:#333;
	text-decoration:none;
}
#contents #pan li span{
	letter-spacing:-5px;
	padding:0 5px 0 0;
}

/* pagetop */
#pagetop{
	clear:both;
	width:100%;
	text-align:right;
	margin:5px 0;
	overflow:auto;
}
#pagetop img{
	margin-left:40px;
}






/*-----------------------------
	footer
------------------------------*/

#footer{
	clear:both;
	width:100%;
	color:#fff;
	overflow:hidden;
	position: relative;
	/*height: 90px;
	margin-top:-90px;*/
	background:url(../images/footer_bg.gif) repeat-x left bottom #03A3EB;
}
#footer_inner{
	width:980px;
	margin:15px auto 0;
	overflow:hidden;
}
/* dl */
#footer dl{
	margin-bottom:5px;
	background:url(../images/footer_line.gif) repeat-y 65px top;
	overflow:hidden;
}
#footer dl a{
	color:#fff;
	text-decoration:none;
}
#footer dl a:hover{
	color:#81D1F5;
	text-decoration:none;
}
#footer dl dt{
	float:left;
	width:80px;
	background:url(../images/f_icon.gif) no-repeat left 4px;
	padding-left:10px;
}
#footer dl dd{
	float:left;
	width:880px;
}
#footer dl dd ul li{
	float:left;
	background:url(../images/f_icon.gif) no-repeat left 4px;
	padding-left:10px;
	margin-bottom:4px;
	white-space:nowrap;
}
#footer dl dd ul li{margin-right:20px;}
#footer dl dd ul li.w170{
	width:170px;
}
#footer dl dd ul li.w135{
	width:135px;
}
#footer dl dd ul li.w155{
	width:155px;
}
#footer dl dd ul li a{
	color:#fff;
	text-decoration:none;
}
#footer dl dd ul li a:hover{
	color:#81D1F5;
	text-decoration:underline;
}

/* copy */
#footer #copy{
	clear:both;
	font-size:85%;
	padding:5px 0;
}
	



/* floatmenu */
#floatMenu{
    z-index:100000000000;
	position:fixed!important;
	position:absolute;
	height:69px;
	bottom :10px;
	right: 10px;
	_right: 25px;
	width:304px;
	min-width: 304px;
	padding:0;
	margin:0;
}
#floatMenu2{
    z-index:100000000000;
	position:fixed!important;
	position:absolute;
	height:69px;
	bottom :86px;
	right: 10px;
	_right: 25px;
	width:304px;
	min-width: 304px;
	padding:0;
	margin:0;
	display:none;
}

/* -------------------------- 
IE6 向けのスタイル 
----------------------------- */ 
 
* html body#highwaycontact{
	background:none;
}
* html body.highwaycontact{
	background:none;
}
* html ,* html body {  
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}  
* html #cover {  
    overflow: auto;  
    position: relative;  
    width: 100%;  
    height: 100%;  
	background:url(../images/bg.jpg) repeat-x left top;
} 


/* imgalpha */
a.imgalpha:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a:hover img.imgalpha{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}




/* lang */
#header #lang{
	float:right;
	margin:5px 0;
	overflow:hidden;
	background:#FFFFFF;
	width: 180px;
}
#header #lang li{float:left;}
#header #lang li a:hover{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#header #langbox{ display:none; position:absolute; top:29px; right:0; z-index:99999;}
#header #langbox li{ clear:both; background:#fff;}



