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

/* index */


#ispa #Top_area{
	background: url(../common/img/timg_under.jpg) repeat-x center bottom;
	text-align: center
	}
#ispa .index_box{
	width: 990px;
	margin: 0 auto;
	height: 440px;
	position: relative;
	}
#ispa .index_box .box1{
	position: absolute;
	left: 15px;
	top: 44px;
	}
#ispa .index_box .box2{
	position: absolute;
	left: 314px;
	top: 26px;
	}
#ispa .index_box .box3{
	position: absolute;
	left: 323px;
	top: 138px;
	}
#ispa .index_box .box4{
	position: absolute;
	left: 323px;
	top: 232px;
	}
#ispa .index_box .box5{
	position: absolute;
	left: 322px;
	top: 319px;
	}
#ispa .index_box .box6{
	position: absolute;
	left: 338px;
	top: 358px;
	}
#ispa .index_box .box7{
	position: absolute;
	}
#ispa .index_box .box8{
	position: absolute;
	}
#ispa .index_box table{
	border-spacing: 1px;
	border: 1px solid #cccccc;
	font-size: 0;
	line-height: 0;
	padding: 0;
	}

/*
NAVIGATION
*/
.navi{
	font-size: 0;
	line-height: 0%;
	}
.navi .data0{
	margin-top:4px;
	font-size: 0px;
	width: 246px;
	line-height: 0%;
	border: 1px solid #cccccc;
	}
.navi .data0 li{
	padding: 1px;
	border-bottom: 1px solid #cccccc;
	}
.navi .data0 li.end{
	border-bottom: none;
	}
.navi .data1{
	font-size: 0px;
	width: 246px;
	line-height: 0%;
	border: 1px solid #cccccc;
	}
.navi .data1 li{
	padding: 1px;
	border-bottom: 1px solid #cccccc;
	}
.navi .data1 li.end{
	border-bottom: none;
	}
.navi dt.intro{
	margin: 20px 0 0 0;
	}
.navi dt.intro_lc{
	margin: 0 0 0 0;
	}
.navi .data2{
	border: 1px solid #E1EAF4;
	border-top: none;
	text-align: center;
	}
.navi .data2 img{
	margin: 4px auto 0 auto;
	}
.navi .data2 p{
	font-size: 12px;
	line-height: 140%;
	color: #666666;
	width: 226px;
	margin: 1px auto 0 auto;
	background: url(img/navi/bg.jpg) repeat-x 0 0;
	padding: 5px 10px 10px 10px;
	}
.navi .data3{
	border: 1px solid #E1EAF4;
	text-align: center;
	}
.navi .data3 p{
	font-size: 12px;
	line-height: 140%;
	color: #666666;
	width: 226px;
	margin: 1px auto 0 auto;
	padding: 5px 10px 5px 10px;
	background: url(img/navi/bg.jpg) repeat-x 0 0;
	}
.f_banner{
	margin: 25px 0 10px 0;
	text-align: center;
	}
.f_banner img{
	margin: 0 auto;
	}
.back_banner{
	margin: 10px 0 50px 0;
	text-align: center;
	}

/*
===== ISPA ===========================
*/
#ispa .top_img{
	background: url(img/top_bg.jpg) no-repeat center 0;
	text-align: center
	}
#ispa .top_img img{
	margin: 0 auto;
	}
#ispa .top_img_lc{
	background: url(img/top_bg.jpg) no-repeat center 0;
	background-color:#FFFFFF;
	text-align: center
	}
#ispa .top_img_lc01{
	background: url(img/top_bg_lc.jpg) no-repeat center 0;
	background-color:#FFFFFF;
	text-align: center
	}	
#ispa .navi table{
	font-size: 0px;
	border-spacing:1px;
	border: 1px solid #cccccc;
	}
#ispa .navi dd{
	margin: 5px 0 10px 0;
	}


/* index */
#ispa .index{
	font-size: 0px;
	line-height: 0px
	}
#ispa .kanhei{
	position: relative;
	}
#ispa .kanhei_banner{
	position: absolute;
	left: 501px;
	top: 123px;
	}
#ispa .index .box4{
	position: relative;
	margin: 0;
	}
#ispa .index .box4 .btn{
	position: absolute;
	left: 629px;
	top: 162px;
	}

/* コンテンツ */

	#ispa dt.title{
	background: url(img/title_bg.jpg) no-repeat 0 0;
	width: 716px;
	height: 31px;
	padding: 7px 0 0 14px;
	margin: 0 0 10px 0;
	}
#ispa .box1{
	width: 700px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}
#ispa .box1 .block{
	margin: 0 0 20px 0;
	}
#ispa .box1 .block .data1{
	background: url(img/comp_box1-tbg.jpg) repeat-x 0 0;
	height: 46px;
	font-size: 0px;
	line-height: 0%
	}
#ispa .box1 .block .data2{
	background: url(img/comp_box1-2bg.jpg) repeat-x 0 0;
	padding: 12px 24px 12px 12px;
	font-size: 14px;
	line-height: 130%;
	}
#ispa .box1 .block .ate{
	float: right;
	color: #FF3366;
	font-size: 11px;
	text-align: left;
	line-height: 120%;
	margin: 10px 0 0 0;
	}
#ispa .box2{
	width: 700px;
	margin: 0 auto;
	text-align: left;
	}
#ispa .box2 td .block{
	position: relative;
	height: 359px;
	width:350px;
	} 
#ispa .box2 td .block img{
	position: absolute;
	bottom: 0px;
	right: 0px;
	}
#ispa .box3{
	width: 664px;
	margin: 20px auto 0 auto;
	}
#ispa .box3 dt.title{
	background: url(img/comp_box3_tbg.jpg) no-repeat 0 0;
	height: 30px;
	padding: 12px 0 0 12px;
	}
#ispa .box3 table.TB_data{
	border: 1px solid #cccccc;
	border-spacing:1px
	}
#ispa .box3 table.TB_data tr.data1 th,
#ispa .box3 table.TB_data tr.data1 td{
	background: #C8EAF2;
	}
#ispa .box3 table.TB_data tr.data2 th,
#ispa .box3 table.TB_data tr.data2 td{
	background: #E9F7FA;
	}
#ispa .box3 table.TB_data th{
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	}
#ispa .box3 table.TB_data td{
	padding: 3px 0 3px 0;
	font-size: 14px;
	}
#ispa .box3 table.TB_data td p{
	padding: 0 0 0 15px;
	}
	
#ispa .box4{
	width: 664px;
	margin: 20px auto 0 auto;
	}
#ispa .box4 dt.title{
	background: url(img/comp_box4_tbg.jpg) no-repeat 0 0;
	padding: 0 0 15px 0;
	}
#ispa .box4 table.TB_data{
	border: 1px solid #cccccc;
	border-spacing:1px
	}
#ispa .box4 table.TB_data tr.data1 th,
#ispa .box4 table.TB_data tr.data1 td{
	background: #E8A0A5;
	}
#ispa .box4 table.TB_data tr.data2 th,
#ispa .box4 table.TB_data tr.data2 td{
	background: #F6D9DB;
	}
#ispa .box4 table.TB_data th{
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	}
#ispa .box4 table.TB_data td{
	padding: 3px 0 3px 0;
	font-size: 14px;
	}
#ispa .box4 table.TB_data td p{
	padding: 0 0 0 15px;
	}
	
	
#ispa .box5{
	width: 664px;
	margin: 20px auto 0 auto;
	}
#ispa .box5 dt.title{
	background: url(img/comp_box5_tbg.jpg) no-repeat 0 0;
	padding: 0 0 15px 0;
	}
#ispa .box5 table.TB_data{
	border: 1px solid #cccccc;
	border-spacing:1px
	}
#ispa .box5 table.TB_data tr.data1 th,
#ispa .box5 table.TB_data tr.data1 td{
	background: #F5F5F5;
	}
#ispa .box5 table.TB_data tr.data2 th,
#ispa .box5 table.TB_data tr.data2 td{
	background: #E0E0E0;
	}
#ispa .box5 table.TB_data th{
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	}
#ispa .box5 table.TB_data td{
	padding: 3px 0 3px 0;
	font-size: 14px;
	}
#ispa .box5 table.TB_data td p{
	padding: 0 0 0 15px;
	}
	

#ispa .none{
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px
	}



/* COMPETEMNT step1 2 */
#ispa .compe .box1 .block .img{
	position: absolute;
	left: 497px;
	top: 16px;
	}




/* TRANING */
#ispa .traning .box1{
	background: url(img/traning/line.jpg) no-repeat 0 0;
	}
#ispa .traning .box1 .block .img{
	position: absolute;
	left: 497px;
	top: 16px;
	}
#ispa .traning .box1 .block .t1{
	position: absolute;
	}
#ispa .traning .box1 .box1-2{
	width: 631px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0 0 0 auto;
	padding: 0 0 0 1px;
	font-size: 0px;
	line-height: 0%;
	}
#ispa .traning .box1 .box1-2 .data-t{
	margin: 0 0 3px 0;
	}
#ispa .traning .box1 .box1-2 .data{
	width: 630px;
	margin: 0 0 15px 0;
	}
#ispa .traning .box1 .box1-2 .data{	
	background: url(img/traning/data1-bg.jpg) no-repeat 0 0;
	}
#ispa .traning .box1 .box1-2 .data .TB_data{
	font-size: 13px;
	width: 425px;
	float: left;
	padding: 0 0 0 5px;
	}
#ispa .traning .box1 .box1-2 .data .TB_data table{
	width: 420px;
	font-size: 13px;
	line-height: 120%;
	border-top: 1px solid #666666;
	}
#ispa .traning .box1 .box1-2 .data .TB_data th,
#ispa .traning .box1 .box1-2 .data .TB_data td{
	padding: 5px 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #666666;
	}
#ispa .traning .box1 .box1-2 .data .TB_data th{
	text-align: center;
	border-right: 1px solid #ffffff;
	}
#ispa .traning .box1 .box1-2 .data .TB_data td{
	padding-left:15px;
	}
#ispa .traning .box1 .box1-2 .data .TB_data .data1{
	background: #F5F5F5;
	}
#ispa .traning .box1 .box1-2 .data .TB_data .data2{
	background: #E0E0E0;
	}
#ispa .traning .box1 .box1-2 .data .pic{
	width: 200px;
	float: right;
	}
#ispa .traning .box1 .box1-2 .data .txt{
	text-align: right;
	color: #333333;
	font-size: 11px;
	padding: 10px 0 0 0;
	line-height: 105%;
	}

/* COSTAL STEP3 4 */
#ispa .costal .box1 .block .img{
	position: absolute;
	left: 475px;
	top: -24px;
	}
#ispa .costal .box1 .block .img2{
	position: absolute;
	left: 476px;
	top: 141px;
	}
#ispa .costal .box2{
	margin: 0px;
	font-size: 0;
	line-height: 0%;
	}
#ispa .costal .box2 td{
	margin: 0px;
	padding: 0px;
	height: auto;
	font-size: 0;
	line-height: 0%;
	}
	
/* other */
.txt_right{
	padding: 5px 0 0 0;
	text-align: right;
	}
.size11{
	font-size: 11px;
	line-height: 105%;
	}
	
/*
===== license ===========================
*/	
.txt_license01{
	margin: 10px 0 0 1px;
	text-align: left;
	}
.txt_license02{
	margin: 10px 0 0 5px;
	text-align: center;
	}
.txt_license03{
	margin: 5px 0 4px 1px;
	text-align: left;
	}
.txt_license04{
	margin: 25px 0 0 1px;
	text-align: left;
	}
.txt_license05{
	margin: 17px 0 0 1px;
	text-align: left;
	}
.txt_license06{
	margin: 0 0 20px 1px;
	text-align: left;
	}	
.txt_license_btn{
	margin: 210px auto 0 auto;
	}
.txt_license_txt{
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size:12px;
	line-height:14px;
	color:#666666;
	}
.txt_license_txt02t{
	padding: 5px 5px 5px 5px;
	text-align: center;
	font-size:12px;
	line-height:14px;
	color:#000000;
	}	
.txt_license_txt02{
	padding: 5px 5px 5px 5px;
	text-align: center;
	font-size:12px;
	line-height:14px;
	color:#454545;
	}
.txt_license_txt02_color{
padding-top:5px;
	text-align: center;
	font-size:12px;
	line-height:14px;
	color:#8d4717;
	}
.txt_license_txt02_color_y{
padding-top:5px;
	text-align: center;
	font-size:12px;
	line-height:14px;
	color:#5c5c0e;
	}
.txt_license_txt03{
	padding: 5px 5px 5px 10px;
	text-align: left;
	font-size:12px;
	line-height:15px;
	color:#454545;
	}
.txt_license_txt04{
	padding: 5px 5px 5px 20px;
	text-align: left;
	font-size:12px;
	line-height:17px;
	color:#454545;
	}
.txt_license_txt05{
	padding: 5px 5px 5px 5px;
	text-align: center;
	font-size:12px;
	line-height:17px;
	color:#454545;
	}
.txt_license_txt06{
	padding: 5px 5px 5px 30px;
	text-align: left;
	font-size:12px;
	line-height:14px;
	color:#454545;
	}
.txt_license_txt07{
	padding: 5px 0 5px 30px;
	text-align: left;
	font-size:12px;
	line-height:14px;
	color:#454545;
	}
	.txt_license_txt08{
	padding: 5px 0 5px 0;
	text-align: left;
	font-size:12px;
	line-height:14px;
	color:#454545;
	}
.txt_license_txt02_red{
	padding: 5px 5px 5px 5px;
	text-align: center;
	font-size:12px;
	line-height:14px;
	color:#ff0000;
	}
.txt_license_txt05_red{
	padding: 0 5px 5px 5px;
	text-align: center;
	font-size:12px;
	line-height:14px;
	color:#ff0000;
	}
.txt_license_txt_red{
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size:12px;
	line-height:14px;
	color:#ff0000;
	}
.img_layout{
	text-align: right;
	}
.pro_ct{
	margin: 5px 0 0 0;
	text-align: center;
	}