@charset "shift_jis";

/* reset
==================*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd{
	margin: 0; padding: 0; font-weight:normal;
	font-family: 'qMmpSPro W3','Hiragino Kaku Gothic Pro','CI',Meiryo,'lr oSVbN',sans-serif}

img{ border: none; vertical-align: bottom}

li{	list-style-type: none}

body{ color: #666; font-size: 62.5%}

/* clearfix */
.cf{ zoom:1}
.cf:before, .cf:after{ content: ""; display: table}
.cf:after{ clear: both}

/* link */
a:link, a:visited{ color: #666 ; text-decoration: none}
a:hover, a:active{ text-decoration: underline}


/* common */
body{
	background: #ECECEC;
	-webkit-text-size-adjust: 100%;
}
#wrapper{
	width: 925px;
	margin: 0 auto;
	background: #FFF;
}
#header{
	padding: 7px 22px 4px;
}
#header .logo{
	float: left;
	padding: 0 4px;
}
#header .tel{
	float: right;
	padding: 0 5px;
}

.sem { margin:0 6px 2px 0;}

.bnr_seminar_l { margin: 0 0 10px 5px;}

#header #nav{
	clear: both;
}
#header #nav li{
	float: left;
}
#footer{
	border: none;
	position: relative;
}
#footer .footer_bnr{
	position: absolute;
	right: 10px;
	top: 154px;
	z-index: 5;
}
#footer .top_bnr{
	position: absolute;
	right: 10px;
	top: 38px;
	z-index: 5;
}
#footer .special_bnr{
	position: absolute;
	right: 20px;
	top: 38px;
	z-index: 5;
}
#footer #listSet_A{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: 5px;
	z-index: 1;
}
#footer #lnav{
	background: url(../images/bg_lnav.gif) repeat-x left top;
	padding: 10px 0 30px 15px;
	margin: 0 0 -30px;
}
#footer #lnav li{
	float: left;
	border: 1px solid #FFF;
	margin: 0 5px 0 0;
	background: #E4F1CE;
	height: 106px;
}
*+html #footer #lnav li{
	width: 140px;/* forIE7 */
}
#footer #lnav li.last{
	float: none;
	border: none;
	background: none;
}
#footer #lnav li ul li{
	float: none;
	border: none;
	margin: 3px 0 0 5px;
	height: inherit;
	*height: 15px;/* forIE6 */
	width: inherit;
}
#footer #lnav li ul li{
	/width: 130px;/* forIE7 */
}
#footer #lnav li ul li a{
	background: url(../images/lnav_icon.gif) no-repeat left center;
	padding: 0 0 0 10px;
}
#footer #fnav{
	float: left;
	padding: 10px 12px;
}
#footer #fnav{
	clear: both;
}
#footer #fnav li{
	float: left;
	padding: 0 20px 0 5px;
	border-left: 2px solid #CCC;
}
#footer .copy{
	border-top: 1px solid #CCC;
	text-align: right;
	padding: 10px 0;
	margin: 0 12px;
}
#main{
	width: 887px;
	margin: 0 auto;
}
#main .top_img{
	position: relative;
}
#main .top_img .btn{
	position: absolute;
}
#main .top_img .btn li a{
	width: 95px;
	height: 95px;
	display: block;
}
#main .top_img .detail{
	position: absolute;
}
#main .top_img .detail li{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
#main .top_img .detail li.on{
	display: block;
}
#main .top_img .main_l {
	font-size: 3.8em;
	line-height: 1.3;
	position: absolute;
	color: #333;
}
#main .top_img .main_s {
	font-size: 1.2em;
	line-height: 2.1;
	position: absolute;
	font-weight: bold;
}
#main .main_ttl {
	position: relative;
	font-size: 3em;
}
#main .main_ttl span {
	position: absolute;
	top: 14px;
	left: 114px;
}
#main .main_ttl .ttl_txt {
	left: 26px;
}
#main .sub_ttl {
	font-size: 2.2em;
	font-weight: bold;
}
#main .sub_ttl-add {
	color: #88BD1F;
}
#main .ttl_lead {
	color: #88BD1F;
	font-size: 2.2em;
}
#main .lead_main {
	color: #88BD1F;
	font-size: 1.8em;
	font-weight: bold;
}
#main .lead_sub {
	color: #88BD1F;
	font-size: 1.6em;
	font-weight: bold;
}
#main .gotop{
	padding: 20px 25px;
}
#main .gotop a{
	display: block;
	float: right;
}
#main .gotop .icon{
	background: url(../images/arw_btn.gif) no-repeat right center;
	padding: 5px 20px 5px 10px;
}