@charset "UTF-8";
/* CSS Document */


*    {
margin:0;
padding:0;
border:none;
color:#414141;
font-size:100%;
font-weight:normal;
font-style:normal;
text-decoration:none;
line-height:1.5;
}

/* font reset style */
body  {
font:13px/1.231 arial, helvetica, "ＭＳ Ｐゴシック", Osaka, sans-serif;
*font-size:small;
*font:x-small;
background-color: #fff;
}

table  {
font-size:inherit;
font:100%;
}


pre, code, kbd, samp, tt  {
font-famiy:monospace;
*font-size:108%;
line-height:100%;
}

img  {
margin:0;
padding:0;
border:0;
text-align:left;
}

div {display: block;}

h1, h2, h3, h4, h5, h6, p, address	{
	display: block;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	margin:0;
	padding:0;
	}

p {margin: 0px 0px 0px 0px;}
hr {display: none;}

/* -----------------------  */

/* clearfix --------------*/
.clearfix:after{
   content: " "; 
   display: block; 
   visibility: hidden; 
   clear: both; 
   height: 0.1px; 
   font-size: 0.1em; 
   line-height: 0;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

a { outline:none;}

a:link {
	text-decoration: none;
	color:#476699;
}
a:visited {
	text-decoration: none;
	color:#476699;
}
a:hover {
text-decoration: underline;
color: #476699;

}
a:active {text-decoration: underline;}

.clear {clear: both;float: none;border: none;}



/* -------------------------*/

#Wrap  {
width:830px;
margin:0 auto;
height:auto;
}

#Header_Wrap  {
width:830px;
margin:20px 0 35px;
}

#Header_ttl  {
float:left;
padding-right:45px;
padding-top:42px;
}



#Main_Menu  {
width:680px;
float:left;
padding-top:40px;}

#Main_Menu ul  {
margin:0;
padding:0;
list-style:none;
}

#Main_Menu li  {
float:left;
margin:0;
padding:0;
height:17px;
text-indent:-9999px;
}

#Main_Menu li a  {
text-decoration:none;
display:block;
height:17px;
}


/*--------------basic-----------------
-----------------------*/
#Main_Menu li#Top {
background:url(../images/main_menu.gif) no-repeat 0px 0px;
width:84px;
}
#Main_Menu li#About    {
background:url(../images/main_menu.gif) no-repeat -84px 0px;
width:105px;
}
#Main_Menu li#Member  {
background:url(../images/main_menu.gif) no-repeat -189px 0px;
width:116px;
}
#Main_Menu li#Blog    {
background:url(../images/main_menu.gif) no-repeat -305px 0px;
width:94px;
}
#Main_Menu li#Info    {
background:url(../images/main_menu.gif) no-repeat -399px 0px;
width:152px;
}
#Main_Menu li#Contact  {
background:url(../images/main_menu.gif) no-repeat -551px 0px;
width:127px;
}

/*--------------hover-------------------
-------------------------*/
#Main_Menu li#Top a:hover  {
background:url(../images/main_menu_on.gif) no-repeat 0px 0px;
width:84px;
}
#Main_Menu li#About a:hover     {
background:url(../images/main_menu_on.gif) no-repeat -84px 0px;
width:105px;
}
#Main_Menu li#Member a:hover  {
background:url(../images/main_menu_on.gif) no-repeat -189px 0px;
width:116px;
}
#Main_Menu li#Blog a:hover    {
background:url(../images/main_menu_on.gif) no-repeat -305px 0px;
width:94px;
}
#Main_Menu li#Info a:hover    {
background:url(../images/main_menu_on.gif) no-repeat -399px 0px;
width:152px;
}
#Main_Menu li#Contact a:hover   {
background:url(../images/main_menu_on.gif) no-repeat -551px 0px;
width:127px;
}


/*-----------------------------
---------------------------------------------*/