@charset "SHIFT_JIS";

/* ━━━━　共通設定　━━━━ */

*{margin:0px;padding:0px;}
html {overflow-y:scroll;}
p {margin:0 0 0 0;}
li{list-style-type:none;}
address {font-style:normal;}
img{border:none;}


/* ━━━━　レイアウト　━━━━ */

body{
	background-color:#deddc9;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:83%;
        color:#777777;
        line-height:1.55;
        text-align:center;
}

* html container{width:820px;}

#container{
	width:818px;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa; 
	background-color:#f6f6f6;
	margin:0px auto;
	text-align:left;
}


#header{
	background:url(../img/bg_header1.gif) repeat-x;
}

#headerleft{
	float:left;
	display:inline;
	padding:20px 0px 10px 20px;
}

#headerright{
	float:right;
	text-align:right;
	display:inline;
	margin:0px 0px 0px 0px;
}

#wrapper{
	background:url(../img/bg_wrapper.gif) repeat-y #f6f6f6;
}

#leftbar{
	width:210px;
	float:left;
	display:inline;
	background-color:#f4f4f4;
	padding-bottom:30px;
}

*html #maincolumn{
	width:606px;
}

#maincolumn{
	width:586px;
	float:right;
	padding:0px 10px 15px 10px;
	display:inline;
}

#footer{
	border-top:1px solid #cccccc;
	border-bottom:8px solid #45482D;
	clear:both;
	width:auto;
	padding:5px;
	text-align:center;
	font-size:90%;

}



/* ━━━━　見出し　━━━━ */

h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}

.orange{color:#ff9900;}

h4{
	font-size:13px;
	color:#333300;
	
}

/* ━━━━　リンク　━━━━ */

a {color:#333300;}

a:hover{color:#666600;}

a.orange {color:#ff9900;}

a.orange:hover{color:#ff99dd;}


/* ━━━━　ヘッダーメニュー　━━━━ */

#header ul{
	margin:60px 10px 0px 0px;
	font-size:90%;
}

#header ul li{
	display:inline;
	padding:0px 5px;
	border-right:1px solid #666666;
}

#header ul li.last{border:none;}

#header ul li a{text-decoration:none;}

#header ul li a:hover{
	text-decoration:none;
	border-bottom:1px solid #ff9933;
}

/* ━━━━　グローバルメニュー　━━━━ */

*html #leftbar ul{margin-top:-2px;}

#leftbar ul{
	width:200px;
	background:url(../img/globalmenu_bg.gif) repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#leftbar ul li a{
	display:block;
	width:200px;
	height:34px;
	text-indent:-999em;
	margin:8px 5px;
	padding:0px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	  /*\*/
		overflow: hidden;
	  /**/
}

#leftbar ul li.menu1 a{background:url(../img/menu1.jpg) no-repeat left bottom;}
#leftbar ul li.menu2 a{background:url(../img/menu2.jpg) no-repeat left bottom;}
#leftbar ul li.menu3 a{background:url(../img/menu3.jpg) no-repeat left bottom;}
#leftbar ul li.menu4 a{background:url(../img/menu4.jpg) no-repeat left bottom;}
#leftbar ul li.menu5 a{background:url(../img/menu5.jpg) no-repeat left bottom;}
#leftbar ul li.menu6 a{background:url(../img/menu6.jpg) no-repeat left bottom;}
#leftbar ul li.menu7 a{background:url(../img/menu7.jpg) no-repeat left bottom;}
#leftbar ul li.menu8 a{background:url(../img/menu8.jpg) no-repeat left bottom;}
#leftbar ul li.menu9 a{background:url(../img/menu9.jpg) no-repeat left bottom;}
#leftbar ul li.menu10 a{background:url(../img/menu10.jpg) no-repeat left bottom;}

#leftbar ul li.menu1 a:hover{background:url(../img/menu1.jpg) no-repeat left top;}
#leftbar ul li.menu2 a:hover{background:url(../img/menu2.jpg) no-repeat left top;}
#leftbar ul li.menu3 a:hover{background:url(../img/menu3.jpg) no-repeat left top;}
#leftbar ul li.menu4 a:hover{background:url(../img/menu4.jpg) no-repeat left top;}
#leftbar ul li.menu5 a:hover{background:url(../img/menu5.jpg) no-repeat left top;}
#leftbar ul li.menu6 a:hover{background:url(../img/menu6.jpg) no-repeat left top;}
#leftbar ul li.menu7 a:hover{background:url(../img/menu7.jpg) no-repeat left top;}
#leftbar ul li.menu8 a:hover{background:url(../img/menu8.jpg) no-repeat left top;}
#leftbar ul li.menu9 a:hover{background:url(../img/menu9.jpg) no-repeat left top;}
#leftbar ul li.menu10 a:hover{background:url(../img/menu10.jpg) no-repeat left top;}



#bannerspace{
	background:url(../img/bg_bannerspace.gif);
	padding:10px 0px;
	margin:10px 8px;
	text-align:center;
}

#bannerspace img{
	margin:5px auto;
}

.registform{
	width:180px;
}

.registform2{
	width:330px;
}

/* ━━━━　ナビポイント　━━━━ */

.navipoint1{
	background:url(../img/navipoint1.gif) no-repeat left 7px;
	padding:0px 0px 0px 15px;
}


/* ━━━━　フッターメニュー　━━━━ */

#footer ul{}

#footer ul li{
	display:inline;
	padding:0px 5px;
	border-right:1px solid #666666;
}

#footer ul li.last{border:none;}

#footer ul li a{text-decoration:none;}

#footer ul li a:hover{
	text-decoration:none;
	border-bottom:1px solid #ff9933;
}





/* ━━━━　ノート風枠　━━━━ */

* html .frame_note_top{
	width:585px;
	height:46px;
}

.frame_note_top{
	background:url(../img/frame_note_top.jpg) no-repeat left top;
	width:555px;
	height:32px;
	padding:14px 0px 0px 30px;
	margin-top:10px;
}

* html .frame_note_mid{
	width:585px;
}

.frame_note_mid{
	background:url(../img/frame_note_mid.jpg) repeat-y left top;
	width:555px;
	padding-left:30px;
}

* html .frame_note_mid_big{
	width:585px;
}

.frame_note_mid_big{
	background:url(../img/frame_note_mid.jpg) repeat-y left top;
	width:555px;
	padding-left:30px;
	height:702px;
}

* html .frame_note2_mid{
	width:585px;
}

.frame_note2_mid{
	background:url(../img/frame_note2_mid.jpg) repeat-y left top;
	width:555px;
	padding-left:30px;
}

* html .frame_note2_mid_big{
	width:585px;
}

.frame_note2_mid_big{
	background:url(../img/frame_note2_mid.jpg) repeat-y left top;
	width:555px;
	padding-left:30px;
}

.frame_note_bottom{
	background:url(../img/frame_note_bottom.jpg) no-repeat left top;
	width:585px;
	height:38px;
}

.frame_note2_mid_big_long{
	background:url(../img/frame_note2_mid.jpg) repeat-y left;
	width:555px;
	padding-left:30px;
}

.submit{
	margin-top:15px;
	margin-left:210px;
}