@charset "Shift_JIS";
/* CSS Document */
/****************************************************************/
/*HTML要素設定*/
/****************************************************************/
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,form,div{
margin : 0;
padding : 0;
}
body{
line-height : 170%;
font-size:85%;
text-align: center;
background :#ffffff url(../img/main_bg.png) top center no-repeat;
}

ul,ol{
list-style:none;
}
img{
border : none;
}
h3,h4{ clear: both; overflow: hidden;}
ul,span,dl,table,h1 {text-align: left;}
/****************************************************************/
/*各基本レイアウト領域設定*/
/****************************************************************/
.mb_10{
  margin-bottom: 10px !important;
}
select {
  padding: 2px 5px 5px 5px;
}
div#container{
width :100%;
margin:0 ;
padding:0;
overflow:hidden;
/*border:1px solid red;*/
text-align: center;
}
div#main{
width :1120px;
margin:0 auto;
padding :0;
overflow:hidden;
}
div#footer{
width : 100%;
height:450px;
margin: 0px auto;
background :#2d62ae;
overflow:hidden;
color:#fff;
text-align:left;
}


/****************************************************************/
/*メイン領域設定*/
/****************************************************************/
#head{
width: 1120px;
height: 86px;
position: relative;
margin: 10px auto 0 auto ;
overflow: hidden;
}
#head_txt{
	width: 350px;
	position: absolute;
	top: 10px;
	left: 150px;
	font-size: 90%;
	font-weight: normal;
}
/*h1{
width:980px;
height:55px;
font-size : 12px;
margin:10px auto 0 auto;
padding:15px 0 0 0;
font-weight:normal;
line-height:140%;
background :url(../img/logo.jpg) no-repeat;
}
h1 a{
display:block;
width:130px;
height:33px;
text-indent:-9999px;
overflow:hidden;

float:left;
}*/

/*ヘッダー画像*/
#main_img{
width:1100px;
height:1060px;
margin:0 auto auto 0 ;
z-index:9000;
}
/*メインメニュー*/
#gmenu{
margin: 0px 0 30px 0;
z-index:10000;
}




ul.btn-2p {
width:1000px;
height: 50px;
margin: 0 auto;
}
ul.btn-2p li{
float: left;
margin:0 5px 0 0;
/*＼*/
overflow:hidden;
/**/
}

#btn6 a{
  background: url(../img/gmenu_05.png) left center no-repeat;
  width: 193px;
  height: 39px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
}

#btn6 a:hover{
  background: url(../img/gmenu_05_on.png) left center no-repeat;
  width: 193px;
  height: 39px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
}

/*お申込みダウンロードボタン*/
.btn_download_box{
	margin:15px auto;
	width:1000px;
}
p.btn_download01{
float:left;
margin-right:10px;
overflow:hidden;
}
p.btn_download02{
float:left;
margin:0;
overflow:hidden;
}

/*お申込みダウンロードボタン
p.btn_download a{
clear:both;
display:block;
width:1000px;
height:138px;
margin:20px auto 10px;
background :url(../img/bnr_dl.jpg) no-repeat;
text-indent:-9999px;
overflow:hidden;
}
p.btn_download a:hover{
background :url(../img/bnr_dl_on.jpg) no-repeat;
}
*/

/*タイムスケジュール*/
.yakusoku h3 {
	width: 1000px;
	height: 57px;
	background: url(../img/h1_01.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
.yakusoku{
width: 1000px;
margin: 0px auto;
padding: 0px;
position: relative;
border: 0px solid #D0D9D8;
clear:both;
}
.yakusoku table{
border: 1px solid #D0D9D8;
}
.yakusoku td{
border: 1px solid #D0D9D8;
padding: 10px;
}
.yakusoku tr.bggray{
	background:#f3f3f3;
}
.textred{
	color:#ca151d;
}
.font-s{
	font-size:11px;
	
}
#icon_shonan{
width: 626px;
position: absolute;
top: 125px;
right: 10px;
}
#icon_try{
width: 626px;
position: absolute;
top: 165px;
right: 10px;
}
#icon_blue{
width: 626px;
position: absolute;
top: 195px;
right: 10px;
}
#icon_yellow{
width: 626px;
position: absolute;
top: 225px;
right: 10px;
}
#icon_skyblue{
width: 626px;
position: absolute;
top: 255px;
right: 10px;
}
#icon_red{
width: 626px;
position: absolute;
top: 300px;
right: 10px;
}
#icon_option{
width: 626px;
position: absolute;
top: 390px;
right: 10px;
}
/*プログラム*/
#nayami h3 {
	width: 1000px;
	height: 57px;
	background: url(../img/h1_02.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	margin-left: 60px;
	margin-bottom: 20px;
}
#nayami ul{
width: 1000px;
margin: 0 auto 20px auto;
overflow: hidden;
}
#nayami li{
width: 470px;
height:465px;
float: left;
margin: 0 15px 20px 0;
padding:8px;
text-align:center;
border: 3px solid #ddd;
}
#nayami li:nth-child(2n) {
margin: 0 0 20px 0;
}
#nayami li.aed {border:none;}
#nayami li span.orange {
	display:block;
	text-align:left;
}

/*#nayami li.orange {border: 4px solid #f39543;}
#nayami li.green {border: 4px solid #7fbe25;}
#nayami li.blue {border: 4px solid #005c8f; margin-right:0;}
#nayami li.yellow {border: 4px solid #d7d40d;}
#nayami li.skyblue {border: 4px solid #01b1b1;}

*/

#nayami li p{
width: 98%;
margin: 10px auto;
text-align: left;
}
/*AED講習*/

div#case{
	width: 1000px;
	margin: 0 auto 40px auto;
	padding: 0;
}
#case dl{
	width: 1000px;
	border: 2px solid #cccccc;
	margin: 15px 0 0 0;
	overflow: hidden;
	clear: both;
}
#case dl dt{
	margin: 15px 0 0 0;
}
#case dl dd{ 
	display: block;
	float: left;
	margin: 10px 10px;
}
dd.text{
	width: 660px;
	overflow: auto;
}
dd.text p{ 
	height: 150px;
	padding: 0px;	
	clear: right;
}
dd.text h4{
	margin: 15px 0 0px 0;
	float: left;
}
dd.img{
width: 271px;
}
/*prog*/
#prog img{
vertical-align: middle;
padding: .5em;
}

/*講師プロフィール*/
div#profile{
	width: 1000px;
	margin: 0 auto 30px auto;
	padding: 0;
}
#profile h3 {
	width: 1000px;
	height: 57px;
	background: url(../img/h1_03.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#profile h4 {
border-left: 10px solid #007bbf;
font-size: 21px;
font-weight: bold;
padding:0 .5em;

}
dl.example{
width:100%;
font-size:13px;
margin:10px 0 20px 0;
border: 3px solid #007bbf;
overflow:hidden;
}
dl.example dt{
margin:15px 0 10px 15px;
width:100%;
}
dl.example dt img.prof{
float:left;
margin-bottom:15px;
}

dl.example dt div{
margin:0 10px;
width:800px;
float:left;
}
dl.example dd{
margin:30px 10px 5px 10px;
padding:15px 5px;
clear:both;
border-top: 3px solid #007bbf;

}
/*イベント*/
div#event{
	width: 1000px;
	margin: 0 auto 20px auto;
	padding: 0;
}
#event h3 {
	width: 1000px;
	height: 57px;
	background: url(../img/h1_03.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#event table{
font-size:16px;
width: 1000px;
height: 345px;
margin: 0 0 50px 0;
}
#event th{
text-align: center;
padding: 10px;

}
#event td{
padding: 7px;
border-bottom:1px solid #ebebeb;
font-size:14px;
}

#event td.event_t{
padding: 7px;
color:#fff;
text-align:center;
vertical-align:middle;
background:url(../img/bg_02.jpg) center center no-repeat;
font-size:13px;
}
/*アクセス*/
div#map{
	width: 1000px;
	margin: 0 auto 20px auto;
	padding: 0;
}
#map h3 {
	width: 1000px;
	margin-bottom: 10px;
	text-align:left;
	font-size:12px;
	font-weight:100;
}
/*第一回*/
div#vol1{
	width: 1000px;
	margin: 0 auto 20px auto;
	padding: 0;
}
#vol1 h3 {
	width: 1000px;
	margin-bottom: 10px;
	text-align:left;
	font-size:12px;
	font-weight:100;
}
#vol1 ul {
	margin:0;
	padding:0;
}
#vol1 ul li {
	width: 190px;
	padding:5px 12px 5px 0;
	float:left;
}
#vol1 ul li img{
	width: 190px;
	margin:0;
	padding:0;
}
#vol1 li:nth-child(5n) {
padding: 5px 0 5px 0;
}
.qr{
text-align: left;
padding: 30px 50px;
}
/*フォーム*/
#form{
	text-align:left;
	margin:20px auto;
	width:1000px;
}
#form h4{
	font-size:16px;
	border-bottom:3px solid #FFA954;
	padding:8px 0 3px 0;
	margin:15px 0;
}
#form h5{
	font-size:14px;
	padding:8px 0 3px 0;
	margin:5px 0;
}

/*共通　お問合わせボタン*/
p.btn_contacut a{
clear:both;
display:block;
width:980px;
height:100px;
margin:0 auto 20px auto;
background :url(../img/btn01.jpg) no-repeat;
text-indent:-9999px;
/*＼*/
overflow:hidden;
/**/
}
p.btn_contacut a:hover{
background :url(../img/btn01.jpg) no-repeat 0 -100px;
}
p.btn_contacut02 a{
clear:both;
display:block;
width:980px;
height:197px;
margin:20px auto;
background :url(../img/btn04.jpg) no-repeat;
text-indent:-9999px;
/*＼*/
overflow:hidden;
/**/
}
p.btn_contacut02 a:hover{
background :url(../img/btn04.jpg) no-repeat 0 -197px;
}



/****************************************************************/
/*フッタ領域設定*/
/****************************************************************/

#footer_wrapper {
width :1000px;
margin:0 auto;
position: relative;
overflow: hidden;
padding :0;
}
#footerItem-L{
width: 329px;
float: left;
margin: 20px 0 0 0;
text-align: left;
}
#footerItem-R{
width: 641px;
float: right;
margin: 20px 0 0 0;
text-align: left;
font-size: 12px;
}

#footerItem01{

margin: 30px 0;

}
#footerItem02{

margin: 15px 0;

}
#footerItem02 ul{
width: 641px;
margin: 0 0 15px 0;
overflow: hidden;
}
#footerItem02 li{
width: 641px;
float: left;
margin: 0 0px 5px 0;
border-bottom: 1px solid #ffffff;
border-bottom-style: dotted;


}
/********************************************/
/*その他汎用クラス、id*/
/********************************************/

/*ページトップへ*/
p#gototop{
text-align : right;
}
/*マージン*/
.mgn-top10{
margin:10px 0 0 0;
}
.mgn-top15{
margin:15px 0 15px 0;
}
.mgn-top20{
margin:20px 0 0 0;
overflow:hidden;
}
.mgn-top30{
margin:30px 0 0 0;
}
.mgn-top40{
text-align:center;
margin:40px 0 0 0;
}
/*回り込み*/
.img-l{
float : left;
margin : 30px 10px 30px 0;
}
.img-r{
float : right;
margin : 0 0 10px 10px;
}
.img-ctr{
text-align : center;
margin:10px 0;
}
.img-ctr2{
text-align : center;
margin:30px 0;
}

.center{
text-align: center;
}
.txt-r{
float : right;
margin : 0 15px 20px 0;
}
/*回り込みクリア*/
.c-both{
clear : both;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.newsbox{
	width:930px;
	font-size:20px;
	color:#ca151d;
	text-align:left;
	padding:10px 30px 10px 30px;
	margin:0 auto;
	border:2px solid #ddd;
}
.newsbox span{
	font-size:20px;
	color:#ca151d;
	font-weight:bold;

}