/*-----------------------------------------------
/ 01_Base
/ 02_Header
/ 03_LeftMenu
/ 04_Footer
/ 05_BackGround
/ 06_Font
/ 07_Border
/ 08_subCategoryNavi
/ 09_Other 
----------------------------------------------- */


/*-----------------------------------------------
/ 01_Base
----------------------------------------------- */
body {	
	margin : 0 auto 0 auto;
	padding: 0px;
	width:750px;
	font-size: 80%;
	color: #222222;
	background-color : #ffffff;
	background-image: url("../public_img/bg_header.jpg");
	background-position: top;
	background-repeat: repeat-x;
	text-align:center;
}
td {
	font-size: 80%;
}
a:link {color:#396DB5;text-decoration:none;}
a:visited {color:#396DB5;text-decoration:none;}
a:hover {color: #FF4118;text-decoration:underline;}
form {
	margin : 0;
}
.form_button{
    width:200px;
}
.form_button_l{
    width:150px;
}
.form_button_m{
    width:100px;
}
.form_button_s{
    width:60px;
}

/*-----------------------------------------------
/ 02_Header
----------------------------------------------- */
#HEADER {
	width: 750px;
	height: 96px;
	margin: 0;
	padding: 0;
	}
#HEADER div.logo {
	width: 302px;
	height: 60px;
	float: left;
	margin: 0;
	padding: 0;
	}
#HEADER div.links {
	width: 446px;
	height: 60px;
	float: right;
	text-align:right;
	margin: 0;
	padding: 0;
	}
#HEADER div.links div.btn_info {
	margin: 10px 5px 5px auto;
	padding: 0;
	}

ul#headerNav {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	float: right;
	}
ul#headerNav li {
	background: url(../public_img/border_headerlinks.gif) no-repeat;
	padding: 0 8px 0 8px;
	display: block;
	float: left;
	}
ul#headerNav li.firstChild {
	background: none;
	padding: 0 8px 0 0;
	}
ul#headerNav li a {display: block;}
ul#headerNav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
ul#headerNav {
	display: inline-table;
	min-height: 1%;
	}
/*\*/
*html ul#headerNav {height: 1%}
ul#headerNav ul {display: block}
/**/


ul.dropdown {
	width: 750px;
	margin: 0;
	padding: 0;
	*_margin-top: -1px;
	position: relative;
	}
ul.dropdown li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	zoom: 1;
	}
ul.dropdown li.menu_01 {
	width: 108px;
	zoom: 1;
	}
ul.dropdown li.menu_02 {
	width: 114px;
	zoom: 1;
	}
ul.dropdown li.menu_03 {
	width: 119px;
	zoom: 1;
	}
ul.dropdown li.menu_04 {
	width: 114px;
	zoom: 1;
	}
ul.dropdown li.menu_05 {
	width: 113px;
	zoom: 1;
	}





/*-----------------------------------------------
/ 03_LeftMenu
----------------------------------------------- */
#LEFTMENU {
	width: 175px;
	margin: 0;
	padding: 0;
	}
	
/* LOGIN */
div.loginbox {
	width: 175px;
	margin:0;
	padding:0 0 10px 0;
	background-image: url(../public_img/bg_logibox_btm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}
div.loginbox p {
	margin: 0;
	padding: 0;
	}
div.loginbox table {
	width:155px;
	margin: 5px auto 8px auto;
	*margin-bottom: 5px;
	padding: 0;
	}
div.loginbox p.buttons {
	margin:0 0 0 0;
	padding:0 0 0 8px;
	}
div.loginbox p.buttons_menu {
	margin:0 0 0 0;
	padding:10px 0 5px 10px;
	}
div.loginbox p.buttons_mail {
	margin:0 0 0 0;
	padding:0 0 15px 10px;
	}
div.loginbox p.buttons_admin {
	margin:0 0 0 0;
	padding:0 0 0 10px;
	}

/* LEFTBLOCK */
div.leftBlock {
	margin: 10px 0 15px 0;
	padding: 0;
	}
div.leftBlock img,
div.leftBlock div,
div.leftBlock p {
	margin: 0;
	padding: 0;
	}

/* MEMBER */
ul#menu_member {
	margin: 0;
	padding: 0;
	list-style:none;
	}
ul#menu_member li {
	margin: 0;
	padding: 0;
	list-style:none;
	}
ul#menu_member li p{
	margin: 0;
	padding: 6px 0 6px 6px;
	background-image: url(../public_img/border_dot1.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
ul#menu_member li p.lastChild{
	margin: 0;
	padding: 6px 0 6px 6px;
	background-image: none;
	}

div.onlymember {
	border-top: 1px solid #EFA710;
	border-bottom: 2px solid #EFA710;
	}
ul#only_member {
	margin: 0;
	padding: 0;
	list-style:none;
	}
ul#only_member li {
	margin: 0;
	padding: 0;
	list-style:none;
	}
ul#only_member li p{
	margin: 0;
	padding: 6px 0 6px 6px;
	background-color: #FBF4DD;
	background-image: url(../public_img/border_dot2.gif);
	background-position: top;
	background-repeat: repeat-x;
	}

/* RECRUIT */
div.recruit {
	border-bottom: 2px solid #92C602;
	}
div.recruit p.bnr {
	margin-bottom: 5px;
	}
ul#menu_recruit {
	margin: 0 0 5px 0;
	padding: 0;
	list-style:none;
	}
ul#menu_recruit li {
	margin: 0;
	padding: 0;
	list-style:none;
	}
ul#menu_recruit li p{
	margin: 0;
	padding: 6px 0 6px 6px;
	background-image: url(../public_img/border_dot1.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}


/* LOCAL */
div.local {
	border-bottom: 2px solid #BD7423;
	}
div.local p.bnr {
	margin-top: 10px;
	margin-bottom: 5px;
	}

/* BOARD */
div.board {
	border: 1px solid #cccccc;
	}
div.board img {
	margin:1px;
	}
ul#boardlist {
	margin: 0;
	padding: 0;
	list-style:none;
	}
ul#boardlist li {
	margin: 0 0 0 5px;
	padding: 2px 0 2px 5px;
	list-style-type: none;
	background-image: url(../public_img/bullet_board2.gif);
	*background-image: url(../public_img/bullet_board.gif);
	background-repeat:no-repeat;
	background-position: 10px left;
	}


/*-----------------------------------------------
/ 04_Footer
----------------------------------------------- */
#FOOTER {
	width: 750px;
	margin: 50px auto 5px auto;
	padding: 0;
	}
#FOOTER div {
	width:750px;
	margin: 0;
	padding: 0;
	text-align:left;
	}

#FOOTER div.nav {
	margin: 5px 0 0 auto;
	padding: 0;
	}
ul#footerNav {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	float: right;
	}
ul#footerNav li {
	background: url(../public_img/border_footerNav1.gif) no-repeat;
	padding: 3px 8px 3px 8px;
	display: block;
	float: left;
	}
ul#footerNav li.firstChild {
	background: none;
	padding: 3px 8px 3px 0;
	}
ul#footerNav li.lastChild {
	background: url(../public_img/border_footerNav2.gif) no-repeat;
	}
ul#footerNav li a {display: block;}
ul#footerNav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
ul#footerNav {
	display: inline-table;
	min-height: 1%;
	}
/*\*/
*html ul#footerNav {height: 1%}
ul#footerNav ul {display: block}
/**/

#FOOTER div.bg_footer {
	padding-top:10px;
	}
#FOOTER div.comment_footer {
	font-size: 0.8em;
	margin: 5px auto 5px 0;
	}


/* ------ clear clearfix ------ */
.clear{
clear:both;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */	



/*-----------------------------------------------
/ 05_BackGround
----------------------------------------------- */
.bg01{
	background-color: #9C9A9C;
	}
.bg02{
	background-color:#FFFBDF;
	}
.bg03{
	background-color:#3971AD;
	}
.bg04{
	background-color:#F7F3F7;
	}
.bg05{
	background-color:#F7F7F7;
	}
.bg06{
	background-color:#6BAED6;
	}
.bg07{
	background-color:#efefef;
	}
.bg08{
	background-color:#CECFCE;
	}
.bg09{
	background-color:#DEDFDE;
	}
.bg_white{
	background-color:#ffffff;
	}
.bg_black{
	background-color:#000000;
	}
.bg_header{
	background-image :  url("../img/bg_header.gif");
}
.bg_btn{
	background-image :  url("../img/bg_btn.gif");
}
.bg_btn02{
	background-image :  url("../img/bg_btn02.gif");
}
.bg_dot{
	background-image :  url("../img/bg_dot.gif");
}
.table_border {
	border-color:#ff0000;
	}

	
/*-----------------------------------------------
/ 06_Font
----------------------------------------------- */
.subhead {
	font-size:120%;
	color:#222222;
	line-height:120%;
	margin:7px 0px 7px 0px;
	padding:3px 0px 3px 5px;
	border-bottom:1px solid #999999;
	border-left:5px solid #3971AD;
	font-weight : bold;
	}
.smallhead {
	font-size:100%;
	color:#222222;
	line-height:120%;
	margin:10px 0px 7px 0px;
	padding:30px 0px 3px 5px;
	border-bottom:1px solid #999999;
	font-weight : bold;
	}
.pagemenu {
	color:#222222;
	 font-size : 90%;
	line-height:120%;
	padding-left: 5px;
	padding-right: 5px;
}
.text_white{
	color : #ffffff;
}
.text_white_bold{
	color : #ffffff;
	font-weight:bold;
}
.text_small_white{
	color : #ffffff;
}
.text_small{
	font-size : 80%;
	color : #222222;
}
.text_small_red{
	font-size : 10px;
	color : #FF0000;
}
.text_fix{
	font-size : 80%;
	color : #FF4118;
	font-weight:bold;
}
.text_red{
	color : #BE0303;
}
.text_red{
	color : #FF4118;
	font-size : 80%;
}
.text_red2{
	color : #FF4118;
}

.text_date{
	color : #000000;
}
.text_topics{
	font-size : 90%;
	color : #2E2E2E;
}
.text_subject{
	font-size : 90%;
	color : #444444;
}
.text_bold{
	font-weight:bold;
	color : #313031;
}
.text_title{
	font-weight:bold;
	color : #0030B1;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.text_navi{
	font-size : 13px;
	margin-left:15px;
	margin-top:7px;
	margin-bottom:7px;
}
.text_right_navi{
	font-size : 13px;
	margin-left: 17px;
	margin-top:3px;
	margin-bottom:3px;
}
.text_note{
	line-height:17px;
}
select.same_width { 
	width : 120px;
} 
.se{
	font-size : 13px;
	line-height : 17px;
	margin-top:2px;
	margin-bottom:2px;
}
.dream{
	font-size : 13px;
	line-height : 17px;
}
.text_event{
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	color:#222222;
}
.text_day{
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	color:#ffffff;
}
.text_now{
	font-size:130%;
	margin-top:5px;
	font-weight:bold;
	color:#222222;
}
.text_date{
	margin-top:3px;
	margin-left:3px;
	font-weight:bold;
	color:#08294A;
}
#icon{
	margin-top:2px;
}

#attention{
	margin:10px 0 10px 0;
	font-size:110%;
	font-weight:bold;
	color:#003366;
	line-height:20px;
}
#attention .button{
	margin:0 2px 0 2px;
	padding:1px 2px 0 2px;
	font-size:90%;
	border:1px solid #000000;
}
.com12_box{
	width:100%;
	padding:5px;
	font-size:12px;
	color:#666666;
	border:1px solid #6EBEF2;
	background-color:#ECF5FA;
	line-height:150%;
	}
.com12_text{
	font-size:14px;
	font-weight:bold;
	margin-left:13px;
	color:#3971AD;
}

/*-----------------------------------------------
/ 07_Border
----------------------------------------------- */
.howto_border{
border-width:1px; 
border-style:solid; 
border-color:#3971AD; 
}

/*-----------------------------------------------
/ 08_subCategoryNavi
----------------------------------------------- */
#submenuBlock {
	width: 540px;
	*width: 560px;
	margin: 0;
	padding: 10px;
	background-color: #EDF1F5;
	text-align:left;
	font-size: 0.9em;
	*font-size: 0.8em;
	}
ul.submenu,
li.submenu {
	margin:0;
	padding:0;
	text-align:left;
	list-style-type: none;
	}
li.submenu {
	float: left;
	padding: 0 8px 0 18px;
	background: url(../public_img/bullet_submenu.gif) no-repeat;
	background-position: 8px 4px;
	line-height: 1.5em;
	display: block;
	}
li.submenu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/*\*/
*html ul#submenuBlock {height: 1%}
/**/




/*-----------------------------------------------
/ 09_Other 
---------------------------------------------*/

/*-----------------------------------------------
/ footer 
---------------------------------------------*/
.footer_txt{
	font-size : 80%;
}

/*-----------------------------------------------
/ 071119ÁE‘ΘSE‚“€EH)
----------------------------------------------- */
.h_info_btn{
text-align:right;
padding:2px 0 5px 0;
}

.pac_txt{
padding:5px 0px;
}

.pac_txt_s{
font-size:80%;
}

.smallhead_se {
background : url("../public_img/ico.gif") no-repeat 0 30%;
font-size:100%;
color:#222222;
line-height:120%;
padding:0 0 0 15px;
font-weight : bold;
}
	
.subtitle_se {
text-align:left;
font-size:120%;
background:#EBF3FA;
color:#3971AD;
line-height:120%;
margin:15px 0;
padding:5px 0 5px 10px; 
font-weight : bold;
}

.subtitle_se2 {
text-align:left;
font-size:120%;
background:#3971AD;
color:#EBF3FA;
line-height:120%;
margin:15px 0;
padding:5px 0 5px 10px; 
font-weight : bold;
}

.playmain_waku{
margin-bottom:10px;
}

.play_title {
text-align:left;
color:#3971AD;
line-height:120%;
margin:0;
font-weight : bold;
}

.play_se {
text-align:left;
background:#F8F9FC url("../public_img/recruit/play_arrow.gif") no-repeat 0 50%;
color:#396DB5;
line-height:120%;
border:1px solid #396DB5;
margin-top:5px;
padding:3px 0 3px 22px; 
}
.play_se .s{
font-size:90%;
}
.play_se img{
vertical-align:middle;
}

/*-----------------------------------------------
/ 080609ÁE‘Θ“ξE0\ž‘ƒ_ƒEƒ“ƒš[ƒh)
----------------------------------------------- */
.middleimg{
	vertical-align:middle;
	margin:5px 3px 5px 20px;
}


/*-----------------------------------------------
/ 090107ÁE‘ΘƒCƒxƒ“ƒgE(EE•’NŠš•\āE
----------------------------------------------- */
.cont_yearly1{
	background:#F5FAFE;
	margin:20px 0 50px  0;
	width:95%;
}
.tbl_yearly1{
	margin:15px;
}
.tbl_yearly1 th{
	padding:5px 10px 5px 15px;
	font-weight:bold;
	text-align:left;
	font-size:90%;
	white-space:nowrap;
	vertical-align:top;
	background:url(/public_img/ico.gif) no-repeat 0 10px;
	border-bottom:1px solid #B7C9DF;
	line-height:1.5;
}
.tbl_yearly1 td{
	line-height:1.5;
	vertical-align:top;
	padding:7px;
	border-bottom:1px solid #B7C9DF;
}
.tbl_yearly1 .cell_yearly6{
	border-bottom:none;
}
.cell_yearly1{
	padding:5px 5px 5px 15px;
	font-size:90%;
	font-weight:bold;
	background:url(/public_img/ico_arrows.gif) no-repeat left center;
}
.tbl_yearly2{
	border-collapse:collapse;
}
.tbl_yearly2 th{
	text-align:left;
	font-size:80%;	
	font-weight:bold;
	vertical-align:top;
	padding:8px 5px;
	border:1px solid #CECECE;
	border-bottom:2px solid #CECECE;
}
.tbl_yearly2 thead th{
	background:#3971AD;
	color:#FFFFFF;
	padding:5px;
	border:1px solid #3971AD;
	border-bottom:2px solid #CECECE;
}
.tbl_yearly2 thead th.cell_yearly5{
	border-right:1px solid #CECECE;
}
.tbl_yearly2 td{
	vertical-align:top;
	border:1px solid #CECECE;
	border-bottom:2px solid #CECECE;
}
.tbl_yearly2 td table{
	border-collapse:collapse;
}
.tbl_yearly2 td table td{
	padding:8px 5px;
	border:none;
}
.tbl_yearly2 td table td.cell_yearly2{
	padding:8px 5px 0px 5px;
	background:url(/public_img/bg_dot.gif) repeat-x top left;
	vertical-align:middle;
}
.tbl_yearly2 td table td.cell_yearly3{
	text-align:right;
	padding:0px 5px 8px 5px;
	vertical-align:middle;
}
.tbl_yearly3{
	margin:10px 0 50px 0;
}

/*-----------------------------------------------
/ 090302ÁE‘Θ˜JˁE[₯E
----------------------------------------------- */
ul.pageinlink{
list-style:none;
padding:10px 0;
margin:0;
}

ul.pageinlink li{
display:inline;
margin:0 20px 0 0;
padding:0;
}

.imgarrow{
margin-right:5px;
vertical-align:middle;}

table.tokucyo{
margin-bottom:10px;
border:1px #3971AD solid;
}

table.tokucyo th{
color:#FFFFFF;
font-weight:bold;
background:#3971AD;
font-size:90%;
width:70px;
}

table.tokucyo td{
font-weight:bold;
font-size:90%;
}

div.toctxt{
padding-bottom:20px;}

div.center{
text-align:center;
}

table.sample{
margin-bottom:10px;
border-top:1px #CCC solid;
border-left:1px #CCC solid;
}

table.sample td{
border-bottom:1px #CCC solid;
border-right:1px #CCC solid;
}

table.sample td.cl{
background:#E3F1F9;
border-bottom:1px #CCC solid;
border-right:1px #CCC solid;
}

dl.kiyaku{
margin-bottom:20px;
}

dl.kiyaku dt{
font-weight:bold;
margin:0 0 10px 0;
padding:0;
}

dl.kiyaku dd{
margin:0 0 20px 5px;
padding:0;
}

dl.kiyaku dd ul{
margin:5px;
padding:0;
}

dl.kiyaku dd ul li{
margin:0 0 5px 10px;
padding:0;
}

.rred{
color: #FFCC33;}

.rred2{
color: #FF6600;}


table.form{
margin-bottom:10px;
border-top:1px #9DBCDF solid;
border-left:1px #9DBCDF solid;
}

table.form th{
color:#FFFFFF;
font-weight:bold;
background:#3971AD;
width:150px;
border-bottom:1px #9DBCDF solid;
border-right:1px #9DBCDF solid;
text-align:left;
font-size:80%;
padding:15px 10px;
vertical-align:top;
}

table.form td{
padding:15px 10px;
border-bottom:1px #9DBCDF solid;
border-right:1px #9DBCDF solid;
}
.mar_btm5{
margin-bottom:5px;}

.ex {
padding:10px;
border:1px #CC0000 solid;
margin:10px 20px;
color:#CC0000;
}

/*-----------------------------------------------
/ 090326ÁE‘Θ–θE/EE
----------------------------------------------- */
.dire_cont01{
	width:540px;
	margin:auto;
	text-align:left;
}
	/*clearfix start*/
		.dire_cont01:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		.dire_cont01{
			display: inline-table;
			min-height: 1%;
		}
		/* \*/
		* html .dire_cont01{ height: 1%; }
		.dire_cont01{ display: block; }
		/* */
	/*clearfix end*/
.dire_cont02{
	width:270px;
	min-height:12em;
	float:left;
	background:url(/public_img/bg_dot.gif) repeat-x bottom;
	margin:20px 0 0 0;

}
/*IE‚–€Ÿΐstart*/
*html .dire_cont02{
	height:12em;
}
/*IE end*/
	.dire_cont02 img{
		float:left;
		margin:0 5px 0 0;
	}
	.dire_cont02 dl{
		margin:0 10px 0 0;
		padding:0;
	}
	.dire_cont02 dt{
		margin:0;
		padding:0;
		font-weight:bold;
	}
	.dire_cont02 dd{
		margin:5px 0 0 0;
		padding:0;
	}
	/*clearfix start*/
		.dire_cont02 dl:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		.dire_cont02 dl{
			display: inline-table;
			min-height: 1%;
		}
		/* \*/
		* html .dire_cont02 dl{ height: 1%; }
		.dire_cont02 dl{ display: block; }
		/* */
	/*clearfix end*/
	
/*-----------------------------------------------
/ 090924 Collaboration
----------------------------------------------- */
.colabo_section01{margin:0 auto; width:95%; text-align:left;}
.colabo_section01 dl{margin:0; padding:0;}
.colabo_section01 dt{margin:0; padding:0 0 0 16px; background:url(/public_img/ico.gif) 0 0 no-repeat; height:14px; min-height:14px;}
.colabo_section01 dd{margin:6px 0 15px 0; padding:0 0 0 70px;}


.colabo_section02{margin:0 auto; width:95%; text-align:left; background:url(/public_img/kia_logo.gif) 188px 0 no-repeat;}
.colabo_section02 .floatleft{float:left; width:265px;}
.colabo_section02 .floatright{float:right; width:265px;}
.colabo_section02 ul{margin:0; padding:0; width:265px; list-style:none;}
.colabo_section02 li{margin:0 0 12px 0; padding:0 0 0 16px; list-style:none;}
.colabo_section02 li.w01{width:180px;}
.colabo_section02 ul.first{}
.colabo_section02 ul.first li{background:url(/public_img/ico.gif) 0 0 no-repeat; _height:14px; min-height:14px;}
.colabo_section02 ul.second{width:249px; margin-top:12px;}
.colabo_section02 ul.second li{background:url(/public_img/ico_arrows.gif) 0 0.2em no-repeat; _height:14px;}

/*clearfix start*/
.colabo_section02:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.colabo_section02{
display: inline-table;
min-height: 1%;
}
/* \*/
* html .colabo_section02{ height: 1%; }
.colabo_section02{ display: block; }
/* */
/*clearfix end*/