@charset "utf-8";

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0;
	padding:0 0 25px 0;
}

img{
	border:none;
}

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



/* -------------------- frame -------------------- */
#frame{
	margin:18px auto 0 18px;
	width:720px;
}


/* -------------------- headerArea -------------------- */
#headerArea{
	margin-bottom:10px;
}

/* -----  ----- */
#siteLogo {
	margin:0;
	padding:0 0 10px 0;
	border-bottom:#06C 1px solid;
}

/* -----  ----- */
#headNavi ul {
	font-size:60%;
	list-style-type:none;
	text-align:right;
	clear:both;
	position:absolute;
	width:228px;
	height:15px;
	left: 512px;
	top: 62px;
}

#headNavi li{
	margin-left:1em;
	padding-left:14px;
}

#headNavi span{
	color:#808080;
}


/* -------------------- bodyArea -------------------- */
#bodyArea{
	clear:both;
	zoom:100%;
}

#bodyArea:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}



/* -------------------- contetnsArea -------------------- */

#contentsArea {
	color:#333333;
	float:right;
	font-size:80%;
	width:552px;
}

h1,h2,h3,h4,h5,h6,ul,ol,p{
	margin:0;
	padding:0;
}

h2{
	font-size:110%; line-height:120%;}
	
.box {
	padding:0 20px 15px 45px;
}

.box ul {
	line-height:1.5em;
	margin:0 0 0 2em;
	padding:0;
}

.para{
	margin-top:10px;
}



/* -------------------- menuArea -------------------- */
#menuArea {
	float:left;
	font-size:100%;
	width:168px;
}

#menuArea a{
	color:#000000;
	text-decoration:none;
}

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

#menuArea img{
	vertical-align:top;
}

#menuArea ul {
	line-height:1.5em;
	list-style-type:none;
	margin:0;
	padding:0;
}

#menuArea li{
	margin-bottom:5px;
}

#menuArea ul ul {
	list-style-type:none;
	margin:0px;
	font-size:75%;
}


#menuArea ul ul li {
	margin:0px;
	padding:0;
}


/* -------------------- footerArea -------------------- */
#footerArea{
}



/* -------------------- other -------------------- */
.dot{
	color:#008000;
}
.dot2{
	color:#009AFF;
}

.tCenter{
	text-align:center;
}

.tLeft{
	text-align:left;
}

.tRight{
	text-align:right;
}


.fNone{
	float:none;
}

.fLeft{
	float:left;
}

.fRight{
	float:right;
}

.after{
	clear:both;
	zoom:100%;
}

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


.hidden{
	overflow:hidden;
	position:absolute;
	width:0px;
	height:0px;
	top:-1000px;
	left:-1000px;
}

.changeImage{}

ul.selected{
display:none}