/* @override http://192.168.11.18:8002/f_spot/f_files/2013/130120_new_structure/base.css */

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

html{
	overflow: hidden;
}

body{
	color: #cbcbcb;
	background-color: #000;
	
	-ms-scrollbar-base-color:#222;
	-ms-scrollbar-highlight-color:#333;
}

html>/**/body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,"メイリオ",sans-serif;
}



html>/**/body h2,
html>/**/body h3,
html>/**/body h4,
html>/**/body h5,
html>/**/body h6
html>/**/body dt,
html>/**/strong,
html>/**/em,
html>/**/th{
font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',Meiryo,"メイリオ",sans-serif;
	font-weight: bold;
}




p{
	line-height: 0;
	font-size: 0;
}


div#wrapper{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	
}



div#slider_wrapper{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

div#box_slider{
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* 基本スライドボックス */

div.box_1_slide{
	width: auto;
	height: 100%;
	overflow: hidden;
	float: left;
	position: relative;
	z-index: 0;
}

div.box_1_slide p.base_img{
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	overflow: hidden;
}

div.box_1_slide p.base_img img{
	width: auto;
	height: 120%;
	position: absolute;
	top: -12%;
left: 50%;
}




/* footer */

footer{
	width: 100%;
position: fixed;
bottom: 0;
background-image: url(images/bg_gray_80p.png);
background-position: 0 0;
z-index: 10000;
}


footer div.box_inner{
	min-width: 952px;
	height: 15px;
	margin: 0 auto;
	position: relative;
	padding: 20px 14px 14px 14px;
}

p#site_id{
	padding: 14px 0 0 90px;
}

p#site_id span{
	display: none;
}

img#kf_emblem{
	position: absolute;
	top: -50px;
	left: 0px;
	cursor: pointer;
}

footer p#site_id{
	position: absolute;
	top: 0;
	left: 14px;
}

footer p#copyright{
	float: right;
	font-size: 10px;
	padding-top:5px ;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	
}

/* debug用 */

ul#paging{
	position: absolute;
	top: 8px;
	left: 430px;
	width: 450px;
	z-index: 5000;
	background-color: rgba(0,0,0,0.7);
	display: none;
}

ul#paging li{
	width: 1.3em;
	line-height: 1.7;
	font-size: 10px;
	display: inline-block;
	cursor: pointer;
}

/* ---- side navi ---- */

ul#navi_slider{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 2000;
}

ul#navi_slider li{
	position: absolute;
	top: 0;
	width: 50px;
	
	z-index: 2000;
}

ul#navi_slider a{
	position: absolute;
	display: block;
	background-color: #000;
	text-decoration: none;
	color: #fff;
	width: 70px;
	font-size: 20px;
	top: 40%;
	padding: 15px 0 18px 0;
	line-height: 1.3;
	text-align: center;
	border: 1px solid rgba(255,255,255,0.2);
	font-family: 'Roboto Condensed', sans-serif;
	filter: alpha(opacity=50); /* % IE */
 -moz-opacity:0.5; /* decimal */
opacity:0.5; /* decimal safari */
}

ul#navi_slider li{
	cursor: pointer;
	background-image: url(images/bg_gray_05p.png);
}

ul#navi_slider li.hover{
	background-image: url(images/bg_gray_20p.png);
}

ul#navi_slider li.hover a{
	background-color: #37a8ff;
	filter: alpha(opacity=100); /* % IE */
 -moz-opacity:1; /* decimal */
opacity:1; /* decimal safari */
}

li#btn_navi_prev{
	left: 0;
}



li#btn_navi_prev a{
	left: 0;
	border-left: none;
}

li#btn_navi_home,
li#btn_navi_next{
	right: 0;
}



li#btn_navi_home a,
li#btn_navi_next a{
	right: 0;
	border-right: none;
}

li#btn_navi_home,
li#btn_navi_prev{
	display: none;
}



/* -------- */


div#box_top_ttl{
	position: absolute;
	z-index: 1000;
	width: 60%;
	top: 5%;
	left: 8%;
}

div#box_top_ttl h1{
	width: 100%;
}

div#box_top_ttl h1 img{
	width: 100%;
	height: auto;
}



/* -------- */


div.box_text_wrapper{
	position: absolute;
	z-index: 5000;
}


div.box_name{
	padding: 0 0 1em 0;
}

div.box_name p,
div.box_name h2{
	color: #fff;
	line-height: 1.5;
}

div.box_name h2{
	font-size: 24px;
	letter-spacing: 0.2em;
}

div.box_name p{
	font-size: 12px;
}

div.box_name span.roman{
	font-size: 12px;
	letter-spacing: 0;
}




div.box_text{
	padding: 8px 8px 8px 8px;
	overflow-y: scroll;
}




div.box_text p{
	font-size: 12px;
	line-height: 2;
	color: #fff;
	margin: 0 0 1em 0;
}


/* 10 */

#img_10 div.box_text_wrapper{
	bottom: 25%;
	left: 10%;
}


div#img_10 div.box_text{
	width: 45%;
	height: 250px;
	min-height: 100px;
	border: 1px #222 solid;
}





/* 11 */

#img_11 div.box_text_wrapper{
	width: 35%;
	bottom: 25%;
	right: 7%;
}


div#img_11 div.box_text{
	width: 90%;
	height: 320px;
	min-height: 100px;
	border: 1px #222 solid;
	background-image: url(images/bg_gray_80p.png);
}


/* 12 */

#img_12 div.box_text_wrapper{
	width: 35%;
	bottom: 25%;
	right: 7%;
}


div#img_12 div.box_text{
	width: 90%;
	height: 320px;
	min-height: 100px;
	border: 1px #222 solid;
	background-image: url(images/bg_gray_20p.png);
}

/* 14 */

#img_14 div.box_text_wrapper{
	width: 35%;
	bottom: 25%;
	left: 9%;
}


div#img_14 div.box_text{
	width: 90%;
	height: 320px;
	min-height: 100px;
	border: 1px #222 solid;
	background-image: url(images/bg_gray_20p.png);
}



div.box_member{
	position: absolute;
	z-index: 5000;
}

div.box_member div.box_text{
	background-image: url(images/bg_gray_70p.png);
}

div.box_member p{
	color: #fff;
	line-height: 1;
}

div.box_member p.position_num{
	font-size: 150px;
	line-height: 0.8;
font-family: 'Libre Baskerville', serif;
	font-weight: normal;
}

div.box_member p.roman_name{
	font-size: 24px;
	line-height: 1.5;
	font-family: 'Libre Baskerville', serif;
	font-weight: normal;
}

div.box_member p.career{
	font-size: 12px;
	line-height: 1.5;
	padding-bottom: 12px;
}


div.box_member p.position_num span.num{
	color: #37a8ff;
}

div.box_member div.box_text p{
	line-height: 1.8;
}


div.box_member h2{
	font-size: 24px;
	line-height: 1.6;
}


/* 20 */
div#img_20 div.box_member{
	bottom: 20%;
	left: 10%;
}






div#img_20 div.box_member div.box_text{
	width: 40%;
	height: 150px;
	min-height: 100px;
	border: 1px #222 solid;
}


/* 22 */
div#img_22 div.box_member{
	bottom: 35%;
	left: 10%;
}

div#img_22 div.box_member p.position_num{
	text-indent: -12px;
}

div#img_22 div.box_member div.box_text{
	width: 45%;
	height: 90px;
	min-height: 100px;
	border: 1px #222 solid;
}




/* 24 */
div#img_24 div.box_member{
	bottom: 20%;
	right: 7%;
	width: 40%;
}

div#img_24 div.box_member p.position_num{
	text-indent: -5px;
}

div#img_24 div.box_member div.box_text{
	width: 90%;
	height: 110px;
	min-height: 100px;
	border: 1px #222 solid;
}


/* 26 */
div#img_26 div.box_member{
	bottom: 30%;
	right: 4.7%;
	width: 40%;
}

div#img_26 div.box_member p.position_num{
	text-indent: -5px;
}

div#img_26 div.box_member div.box_text{
	width: 90%;
	height: 110px;
	min-height: 100px;
	border: 1px #222 solid;
}


/* 28 */
div#img_28 div.box_member{
	bottom: 30%;
	right: 4.7%;
	width: 40%;
}

div#img_28 div.box_member p.position_num{
	text-indent: -5px;
}

div#img_28 div.box_member div.box_text{
	width: 90%;
	height: 110px;
	min-height: 100px;
	border: 1px #222 solid;
}



/* 30 */
div#img_30 div.box_member{
	bottom: 30%;
	left: 10%;
}

div#img_30 div.box_member p.position_num{
	text-indent: -5px;
}

div#img_30 div.box_member div.box_text{
	width: 45%;
	height: 120px;
	min-height: 100px;
	border: 1px #222 solid;
	background-image: url(images/bg_gray_20p.png);
}


/* 32 */
div#img_32 div.box_member{
	width: 40%;
	bottom: 15%;
	right: 8%;
}

div#img_32 div.box_member p.position_num{
	text-indent: -5px;
	line-height: 0.9;
}

div#img_32 div.box_member div.box_text{
	width: 95%;
	height: 120px;
	min-height: 100px;
	border: 1px #222 solid;
	background-image: url(images/bg_gray_20p.png);
}

div#img_32 div.box_member p.roman_name{
	font-size: 20px;
}


/* -------- */

div.box_coach{
	position: absolute;
	z-index: 5000;
}


div.box_coach div.box_text{
	background-image: url(images/bg_gray_70p.png);
}

div.box_coach p{
	color: #fff;
	line-height: 1;
}

div.box_coach p.position{
	font-size: 14px;
	line-height: 1.3;
font-family: 'Libre Baskerville', serif;
	font-weight: normal;
}

div.box_coach p.roman_name{
	font-size: 14px;
	line-height: 2;
	font-family: 'Libre Baskerville', serif;
	font-weight: normal;
}

div.box_coach p.career{
	font-size: 12px;
	line-height: 1.5;
	padding-bottom: 12px;
}



div.box_coach div.box_text p{
	line-height: 1.8;
}


div.box_coach h2{
	font-size: 36px;
	line-height: 1.2;
	letter-spacing: 0.15em;
}


/* 33 */
div#img_33 div.box_coach{
	width: 45%;
	bottom: 30%;
	left: 10%;
}

div#img_33 div.box_coach p.position_num{
	text-indent: -5px;
}

div#img_33 div.box_coach div.box_text{
		overflow: auto;
	height: auto;
	min-height: 100px;
	border: 1px #222 solid;
	background-image: url(images/bg_gray_20p.png);
}


/* 34 */
div#img_34 div.box_coach{
	width: 45%;
	bottom: 20%;
	left: 10%;
}

div#img_34 div.box_coach p.position_num{
	text-indent: -5px;
}

div#img_34 div.box_coach div.box_text{
	overflow: auto;
	height: 260px;
	min-height: 100px;
	border: 1px #222 solid;
	background-image: url(images/bg_gray_20p.png);
}


/* -------- */

div#box_list_2013{
	width: 85%;
	height: auto;
	padding-left: 6px;
	zoom: 1;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -43%;
	z-index: 5000;
}

div#box_list_2013:after{
		content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

div#box_list_2013 h2{
	text-align: center;
	line-height: 1.5;
	font-size: 20px;
	padding: 0 18px 0.5em 0;
	color: #fff;
}

div#box_list_2013 table{
	float: left;
	margin-right: 6px;
	width: 17%;
	background-image: url(images/bg_gray_50p.png);
}

div#box_list_2013 table th,
div#box_list_2013 table td{
	font-size: 11px;
	border: 1px solid #555;
	text-align: center;
	line-height: 1.3;
	padding: 0.8em 0 0.8em 0;
}

div#box_list_2013 table th{
	font-size: 10px;
}
div#box_list_2013 .col_num{
	width: 28%;
}

div#box_list_2013 table.staff{
	width: 22%;
}

div#box_list_2013 table.staff .col_num{
	width: 70%;
}

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */

/* -------- */