@charset "utf-8";
/* CSS Document */

/*------------ 初期設定 ------------*/
p {
	color: #000000;
	line-height: 1.7;	
}

/*------------ 背景設定 ------------*/
html {
}

body {
}

/*------------ 全体のレイアウト ------------*/
#wrapper {
}

#wrapper_sub {
	background:#FFF;
}
/*------------ ヘッダー ------------*/

#header{
	border-top:5px solid #000000;
	height:70px;
}

#header_inner{
	width:950px;
	margin:0 auto;
}

#header_r{
	width:600px;
	float:right;
}

h1{
	width:246px;
	float:left;
	margin-top:17px;
	margin-left:6px;
	display:inline;
}

h2{
	width:246px;
	float:left;
	margin-top:17px;
	margin-left:6px;
	display:inline;
}

h3.title{
	width:679px;
	height:35px;
	background:url(../img/common/bg_midashi.gif) center top no-repeat;
}

h3.title2{
	width:600px;
	height:35px;
	background:url(../img/common/bg_midashi.gif) left top no-repeat;
}

h3.title p{
	font-size:16px;
	color:#b4000c;
	margin-left:20px;
	padding-top:5px;
}

h3.title2 p{
	font-size:16px;
	color:#b4000c;
	margin-left:20px;
	padding-top:5px;
}

#header_btn{
	text-align:right;
	padding-top:30px;
}

#header_btn a{
	margin-left:10px;
}

/*------------ ヘッダーロゴ ------------*/

/*------------ ヘッダーナビ ------------*/

#gnavi{
}

#gnavi li,
#gnavi2 li{
	display:block;
	float:left;
}

#contents{
	padding:15px 0;
	width:950px;
	margin:0 auto;
}

#contents_sub{
	padding:15px 0;
	width:950px;
	margin:0 auto;
	background:#FFF;
	margin-top:15px;
}

#main{
	/*background:url(../img/common/bg_main.gif) repeat top left;*/
	padding-top:0px;
	background:url(../img/top/main_rep.gif) no-repeat center top #353434;
	
}

#main2{
	/*background:url(../img/common/bg_main.gif) repeat top left;*/
	padding-top:0px;
	padding-bottom:5px;
	
}

#sub{
	background:#e2e1e1;
	padding-top:10px;
}

#main_image{
	display:block;
	width:950px;
	height:335px;
	/*overflow:hidden;*/
	margin:0 auto 10px ;
	padding-left:30px;
	
}

.main_image{
	float:left;
	background:#FFF;
	width:660px;
	height:310px;
	padding-left:20px;
	padding-top:10px;
	margin-top:7px;
}

.mini_image{
	float:left;
	background:#FFF;
	width:208px;
	text-align:center;
	margin-left:31px;
	margin-top:10px;
	height:310px;
	padding-top:5px;
	padding-bottom:5px;
}

.rev{
	position:relative;	
}

.ab1{
	position:absolute;
	left:685px;
	top:27px;
}

.ab2{
	position:absolute;
	left:685px;
	top:102px;
	display:none;
}

.ab3{
	position:absolute;
	left:685px;
	top:27px;
	top:182px;
	display:none;
}

.ab4{
	position:absolute;
	left:685px;
	top:262px;
	display:none;
}

#sub_image{
	display:block;
	width:950px;
	height:160px;
	overflow:hidden;
	margin:0 auto 10px;
}

#sub_image2{
	display:block;
	width:950px;
	height:225px;
	overflow:hidden;
	margin:0 auto 10px;
}

#sub_image3{
	display:block;
	width:950px;
	height:235px;
	overflow:hidden;
	margin:0 auto 10px;
}

#gnavi{
	padding:3px 0;
	background-color:#e2e1e1;
}

#gnavi2{
	background-color:#e2e1e1;
}


#gnavi ul,
#gnavi2 ul{
	width:980px;
	margin:0 auto;
	padding-left:30px;
}

#content_l{
	width:250px;
	float:left;
	overflow:hidden;
}

#content_r{
	width:680px;
	float:right;
	overflow:hidden;
}

#content_c{
	width:930px;
	padding-left:150px;
	overflow:hidden;
}

#content_b{
	width:950px;
	margin:0 auto;
}

#content_l a,
#content_l img{
	display:block;
}

.btm_logo{
	text-align:center;
	padding-bottom:10px;
	padding-top:15px;
}

.btn_top{
	text-align:right;
	padding-bottom:13px;
	padding-right:10px;
}

/*------ フッター ------*/

#footer{
	background:url(../img/common/bg_footer.gif) repeat-x center top;
	height:100px;
	overflow:hidden;
}

#footer_inner{
	width:950px;
	margin:0 auto;
}

#footer_link{
	text-align:right;
	padding-top:15px;
	height:30px;
	overflow:hidden;
}

#footer_link li{
	padding-left:35px;
	display:inline;
}

#footer_link li a{
	color:#FFFFFF;
	text-decoration:none;
}

#footer_link li a:hover{
	text-decoration:underline;
}

#footer address{
	text-align:right;
	padding-top:20px;
	color:#FFFFFF;
}

/*------ トップページ ------*/

.btn_contact{
	display:block;
	margin:10px 0 20px;
}

#class_list{
	margin-bottom:15px;
}

#class_list li{
	display:block;
	float:left;
	margin-right:13px;
}

#class_list li.last{
	margin-right:0px;
}

#topics{
	border-bottom:1px solid #dad8d8;
	border-left:1px solid #dad8d8;
	border-right:1px solid #dad8d8;
	padding-bottom:10px;
	height:343px;
	width:678px;
}

.topics_detail{
	width:678px;
	height:241px;
	overflow:auto;
}

#topics h3{
	position:relative;
	left:-1px;
	margin-bottom:5px;
}

#topics table{
	width:95%;
}

#topics table th,
#topics table td{
	vertical-align:top;
	padding-bottom:10px;
	border-bottom: solid 1px #CCC;
}

#topics table th{
	padding-left:15px;
	padding-right:10px;
	
	color:#0891ff;
	font-weight:normal;
	text-align:left;
	width:70px;
	padding-top:10px;
}

#topics table td{
	background:url(../img/common/arrow_topics.gif) no-repeat left 15px;
	padding-left:15px;
	padding-right:20px;
	padding-top:10px;
}
#topics table td.bg_none{
	border-bottom:none;
	background:none;
	width:2%;
	padding-left:0px;
	padding-right:0px;
}

#topics table th.last,
#topics table td.last{
	vertical-align:top;
	padding-bottom:0px;
	border-bottom:none;
}

#topics2{
	border-bottom:1px solid #dad8d8;
	border-left:1px solid #dad8d8;
	border-right:1px solid #dad8d8;
	padding-bottom:10px;
	margin-bottom:10px;
	width:325px;
	margin-left:10px;
	margin-top:10px;
	height:147px;
	
	
}

.topics2_detail{
	width:325px;
	height:120px;
	overflow:auto;
	
}

#topics2 h3{
	position:relative;
	left:-1px;
	margin-bottom:2px;
}

#topics2 table{
	width:92%;
	margin-left:10px;
}

#topics2 table th,
#topics2 table td{
	vertical-align:top;
	padding-bottom:5px;
	padding-top:8px;
	border-bottom: solid 1px #CCC;
	font-size:12px;
}

#topics2 table th{
	padding-left:1px;
	padding-right:1px;
	color:#0891ff;
	font-weight:normal;
	text-align:left;
	width:1%;
}

#topics2 table td{
	background:url(../img/common/arrow_topics.gif) no-repeat left 12px ;
	padding-left:15px;
	padding-right:0px;
	margin-left:10px;
	padding-top:8px;
}

#topics2 table td.last{
	padding-bottom:0px;
	border-bottom:none;
}
#topics2 table th.last{
	padding-bottom:0px;
	border-bottom:none;
}
/*------------*/

#topics_bk{
	border-top:1px solid #dad8d8;
	border-bottom:1px solid #dad8d8;
	border-left:1px solid #dad8d8;
	border-right:1px solid #dad8d8;
	padding-bottom:10px;
	margin-bottom:10px;
	width:600px;
	margin-left:10px;
	margin-top:10px;
	height:200px;
	
	
}
#topics_rec{
	border-top:1px solid #dad8d8;
	border-bottom:1px solid #dad8d8;
	border-left:1px solid #dad8d8;
	border-right:1px solid #dad8d8;
	padding-bottom:10px;
	margin-bottom:10px;
	width:670px;
	margin-left:10px;
	margin-top:10px;
	height:200px;
	
	
}

.topics_bk_detail{
	width:100%;
	height:350px;
	overflow:auto;
	
}

.topics_rec_detail{
	width:670px;
	height:450px;
	overflow:auto;
	
}

#topics_bk table{
	width:95%;
	margin-left:10px;
}

#topics_bk table th,
#topics_bk table td{
	vertical-align:top;
	padding-bottom:5px;
	padding-top:8px;
	border-bottom: solid 1px #CCC;
	font-size:16px;
}

#topics_bk table th{
	padding-left:1px;
	padding-right:1px;
	color:#0891ff;
	font-weight:normal;
	text-align:left;
	width:1%;
}

#topics_bk table td{
	background:url(../img/common/arrow_topics.gif) no-repeat left 12px ;
	padding-left:15px;
	padding-right:0px;
	margin-left:10px;
	padding-top:8px;
}

#topics_bk table td img{
	float: left;
}

#topics_bk table td p{
	font-size:18px;
	overflow: hidden;
	overflow-wrap: break-word;
	word-wrap: break-word;
	padding-left: 1em;
}

#topics_bk table td.last{
	padding-bottom:0px;
	border-bottom:none;
}
#topics_bk table th.last{
	padding-bottom:0px;
	border-bottom:none;
}

/*-------- top --------*/
.top20 {
	margin-top: 20px;
}

.top10 {
	margin-top: 10px;
}

/*-------- bottom --------*/
.btm10 {
	margin-bottom: 10px;
}

.btm20 {
	margin-bottom: 20px;
}

/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- text_left --------*/
.t_left {
	text-align: left;
}

/*-------- center --------*/
.center {
	text-align: center;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

.red{
	color:#FF0000;
}

.orange{
	color:#FF6600;
}

.blue{
	color:#0097B2;
}

.bold{
	font-weight:700;
}

.f10{
	font-size:10px;
}

.f14{
	font-size:14px;
}

.w287{
	width:287px;
}

.w380{
	width:380px;
}

.w304{
	width:304px;
}

.ml3{
	margin:0 0 0 3px;
}

.ml10{
	margin:0 0 0 10px;
}

.ml13{
	margin:0 0 0 13px;
}

.ml26{
	margin:0 0 0 26px;
}

.ml30{
	margin:0 0 0 30px;
}

.ml40{
	margin:0 0 0 40px;
}

.ml60{
	margin:0 0 0 60px;
}

.ml70{
	margin:0 0 0 70px;
}

.mb10{
	margin:0 0 10px 0;
}

.mb15{
	margin:0 0 15px 0;
}

.mt3{
	margin:3px 0 0 0;
}

.mt10{
	margin:10px 0 0 0;
}


.mt20{
	margin:20px 0 0 0;
}

.mt30{
	margin:30px 0 0 0;
}

.pt5{
	padding-top:5px;
}

.pt10{
	padding-top:10px;
}

.pt15{
	padding-top:15px;
}

.pt20{
	padding-top:20px;
}

.pt25{
	padding-top:25px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pt60{
	padding-top:60px;
}

.pl5{
	padding-left:5px;	
}

.pl10{
	padding-left:10px;	
}

.pl12{
	padding-left:12px;	
}

.pl15{
	padding-left:15px;	
}

.pl20{
	padding-left:20px;	
}

.pl30{
	padding-left:30px;	
}

.pl40{
	padding-left:40px;	
}

.pl50{
	padding-left:50px;	
}

.pl60{
	padding-left:60px;	
}

.pl70{
	padding-left:70px;	
}


.pl80{
	padding-left:80px;	
}

.pl100{
	padding-left:100px;	
}

.pr100{
	padding-right:100px;	
}


.pb20{
	padding-bottom:20px;	
}

.pic{
	padding:2px;
	display:block;
	border:1px solid #CCCCCC;
}

.bn{
	display:block;
	margin:15px 0 0 0;
}

.hidden{
	overflow:hidden;
}

.abs{
	position:absolute;
}

a:hover img{
    opacity:0.9;
    filter:alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
}

.sub_navi{
	width:250px;
	height:168px;
	background:url(../img/common/sub_navi_bg.gif) no-repeat center top;
	margin-bottom:10px;
}

.sub_navi2{
	width:250px;
	height:335px;
	background:url(../img/appearance/side_bg.gif) no-repeat center top;
	margin-bottom:10px;
}

.sub_navi3{
	width:250px;
	background:url(../img/common/side_bg2.gif) repeat-y center top;
	margin-bottom:10px;
	padding-bottom:10px;
}

.sub_navi_box{
	width:232px;

	margin:0 auto;
	background:#FFF;
}

.sub_navi_box ul li img{
	margin:0;
	padding:0;
}

/*------------ about ------------*/

.about_box{
	width:639px;
	background:#FFF;
	padding:20px 20px 40px 20px;
}

.about_box2{
	width:639px;
	background:#FFF;
	padding:20px 20px 10px 20px;
}

.about_box p,
.about_box2 p{
	font-size:14px;
	color:#595959;
	line-height:1.7;
}

.about_box h4,
.about_box2 .about_box2{
	font-size:14px;	
}

.about_link1{
	width:188px;
	height:30px;
	background:url(../img/about/bg_sub1.gif) no-repeat left top ;
	padding-top:5px;
	text-align:center;
}

.about_link2{
	width:145px;
	height:30px;
	background:url(../img/about/bg_sub2.gif) no-repeat left top ;
	padding-top:5px;
	text-align:center;
}

.about_link3{
	width:178px;
	height:30px;
	background:url(../img/about/bg_sub3.gif) no-repeat left top ;
	padding-top:5px;
	text-align:center;
	margin:0 auto;
}


.about_link1 a,
.about_link2 a,
.about_link3 a{
	color:#FFF;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}

.about_link1 a:hover,
.about_link2 a:hover,
.about_link3 a:hover{
	text-decoration:none;
}

/*------------ /about ------------*/

/*------------ enter ------------*/
.content_navi {
	margin-top:20px;
	
}

.content_navi li{
	float:left;
}

.enter_box{
	width:637px;
	background:#FFF;
	padding:20px 20px 40px 20px;
	border-left: solid 1px #ecebe7;
	border-bottom: solid 1px #ecebe7;
	border-right: solid 1px #ecebe7;
}

.enter_box p{
	font-size:13px;
	color:#595959;
	line-height:1.7;
}

h4.enter{
	width:641px;
	height:30px;
	background:url(../img/common/sub_midashi.gif) center top no-repeat;
}

h3.enter p,
h4.enter p{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding-left:15px;
	padding-top:5px;
}

.enter_box h4{
	font-size:14px;	
}

/*------------ /enter ------------*/
		
.fs14{
	font-size:14px;	
}

.left_ttl{
	width:231px;
	_width:211px;
	height:36px;
	*height:34px;
	background:url(../img/common/left_ttl_bg.gif) no-repeat left top;	
	font-size:15px;
	color:#b2000d;
	padding-left:20px;
	font-weight:bold;
	padding-top:5px;
}

.leftLink{
	width:228px;
/*	height:56px;
	background:url(../img/common/left_lo_bg.gif) no-repeat left top;
*/

}

.leftLink_1{
	width:228px;
	height:56px;
	background:url(../img/enter/left_img1.jpg) no-repeat left top;	
}

.leftLink_2{
	width:228px;
	height:56px;
	background:url(../img/enter/left_img2.jpg) no-repeat left top;	
}

.leftLink_3{
	width:228px;
	height:56px;
	background:url(../img/enter/left_img3.jpg) no-repeat left top;	
}

.leftLink_4{
	width:228px;
	height:56px;
	background:url(../img/enter/left_img4.jpg) no-repeat left top;	
}


.leftLink_1 a,
.leftLink_2 a,
.leftLink_3 a,
.leftLink_4 a{
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	padding-left:35px;
	padding-top:18px;
}


.leftLink a{
	font-size:15px;
	color: rgb(103, 181, 203);
	text-decoration:none;
	padding-left:60px;
/*	padding-top:18px;
*/
}

.leftLinkLast{
	width:228px;
/*	height:56px;*/
/*	background:url(../img/common/left_last_bg.gif) no-repeat left top;
*/
}

.leftLinkLast a{
	font-size:15px;
	color: rgb(103, 181, 203);
	text-decoration:none;
	padding-left:60px;
/*	padding-top:18px;*/
}

.w40p{
	width:40%;	
}

.fs12{
	font-size:12px;	
}



.bx-prev {
	position: absolute;
	top: 200px;
	left: -50px;
	width: 40px;
	height: 40px;
	text-indent: -999999px;
	background: url(../img/top/btn_left_off.gif) no-repeat 0 0;
	display:block;
}

.bx-next {
	position: absolute;
	top: 200px;
	right: -50px;
	width: 40px;
	height: 40px;
	text-indent: -999999px;
	background: url(../img/top/btn_right_off.gif) no-repeat 0 0;
	display:block;
}

.bx-prev:hover {
	background: url(../img/top/btn_left_on.gif) no-repeat 0 0;
}

.bx-next:hover {
	background: url(../img/top/btn_right_on.gif) no-repeat 0 0;
}

#mainImage2{
	display:none;	
}

#mainImage3{
	display:none;	
}

#mainImage4{
	display:none;	
}

.w149{
	width:149px;	
}

.w180{
	width:180px;	
}

.w280{
	width:280px;	
}

.h350{
	height:350px;	
}

.h375{
	height:375px;	
}

.h500{
	height:420px;	
}

.h600{
	height:470px;	
}

#pager{
	margin-top:30px;
	margin-bottom:10px;
	text-align:center;
}

#pager a{
	display:inline-block;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	border:solid 1px #000;
	text-decoration:none;
	color:#000;
}

#pager .non{
	background-color:#53A9FF;
	color:#FFFFFF;
}

.name a{
	text-decoration:underline;	
	color:#000000;
}

.name a:hover{
	text-decoration:none;	
}