/* CSS Document */

* {

	margin: 0px;

	padding: 0px;

}



body {  

        background:url(common/bg.gif);

	font-family:Verdana,sans-serif;

	font-size: 75%;

	line-height: 1.4;



}



img{

border:0px;

}





li {

list-style-type:none;

}



ul {

list-style-type:none;

}



a {

	color: #663300;

	text-decoration: none;

}



a:hover {

	color: #AA7744;

}



/*====================================================================

&#65533;n&#65533;b&#65533;N

====================================================================*/

.clearFix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearFix { display: inline-block; }



/* Hides from IE-mac \*/

* html .clearFix { height: 1%; }

.clearFix { display: block; }

/* End hide from IE-mac */



/*====================================================================

&#65533;g

====================================================================*/



#wrapper{

background-color:#FFFFFF;

float:none;

width:750px;

margin:0px auto 0px auto !important;

margin:0px 15% 0px 15%;

}



#wrapper2{

background-color:#FFFFFF;

float:left;

width:750px;

margin:0px;}



/*====================================================================

&#65533;w&#65533;b&#65533;_&#65533;[

====================================================================*/

#header{

float:left;

margin-bottom:15px;

}



#header .top_text{

color:#000;

font-size:90% !important;

font-size:75%;

margin:5px 10px;

padding:3px 0px 3px 3px;

}



/*====================================================================

&#65533;i&#65533;r&#65533;Q&#65533;[&#65533;V&#65533;&#65533;&#65533;&#65533;

====================================================================*/



#navi_button{

width:750px;

height:30px !important;

height:10px;



padding-left:5px !important;

padding-left:25px; 

}





#navi_button li{

width:110px;

height:15px;

text-align:center;

padding:3px 3px !important;

padding:4px 4px 3px 3px;

margin:2px 2px 5px 4px !important;

margin:0px 0px -4px 0px;

float:left;



}



#navi_button li a{

width:110px;

height:15px;

padding:3px 3px !important;

padding:4px 3px 3px 3px;

display:block;

}



#navi_button li a:hover{

color:#663300;

width:110px;

height:15px;

padding:3px 3px !important;

padding:4px 3px 3px 3px;

display:block;

background-color:#FFCCCC;

}



#navi_button .focus a{

color:#663300;

width:110px;

height:15px;

padding:3px 3px !important;

padding:4px 3px 3px 3px;

display:block;

background-color:#FFCCCC;

}



/*====================================================================

&#65533;T&#65533;C&#65533;h&#65533;R&#65533;&#65533;&#65533;e&#65533;&#65533;&#65533;c

====================================================================*/

#sideContent{

color:#663300;

width:180px;

height:auto;

float:left;

padding-left:12px;

list-style-type:none;

margin-right:0px !important;

margin-right:4px;

}



#sideContent .text{

font-size:90%;

padding:0px 3px 0px 3px;

}



#sideContent li {

list-style-type:none;

}



#whatsnew{

color:#663300;

width:171px;

height:180px;

overflow-y:scroll;

margin:3px 0px 15px 0px; 

}

/* safari only \*/

html:\66irst-child #whatsnew{

color:#663300;

width:171px;

height:180px;

overflow:scroll;

margin:3px 0px 15px 0px; 

}

/* end */

#whatsnew .txt{

padding-left:3px;

}

#prev{

color:#663300;

line-height:1.9;

width:171px;

height:140px;

overflow-y:scroll;

margin:3px 0px 15px 0px; 

}

#prev .txt{

padding-left:3px;

}

/* safari only \*/

html:\66irst-child #prev{

color:#663300;

line-height:1.9;

width:171px;

height:140px;

overflow-y:scroll;

margin:3px 0px 15px 0px; 

}

/* end */



#sideContent .mail{

color:#663300;

line-height: 1.4;

margin:5px 0px 10px 3px;

}



#sideContent .mail a{

font-size:120%;

color:#CC6666;

text-decoration:underline;

}



#sideContent .mail a:hover{

font-size:120%;

color:#FF9999;

text-decoration:none;

}



/*====================================================================

&#65533;&#65533;&#65533;C&#65533;&#65533;&#65533;R&#65533;&#65533;&#65533;e&#65533;&#65533;&#65533;c

====================================================================*/

#mainContent{

width:545px;

float:left !important;

float:none;

padding-left:3px;

margin-left:11pxt;

}



h1{

text-align:center;

margin-top:5px;

margin-bottom:10px;

}



h2{

text-align:center;

margin:5px 0px 15px 0px;

color:#996633;

font-size:140%;

font-weight:bold;

}



/*====================================================================

&#65533;t&#65533;b&#65533;^&#65533;[

====================================================================*/

#footer{

float:left !important;

width:750px;

height:15px !important;

height:0px;

text-align:center;

margin:15px 0px 15px 0px !important;

margin:15px 0px 15px 0px;

}



#IE{

    visibility: hidden !important;

    visibility: visible;

}



#footer li{

float:left;

}