@charset "UTF-8";

/* **************************************
*Since: 2008-7-24
*Modified: 2008-0-00
************************************** */
/* Reset & Restyle
---------------------------------------------------------------------------------------- */
html{
	overflow-y:scroll;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre,strong,em{
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	line-height:1.5;
	color: #333;
	margin:0;
	padding:0;
}

body{
	font-size:75%;
	text-align:center;
}

small{
	font-size:85%;
}

/* ModernBrowsersOnly(notIE7) */
html>/**/body{
	font-size:12px;
}

img{
	border: 0px;
	vertical-align:bottom;
}

ul, ol{
	list-style-type: none;
}

table {
	border: none;
}

th, td {
	padding: 0px;
}

hr{
	display:none;
}

/* link color
---------------------------------------------------------------------------------------- */
a {
	text-decoration: none;
	color:#000;
}

a:hover {	
	color:#777;
	text-decoration: underline;
}



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


/*header / footerNavi
------------------------------------------------------------*/
#header,
#footerNavi{
	width:865px;
	margin:0px auto;
}

#header h1,
#footerNavi h1{
	float:left;
	padding:24px 0px 14px 0px;
}

#header ul.groupMenu,
#footerNavi ul.groupMenu{
	float:right;
	padding:52px 0px 0px 0px;
}

#header ul.groupMenu li,
#footerNavi ul.groupMenu li{
	float:left;
	padding:0px 0px 0px 20px;
}

#header ul.groupMenu li a:hover,
#footerNavi ul.groupMenu li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*groupMenu
------------------------------------------------------------------*/
ul.groupMenu li{
	height:13px;
}
ul.groupMenu li a{
	display:block;
	background:url(../menu_images/gmenu.png) no-repeat;
	overflow:hidden;
	height:0;
	padding-top:13px;
	
}
ul.groupMenu li.menu1 a{width:63px; background-position:0 0;}
ul.groupMenu li.menu2 a{width:75px; background-position:-83px 0;}
ul.groupMenu li.menu3 a{width:62px; background-position:-177px 0;}
ul.groupMenu li.menu4 a{width:103px; background-position:-259px 0;}
ul.groupMenu li.menu5 a{width:103px; background-position:-378px 0;}
ul.groupMenu li.menu6 a{width:98px; background-position:-497px 0;}


/*glMenu
------------------------------------------------------------------*/
#footerNavi{
	width:865px;
	margin:0 auto;
	position:relative;
}
ul.glMenu{
	position:relative;
	list-style:none;
	background-color:#FFF;
	height:22px;
	text-align:left;
	clear:both;
}
ul.glMenu li{
	padding:0;
	margin:0;
	height:22px;
	display:inline;
}
ul.glMenu li a{
	height:0px;	
	outline:0;
	padding-top:22px;
	overflow:hidden;
	float:left;
	background-image:url(../menu_images/menu.png);
	background-repeat:no-repeat;
}
ul.glMenu li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
ul.glMenu li.menu1 a{width:108px;background-position:0px 0px;}
ul.glMenu li.menu2 a{width:108px;background-position:-108px 0px;}
ul.glMenu li.menu3 a{width:108px;background-position:-216px 0px;}
ul.glMenu li.menu4 a{width:108px;background-position:-324px 0px;}
ul.glMenu li.menu5 a{width:108px;background-position:-432px 0px;}
ul.glMenu li.menu6 a{width:108px;background-position:-540px 0px;}
ul.glMenu li.menu7 a{width:109px;background-position:-648px 0px;}
ul.glMenu li.menu8 a{width:108px;background-position:-757px 0px;}


ul.glMenu ul.subnOver{
	top:22px;
}
ul.glMenu li ul{
	width:9em;
	position:absolute;
	color:#F00;
	top:-9999em;
}

ul.subNavi li{
	display:block;
}
#footerNavi ul.subNavi{
	width:auto;
}
#footerNavi ul.subNavi li{
	display:inline;
}
#footerNavi ul.subNavi li a{
	display:inline;
}

ul.subNavi li a{
	margin:0;
	padding:3px 10px;
	background-color:#9E9E9E;
	display:block;
	color:#FFF;
	font-size:11px;
	background-image:none;
	height:auto;
	float:none;
}
ul.subNavi li a:hover{
	background:#3F3C3C;
	text-decoration:none;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


ul.glMenu li.menu3 ul{
	margin-left:-648px;
}
html>/**/body ul.glMenu li.menu3 ul{
	margin-left:217px;
}

ul.glMenu li.menu3 ul li a{
	width:9em;
}
ul.glMenu li.menu4 ul{
	margin-left:-540px;
}
html>/**/body ul.glMenu li.menu4 ul {
	margin-left:325px;
}

ul.glMenu li.menu4 ul li a{
	width:14em;
}


/*bottomNavi
-------------------------------------------------------------------------------*/
#wrapper ul.bottomNavi {
	text-align:right;
	clear:both;
	padding:10px 0px 0px 0px;
}

#wrapper ul.bottomNavi li{
	background:url(../../common/images/icon_arrow03.gif) no-repeat left center;
	display:inline;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
}

/* contentPage
---------------------------------------------------------------------------------------- */
#contentPage{
	width:660px;
	margin:40px auto 0 auto;
	text-align:left;
}
#contentPage p{
	color:#333;
	line-height:1.6;
}
#contentPage h2.title{
	width:203px;
	height:82px;
	text-indent:-99999px;
	float:left;
	margin-right:17px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#contentPage h3.subtitle{
	width:440px;
	height:82px;
	text-indent:-99999px;
	float:right;
	background-position:0 50%;
	background-repeat:no-repeat;
}
#contentPage h4{
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
#contentPage .caption{
	font-size:10px;
}
/* footer
---------------------------------------------------------------------------------------- */


#footer{
	background:url(../menu_images/bg_body.gif) repeat-x top;
	width:100%;
	display:inline-block;
	clear:both;
}


#copyright{
	margin:35px 0 15px 0;
}



/* clearFix
---------------------------------------------------------------------------------------- */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearFix{
	display:inline-block;
}

/*\*/ * html .clearFix{
	height:1%;
} /**/

/*\*/ .clearFix{
	display:block;
} /**/
