/* CSS Document */


body{
	background-color: #f9f9f9;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family:Verdana,Arial,Helvetica,MS UI Gothic,MS P Gothic,MS Gothic,Osaka,sans-serif;font-size:12px;
}

html, body {
    scrollbar-base-color: #f9f6f6;
    scrollbar-track-color: #f9f6f6;
    scrollbar-face-color: #f9f6f6;
    scrollbar-shadow-color: #f9f6f6;
    scrollbar-darkshadow-color: #f9f6f6;
    scrollbar-highlight-color: #f9f6f6;
    scrollbar-3dlight-color: #f9f6f6;
    scrollbar-arrow-color: #FF3300;
}



div#wrap {
	background-image: url(../images2/bkgd.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	background-attachment: fixed;
	background-position: 30px15px;
}
div#header  {

	height:60px;
	background-image: url(../images2/headerbkgd.png);
 behavior: expression(IEPNGFIX.fix(this));
}
.logo  {
	height:51px;
behavior: expression(IEPNGFIX.fix(this));
	background-repeat: no-repeat;
	width: 775px;
	margin-right: auto;
	margin-left: auto;
}
 h1{
	font-size:12px;
	font-weight:bold;
	color: #DB1573;
	width: 774px;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
div#navi{
	width: 764px;
	height: 42px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images2/navibkgd.png);
behavior: expression(IEPNGFIX.fix(this));
	background-repeat: no-repeat;
	font-family: "‚l‚r ƒSƒVƒbƒN", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN";
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.2em;
	text-align: right;
	padding-right: 20px;
}
div#navi ul{
	height: 25px;
	width: 510px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: right;
	}
div#navi li{
	height: 25px;
	width: 100px;
	float: left;
	text-align: left;
	margin: 0px;
	}
div#navi li.tab1{
	height: 25px;
	width: 90px;
	float: left;
	text-align: left;
	margin: 0px;
	}
div#navi li.tab1 a{
	color: #FFFFFF;
	text-decoration: none;

	}
	div#navi li.tab2{
	height: 25px;
	width: 90px;
	float: left;
	text-align: left;
	margin: 0px;
	}
div#navi li.tab2 a{
	color: #FFFFFF;
	text-decoration: none;

	}
	div#navi li.tab3{
	height: 25px;
	width: 90px;
	float: left;
	text-align: left;
	margin: 0px;
	}
div#navi li.tab3 a{
	color: #FFFFFF;
	text-decoration: none;

	}
	div#navi li.tab4{
	height: 25px;
	width: 130px;
	float: left;
	text-align: left;
	margin: 0px;
	}
div#navi li.tab4 a{
	color: #FFFFFF;
	text-decoration: none;

	}
	div#navi li.tab5{
	height: 25px;
	width: 110px;
	float: left;
	text-align: left;
	margin: 0px;
	}
div#navi li.tab5 a{
	color: #FFFFFF;
	text-decoration: none;

	}

div#bodytop{
	width: 784px;
	height: 15px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images2/body_top.png);
	behavior: expression(IEPNGFIX.fix(this));
		background-repeat: no-repeat;

}
div#bodymid{
	width: 784px;
margin-right: auto;
	margin-left: auto;
	background-image: url(../images2/body_mid.png);
	behavior: expression(IEPNGFIX.fix(this));

}

div#bodybtm{
	width: 784px;
	height: 23px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images2/body_btm.png);
	behavior: expression(IEPNGFIX.fix(this));
			background-repeat: no-repeat;

}
div#bodycontents{
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	background-image:url(../images2/bodycontentsbkgd.gif);
	background-repeat: no-repeat;


	 behavior: expression(IEPNGFIX.fix(this));
	height: 400px;
	margin-top: 5px;
}
div#sogolink{
	background-color: #FFCCCC;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	padding-top: 5px;
}
div#sogolink h1{
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-left-width: thick;
	border-left-style: groove;
	padding-left: 5px;
	font-size: 12px;
	margin-top: 10px;
	height: 18px;
}

div#sogolink ul.intro{
	width: 650px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 40px;
	border: 1px dotted #FF6699;
	height: 80px;
	text-align: left;
	font-size: 12px;
	color: #CC0000;
	float: left;
	background-color: #FFFFFF;
	padding-left: 0px;

}
div#sogolink li.intro{
	width: 640px;
	list-style-type: none;
	text-align: left;
	height: 50px;
	color: #996633;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;

}


div#sogolink ul.banner{
	width: 680px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 40px;
	/* border: 1px solid #CC3333;*/
	float: left;
	padding-left: 0px;

}
div#sogolink li.banner{
	float: left;
	width: 100px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	height: 60px;

}
div#sogolink li.link a{

}
div#sogolink ul.sample{
	width: 650px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 40px;
	border: 1px solid #990033;
	height: 100px;
	text-align: center;
	font-size: 12px;
	color: #CC0000;
	float: left;
	padding-left: 0px;

}
div#sogolink li.sample{
	width: 630px;
	list-style-type: none;
	text-align: left;
	margin: 5px;
	height: 30px;
	color: #996633;
	background-color: #FFFFCC;
	padding: 2px;

}
div#top { background:url(/images/top.gif) top left no-repeat; width:783px; height:63px; } 
div#top h1{ font-size:12px; font-weight:100;color: #DB1573; padding-top:8px; padding-left:20px; margin:0; } 


div#mid { background:url(/images/mid.jpg) top left; width:783px; margin:0; padding:0;  } 

div#footer {
	background:url(/images/footer.jpg) top left no-repeat;
	width:772px;
	height:44px;
	margin-left: auto;
} 
.footer {
	font-size:10px;
	color:#c80063;
	line-height:13px;
	padding-top:5px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
} 

div#BN{ margin:0 auto; padding:5px 0 200px 14px; width:759px; background:url(/images/ban.jpg) no-repeat left bottom; } 

div#BNF{ margin:0 auto; text-align:center; padding:5px;} 

.center {text-align:center; margin:5px;}

.gray { color:#777;}

.kyfield { margin:0 auto; border:1px solid #F8F8F8; width:450px; font-size:10px; padding:5px; color:#666; text-align:13px;}

iframe { scrollbar-base-color: #FFF;scrollbar-track-color: #FFF;scrollbar-face-color: #FF9966; scrollbar-shadow-color: #FFF;scrollbar-darkshadow-color: #565656;scrollbar-highlight-color: #FFF;scrollbar-3dlight-color: #FFF;scrollbar-arrow-color: #FFF;BACKGROUND-COLOR: #FFF;}

div#contents{ width:783px; } 

div#contents .ex {
	background-color:#F9EFDB;
	padding:10px;
	width:710px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

a.exlink { color:#41382C; text-decoration:none;} 

a:hover.exlink { color: #41382C; text-decoration:none;} 

#steps { margin:10px 20px 0 30px;}
#steps #step {float:left; width:100px; height:100px; margin:3px; padding:3px; background-color: #FECFDC; border:1px solid #F71A93;}
#steps #step0 {float:left; width:8px; height:100px; margin:0; padding:0;}
#steps #step1 {float:left; width:100px; height:100px; margin:3px; padding:3px; background-color:#F71A93;}
#steps #step2 {float:left; width:100px; height:100px; margin:3px; padding:3px; background-color: #C82844;}
#steps #step3 {float:left; width:100px; height:100px; margin:3px; padding:3px; background-color:#F71A93;}
#steps #step4 {float:left; width:100px; height:100px; margin:3px; padding:3px; background-color: #C82844;}
#steps #step5 {float:left; width:100px; height:100px; margin:3px; padding:3px; background-color:#F71A93;}
#steps #step6 {float:left; width:100px; height:100px; margin:3px; padding:3px; background-color: #C82844;}
#steps .arrow {float:left; width:10px; margin-top:30px; padding-top:20px; background:url(/images/sarrow.gif) top left no-repeat; width:10px; height:8px;}
#steps p{ text-align:center; color:#FFF; font-weight:300; padding-top:20px; margin:0;}
#steps dl{ text-align:center; color:#C82844; font-weight:300; padding-top:20px; margin:0;}

#steps #inStep{width:670px; margin:3px auto; padding:3px;}
#steps .small1 {margin:3px; color: #CC0000; padding:3px; background-color: #FFFFFF; border:1px solid #F71A93;}
#steps .small2 {color: #5C525F; margin:3px 3px 3px 50px; padding:5px; background-color: #F8F8F8; border:1px solid #F7F0F3;}
#steps span {color: #CC0000;}

.end {clear:both; margin:0; padding:0;}

#uploader { margin:0 20px 20px 30px;}
#uploader .explain { border:1px solid #CC0066; margin:10px 20px; padding:10px;}

#uploader .upload { margin:0; padding:10px; line-height:140%;}
#uploader .upload h1 { margin:2px; padding:0;font-size:14px; color:#F71A93;l}

#uploader .pics { margin:2px; padding:1px; border:1px solid #C82844; background-color:#F8F8F8; }
#uploader .pic { margin:2px; padding:2px; border:0px solid #C82844; background-color:#C82844; color:#FFF; }
#uploader .picIN { background-color:#F8F8F8; padding:2px; margin:2px; color:#333; }
#uploader .picIN  img {margin:5px; padding:3px; border:1px solid #F71A93;}

#uploader .pics2 { margin:2px; padding:1px; color: #3300CC;}
#picupload { background-color:#FFF; margin:3px; border:1px solid #3300CC;}
#picupload .submit {padding:3px; margin:0; background-color:#3300cc; font-weight:bold;border:0px double #3300CC; font-size:12px; color:#fff; }
#picupload ol  { margin:0; list-style:inside; padding:5px;}
#picupload li  { margin:0; padding:0;}

#picupload a{ color:#C82844;border:1px solid #F71A93; padding:3px; margin:2px; height:15px; text-decoration:none;}
#picupload a:hover { color:#C82844;border:1px solid #F71A93;padding:3px; margin:2px; height:15px; font-weight:bold; text-decoration:none;}

.kome{ font-size:10px; color:#FF0000; }
.calender{
	float:right;
	padding: 3px;
	width: 286px;
	background-color: #FFFFFF;
}
#hosyu { margin:10px 40px 0 40px; color:#333;}

.gray{ color:#333; }

#hosyu .wk { padding:5px 10px; border:1px solid #F71A93;}
#hosyu span{color:#F71A93;}
#hosyu .subhosyu{
	color:#C82844;
	font-size:14px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C82844;
	margin-bottom: 5px;
	border-left-style: double;
	border-left-color: #C82844;
	border-left-width: medium;
	padding-left: 3px;
	margin-top: 1px;
}
#hosyu .notice{ color:#666; border:1px solid  #CC9999; margin:5px; padding:5px; }


.camp{padding:20px;} 
#camp{ text-align:left; margin:5px; padding:10px; color:#666;} 


#camp ol { margin:5px 0 0 25px; padding:0;font-size:12px; color:#666;  list-style:inside; text-align:left;} 

#camp ol li { margin:0; padding:0; font-size:14px; color: #C01451; line-height:18px; font-weight:bold;} 

#camp ol li h3 { font-size:14px;  color:#666; margin:0 10px 5px 20px;} 


#title {
	padding: 10px 0 0 30px;
}

#faq { margin:20px 30px 0 100px; list-style:none;}


#faq ul  {list-style:none; margin:0; padding:0;}
#faq ul li {list-style:none; margin:5px 30px 5px 30px; padding:5px 30px 5px 15px; border:1px #F8F9C1; background-color:#fff6f6; }
.anstxt{ margin:0; padding:0; COLOR:#7B6409; line-height:17px; font-size:12px; }


#faq a:link {height:18px;  color:#ce4696;text-decoration:none;}
#faq a:visited  { height:18px;  color:#ce4696;ext-decoration:none;}
#faq a:active  { height:18px;  color:#ce4696;text-decoration:none;}
#faq a:hover { height:18px;  color:#ff007e; text-decoration: underline;}


div#left{
	float:left;
	margin-left:20px;
	padding:0;
	background:url(/images/txt1.jpg) top left no-repeat;
	width:319px;
	height:344px;
	margin-right: auto;
}
div#left div { margin:60px 20px 0 20px; padding:0; width:275px; height:275px; color:#41382C; font-size:12px; line-height:120%;}
div#btn { width:350px; height:30px; padding:5px; margin:4px auto; height:15px;}
div#btn a:link{ width:350px; height:30px; padding:5px; margin:4px; height:15px; color:#FFF; padding:1px; text-align:conter;background-color:#FF6633; text-decoration:none;}
div#btn a:visited{ width:350px;height:30px; padding:5px; margin:4px; height:15px; color:#FFF; padding:1px; text-align:conter;background-color:#FF6633; text-decoration:none;}
div#btn a:active{ width:350px;height:30px; padding:5px; margin:4px; height:15px; color:#FFF; padding:1px; text-align:conter;background-color:#FF6633; text-decoration:none;}
div#btn a:hover {width:350px;height:30px; padding:5px; margin:4px; height:15px;  color:#FFF; padding:1px; text-align:conter;  background-color: #CC0099;text-decoration: none;}


div#right{
	float:right;
	margin-left:auto;
	padding:0;
	/*background:url(/images/txt2.jpg) top left no-repeat;*/
	width:319px;
	height:300px;
	margin-right: 20px;
}
div#right div{
	padding:0;
	width:225px;
	height:250px;
	color:#D41034;
	font-size:12px;
	line-height:1.3em;
	margin-top: 35px;
	margin-bottom: 0;
	float: right;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-right: auto;
	margin-left: auto;
}
div#right div a{ width:250px; color:#FF6633; padding:1px; text-align:conter; border:1px solid #FF6633; text-decoration:none;}
div#right div a:hover {width:250px; color:#FFF; padding:1px; text-align:conter; border:1px solid #FF6633; background-color:#FF6633; text-decoration: none;}

div#graph { margin:0;}
div#graph .white {padding:3px;}
div#graph #fleft { width:140px; margin:0; padding:3px; background-color: #FDFDFD;}
div#graph #fright { width:380px; margin:0; padding:3px; background-color:#FDFDFD;}

a:link {color: #7B6409; font-size:12px; font-weight:nomal;text-decoration:none;}
a:visited {color:#7B6409; font-size:12px; font-weight:nomal;text-decoration:none;}
a:active {color:#7B6409; font-size:12px; font-weight:nomal; text-decoration:none;}
a:hover {color: #c80063; font-size:12px; font-weight:nomal; text-decoration:none;}

a.mail:link {color: #330099; font-size:14px; font-weight:nomal;text-decoration:none; background-color:#FDF0EC; padding:2px;}
a.mail:visited {color:#330099; font-size:14px; font-weight:nomal;text-decoration:none;background-color:#FDF0EC; padding:2px;}
a.mail:active {color:#330099; font-size:14px; font-weight:nomal; text-decoration:none;background-color:#FDF0EC; padding:2px;}
a.mail:hover {color: #CC0000; font-size:14px; font-weight:nomal; text-decoration:none;background-color:#FDF0EC; padding:2px;}


div#menudwn{ background-color:#fff5d6; padding:3px; margin-left:10px; margin-right:10px;}

.sbmenu { padding:10px;margin:0; }

p.sbmenu {font-size:14px; font-weight:bold; color:#ff0099; border-bottom:2px solid #ff0099; margin:0 ; padding:10px 0 0 0;}

a {outline:0;}

.float{ float:left;}

.block { width:800px;} 

img { border:none;}

.noCss {display:none;}
‚“