@charset "utf-8";

/*------------------------------------------------------------
	clear fix
------------------------------------------------------------*/
@import "clearfix.css";


/*
Setting the font size
	77% = 10px	|	123.1% = 16px	|	167% = 22px	
	85% = 11px	|	131%   = 17px	|	174% = 23px 
	93% = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
*/


/*==============================================
	基本
==============================================*/
*{margin:0; padding:0;}
hr {display:none;}
img {border:none;}
ul {list-style:none;}
table {font-size:100%;}


body {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#666;
	background-color:#fff;
	background:url(../../img/top_BG.jpg) no-repeat;
}

/* IE5 - IE6 */
* html body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
	font-size:75%;
}

/* IE7 */
*:first-child+html body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
	font-size:75%;
}

/* IE8 */
html>/**/body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
    font-size /*\**/:75%\9;
}

a:link,
a:visited {color:#575757; text-decoration:none;}
a:active {color:#06C; text-decoration:underline;}
a:hover {color:#06C; text-decoration:underline;}


#wrapper {width:809px; text-align:left; padding:150px 0 0 0;}


/*==============================================
	ヘッダー
==============================================*/
#Header {width:809px; height:200px; position:relative;}
#Header h1 {
	width:134px;
	height:56px;
	top:56px; 
	left:117px; 
	position:absolute;
	font-size:0em;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */		
	}


/* gNavi
----------------------------------------------- */
#Header ul#gNavi {position:absolute; top:123px; left:115px;}
#Header ul#gNavi li {display:inline; float:left; margin:0 10px 0 0; font-size:0em;}
#Header ul#gNavi li a {
	display:block;
	width:83px;
	height:21px;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */
	}
	
	
	
#Header ul#menu {position:absolute; top:30px; left:659px;}
#Header ul#menu li {float:right; font-size:0em;}

#Header ul#menu li a.menu01 {
	display:block;
	width:150px;
	height:16px;
	margin:0 0 24px 0;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */
	}	
	
#Header ul#menu li a.menu02 {
	display:block;
	width:80px;
	height:21px;
	margin:0 0 19px 0;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */
	}

#Header ul#menu li a.menu03 {
	display:block;
	width:89px;
	height:16px;
	margin:0 0 24px 0;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */
	}
	
#Header ul#menu li a.menu04 {
	display:block;
	width:128px;
	height:16px;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */
	}


/*==============================================
	フッター
==============================================*/
#footer {width:809px; height:224px; position:relative;}

#footer p.copyright {position:absolute; top:206px; left:9px; font-size:10px;}

#footer ul.logo {width:389px; position:absolute; top:159px; left:420px;}
#footer ul.logo li {float:left; font-size:0em;}

#footer ul.logo li a.logo01 {
	display:block;
	width:35px;
	height:58px;
	margin:0 27px 0 0;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */
	}	

#footer ul.logo li a.logo02 {
	display:block;
	width:48px;
	height:58px;
	margin:0 27px 0 0;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */
	}


#footer ul.logo li a.logo03 {
	display:block;
	width:70px;
	height:58px;
	margin:0 26px 0 0;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */
	}
	
	
#footer ul.logo li a.logo04 {
	display:block;
	width:67px;
	height:58px;
	margin:0 24px 0 0;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */
	}
	

#footer ul.logo li a.logo05 {
	display:block;
	width:65px;
	height:58px;
	text-indent:-9999px;
	/* Hides from IE-mac \*/
    overflow:hidden;
    /* End Hides from IE-mac */
	}