@charset "UTF-8";

/*========== universal styles ==============*/
*{
	margin: 0;
	padding: 0;
/*	list-style: none;*/
	font-style: normal;
	font-family: Arial,Helvetica,sans-serif,ＭＳ　Ｐゴシック,Osaka;
}
.text_hide{
	text-indent: -9999px;
	text-decoration: none;
	font-size: 8px;
	line-height: 100%;
}
.clearfix:after{
	content:"";
	display: block;
	height: 0;
	clear: both;
}
.clearfix{
	display:inline-block;
}
.no_list_mark{
	list-style: none;
}
/*Hides from IE-mac \*/
*html.clearfix{height: 1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

/* ========== link styles ==============*/

a:link{
	color: #000000;
}
a:visited{
	color: #000000;
}
a:hover{
	color: #E57B73;
}

/* ========== common styles ==============*/
	/* --------- layout box ---------*/
body{
	margin: 0;
	padding: 0;
	background-color: #FFFAEB;
}

#out_side{

}
#wrapper_page{
	margin: 0 auto;
	font-size: large;
	line-height:140%;
	color: #000000;
	padding: 0px;
	width: 816px;
	background: #FFFAEB url(/images/common_images/bg_image.gif) repeat-y;
}
#wrapper_main{
	margin: 0 auto;
	padding: 0;
	width: 760px;
	background-color: #fff;
}
#sub #main_contents{
	margin:0;
	padding: 25px 50px ;
}
	/* --------- header ---------*/
#header{
	margin: 0 auto;
	padding: 0;
	width: 760px;
	height: 96px;
	background-image: url(/images/common_images/bg_header.gif) ;
	position: relative;
}
#header #logo a{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 259px;
	height: 92px;
	background: url(/images/common_images/kounokai_logo.gif) no-repeat;
}
#header #utility ul{
	float: right;
	top: 5px;
	display: block;
	right:0px;
	margin: 0;
	padding:0;
}
#header #utility li{
	line-height:1.5em;
	margin-top:3px;
	padding: 0px 0px 0px 30px;
	background: url(/images/common_images/utility_icon.gif) no-repeat 1em 0.5em;		float: left;
	list-style: none;
}

#header #utility a{
	text-decoration: none;
}
#header #txtsize ul {
	position: absolute;
	top: 47px;
	right: 40px;
	float:right;
	clear: right;
}
#header #txtsize ul li {
	display: block;
	margin: 0;
	padding: 0;
	width: 35px;
	float:left;
	height: 32px;
}
#header #txtsize ul li a{
	background: url(/images/common_images/textsize_button.gif) no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 35px;
	height: 32px;
}

#header #txtsize ul li#text_small{width:35px;}
#header #txtsize ul li#text_big{width:35px;}

#header #txtsize ul li#text_small a{background-position:0 0;}
#header #txtsize ul li#text_big a{background-position:-35px 0;}

#header #txtsize ul li#text_small a:hover{background-position:0 100%;}
#header #txtsize ul li#text_big a:hover{background-position:-35px 100%;}


	/* --------- global navi ---------*/
#global_navi{
	margin: 0;
	padding: 0;
	width: 760;
	height: 53;
	background: url(/images/common_images/bg_globalnavi.gif) no-repeat;
}
#global_navi ul{
	margin: 0;
	padding: 3px 30px;
	width: 760;
	height: 50;
}
#global_navi ul li{
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#global_navi ul li strong{
	display: block;
	padding: 0px;
	margin: 0;
	height: 50px;
}

#global_navi ul li a{
	display: block;
	padding: 0px;
	margin: 0;
	height: 50px;
	background: url(/images/common_images/g_navi_items.gif) no-repeat;
}
#global_navi ul li#navi_top{ width:174px; }
#global_navi ul li#navi_jitsuyou{ width:263px; }
#global_navi ul li#navi_meimei{ width:263px; }

#global_navi ul li#navi_top a{ background-position:0 0; }
#global_navi ul li#navi_jitsuyou a{ background-position: -174px 0; }
#global_navi ul li#navi_meimei a{ background-position: -437px 0; }

#global_navi ul li#navi_top a:hover,#global_navi ul li#navi_top strong a{ background-position:0 100%; }
#global_navi ul li#navi_jitsuyou a:hover,#global_navi ul li#navi_jitsuyou strong a{ background-position: -174px 100%; }
#global_navi ul li#navi_meimei a:hover,#global_navi ul li#navi_meimei strong a{ background-position: -437px 100%; }



	/* --------- footer ---------*/
#footer{
	margin: 0 auto;
	padding: 0;
	width: 760px;
	height: 40px;
	background: url(/images/common_images/footer.gif) no-repeat;
}
#footer p#copyrights{
	margin: 12px 0 0 0;
	padding: 0;
	width: 371px;
	height: 12px;
	float: right;
	background: url(/images/common_images/copyright.gif) no-repeat;
}

	/* --------- contents common styles ---------*/
#sub #contents #main_contents h2{
	margin:0;
	padding:6px 0 0 30px;
	height: 33px;
	background: url(/images/common_images/h2_title.gif) no-repeat;
	font-size: xx-large;
}
#contents #main_contents h3{
	margin:0;
	padding:4px 40px;
	background: url(/images/common_images/h3_title.gif) no-repeat 20px 0.35em;
	font-size: x-large;
}
#contents #h1_contents,#contents #h2_contents,#contents #h3_contents{
	margin: 0px;
	padding: 0 0 20px 0;
}
#contents #h1_contents p,#contents #h2_contents p{
	margin:0;
	padding:0em 2em 0.5em;
	font-size: large;	
}


#contents #h3_contents p{
	margin:0;
	padding:0.5em 2em 2em 2em;
	font-size: large;

}
#contents #h3_contents ul{
	margin:0;
	padding:0.5em 2em 2.5em 3.5em;
	font-size: large;
	list-style: square;	
}
#contents #h3_contents ul li{
	margin:0;
	padding:0em 0em 1em;

}
span.text_indent{
	margin:0;
	padding:0em 0em 0em 1.5em;	
}
span.em{
	font-weight: bold;
}

.list_mark_circle{
	list-style: circle;
}
.list_mark_nm{
	list-style: decimal;

}
.image_right{
	float:right;
	margin: 0 0 15px 20px;
}
.image_left{
	float:right;
	margin: 0 12px 12px 0;
}
address{
	margin:0;
	padding:1em 0em 1em 3.5em;	
}
#h3_contents ol.aboutus_list li{
	list-style: none;
	margin: 0;
	padding: 0;
	
}
.image_right {
	float: right;
	margin: 0 0 15px 20px;
}
.image_left {
	float: left;
	margin: 0 12px 12px 0;
}
.img_center {
	display: block;
	margin: auto;
}
/* ========== sub navi for subpage ==========*/
#sub_navi{
	margin:0 auto;
	padding:0 0 3px 0;
	width:740px;
	height:120px;
	background: url(/images/common_images/bg_subnavi.gif) no-repeat;
}
	/* --------- sub navi inquiry ---------*/
#sub_navi ul#sub_navi_inquiry{
	float: left;
	margin: 0;
	padding: 23px 0 0 13px;
	list-style: none;
	display: block;
}
#sub_navi ul#sub_navi_inquiry li#navi_inquiry{
	margin:0;
	padding: 0;
	list-style: none;
	display: block;
	width:230px;
	height: 70px;
}
#sub_navi #sub_navi_inquiry li#navi_inquiry a,li#navi_inquiry strong{
	background: url(/images/common_images/inquiry.gif) no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width:230px;
	height: 70px;
}
#sub_navi #sub_navi_inquiry li#navi_inquiry a{background-position:0 0;}
#sub_navi #sub_navi_inquiry li#navi_inquiry a:hover,#sub_navi #sub_navi_inquiry li#navi_inquiry strong a{background-position:0 100%;}
	/* --------- sub navi about ---------*/
#sub_navi ul#sub_navi_aboutus{
	float: right;
	margin: 0;
	padding: 14px 13px 0 0;
	list-style: none;
	display: block;

}
#sub_navi ul#sub_navi_aboutus li#navi_aboutus{
	margin:0;
	padding:0;
	list-style: none;
	display: block;
	width:216px;
	height: 92px;
}
#sub_navi #sub_navi_aboutus li#navi_aboutus a{
	background: url(/images/common_images/aboutus.gif) no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width:216px;
	height: 92px;
}
#sub_navi #sub_navi_aboutus li#navi_aboutus strong{
	display: block;
}

#sub_navi #sub_navi_aboutus li#navi_aboutus a{background-position:0 0;}
#sub_navi #sub_navi_aboutus li#navi_aboutus a:hover,#sub_navi #sub_navi_aboutus li#navi_aboutus strong a{background-position:0 100%;}


/* ========== top uique styles ==============*/

#contents #h1_top{
	margin:0;
	padding: 0;
	width: 760px;
	height: 270px;
	background: url(/images/top_images/top_mainimage.jpg) no-repeat;
}
#contents_main_subnavitop{
	margin:0;
	padding: 0;
	width: 760px;
}
#top #wrapper_main #main_contents{
	margin: 0;
	padding:24px 10px 0 10px;
	width: 485px;
	float:left;
}

#wrapper_main #sub_navi_top{
	margin:0;
	padding:0;
	width: 250px;
	height: 330px;
	float:right;
	background: url(/images/top_images/bg_subnavi_top.gif) no-repeat;
	background-position: 10px 116px;
}

#sub_navi_top ul#sub_navi_inquiry{
	margin: 0;
	padding:24px 0 0 10px;
	list-style: none;
	display: block;
}
#sub_navi_top ul#sub_navi_inquiry li#navi_inquiry{
	margin:0;
	padding: 0;
	list-style: none;
	display: block;
	width:230px;
	height: 70px;
}
#sub_navi_top #sub_navi_inquiry li#navi_inquiry a,li#navi_inquiry strong{
	background: url(/images/common_images/inquiry.gif) no-repeat;
	background-position: 15px 24px;
	display: block;
	margin: 0;
	padding: 0;
	width:230px;
	height: 70px;
}
#sub_navi_top #sub_navi_inquiry li#navi_inquiry a{background-position:0 0;}
#sub_navi_top #sub_navi_inquiry li#navi_inquiry a:hover,#sub_navi_top #sub_navi_inquiry li#navi_inquiry strong a{background-position:0 100%;}
	/* --------- sub navi about ---------*/
#sub_navi_top ul#sub_navi_aboutus{
	margin: 0;
	padding: 30px 0px 0px 16px;
	list-style: none;
	display: block;

}
#sub_navi_top ul#sub_navi_aboutus li#navi_aboutus{
	margin:0;
	padding:0;
	list-style: none;
	display: block;
	width:216px;
	height: 92px;
}
#sub_navi_top #sub_navi_aboutus li#navi_aboutus a{
	background: url(/images/common_images/aboutus.gif) no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width:216px;
	height: 92px;
}
#sub_navi_top #sub_navi_aboutus li#navi_aboutus strong{
	display: block;
}

#sub_navi_top #sub_navi_aboutus li#navi_aboutus a{background-position:0 0;}
#sub_navi_top #sub_navi_aboutus li#navi_aboutus a:hover,#sub_navi #sub_navi_aboutus li#navi_aboutus strong a{background-position:0 100%;}

	/* --------------- what's new --------------- */
#whatsnew{
	margin: 0;
	padding: 0;
	width: 480px;
}

#whatsnew_title p{
	margin: 0;
	padding: 0;
	display: block;
	width:480px;
	height: 50px;
	background: url(/images/top_images/whatsnew_header.gif) no-repeat;
}
#news_box {
	width: 480px;
	margin: 0;
	padding: 0 0 50px;
	background: url(/images/top_images/whatsnew_footer.gif) no-repeat bottom;
}
#news_box ul#whats_new_text {
	margin: 0;
	padding: 10px 0px 10px 0px;
	width: 480px;
	background: url(/images/top_images/whatsnew_back.gif) repeat-y;
}
#news_box ul#whats_new_text li{
	margin: 0;
	padding: 0px 20px 20px 20px;
	width: 440px;
	list-style: none;
}
#news_box ul#whats_new_text li#first{
	margin: 0;
	padding: 10px 20px 20px 20px;
	width: 440px;
}
#news_box ul#whats_new_text li#last{
	margin: 0;
	padding: 0px 20px 0px 20px;
	width: 440px;
}


	/* --------------- topics --------------- */
#top #h2_contents_top{
	width: 480px;
	margin: 0;
	padding: 32px 0 50px;
}
#top #h2_contents_top #about_jitsuyou{
	margin: 0;
	padding: 0;

}
#top #h2_contents_top #about_jitsuyou h2#jitsuyou a{
	display: block;
	background: url(/images/top_images/about_jitsuyou.gif) no-repeat;
	width: 480px;
	height:33px;
}
#top #h2_contents_top #about_meimei{
	margin: 0;
	padding: 20px 0 0 0;

}
#top #h2_contents_top #about_meimei h2#meimei a{
	display: block;
	background: url(/images/top_images/about_meimei.gif) no-repeat;
	width: 480px;
	height:33px;
}
#top #h2_contents_top p{
	margin:0;
	padding:5px 20px 5px 20px;
	font-size: large;
}


/* ========== sub uique styles ==============*/
	/* --------- jitsuyou ---------*/
#contents #h1_jitsuyou{
	margin:0;
	padding: 0;
	width: 760px;
	height: 100px;
	background: url(/images/jitsuyou_images/h1_image.jpg) no-repeat;
}

	/* --------- meimei ---------*/
#contents #h1_meimei{
	margin:0;
	padding: 0;
	width: 760px;
	height: 100px;
	background: url(/images/meimei_images/h1_image.jpg) no-repeat;
}
	/* --------- inquiry ---------*/
#contents #h1_inquiry{
	margin:0;
	padding: 0;
	width: 760px;
	height: 100px;
	background: url(/images/inquiry_images/h1_image.jpg) no-repeat;
}

	/* --------- aboutus ---------*/
#contents #h1_aboutus{
	margin:0;
	padding: 0;
	width: 760px;
	height: 100px;
	background: url(/images/aboutus_images/h1_image.jpg) no-repeat;
}
#mark_kouno{
	display: block;
	margin: 0;
	padding: 0 0 0 120px;
	width: 350px;
	height: 200px;
	background: url(/images/aboutus_images/kouno.gif) no-repeat;
	
}
	/* --------- to_top ---------*/
a.page_top_link{
	display:block;
	width: 650px;
	text-align: right;
}
	/* --------- jitsuyou_list ---------*/
.jitsuyou_list table.list_table01{
	margin-bottom: 60px;
	}

.jitsuyou_list .list_table01{
	width: 90%;
	margin: 10px 0px 20px 0px;
	border-collapse: collapse;
	text-align: center;
}
.list_table01 th{
	background: #EAF6FF;
	color: #444;
	padding: 2px;
}
.list_table01 td .01{
	width: 10%;
	background: #fff;
}
.list_table01 td .02{
	width: 30%;
	background: #fff;
}
.list_table01 th,.list_table01 td{
	border: 1px #CCC solid;
	margin: 10px 0px 20px 0px;
}

a.link_text{
	margin: 0;
	padding: 0px 0 10px 15px;
	background: url(/images/common_images/arrow_large.gif) no-repeat;
	background-position: 0px 3px;
}
ul.attention_list li{
	list-style: none;
	margin: 0;
	padding: 3px 0 0 0px;
}