@charset "utf-8";
/*----------------------------
  CSS Kono Document 2008.04
----------------------------*/

@import "common.css";

/* ----------  html,body and structual div ----------- */		

#Box {
	background: url(../../img/bg-box.jpg) left top no-repeat;
	margin: 0 auto;
	width: 999px;
	text-align: center;
	}

#Header {
	background: none;
	width: 979px;
	height: 248px;
	}	
	
#Header #Navi {
	position: absolute;
	top: 40px;
	left: 273px;
	}	
	
#Container {
	background: url(../../img/bg-container_top.jpg) left top no-repeat #ffffee;
	}
	
#Sub {
	margin-left: 11px;
	margin-top: 0;
	}	

#Container #Main {
	position: relative;
	display: inline;
	float: right;
	width: 656px;	
	margin-top: 80px;
	padding-top: 0;
	padding-bottom: 0;	
	text-align: left;
	}

	
	
/* Header
------------------------------------------------------------- */	

#Header h1 {
	top: 2px;
	left: 38px;
	text-indent: -9999px;	
	}	

/* ----------  unavi  ----------- */			
	
#Header ul.unavi {
	padding-right: 36px;
	}	
	
/* Navi
------------------------------------------------------------- */
	
/* here */
#Header #Navi ul li.menu01 { background: url(../img/navi-home.jpg) left bottom no-repeat; width: 124px;}

	
/* Sub
------------------------------------------------------------- */ 	

#Sub div {
	padding-left: 5px;
	padding-right: 5px;
	}


#Sub p.more {
	text-align: right;
	margin-bottom: 8px;
	text-decoration: underline;
	}	

/* ----------  contact  ----------- */

#Sub div.contact {
	width: 200px;
	padding: 0;
	margin-bottom: 4px;
	}

#Sub div.contact h3 {
	display: none;
	}
#Sub div.contact ul li {
	text-indent: -9999px;
	}	

#Sub div.contact ul li.menu01 {
	background: url(../../img/button-contact.jpg) 0 0 no-repeat;
	padding-top: 23px;
	margin-bottom: 4px;
	}
#Sub div.contact ul li.menu01 a {
	display: block;
	width: 190px;
	height: 58px;
	margin-left: 5px;
	}	
	
#Sub div.contact ul li.menu02 {
	background: url(../img/text-phone.gif) 5px 0 no-repeat;
	height: 40px;
	}
	
	
/* ----------  fee  ----------- */		

#Sub p.fee {
	margin-bottom: 4px;
	text-align: center;
	}
	
#Sub p.mm {
	margin-right: 4px;
	}	
	
/* ----------  faq  ----------- */

#Sub div.faq {
	padding-bottom: 4px;
	}

#Sub div.faq h3 {
	margin-bottom: 5px;
	}
	
#Sub div.faq a {
	text-decoration: underline;
	}		
	
#Sub div.faq ul li {
	border-bottom: 1px solid #d9d9d9;
	background: url(../../img/ico-sub-square.jpg) 2px 3px no-repeat;
	margin-bottom: 5px;
	padding-left:	25px;
	padding-bottom: 9px;
	line-height: 1.5;
	}


/* ----------  voice  ----------- */

#Sub div.voice {
	padding-bottom: 15px;
	}

#Sub div.voice h3 {
	margin-bottom: 10px;
	}
	
#Sub div.voice a {
	text-decoration: underline;
	}	
	
#Sub div.voice dl {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 7px;
	margin-left: 5px;
	padding-bottom: 15px;
	}
 
#Sub div.voice dl dt {
	font-weight: bold;
	line-height: 1.25;	
	}

#Sub div.voice dl dt.category {
	margin-bottom: 8px;
	color: #666666;
	}
	
#Sub div.voice dl dt.title {
	margin-bottom: 10px;
	padding-left: 5px;
	}
	
#Sub div.voice dl dt.title a {
	text-decoration: none;
	}

#Sub div.voice dl dt.title a:hover {
	text-decoration: underline;
	}				
	
#Sub div.voice dl dd {
	line-height: 1.25;
	padding-left: 5px;
	margin-bottom: 5px;	
	}
	
#Sub div.voice dl dd.more {
	text-align: right;
	}		


/* ----------  privacymark  ----------- */

#Sub div.privacymark {
	padding:10px 5px;
	text-align:center;}

/* Main
------------------------------------------------------------- */ 	
	
#Main h3 {
	text-indent: -9999px;
	}
	
#Main div.contentsBox {
	margin-left: 0;
	margin-right: 0;
	}		

/* ----------  TopicsBox  ----------- */

#Main div#TopicsBox {
	background:url(../../img/bg-topics.jpg) left top no-repeat;
	width: 649px;
	margin-bottom: 7px;
	}
	
#Main div#TopicsBox h3 {
	height: 61px;
	}

#Main div#TopicsBox dl {
	zoom:1;
	clear:both;
	background: url(../../img/bg-topics_bottom.jpg) left bottom no-repeat;
	width: 649px;
	padding-bottom: 10px; 
	}

#Main div#TopicsBox dl:after{
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
 }							

#Main div#TopicsBox dl dt {
	float: left;
	clear: left;
	background: url(../img/ico-blog.gif) 100% 2px no-repeat;	
	padding-left: 10px;
	padding-right: 30px;
	font-family: verdana, sans-serif;
	}
	
#Main div#TopicsBox dl dd {
	float: left;
	width: 500px;
	padding-left: 8px;
	padding-bottom: 10px;
	line-height: 1.5;
	}
	
/* ----------  ServiceBox  ----------- */

#Main div#ServiceBox {
	margin-bottom: 5px;
	}
	
/* common setting */
#Main div#ServiceBox div {
	float: left;
	width: 317px;
	}

#Main div#ServiceBox h3 {
	width: 317px;
	height: 100px;
	margin-bottom: 3px;
	}

#Main div#ServiceBox p {
	display: none;
	}	
	
#Main div#ServiceBox div dl {
	zoom:1;
	clear:both;
	}
	
#Main div#ServiceBox div dl:after{
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
 }
	
#Main div#ServiceBox div dl dt {
	float: left;
	width: 157px;
	height: 80px;
	margin-bottom: 3px;
	text-indent: -9999px;
	font-size: 0;
	}	

#Main div#ServiceBox div dl dt a {
	display: block;
	width: 157px;
	height: 80px;
	}

#Main div#ServiceBox div dl dd {
	display: none;
	}	
		
/* personal */
#Main div#ServiceBox div.personal {
	background: url(../../img/bn-p08.gif) 100% 352px no-repeat;
	margin-right: 10px;
	}	
#Main div#ServiceBox div.personal h3 { background: url(../../img/title-personal.jpg) left top no-repeat;}

#Main div#ServiceBox div.personal dl dt.menu01 { background: url(../../img/bn-p01.gif) left top no-repeat; margin-right: 3px;}
#Main div#ServiceBox div.personal dl dt.menu02 { background: url(../../img/bn-p02.gif) left top no-repeat;}
#Main div#ServiceBox div.personal dl dt.menu03 { background: url(../../img/bn-p03.gif) left top no-repeat; margin-right: 3px;}
#Main div#ServiceBox div.personal dl dt.menu04 { background: url(../../img/bn-p04.gif) left top no-repeat;}
#Main div#ServiceBox div.personal dl dt.menu05 { background: url(../../img/bn-p05.gif) left top no-repeat; margin-right: 3px;}
#Main div#ServiceBox div.personal dl dt.menu06 { background: url(../../img/bn-p06.gif) left top no-repeat;}
#Main div#ServiceBox div.personal dl dt.menu07 { background: url(../../img/bn-p07.gif) left top no-repeat; margin-right: 3px;}


/* business */

#Main div#ServiceBox div.business {
	background: url(../../img/bn-b08.gif) 100% 352px no-repeat;
	}

#Main div#ServiceBox div.business h3 { background: url(../../img/title-business.jpg) left top no-repeat;}

#Main div#ServiceBox div.business dl dt.menu01 { background: url(../../img/bn-b01.gif) left top no-repeat; margin-right: 3px;}
#Main div#ServiceBox div.business dl dt.menu02 { background: url(../../img/bn-b02.gif) left top no-repeat;}
#Main div#ServiceBox div.business dl dt.menu03 { background: url(../../img/bn-b03.gif) left top no-repeat; margin-right: 3px;}
#Main div#ServiceBox div.business dl dt.menu04 { background: url(../../img/bn-b04.gif) left top no-repeat;}
#Main div#ServiceBox div.business dl dt.menu05 { background: url(../../img/bn-b05.gif) left top no-repeat; margin-right: 3px;}
#Main div#ServiceBox div.business dl dt.menu06 { background: url(../../img/bn-b06.gif) left top no-repeat;}
#Main div#ServiceBox div.business dl dt.menu07 { background: url(../../img/bn-b07.gif) left top no-repeat; margin-right: 3px;}


/* ----------  BlogBox  ----------- */

#Main div#BlogBox {
	background: url(../../img/bg-blog_bottom.jpg) left bottom no-repeat;
	width: 644px;
	height: 168px;
	padding-bottom: 14px;
	margin-bottom: 17px;	
	}
#Main>div#BlogBox {
	height: auto;
	min-height: 154px;
	}	

#Main div#BlogBox div.wrap {
	background: url(../../img/bg-blog.jpg) left top no-repeat;
	}	
	
body#TopTest #Main div#BlogBox div.wrap {
	background: url(../../img/bg-blog090114.jpg) left top no-repeat;
	}				
	
#Main div#BlogBox p.more {
	margin-top: 37px;
	_margin-top: 34px;	
	margin-left: 503px;
	font-size: 0;
	text-indent: -9999px;
	}
	
*:first-child+html #Main div#BlogBox p.more {
	margin-top: 27px;
	}	
	
#Main div#BlogBox p.more a {
	display: block;
	width: 98px;
	height: 26px;
	}

#Main div#BlogBox dl {
	zoom:1;
	clear:both;
	margin-top: 25px;
	margin-left: 212px;
	margin-bottom: 25px;
	}

#Main div#BlogBox dl:after{
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
 }
 
#Main div#BlogBox dl a {
	text-decoration: underline;
	} 							

#Main div#BlogBox dl dt {
	float: left;
	clear: left;
	width: 8em;
	font-family: verdana, sans-serif;
	}
	
#Main div#BlogBox dl dd {
	float: left;
	background: url(../img/ico-blog.gif) 0 4px no-repeat; 
	width: 280px;
	_width: 305px;
	padding-left: 25px;
	padding-bottom: 10px;
	line-height: 1.5;
	}

/* ----------  MessageBox  ----------- */

#Main div#MessageBox {
	background: url(../../img/bg-message.gif) left top no-repeat;
	width: 644px;
	height: 204px;
	margin-bottom: 21px;
	}
	
#Main div#MessageBox p {
	padding-top: 97px;
	padding-left: 20px;
	padding-right: 160px;
	color: #ffffff;
	line-height: 1.5;
	}
	
/* ----------  GreetingBox  ----------- */

#Main div#GreetingBox {
	background: url(../../img/bg-greeting.jpg) left bottom no-repeat;
	width: 644px;
	padding-bottom: 100px;
	}

#Main div#GreetingBox div {	float: right; }
#Main div#GreetingBox h3 {
	background: url(../../img/title-greeting.gif) left top no-repeat;
	width: 485px;
	height: 71px;
	margin-bottom: 12px;
	}

#Main div#GreetingBox ul {
	margin-left:10px;
	color: #656565;
	line-height: 1.5;
	width: 485px;
	/*list-style:url(../img/ico-circle01.gif);*/	}
#Main div#GreetingBox ul li {
	margin-bottom:5px;}

#Main div#GreetingBox p.photo {
	display: inline;
	float: left;
	width: 138px;
	height: 185px;
	margin-right:10px;
	}	

#Main div#GreetingBox p.credo{
	margin:15px 10px 15px 0;
	text-align:right;}	
	
/* Footer
------------------------------------------------------------- */ 	

#Footer {
	background: url(../../img/bg-footer.jpg) left bottom repeat-x #ffffee;
	}


#Footer {
	padding-top: 30px;
	}				
	
#Footer p.pageTop {
	display: inline;
	float: right;
	margin-right: 12px;
	margin-bottom: 40px;
	line-height: 1.5;
	cursor: pointer;
	}	

/* ----------  end  ----------- */