@charset "utf-8";

/* ----------------------------------------
  Base Style Seet
---------------------------------------- */

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

html {overflow-y:scroll;}

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#333333;
	text-align:center;
	letter-spacing:1px;
	background: url(../img/common/bg.jpg) repeat-x top;
}

p {line-height:150%;}
p img {line-height:0;}


/* ----------------------------------------
ヘッダーレイアウト
---------------------------------------- */

#header{
	position:relative;
	margin:0px auto;
	text-align:left;
	background-color:#ffffff;
	width:900px;
	height:115px;
	background:url(../img/common/header/header.jpg) no-repeat top;
}

	#header .logo{
		position:absolute;
		top:40px;
		left:10px;
		width:130px;
		height:66px;
	}

	#header .tagline{
		position:absolute;
		top:40px;
		right:10px;
		width:400px;
		height:20px;
		font-size:10px;
		text-align:right;
	}

.g_navi{
	width:900px;
	margin:0px auto;
	height:55px;
}
	.g_navi li{
	width:150px;
	height:55px;
	float:left;
	list-style:none;
	}
	

/* ----------------------------------------
コンテンツレイアウト
---------------------------------------- */

#wrapper{
	margin:0px auto;
	text-align:left;
	width:900px;
	background:url(../img/common/wrapper/wrapper_mid.jpg) repeat-y ;
	margin-bottom:30px;
}

#wrapper #h_navi{
	background:url(../img/common/wrapper/wrapper_top.jpg) no-repeat top;
	height:25px;
	padding-top:10px;
	padding-left:20px;
}

#wrapper #main{
	width:620px;
	float:right;
	display:inline;
	margin-right:20px;
	background-color:#FFF;
}

	#wrapper #main .contents_index{
		margin:0 20px;
	}
	
	#wrapper #main .contentsA{
		margin:0 20px;
	}
	
	#wrapper #main .contentsB{
		margin:0 20px;
	}
		#wrapper #main .contentsB .seminar_list{
			padding:0px 0 20px 0;
		}

	#wrapper #main .contentsC{
		margin:0 20px;
	}
		#wrapper #main .contentsC .title{
			color:#96C846;
			font-weight:bold;
		}
		#wrapper #main .contentsC .textbox{
			padding:20px;
			margin-bottom:10px;
			background-color:#EDF4DB;
		}
		#wrapper #main .contentsC .textbox ul li{
			margin-left:15px;
		}

#wrapper #side{
	width:220px;
	float:left;
	display:inline;
	margin-left:20px;
}

	#wrapper #side .menu{
		width:220px;
		padding-bottom:10px;
	}
	
	#wrapper #side .menu dt{
		background:url(../img/common/side/side_title_bg.jpg) no-repeat top;
		width:200px;
		height:30px;
		padding:8px 5px 5px 15px;
		color:#FFF;
		font-weight:bold;
	}
	
	#wrapper #side .menu dd{
		background:url(../img/common/icn/icn_02.jpg) no-repeat left 0px;
		padding-left:18px;
		padding-right:10px;
		padding-bottom:10px;
	}
	

/* ----------------------------------------
フッターレイアウト
---------------------------------------- */

#footer{
	background: url(../img/common/footer/footer_bg.jpg) repeat-x bottom;
	height:100px;
}

#footer #box{
	position:relative;
	background:url(../img/common/footer/footer.jpg) no-repeat top;
	height:100px;
	width:900px;
	margin:0 auto;
	text-align:left;
}
	
	/*ページトップへ*/
	#footer #box #pagetop a{
		position:absolute;
		top:-10px;
		right:10px;
	}
	
	#footer #box ul{
	position:absolute;
	top:38px;
	width:900px;
	text-align:center;
	left: 6px;
	}
	#footer #box ul li{
		display:inline;
		border-right:#666 1px solid;
		padding-right:10px;
		padding-left:10px;
	}
	
	#footer #box ul .end{
		display:inline;
		border:none;
	}
	
	#footer #box address{
		position:absolute;
		bottom:20px;
		width:900px;
			text-align:center;
			font-size:90%;
		}
		
		#footer #box address a{
			color: #666;
		}


/* ----------------------------------------
パンくずナビ
---------------------------------------- */

ol#p_navi{
	padding:2px 0 8px 0;
}
	
	ol#p_navi li{
		display:inline;
		text-decoration: none;
		color: #666666;
		font-size:12px;
		background-repeat:no-repeat;
	}
	
	ol#p_navi li a{
		color: #666666;
		background: url(../img/common/icn/icn_01.gif) no-repeat right;
		padding-right:15px;
		text-decoration:none;
	}
	
	ol#p_navi li.end a{
		color: #666666;
		background: none;
		padding-right: 0px;
		text-decoration:none;
	}

/* ----------------------------------------
hタグ
---------------------------------------- */

.contents_index h2{
	background: url(../img/common/h2_02.jpg) no-repeat top;
	width:550px;
	height:25px;
	padding-top:5px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color: #fff;
}

.contentsA h2{
	background: url(../img/common/h2_02.jpg) no-repeat top;
	width:550px;
	height:45px;
	padding-top:5px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color: #fff;
}

.contentsB h2{
	background-color:#EDF4DB;
	width:520px;
	padding:10px 30px 10px 30px;
	font-weight:bold;
	color:#71B380;
	margin-bottom:20px;
}

.contentsC h2{
	background: url(../img/common/h2_02.jpg) no-repeat top;
	width:550px;
	height:25px;
	padding-top:5px;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color: #fff;
}


/* ----------------------------------------
テキストリンク
---------------------------------------- */

a{
	color:#666;
	cursor:pointer;
	text-decoration:underline;
}

a:hover{
	color: #4C4C4C;
	text-decoration:underline;
}
ｓ

/* ----------------------------------------
  2-10.フォーム
---------------------------------------- */

.SS{ width:60px;}
.S{ width:80px;}
.M{ width:170px;}
.L{ width:250px;}
.LL{ width:350px;}


/* ----------------------------------------
メルマガエリア
---------------------------------------- */

.mailmag{
	background:url(../img/common/side/mailmaga_btm.jpg) no-repeat bottom;
	width:220px;
	padding-bottom:5px;
	margin-bottom:20px;
}

.mailmag .formarea{
	background-color:#FFF;
	padding:10px;
	margin:0 auto 0 auto;
	width:180px;
}

.mailmag .formarea .magform{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:0 auto 0 auto ;
	width:180px;
}

* html .mailmag .formarea .magform{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:0 auto 0 auto ;
	width:160px;
}

.mailmag .formarea .magform td{
}