@charset "shift-jis";
html{
background-color:#F5F3F0;
background-image:url(../images/bg_green.gif);
background-position:center 3px;
background-repeat:repeat-y;

}
body{
font-size: 62.5%;
text-align:center;
}
#wrapper{
margin:auto;
width:820px;
}

a,
a:link{
color:#408DFF;
}
a:hover{
color:#7FAF0A;
}


/*--header--*/
#header{
text-align:left;
}
#header h1,
p.logo{
position:absolute;
top:32px;
}
#header h2,
p.discription{
position:absolute;
top:14px;
}
/*-/header--*/

/*--mainBox--*/
#mainBox{
float:right;
padding-top:40px;
padding-bottom:40px;
text-align:left;
width:570px;
}
#mainBox h1{
margin-bottom:10px;
}
.topicPath{
margin-bottom:22px;
}
.topicPath li{
background-image:url(../images/path.gif);
background-repeat:no-repeat;
font-size:1.2em;
display:inline;
padding:0px 5px 0px 10px;
}
	.topicPath li.firstChild{
	background-image:none;
	padding-left:0px;
	}
#mainBox ul.banner li{
margin-top:20px;
}
#mainBox p{
font-size:1.2em;
line-height:1.5;
padding-bottom:1.3em;
text-align:justify;
text-justify:inter-ideograph;
}
#mainBox img.left{
float:left;
}
#mainBox p.goTop{
padding:0;
padding-top:20px;
text-align:right;
}
/*-/mainBox--*/

/*--sideBox--*/
#sideBox{
background-image:url(../images/sideBox_bg.gif);
background-position:left top;
background-repeat:repeat-x;
float:left;
text-align:left;
width:230px;
padding-bottom:18px;
}
ul#glovalMenu{
background-image:url(../images/gMenu_bg.png);
background-position:10px bottom;
background-repeat:no-repeat;
padding-top:132px;
padding-left:0px;
text-align:center;
}
	ul#glovalMenu li,
	ul#glovalMenu img,
	ul#glovalMenu a{
	display:block;
	margin:auto;
	}
ul.categoryMenu{
margin-bottom:10px;
background-image:url(../images/cMenu_bg.png);
}
	/* \*/
	* html ul.categoryMenu{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(Src=../images/cMenu_bg.png,SizingMethod=scale);
	width:230px;
	height:1px;
	}
	/* */
	ul.categoryMenu li{
	width:210px;
	}

p.copyright{
font-size:1.2em;
text-align:center;
padding-top:10px;
}
/*-/sideBox--*/


/* clear element */
#body:after{
content:url(../images/clear.gif);
display:block;
clear:both;
height:0px;
}
#body{display:inline-block;}
/* \*/
* html #body{height:1%;}
#body{display:block;}
/* */
.clear{
clear:both;
}
/* clear element */