@charset "utf-8";
/* CSS Document */

/*背景関連*/
html, body {  
	background-image: url(../img/common/body_bg01.jpg);
 	background-repeat:repeat-x;	
    background-position: top; 
}

html {
	background-color: #FFFFFF;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0;
	padding: 0px;
	background-image:url(../img/common/body_bg02.jpg);
	background-repeat:repeat-x;	
    background-position: bottom;
}

#wrapper{
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../img/common/side_00.jpg);
	background-repeat:repeat-y;	
}

#wrapper_bgtop{
	background-image:url(../img/common/side_top.jpg);
	background-repeat: no-repeat;
	}
	
#wrapper_bgbottom{
	background-image:url(../img/common/side_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}	

/*ヘッダー*/

#pagebody {
	margin-right: auto;
	margin-left: auto;
	width:860px;
	background-color:#FFFFFF;
	overflow: hidden;
}

#header {
	padding-top: 0px;
	background-image:url(../img/common/header.jpg);
	background-repeat:no-repeat;
	height:24px;
	margin-right: auto;
	margin-left: auto;

}

#header_logo {
	background-image:url(../img/common/logo_bg.jpg);
	background-repeat:no-repeat;
	height:60px;
	margin-right: auto;
	margin-left: auto;
	width:860px;
	margin-top:0px;
}

#logo{
	height:60px;
	margin-right: auto;
	margin-left: auto;
	float:left;
}


#header_banner {
	padding-left:20px;
	margin-right:10px;
	float:left;
}

#header_menu {
	height:60px;
	padding-left:20px;
	padding-top:5px;
	}
	
#header_menu a{
	font-size:11px;
	color:#666666;
	text-decoration:none; 
	}
	
#header_menu a:hover {
	font-size:11px;
	color: #FF6600;
	text-decoration:none; 
	}


h1{
	font-size: 10px;
	font-weight:normal;
	text-align:left;
	color:#996600;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:0px;
	}
	

/* メニュー --------------------------------------▽*/
#menu {
	height: 40px;
	width: 860px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear:left;
}
#menu ul {
	background-image: url(../iimg/common/menu.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 860px;
}
#menu li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	text-indent: -9999px;
}
#menu li a {
	background-image: url(../img/common/menu.jpg);
	background-repeat: no-repeat;
	display: block;
	padding: 0px;
	height: 40px;
	text-decoration: none;
}

#menu li#menu_home { width: 153px; }
#menu li#menu_home a { background-position: 0 0; }
#menu li#menu_home a:hover { background-position: 0 -40px; }

#menu li#menu_profile { width: 139px; }
#menu li#menu_profile a { background-position: -153px 0; }
#menu li#menu_profile a:hover { background-position: -153px -40px; }

#menu li#menu_menu { width: 138px; }
#menu li#menu_menu a { background-position: -292px 0; }
#menu li#menu_menu a:hover { background-position: -292px -40px; }

#menu li#menu_plan { width: 139px; }
#menu li#menu_plan a { background-position: -430px 0; }
#menu li#menu_plan a:hover { background-position: -430px -40px; }

#menu li#menu_seminar { width: 139px; }
#menu li#menu_seminar a { background-position: -569px 0; }
#menu li#menu_seminar a:hover { background-position: -569px -40px; }

#menu li#menu_member { width: 152px; }
#menu li#menu_member a { background-position: -708px 0; }
#menu li#menu_member a:hover { background-position: -708px -40px; }



/*\*//*/
#menu li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	height: 0px;
}
/**/

/*▲これがMac IE5.1のテキストインデント対策*/


/*\*/
a { overflow: hidden; }
/**/

/*▲これがfirefox対策*/
/* メニュー △*/



/*上部メインメニュー以下----------------------------------------------*/


#content{
	background-color:#FFFFFF;
	width:830px;
	margin-right: auto;
	margin-left: auto;
	padding-top:0px;
	}
	
	

/*左ナビ-----------------------------------------------*/

#navigation{
	float:left;
	display:inline;
	width:170px;
	}
.clear {
	clear: both;
}

	
#leftbanner{
	margin-bottom:05px;
	text-align:center;
	}
#leftform{
	margin-bottom:05px;
	text-align:left;
	}

	

/*右コンテンツBOX-----------------------------------------------*/
	
#content_r{
	width:660px;
	margin:0px;
	display:inline;
	float:right;

	}
	
/*フッター-----------------------------------------------*/


#totop{	
	clear:both;
	text-align:right;
	margin-bottom:20px;
	margin-top:20px;
	padding-right:10px;
	}	

#footer{
	clear:both;
	background-image:url(../img/common/footer_bg.jpg);
	background-repeat:repeat-x;
	height:67px;
	margin-right: auto;
	margin-left: auto;
}

#footmenu{
	text-align:right;
	padding-top:2px;
	padding-right:10px;
	color:#FFFFFF;
	}
	
#footmenu a{
	color: #FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	}
	
#footmenu a:hover{
	color: #FF6633;
	}


#copy{
	text-align:right;
	padding-top:15px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	}
	
/*フォントスタイルなど-----------------------------------------------*/

.style1{
	font-size:12px;
	color:#666666;
	line-height:120%
	}
	
.style2{
	font-size:12px;
	color:#0066CC;
	line-height:120%
	}
	
.style3{
	font-size:12px;
	color:#FF3300;
	line-height:120%
	}
	
.style4{
	font-size:12px;
	color:#666666;
	}
	
	
.style5{
	font-size: large;
	color: #FF3300;
	font-weight:bold;
	line-height:120%
	}
	
.style6{
	font-size:large;
	color: #0099FF;
	font-weight:bold;
	line-height:120%
	}
	
.line{
	border-bottom:#666666 dashed 1px;
	margin-top:10px;
	margin-bottom:20px;
	}

