@charset "utf-8";

h2{
	height:93px;
	border-bottom:#3c3c3c 3px solid;
}

h3{
	padding-bottom:42px;
}

h4{
	margin:0 0 1.6em 0;
}

p{
	margin:0 0 1.5em 0;
	line-height:1.6;
}


#content strong{
	font-size:14px;
	line-height:1.8;
}


#killer{
	height:175px;
	margin:0;
	background:url(../support/img/killer.jpg) no-repeat 0 0;
}

#switch_trigger{
	padding:15px 0;
	background-image:url(../service/img/nav_border.gif);
	background-position:0 15px;
	background-repeat:no-repeat;
}

#sub_nav{
	float:left;
	width:180px;
	margin:0 30px 0 0;
}

#sub_nav li{
	margin-bottom:5px;
}

#sub_nav li a{
	display:block;
	position:static;
	width:180px;
	height:40px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#sub01 a{
	background-image:url(../support/img/support01.png);
}
#sub02 a{
	background-image:url(../support/img/support02.png);
}
#sub03 a{
	background-image:url(../support/img/support03.png);
}
#sub04 a{
	background-image:url(../support/img/support04.png);
}

#sub01 a:hover , #sub01 a.active{
	background-image:url(../support/img/support01_on.png);
}
#sub02 a:hover , #sub02 a.active{
	background-image:url(../support/img/support02_on.png);
}
#sub03 a:hover , #sub03 a.active{
	background-image:url(../support/img/support03_on.png);
}
#sub04 a:hover , #sub04 a.active{
	background-image:url(../support/img/support04_on.png);
}

#content{
	position:relative;
	float:left;
	width:625px;
	background:url(../img/redline_top.gif) no-repeat 0 -20px;
	overflow:hidden;
}
.switch_content{
	position:absolute;
	top:-900px;
	left:-625px;
	/*display:none;*/
	width:565px;
	padding:0 30px;
}
.switch_content.active{
	position:absolute;
	top:0;
	left:0;
	/*display:block;*/
}

#switchOverlay{
	position:relative;
	height:220px;
	text-align:center;
	color:#BFA78B;
	font-size:1.4em;
}
#loadingImg{
	margin:130px auto 0;
}
.switch_body{
	background:#fff;
}

.img_right{
	float:right;
	width:150px;
	margin:0.5em 0 0 15px;
}

#wrapper_footer{
	background-position:210px 0;
}
#footer {
/*	#contentのwidthから24px引いた値をwidthに設定
	#wrapper_footerのbackground-positionから6px引いた値をmargin-leftに設定	*/
	width:601px;
	margin-left:204px;
}


#accordion h5,
#accordion h5 a{
	display:block;
	width:565px;
	height:31px;
	margin-bottom:6px;
	overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#accordion h5 a.on,
#accordion h5 a:hover{
	background-position:0 -31px;
}
#accordion h5{
	margin-top:7px;
	background-position:0 -62px;
}
#experience #ex1, #experience #ex1 a{ background-image:url(../support/img/acc_ttl001.jpg); }
#experience #ex2, #experience #ex2 a{ background-image:url(../support/img/acc_ttl002.jpg); }
#experience #ex3, #experience #ex3 a{ background-image:url(../support/img/acc_ttl003.jpg); }
#experience #ex4, #experience #ex4 a{ background-image:url(../support/img/acc_ttl004.jpg); }

#teaching .article01{
	padding:85px 0 16px 165px;
	background:url(../support/img/bg2_001.jpg) 0 0 no-repeat;
}
#teaching .article02{
	padding:78px 255px 10px 0;
	background:url(../support/img/bg2_002.jpg) 0 0 no-repeat;
}

#check .article01{
	padding:185px 250px 0px 0;
	background:url(../support/img/bg3_001.jpg) 0 0 no-repeat;
}

#combination .switch_body{
	position:relative;
}
#combination .article01{
	padding:5px 0 0 185px;
	background:url(../support/img/bg4_001.jpg) 0 0 no-repeat;
}
#combination .article02{
	padding:93px 270px 70px 0;
	background:url(../support/img/bg4_002.jpg) 0 0 no-repeat;
}
#combination .article03{
	margin-top:-30px;
	padding:100px 0 70px 230px;
	background:url(../support/img/bg4_003.gif) 0 0 no-repeat;
}