/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:url(../img/back2.gif) repeat-x #d5ffc5;
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color:#919191;
	font-size:14px;
	}
img, ul, li, h1, h2, h3, p, div{
	padding:0;
	margin:0;
	border:0;
	}
.blank {
		clear:both;
		line-height:0px;
		font-size:0px;
		}	
/*-------------------main frame------------*/
#main{
	width:820px;
	/*background-image:url(../img/back.png);
	background-color:#FFF;*/
	margin:0 auto 0 auto;
	}
/*---------------------header------------*/
#header{
	width:820px;
	height:77px;
	position:relative;
	color:#FFFFFF;
	margin:0 auto 0 auto;
	background-image:url(../img/header_top.jpg);
	}
	
.logo{
	float:left;
	margin:3px 0 0 50px;
	display: inline;
	}
	
.headmenu{
	margin:10px 0 0 190px;
	float:left;
	}	
	
	
	
#header ul{
	width:290px;
	display:block;
	list-style-type:none;
	}
#header ul li{
	display:block;
	float:left;
	font-size:10px;
		}
#header ul li a{
	color:#000;
	text-decoration:none;
	margin:0 8px 0 8px;
	}
#header ul li a.mg{
	color:#FDFDFD;
	text-decoration:none;
	margin:0 11px 0 0px;
	}
#header ul li a.mg:hover{
	text-decoration:underline;
	}
#header ul li a:hover{
	text-decoration:underline;
	}
#header ul.ad{
	width:230px;
	display:block;
	list-style-type:none;
	margin:53px 0 0 153px;
	}
#header ul.ad li{
	height:29px;
	width:96px;
	display:block;
	border-right:#FFFFFF 1px dashed;
		}
#header ul.ad li.nobor{
	height:29px;
	width:96px;
	display:block;
	margin-left:10px;
	border-right:none;
	}
#header ul.ad li.nobor1{
	height:25px;
	width:96px;
	display:block;
	float:left;
	margin-left:10px;
	border-right:#FFFFFF 1px dashed;
	}
#header ul.ad li a{
	color:#FAFAFA;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0 0;
	}
#header ul.ad li a span{
	color:#A3DCFC;
	text-transform:uppercase;
	}
#header ul.css{
	width:100px;
	display:block;
	margin:75px 0 0 211px;
	font-size:0px;
	padding:0px;
	}
#header ul.css li{
	display:block;
	float:left;
	margin:0 0 0 0;
	}
#header ul.css li a{
	display:block;
	text-indent:-2000px;
	height:14px;
	margin:0 2px 0 0;
	font-size:0px;
	}
#header ul.css li a.htm{
	background:url(../images/xhtml.gif) no-repeat 0 0; width:48px;
		}
#header ul.css li a.cs{
	background:url(../images/css.gif) no-repeat; width:36px;
		}
#header p{
	padding:100px 0 0 190px;
	color:#FAFAFA;
	font-weight:normal;
	height:14px;
	}
	
	
#header h1{
	position:absolute;
	top:30px;
	left:533px;
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#000;
	width: 242px;
	}
/* ------------------------------
メニュー部
------------------------------ */
#menu{
	width: 750px;
	height:30px;
}

#menu ul{
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
	list-style: none;
}

#menu li{
	display: inline;
}

#menu a{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
}

.index{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_top.jpg);
	margin-right: 3px;
}

.index a{
	background-position: 0px 0px;
	background-image: url(../img/navi_top.jpg);
}

.index a:hover{
	background-position: 0px -30px;
}

.content{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_content.jpg);
	margin-right: 3px;
}

.content a{
	background-position: 0px 0px;
	background-image: url(../img/navi_content.jpg);
}

.content a:hover{
	background-position: 0px -30px;
}

.intro{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_intro.jpg);
	margin-right: 3px;
}

.intro a{
	background-position: 0px 0px;
	background-image: url(../img/navi_intro.jpg);
}

.intro a:hover{
	background-position: 0px -30px;
}

.invite{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_invite.jpg);
	margin-right: 3px;
}

.invite a{
	background-position: 0px 0px;
	background-image: url(../img/navi_invite.jpg);
}

.invite a:hover{
	background-position: 0px -30px;
}

.info{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_info.jpg);
	margin-right: 3px;
}

.info a{
	background-position: 0px 0px;
	background-image: url(../img/navi_info.jpg);
}

.info a:hover{
	background-position: 0px -30px;
}

.member{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_member.jpg);
	margin-right: 3px;
}

.member a{
	background-position: 0px 0px;
	background-image: url(../img/navi_member.jpg);
}

.member a:hover{
	background-position: 0px -30px;
}
	
/*---------------------topmain------------*/
#topmain{
	width:820px;
	height:250px;
	position:relative;
	color:#FFFFFF;
	background:url(../img/mainimg.jpg);
	}
#topmain img{
	margin:10px 0 0 20px;
	}
#topmain h2{
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
	padding:10px 0 0 10px;
	}
	
#topmain2{
	width:750px;
	height:60px;
	position:relative;
	color:#FFFFFF;
	}
#topmain2 h3{
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
	padding:20px 0 0 20px;
	}
	
/*-------------------mainbody---------------*/
#mainbody{
	width:820px;
	height:461px;
	background-image:url(../img/maincontbk.jpg);
		}
		
		
/*-------------------left side----------------*/
#lefttop{
	margin-top:15px;
	margin-bottom:3px;
	}

#left{
	width:250px;
	float:left;
	margin:0 0 0 40px;
	display: inline;
	}
	/*------*/
#left ul{
	list-style-type:none;
	display:block;
	margin:0px 0 0 0px;
	font-size:8px;
	}
#left ul li{
	display:bslock;
	border-bottom:#666666 1px dashed;
	}
#left ul li a{
	font-size:12px;
	color:#333333;
	text-decoration:none;
	line-height:16px;
	display:block;
	}
#left ul li a:hover{
	background-color:#99ccff;
	}
.npaper{
	margin-top:15px;
	}

/*----------------------main part------*/
#mid{
	width:480px;
	float:left;
	color:#515151;
	font-size:14px;
	margin:0 30px 0px 15px;
	display: inline;
	}
#mid h2{
	background:url(../images/dont_miss.gif) no-repeat;
	height:48px;
	width:131px;
	text-indent:-2222px;
	margin:125px 0 0 15px;
	}

#title{
	background:url(../images/titlebar01.png) no-repeat;
	height:70px;
	width:437px;
	display:block; float:left;
	font-weight:normal;
	margin:60px 0 20px 0;
	}

#mid h3{
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color: #666; font-size:23px;
	font-weight:normal;
	padding-left:90px;
	padding-top:38px;
	}
#mid p{
	width:401px;
	margin:0px 10px 28px 24px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
#mid p.nibh{
	width:401px;
	margin:0px 10px 0px 24px;
	line-height:19px;
	font-style:italic;
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
v	font-size:14px;
	color:#171717;
	}
#mid p.nibh span.name{
	margin:0px 10px 0px 200px;
	line-height:17px;
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	color:#2084BD;
	background-color:#FFFFFF;
	font-weight:bold;
	}
#mid p.nibh span{
	color:#B9974B;	font-size:24px;	font-weight:bold;
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	}
#mid_pic a.more:hover{
	text-decoration:underline;
	}
	
#mid dl{
	padding:10px 0 10px 60px;
	margin:5px 10px 0px 10px;
	}
#mid dt{
	font-size:14px;
	margin-bottom:5px;
	margin-top:5px;
	}
#mid dd{
	font-size:12px;
	line-height:17px;
	}
.midwaku{
	height:400px;
	margin-top:15px;
	}
.midtitle1{
	height:20px;
	margin-left:15px;
	}
	
.lb1{
	float:left;
	margin-left:15px;
	}
.lb2{
	float:left;
	margin:0 14px 0 15px;
	}
.lb3{
	float:left
	}
	
.midtitle2{
	height:20px;
	margin:20px 0 0 15px;
	}
.midmalmaga{
	margin:0px 0 0 15px;
	}
.midsp{
	float:left;
	margin:0px 0 0 15px;
	}
.midcam{
	float:left;
	margin:0px 0 0 20px;
	}
	

/*---------------------------footer--------------*/
#footer_div{
	width:820px;
	height:70px;
	background:url(../img/footerline.jpg);
	float:left;
	margin:0 auto 0 auto;
	}
#footer_div ul{
	width:460px;
	margin:20px 0 0 185px;
	display:block;
	list-style-type:none;
	height: 13px;
	margin-top:5px;
	}
#footer_div ul li{
	display:block;
	float:left;
	font-size:10px;
		}
#footer_div ul li a{
	color:#FFF;
	text-decoration:none;
	margin:0 8px 0 8px;
	}
#footer_div ul li a.mg{
	color:#FDFDFD;
	text-decoration:none;
	margin:0 11px 0 0px;
	}
#footer_div ul li a.mg:hover{
	text-decoration:underline;
	}
#footer_div ul li a:hover{
	text-decoration:underline;
	}
#footer_div ul.ad{
	width:230px;
	display:block;
	list-style-type:none;
	margin:53px 0 0 153px;
	}
#footer_div ul.ad li{
	height:29px;
	width:96px;
	display:block;
	border-right:#FFFFFF 1px dashed;
		}
#footer_div ul.ad li.nobor{
	height:29px;
	width:96px;
	display:block;
	margin-left:10px;
	border-right:none;
	}
#footer_div ul.ad li.nobor1{
	height:25px;
	width:96px;
	display:block;
	float:left;
	margin-left:10px;
	border-right:#FFFFFF 1px dashed;
	}
#footer_div ul.ad li a{
	color:#FAFAFA;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0 0;
	}
#footer_div ul.ad li a span{
	color:#A3DCFC;
	text-transform:uppercase;
	}
#footer_div ul.css{
	width:100px;
	display:block;
	margin:75px 0 0 211px;
	font-size:0px;
	padding:0px;
	}
#footer_div ul.css li{
	display:block;
	float:left;
	margin:0 0 0 0;
	}
#footer_div ul.css li a{
	display:block;
	text-indent:-2000px;
	height:14px;
	margin:0 2px 0 0;
	font-size:0px;
	}
#footer_div ul.css li a.htm{
	background:url(../images/xhtml.gif) no-repeat 0 0; width:48px;
		}
#footer_div ul.css li a.cs{
	background:url(../images/css.gif) no-repeat; width:36px;
		}
#footer_div p{
	padding:100px 0 0 190px;
	color:#FAFAFA;
	font-weight:normal;
	height:14px;
	}