@charset "UTF-8";


/*
BaseFontSize=12px
10px=84%
11px=92%
12px=100%
13px=109%
14px=117%
15px=125%
16px=134%
17px=142%
18px=150%
20px=167%
*/



/* =================================
	Common Settings
================================= */

* {
	margin: 0px;
}

html {
	overflow-y:scroll;
	margin-bottom:1px;
	height:100%;
}

body {
	font-size: 13px;
	line-height: 150%;
	color: #333;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "Myriad Pro", Arial, sans-serif;
}



/* for IE6 */
* html body {
	font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
	font-size: 75%;
}

h1 { font-size: large; }

h3 { font-size: large; }

h4 { font-size: small; }

.txt_s { font-size: 11px; }



/* Para */
p {
	margin-bottom: 1em;
}

.emphasis {
	color: #cc6666;
/* 	font-weight: bold;  */
}
.checkout table { margin: 1em; border-collapse: collapse; }
.checkout td, th { padding: .3em; border: 1px #F9C9C9 solid; }

.compnay3 table{ margin: 1em; border-collapse: collapse;font-size:14px;}
.compnay3 td, th {padding: .3em; border: 1px #FFFFFF solid;font-size:14px; }

.emphasis2 {
	font-size: 120%;
/*	color: #e70b0b;  */
 	font-weight: bold;  
}

.emphasis3 {
	font-size: 120%;
	color: #6d274c;
  	font-weight: bold; 
}

.emphasis4 {
	font-size: 110%;
	color: #e70b0b;
/* 	font-weight: bold;  */
}

.gray_txt1 {
	color: #666666;
/*   	font-weight: bold;  */
}

.links {
	text-align: right;
}
.links_for_vwrite {
	padding-left: 8px;
	text-align: left;
}

.indent1 {
	margin-left: 20px;
}

div {
}

.merit {
	margin-left: 60px;
}

div {
}
.merit5_aioi_alsok {

	margin-left: 400px;
}



/* Text none */
.none {
	display: none;
}



/* Image */
img, img a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}





/* *** for main area *** */

#content {
	width: 901px;
	background-color: #fff;
	background-image: none;
	margin: 0px auto;
	padding: 0px;
}

#content h2 {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}

#content_top {
	display: block;
	width: 901px;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
}





/* *** Footer *** */

#footer {
	width: 900px;
	height: 60px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin: 0px auto;
	padding: 13px 0 0;
	clear: both;
}

#footer ul {
	display: block;
	float: left;
	margin-left: 4px;
	padding: 0px;
	clear: left;
	list-style-type: none;
	font-size: 100%;
}

#footer ul li {
	display: inline;
	margin-right: 20px;
}

#footer ul li a {
	text-decoration: none;
	color: #666;
/*	background-image: url(../images/);
	background-repeat: no-repeat;
	background-position: left center;
*/	padding-top: 2px 4px 0px 12px;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #000066;
}


/* for copyright */
#footer p {
	display: block;
	float: right;
	margin-right: 4px;
	color: #666;
	font-size: 100%;
}





/*=================================
	ContentArea
=================================*/

#content_index {
	width: 650px;
	float:left;
	margin: 30px 0 0;
}


#content_view {
	width: 901px;
}


#content_left {
	width: 650px;
	float: left;
	margin: 34px 0 0;
}
#content_left h2 {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}



.line {
	display: block;
	width: 629px;
	height: 33px;
	margin: 0;
	background: url(../images/subtitle_bottomline.png) no-repeat left top;
	clear: both;
}





/*=================================
	Sidebar
=================================*/

#content_right {
	width: 201px;
	float: left;
	margin: 39px 0 10px 49px;
	padding: 0 0 100px;
	clear: right;
}
/*
#content_right ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content_right .list01 h3 {
	display: block;
	background-image: url(../common/sidebar_title.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #aabbc9;
	margin: 0px;
	padding: 8px 5px 5px 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

#content_right .list01 h3 a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #fff;
	text-decoration: none;
}
#content_right .list01 h3 a:hover {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #fff;
	text-decoration: underline;
}

#content_right .list01 ul li a {
	display: block;
	width: 160px;
	background-image: url(../images/);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #efeff0;
	margin: 0px;
	padding-top: 5px 5px 5px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e1e1;
	color: #444;
	font-size: 92%;
	text-decoration: none;
}
#content_right .list01 ul li a:hover {
	background-position: right;
	background-color: #fff;
	color: #a35226;
}

#content_right .list02 h3 {
	background-color: #efeff0;
	background-image: url(../images/);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding-top: 10px 6px 6px 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #666;
	font-weight: normal;
	font-size: 92%;
	text-decoration: none;
}

#content_right .list02 ul li a {
	display: block;
	width: 155px;
	background-image: url(../images/);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #efeff0;
	margin: 0px;
	padding-top: 5px 5px 5px 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e1e1e1;
	color: #444;
	font-size: 92%;
	text-decoration: none;
}
#content_right .list02 ul li a:hover {
	background-position: right;
	background-color: #fff;
	color: #a35226;
}

#content_right .list03 ul {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e1e1;
}

#content_right .list03 ul li a {
	display: block;
	width: 155px;
	background-image: url(../common/sidebar_al_ul.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #efeff0;
	margin: 0px;
	padding-top: 5px 5px 5px 20px;
	color: #444;
	font-size: 92%;
	text-decoration: none;
}

#content_right .list03 ul li a:hover {
	background-position: right;
	background-color: #fff;
	color: #a35226;
}
*/


/*=================================
	MainTitle
=================================*/

/* for intro page */
#intro_for_first {
	background-image: url(../images/lev2_title_1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#about_service01 {
	background-image: url(../images/services/content_header.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#about_service02 {
	background-image: url(../images/lev2_title_3.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#about_service03 {
	background-image: url(../images/lev2_title_4.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#about_service04 {
	background-image: url(../images/lev2_title_5.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#about_service05 {
	background-image: url(../images/lev2_title_6.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#how_to_use {
	background-image: url(../images/lev2_title_7.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#faq {
	background-image: url(../images/faq/content_header.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
}
#privacy_policy{
	background-image: url(../images/privacy_policy.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#sitemape{
	background-image: url(../images/sitemape_title.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#company_brochure01 {
	background-image: url(../images/about_kkl/content_header.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#company_brochure02 {
	background-image: url(../images/lev2_title_10.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#company_brochure03 {
	background-image: url(../images/contact/title2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
}


/*------------start by munny--------------*/
.company_brochure03 {
	height:24px;
	width:160px;
}

#companybrochure_02{
	height:24px;
	width:379px;
}

.faq_position{
	height:24px;
	width:403px;
}
.contact_us{
	height:21px;
	width:158px;
}
.agree_page_title{
	height:27px;
	width:101px;
	}

.sidebar_goriyoucyu_2 {
background-color: #FFFFFF; 
position:relative;top:-7px;
background-image:url(../images/sidebar_goriyoucyu_2.png);
background-repeat:no-repeat;
	height:49px;
	width:201px;
}
/*.sidebar_goriyoucyu_2:hover {
background-color: #FFFFFF; 
position:relative;top:-7px;
background-image:url(../images/sidebar_goriyoucyu_2_hover.png);
background-repeat:no-repeat;
	height:49px;
	width:201px;
}
*/
.sidebar_hajimete_02{
background-color: #FFFFFF; 
position:relative;top:-7px;
background-image:url(../images/sidebar_hajimete_02.png);
background-repeat:no-repeat;
	height:48px;
	width:201px;
	
}
/*.sidebar_hajimete_02:hover{
background-color: #FFFFFF; 
position:relative;top:-7px;
background-image:url(../images/sidebar_hajimete_02_hover.png);
background-repeat:no-repeat;
	height:48px;
	width:201px;
	
}	

*/


.inquiry_reset
{
background-color: #FFFFFF; 
background-image:url(../images/page/reset.gif);
background-repeat:no-repeat;
	height:47px;
	width:140px;
	float:right;

}
.inquiry_reset:hover
{
background-color: #FFFFFF; 
background-image:url(../images/page/reset_hover.gif);
background-repeat:no-repeat;
	height:47px;
	width:140px;
	float:right;

}
.inquiry_submit
{
background-color: #FFFFFF; 
background-image:url(../images/page/submit.gif);
background-repeat:no-repeat;
	height:47px;
	width:140px;
	float:right;
	padding-left:20px;
}

.inquiry_submit:hover
{
background-color: #FFFFFF; 
background-image:url(../images/page/submit_hover.gif);
background-repeat:no-repeat;
	height:47px;
	width:140px;
	float:right;
	padding-left:20px;
}

.disagree{
	background-color: #FFFFFF; 
background-image:url(../images/page/disagree.gif);
background-repeat:no-repeat;
	height:47px;
	width:140px;
	float:right;
 padding-right: 20px;
	}
.disagree:hover{
	background-color: #FFFFFF; 
background-image:url(../images/page/disagree_hover.gif);
background-repeat:no-repeat;
	height:47px;
	width:140px;
	float:right;
 padding-right: 20px;
	}

	.agree{
	background-color: #FFFFFF; 
background-image:url(../images/page/agree.gif);
background-repeat:no-repeat;
	height:47px;
	width:140px;
	float:right;
	 padding-right: 175px;

	}
	.agree:hover{
	background-color: #FFFFFF; 
background-image:url(../images/page/agree_hover.gif);
background-repeat:no-repeat;
	height:47px;
	width:140px;
	float:right;
	 padding-right: 175px;

	}	
	.submit5{
	background-color: #FFFFFF; 
	background-image:url(../images/page/submit5.gif);
	background-repeat:no-repeat;
	height:47px;
	width:140px;
	}
	.submit5:hover{
	background-color: #FFFFFF; 
	background-image:url(../images/page/submit5_hover.gif);
	background-repeat:no-repeat;
	height:47px;
	width:140px;
	}


/*------------end by munny--------------*/


#contact_us {
	background-image: url(../images/contact/contact_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/*==================================
	MainImages
==================================*/

#top_mainimage {
	display: block;
	width: 901px;
	height: 325px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
	text-align: center;
	float: left;
	clear: both;
	vertical-align: top;
/*
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
*/
}

#top_mainimage ul {
	width: 901px;
	height: 471px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	list-style-type: none;
}





/*==================================
	MainContents
==================================*/


/* ***** for index page ***** */

/* *** for main section *** */

.section_title {
	display: block;
	width: 629px;
	height: 23px;
}
.section_body {
	font-size: 120%;
	line-height: 150%;
}


/* *** for side menu *** */

#special_contents {
	width: 201px;
	float: left;
	margin: 0px 0 10px 49px;
	padding: 30px 0px 0px;
	clear: right;
}


/* for box parts */
.attention_box {
	width: 201px;
	height: 77px;
	padding: 0 0 0px;
}
.attention_box dd {
	padding: 26px 5px 5px;
}


#for_our_clients {
	background-image: url(../images/sidebar_goriyoucyu.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#for_first_look_customer {
	background-image: url(../images/sidebar_hajimete.png);
	background-repeat: no-repeat;
	margin: 14px 0 0;
	background-position: left top;
}
#side_menu #for_first_look_customer a
{
	background-image: url(../images/sidebar_hajimete.png);
	background-repeat: no-repeat;
	margin: 14px 0 0;
	background-position: left top;
	width: 201px;
	height: 41px;
}
#side_menu #for_first_look_customer a:hover
{
	background-position: left bottom;
}



#for_first_look_customer2 {
	background-image: url(../images/sidebar_goriyoucyu.png);
	background-repeat: no-repeat;
	margin: 14px 0 0;
	background-position: left top;
}
#side_menu #for_first_look_customer2 a
{
	background-image: url(../images/sidebar_goriyoucyu.png);
	background-repeat: no-repeat;
	margin: 14px 0 0;
	background-position: left top;
	width: 201px;
	height: 41px;
}
#side_menu #for_first_look_customer2 a:hover
{
	background-position: left bottom;
}


/* for menu list */
#side_menu {
	margin: 14px 0 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	font-size: 100%;
}
#side_menu li {
	padding: 0 0 6px;
}
#side_menu a {
	display: block;
}


#side_menu .sm01environment a {
	width: 200px;
	height: 30px;
	background-image: url(../images/sidemenu_1_oazukari.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#side_menu .sm01environment a:hover {
	background-position: left bottom;
}

#side_menu .sm02technic a {
	width: 200px;
	height: 30px;
	background-image: url(../images/sidemenu_2_oteire.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#side_menu .sm02technic a:hover {
	background-position: left bottom;
}

#side_menu .sm03voice a {
	width: 200px;
	height: 30px;
	background-image: url(../images/sidemenu_3_goriyousha.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#side_menu .sm03voice a:hover {
	background-position: left bottom;
}

#side_menu .sm04reason a {
	width: 200px;
	height: 30px;
	background-image: url(../images/sidemenu_4_nanatuno.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#side_menu .sm04reason a:hover {
	background-position: left bottom;
}

#side_menu .sm05keepkimonolife a {
	width: 200px;
	height: 30px;
	background-image: url(../images/sidemenu_5_keepkimono.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#side_menu .sm05keepkimonolife a:hover {
	background-position: left bottom;
}

#side_menu .sm06company a {
	width: 200px;
	height: 30px;
	background-image: url(../images/sidemenu_6_uneikaisha.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#side_menu .sm06company a:hover {
	background-position: left bottom;
}

#side_menu .sm07number a {
	width: 200px;
	height: 30px;
	background-image: url(../images/sidemenu_7_suuji.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#side_menu .sm07number a:hover {
	background-position: left bottom;
}



/* ***** for level2 pages ***** */
#bread_crumbs {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
/* 	border-top-color: #002b57; */
	margin-top: 0px;
	margin: 1px 2px 0px 2px;
	padding: 10px 0 0;
}
#bread_crumbs p {
	margin: 0;
	padding: 0;
}


#main_content {
}
s

.content_title {
	display: block;
	width: 415px;
	height: 24px;
}
.content_body {
	width: 650px;
	font-size: 120%;
	line-height: 150%;
}

.intro_content {
	background-image: url(../images/intro_body_image.png);
	width: 890px;
	height: 720px;
	margin: 16px 0 50px;
}
.intro_content_body {
	display: none;
}


/*=================================
	School Content
=================================*/
.school_content{margin: 30px 0; width: 900px; text-align: center;}
.school_content p{margin: 0 0 20px 0; text-align: center;}
.school_ban{margin: 10px 0 20px 0; background: url(../images/school/banner.png?111) no-repeat; height: 355px;}
.school_ban a{float:left; display:inline; background: url(../images/school/btn_more.png) no-repeat; width: 268px; height: 47px; text-indent: -9999px; position: relative; top:260px; margin: 0 0 0 125px;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/*=================================
	Common Clearfix
=================================*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}


/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */


/*=================================
404 error
=================================*/
#error { padding-bottom: 140px; }

#error h1 {
line-height: 150%;
color: #000066;
display: block;
margin-bottom: 18px;
margin-top: 40px;
}

#error p {}

input[type="submit"].confirm-btn{
	/*background-image: url(../images/confirm.png);
	background-repeat: no-repeat;
	background-position: left top;*/
	background-color:#FFCCFF;
	height:30px;width:100px;}