@charset 'utf-8';
@import url("common.css");




/* == clearfix == */

.clr:after{
	content: " ";
	display:block;
	font-size: 0.1em;
	height:0;
	line-height: 0; 
	clear:both;
	visibility:hidden;
}

.clr{display:inline-block;}
* html .clearfix{height:1%;}

.clr{display:block;}

.fl{
	float: left;
}

.fr{
	float: right;
}


li{
	text-decoration: none;
	
}

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

li a:hover{
	text-decoration: none;
	color:#3366cc;;
}




/* maincontent */

#maincontent{
	background	: url("img/bg_main02.gif") repeat-y;
	line-height	: 150%;
}

#maincontent h2{
	margin		: 5px 10px 5px 5px;
}

#maincontent h2 a{
	color		: #333;
}

#maincontent h3{
	margin		: 5px 10px;
	font-size	: 16px;
}

.bg_blue{
	background	: #00F;
	color		: #FFF;
}

/* sidemenu*/
#sidemenu{
	width: 200px;
	/*float		:left;*/
	margin		: 10px 0 0 0px;
	/*border: 1px solid #ccc;*/
}

/* category_title */
.ttl_category{
	height		: 20px;
	width		: 748px;
	margin		: 0 7px;
	color		: #666;
}

.ttl_category p{
	height		: 20px;
	margin		: 0;
	position	: relative;
	padding		: 2px 15px;
	font-weight	: bold;
}

.ttl_2{
	background	: #FC0;
}

.ttl_3{
	background	: #3F3;
}

.ttl_4{
	background	: #36F;
	color		: #FFF;
}

.ttl_5{
	background	: #3CF;
}

.ttl_6{
	background	: #CF3;
}

.ttl_7{
	background	: #C3F;
	color		: #FFF;
}

.ttl_8{
	background	: #F90;
}

.ttl_9{
	background	: #0066FF;
	color		: #FFF;
}

.ttl_10{
	background	: #02b300;
	color		: #FFF;
}

.ttl_11{
	background	: #00b2b8;
}

.ttl_18{
	background	: #00a0ff;
}

.ttl_19{
	background	: #4a00b3;
	color		: #FFF;
}

.ttl_20{
	background	: #d333a3;
	color		: #FFF;
}


.ttl_21{
	background	: #ff2899;
	color		: #FFF;
}

/* tel */
#tel{
	position	: relative;
	left		: 240px;
}

/* right */
#right h2{
	font-size	: 16px;
}

/* module-content */
.module-content{
 margin			: 10px;
}


/* archive-list */
ul.archive-list{
	margin		: 5px 15px;
	color		: #000;
	line-height	: 180%;
}

li.archive-list-item{
	text-decoration	: none;
	list-style-type	: none;
}

li.archive-list-item a{
	color		: #000;
	text-decoration	: none;
}

li.archive-list-item a:hover{
	color		: #000;
	text-decoration	: underline;
}

/* content-nav */
.content-nav{
	margin		: 5px 10px 20px 10px;
}

/* 各種メニュー紹介 */
.eachplan{
	width		: 480px;
	margin		: 5px auto;
	font-size	: 12px;
	background	: #FFC;
	letter-spacing	: 0.1em;
	line-height	: 150%;
}

/* sitemap */
.archive-list-item{
	margin		: 20px 5px 5px 5px;
	padding		: 0 0 0 15px;
	background	: url("img/icon_sitemap01.gif") no-repeat;
	letter-spacing	: 0.1em;
}

.sitemap{
	list-style-type	: none;
}

.sitemap li{
	margin		: 2px 2px 2px 40px;
	padding		: 0 0 0 15px;
	background	: url("img/icon_sitemap02.gif") no-repeat center left;
}

.sitemap li a{
	color		: #333;
}

/* licence table*/
table.info01{
	background	: #CCC;
}

table.info01 td{
	padding		: 10px;
	background	: #FFF;
}

table.info02{
	background	: #CCC;
}

table.info02 th{
	padding		: 3px;
	background	: #FFF;
}

table.info02 td{
	padding		: 3px;
	background	: #FFF;
}

/* card */
.card{
	width		: 510px;
	margin		: 10px auto;
	padding		: 10px;
	border		: double #39F;
}

/* briefing */
.briefing dt{
	width		: 510px;
	font-weight	: bold;
	border-bottom	: dotted #CCC 1px;
}

.briefing dd{
	width		: 480px;
	margin		: 10px 0 20px 20px;
}

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

/* QA */
.qa dl{
	width:520px;
}

.qa dt{
	font-weight	: bold;
	font-size	: 14px;
	padding		: 2px 2px 2px 10px;
	border-bottom	: dotted 2px #CCC;
}

.qa dd{
	padding		: 15px 2px 15px 25px;
}

/* 店舗紹介 */
.greeting{
	width		: 480px;
	background	: url("img/shop08.jpg") no-repeat left bottom;
}

/* お問い合わせ */
.alltbl{
	width		: 510px;
	border		: 0;
}

.alltbl td{
	padding		: 6px;
}

/* エントリー */
.entry{
	width: 520px;
	/*border: 1px solid #ccc;*/
	/*float		:left;*/

}


.entry h2 a{
	text-decoration	: none;
}

.entry h2 a:hover{
	text-decoration	: underline;
	

}


.entry td{
	font-size: 12px;
}



/* idcコース用 */
.idchead {
	border: solid 1px #CCCCCC;
	}
	
.fake {
	clear: both;
	}
	
.fake hr {
	display: none;
	}

.gimon1 {
	float: left;
	margin-right: 10px;
	}
	
.idcstep {
	background-color:#FFFF99;
	list-style-type: none;
	margin: 0 5px;
	padding: 5px;
	width: 330px;
	float: left;
	display: block;
	line-height: 18px;
	letter-spacing: 1px;
	}
	
.idcstep li {
	text-indent:-4.5em;
	margin-left: 4.5em;
	}
	
.idcstep1 {
	margin-left: 10px;
	line-height: 18px;
	letter-spacing: 1px;
	float: left;
	width: 350px;
	}

.idcstep1 dt {
	font-weight: bold;
	margin-top: 5px;
	}
	
.idcstep1 dd {
	margin-left: 8px;
	}
	
.seikyu {
	width: 280px;
	margin: 0 0 50px 150px;
	}
	
.siryou {
	float: left;
	margin: 10px 15px 10px 0;
	}
	
.otoiawase {
	float: left;
	margin: 10px 0px;
	}
	
.idcstep2 {
	list-style-type: decimal;
	margin: 5px 30px;
	}
	
.idcstep3 {
	margin: 5px 10px 5px 20px;
	float: left;
	width: 320px;
	display: inline;
	}
	
.idcstep4 {
	margin: 5px 30px;
	}
	
.yado {
	margin-left: 10px;
	width: 150px;
	float: left;
	}
	
.foryou {
	width: 350px;
	background-color: #FFFF99;
	margin: 10px 0 15px 100px;
	text-align: center;
	}
	
.foryou ul {
	margin: 5px 10px 5px 30px;
	text-align: left;
	}
	
.foryou strong {
	color: #FF3333;
	margin: 10px 0 5px 0;
	}
	
.syousai h4 {
	border-left: solid 10px #3399FF;
	border-bottom: solid 1px #3399FF;
	font-size: 14px;
	margin: 10px 10px 5px 0;
	}
	
.come {
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	color: #990000;
	margin-top: 20px;
	}
	
.idcstep5 {
	width: 340px;
	float: left;
	}
	
.idcstep5 p {
	line-height: 18px;
	letter-spacing: 1px;
	}
	
.idcimg {
	width: 170px;
	float: left;
	margin: 0 10px 0 5px;
	}
	
.campain {
	font-weight: bold;
	color: #990000;
	text-align: center;
	font-size: 14px;
	}

#topMovie{
height:135px;
}

#topMovie p{
float:left;
margin-left:10px;
}

#movieBox{
float:left;
}



/* eラーニング */

.eTopImg{
	margin:10px 0 !important;
	padding:0 !important;
}

.qaBox{
	width:520px;
	margin:25px 0;
}

.qaBox h3{
	width:515px;
	background-color:#6cc;
	color:#fff;
	font-size:14px;
	margin:15px 0 0 0 !important;
	padding:2px 0 2px 5px ;
}

.qaBox p{
	width:515px;
	margin:0 !important;
	padding:5px 0 5px 5px ;
}

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

.nagareBox h3{
	margin:0 0 5px 0 !important;
}

.step1Box {
	width:520px;
	background:url(http://www.southern-reef.com/img/waku_bottom.jpg) bottom left no-repeat;
	margin-bottom:10px;
}	

.step1Box h4{
	width:520px;
	height:25px;
	background:url(http://www.southern-reef.com/img/step1_ttl.jpg) top left no-repeat;
	font-size:12px;
	padding:11px 0 10px 8px;
}

.step{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	width:55px;
}

.step1Box p{
	width:520px;
	font-size:12px;
	padding:0 0 10px 5px;
}

.stepBox{
	width:520px;
	background:url(http://www.southern-reef.com/img/waku_bottom.jpg) bottom left no-repeat;
	margin-bottom:10px;
}

.stepBox h4{
	width:520px;
	height:25px;
	background:url(http://www.southern-reef.com/img/step_ttl.jpg) top left no-repeat;
	font-size:12px;
	padding:31px 0 10px 8px;
}

.stepBox p{
	width:520px;
	font-size:12px;
	padding:0 0 10px 5px;
}

.startBtn{
	width:225x;
	text-align:center;
	margin:0 auto;
	padding:0 25px 35px 0;
}

.eRyokin{
color: #ff0033;
padding-top:5px;
}

li {
	list-style-type			: none;

}


/***************leftcol*****************/


.leftcol{
	width: 210px;
	padding: 0 5px;
	_padding: 0 0 0 2px;
	/*border: 1px solid #cff;*/
	overflow: hidden;
	display: inline;　
}



.bar_fl{
	padding: 15px 0 10px 5px;
}


.banner01_fl{
	padding: 0 0 10px 0px;

}

.banner02_fl{
	padding: 0px 0 10px 0px;

}

.banner03_fl{
	padding: 0 0 0 0px;
}


.bannerinfo{
	font-size: 10px;
	line-height: 1.5em;
	padding: 0 0 10px 5px;

}


.leftcol ul.sub1{
	width		: 195px;
	padding		: 3px 0 0 5px;
	list-style	: none;
}

.leftcol ul.sub1 li{
	border-bottom: #333 1px dashed;
	padding		: 0 5px;


}

.leftcol ul.sub1 li a,
.leftcol ul.sub1 li a:hover{
	width		: 195px;
	list-style	: none;
	padding		: 2px 5px;

}

.rightcol{
	width: 530px;
	padding: 0 0 0 5px;
	/*_padding: 0 0 0 2px;*/
	/*border: 1px solid #ccc;*/
}