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


/* ベースCSS
---------------------------------------------------- */

*{
 margin:0px;
 padding:0px;
}

html{
 overflow:-moz-scrollbars-vertical;
}

body{
 color:#0C9;
 font-size:12px;
 font-weight:normal;
 font-family:Verdana,Arial,sans-serif;
 line-height:1.5;
 text-align:center;
 background:url(../images/back.jpg) repeat-y center;
}

*html body {
 font-family:'ヒラギノ丸ゴ Pro',sans-serif;
}

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

ul{
	list-style:none;
}

img{
	border:0px;
}

/* ヘッダー
---------------------------------------------------- */

#header{
 width:700px;
 height:60px;
 text-align:left;
 margin-bottom:5px;
 margin-top:10px;
 position:relative;
 }

#header img{
	width:400px;
	height:50px;
	position:absolute;
	top:-3px;
	left:25px;
}

p.header{
	width:200px;
	height:40px;
    font-family:'メイリオ','あずきフォントLP',sans-serif;
    font-size:15px;
	color:#096;
	position:absolute;
	top:0px;
 	right:50px;
	padding:10px 0px;
 }

/* リンク
---------------------------------------------------- */

a:link {
 color:#090;
 text-decoration:none;
}

a:visited {
 color:#090;
 text-decoration:none;
}

a:hover {
 color:#6F9;
 text-decoration:underline;
}

a:active {
 color:#6F9;
 text-decoration:underline;
}

/* レイアウト
---------------------------------------------------- */

#wrap{
	width:700px;
	margin:0px auto;
}


#contents{
 width:700px;
 margin-bottom:5px;

}

#menu{
	width:500px;
	height:30px;
	margin-left:175px;
	padding-right:0px;
	padding-bottom:0px;
	background:url(../images/menu_bg.jpg) no-repeat;

}


/* レフトボックス
---------------------------------------------------- */

#leftbox{
 width:150px;
 height:510px;
 float:left;
 display:inline;
 margin:20px 0px 20px 25px;
}
.leftbox1{
 width:150px;
 height:252px;
 margin-top:1px;
 background:url(../images/contents.jpg) no-repeat;
}

.leftbox1 ul li{
	list-style:circle;
	color:#363;
	}

.leftbox2{
 width:150px;
 height:250px;
 margin-top:10px;
 background:url(../images/link.jpg) no-repeat;
	}
	
.text1{
 color:#6C6;
 font-size:13px;
 padding-left:2px;
 margin-top:5px;
 padding-top:40px;

}

.text2{
 color:#390;
 font-size:13px;
 padding-left:2px;
 padding-top:40px;
 font-size:12px;
 }



/* ライトボックス
---------------------------------------------------- */


#rightbox{
 width:460px;
 height:300px;
 float:right;
 margin:60px 20px 20px 5px;
}

.midashi{
 width:458px;
 height:38px;
 color:#03C;
 font-size:15px;
 background:url(../images/midashi.jpg) no-repeat;
 text-align:center;
 padding-top:5px;

}


.section-text{
 width:460px;
 height:260px;
 padding:20px 0px 0px 0px;
 margin-top:15px;
 background:url(../images/body.jpg) no-repeat;

}

.section-text p{
 margin-top:20px;
 color:#6699cc;

}

.section-text ul li {
 list-style:disc;
 color:#363;
 line-height:1.8;
 padding-left:10px;

}

.section h2{
 width:500px;
 height:35px;
 color:#0077aa;
 font-size:12px;
 background:url(../images/titlebg.jpg) no-repeat left top;
 padding:8px 0px 0px 20px;
}


.sitemap{
 color:#C60;
 font-size:12px;
 margin-right:70px;
 margin-top:50px;
 padding-top:60px;

}

.explain{
 line-height:1.6;
 padding:5px;
}

.sitefloat{
 margin-right:10px;
 float:middle;
}

.sitenote a{
 color:#6699cc;
}

.sitenote ul li {
	text-align:left;
	padding-left:100px;
	list-style:none;

}




/* 簡易clearfix
---------------------------------------------------- */

.clearfix{
 overflow:hidden;
}
/* IE6に適用 */
*html .clearfix{
 zoom:1;
}


/* フッター
---------------------------------------------------- */
#footer{
 width:750x;
 height:50px;
 position:relative;
 color:#090;

}

#footer ul{
	width:416px;
	position:absolute;
	top:15px;
	left:25px;
	color:#090;
	bottom:10px;
	font-size:9px;

}

#footer ul li{
 line-height:1.2;
 border-right:#090 solid 1px;
 padding-right:7px;
 margin-right:7px;
 float:left;
}

.first{
 border-left:#099 solid 1px;
 padding-left:7px;
}

address{
	color:#039;
	font-size:9px;
	font-style:normal;
	position:absolute;
	right:12px;
	top:15px;
	bottom:10px;
	width: 295px;
}
