@charset "utf-8";
/* -----------------------------------
CSS Yuakari Kono Document 2008/03/06
------------------------------------- */

@import "common.css";

/* common setting
------------------------------------------------------------- */

/* ----------  Header  ----------- */
	
#About #Header #Navi ul.gnavi li.menu02 { background: url(../img/navi-about-here.jpg) left top no-repeat;}		
#Merit #Header #Navi ul.gnavi li.menu03 { background: url(../img/navi-merit-here.jpg) left top no-repeat;}
#Company #Header #Navi ul.gnavi li.menu04,
#Print #Header #Navi ul.gnavi li.menu04  { background: url(../img/navi-company-here.jpg) left top no-repeat;}	
#MailMagazine #Header #Navi ul.gnavi li.menu05 { background: url(../img/navi-mm-here.jpg) left top no-repeat;}		
		
/* ----------  Main  ----------- */

#Main div.contentsBox p {
	margin: 0 0 1em 17px;
	}
	
/* contentsBox which has anchor links */	

body.anchor #Main div.contentsBox {
	padding-top: 20px;
	padding-bottom: 10px;
	}
	
body.anchor #Main h2 {
	margin-bottom: 0;
	}	
	
/* ul.entry for archive_entry.html (glossary, faq) */	
#Main div.contentsBox ul.entry li {
	background: url(../img/ico-arrow.gif) 0 4px no-repeat;
	margin-bottom: 15px;	
	padding-left: 20px;
	line-height: 1.25;
	}

#Main div.contentsBox ul.entry li p {
	margin-left: 0;
	margin-top: 0.5em;
	margin-bottom: 0;
	line-height: 1.25;
	}		



/* About
------------------------------------------------------------- */	

/* ----------  Main  ----------- */

#About #Main div.contentsBox img.photo {
	display: inline;
	float: left;
	margin: 0 15px 15px;
	}

/* Merit
------------------------------------------------------------- */	

/* ----------  Main  ----------- */

#Merit #Main div.contentsBox img.photo {
	display: inline;
	float: right;
	margin: 0 15px 15px;
	}


/* Company
------------------------------------------------------------- */	

/* ----------  Main  ----------- */


#Company #Main div.contentsBox img.photo {
	display: inline;
	float: right;
	margin: 0 15px 15px;
	}

#Company #Main div.contentsBox p.credit {
	text-align: right;
	}
	
/* table */

#Company #Main div.contentsBox table {
	border-collapse: collapse;
	border: 1px solid #e6e9eb;
	background-color: #f8f8f8;
	width: 90%;
	margin-left: 25px;
	}
	
#Company #Main div.contentsBox table th {
	border: 1px solid #e6e9eb;
	padding: 6px 15px 6px 8px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	}
	
#Company #Main div.contentsBox table td {
	border: 1px solid #e6e9eb;
	background: #ffffff;
	padding: 6px 15px 6px 8px;
	line-height: 1.5;
	}			
				
/* map */

#Company #Main div.contentsBox div.map {
  zoom:1;
  clear:both;
	margin-left: 0;
	margin-bottom: 20px;
	}
#Company #Main div.contentsBox div.map:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
  }

#Company #Main div.contentsBox div.map h3 {
	margin-bottom:10px;
	margin-left: 8px;
	}	

#Company #Main div.contentsBox div.map p {
	float: left;
	width: 231px;
	margin-right: 20px;
	margin-bottom: 0;
	line-height: 1.0;
	}
	
#Company #Main div.contentsBox div.map p a img {
	border: 1px solid #ffffff;
	}

#Company #Main div.contentsBox div.map p a:hover img {
	border: 1px solid #006699;
	}	

#Company #Main div.contentsBox div.map ul {
	float: left;
	margin-left: 0;
	}

#Company #Main div.contentsBox  ul li {
	margin-bottom: 3px;
	line-height: 1.5;
	}	
	
#Company #Main div.contentsBox p.attention {
	margin-bottom: 2em;
	} 
	
/* staff ul */

#Company #Main div.contentsBox ul.staff {
  zoom:1;
  clear:both;
	margin-left: 25px;
	margin-bottom: 20px;
  }
#Company #Main div.contentsBox ul.staff:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
  }
	
#Company #Main div.contentsBox ul.staff li {
	float: left;
	width: 8.5em;
	margin-bottom: 5px;
	}	

/* staff div */
#Company #Main div.contentsBox div.staff {
  zoom:1;
  clear:both;
	background: url(../img/line-dotted.gif) left bottom repeat-x;
	margin-left: 17px;
	padding-bottom: 15px;	
	padding-top: 20px;
	height: 160px;
	}
	
	
#Company #Main div.contentsBox>div.staff {
	height: auto;
	min-height: 160px;
	padding-bottom: 0;
	}
	
*:first-child+html #Company #Main div.contentsBox div.staff {
	padding-bottom: 15px;	
	}		
	
#Company #Main div.contentsBox div.staff:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
  }	

#Company #Main div.contentsBox div#Douke {
	padding-top: 10px;		
	}	

#Company #Main div.contentsBox div#Saegusa,	
#Company #Main div.contentsBox div#Okuda {
	padding-top:10px;
	}	

#Company #Main div.contentsBox div.staff div {
	float: right;
	width: 370px;
	}
	
#Company #Main div.contentsBox div.staff h5,
#Company #Main div.contentsBox div.staff p,
#Company #Main div.contentsBox div.staff ul {
	margin-left: 0;
	}
	
#Company #Main div.contentsBox div.staff h5 {
	background: url(../img/ico-h4.gif) left center no-repeat;
	padding-left: 17px;
	margin-bottom: 8px;
	font-size: 14px;
	}

#Company #Main div.contentsBox div.staff dl {
	margin-bottom: 15px;
	}
	
#Company #Main div.contentsBox div.staff dl dt {
	margin-bottom: 5px;
	}

#Company #Main div.contentsBox div.staff dl dd {
	margin-bottom: 2px;
	line-height: 1.5;
	}	
	
#Company #Main div.contentsBox div.staff dl dd.career {
	margin-bottom: 1em;
	}
	
#Company #Main div.contentsBox p.career {
	font-weight: bold;
	}	
	
#Company #Main div.contentsBox p.photo {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	background: #cccccc;
	padding: 3px;
	width: 124px;
	}	
#Company #Main div.contentsBox p.photo img {
	border: 2px solid #ffffff;
	}	
	
#Company #Main p.backtoIndex{
	background: none;
	margin: 0 17px 15px;
	padding-top: 8px;
	text-align: right;
	}	
	
/* Print
------------------------------------------------------------- */

/* ----------  Main  ----------- */


#Print #Container {
	background: url(../../company/img/bg-container.jpg) center top no-repeat;
	padding-top: 50px;
	}
	
#Print #Container h2 {
	border-bottom: 1px solid #999999;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-right: 30px;
	padding-bottom: 12px;
	}	


#Print #Container div.contentsBox {
	margin-left: 40px;
	margin-right: 100px;
	margin-bottom: 30px;
	}

#Print #Container div.contentsBox h3 {
	margin-bottom: 20px;
	margin-left: 8px;
	}

#Print #Container div.contentsBox img.map {
	margin-left: 25px;
	margin-bottom: 15px;	
	}
	
#Print #Container div.contentsBox table {
	margin-left: 25px;
	}	
	
#Print #Container div.contentsBox table td {
	vertical-align: top;
	line-height: 1.5;
	}	
	
#Print #Container div.contentsBox table td.address {
	width: 28em;
	}
	
#Print #Container div.contentsBox ul {
	}	

#Print #Container div.contentsBox ul li {
	background: url(../img/ico-arrow.gif) 0 4px no-repeat;
	margin-bottom: 5px;	
	padding-left: 20px;
	}
			


/* Faq
------------------------------------------------------------- */

/* ----------  Main  ----------- */

#Faq #Main div.contentsBox ul.q li {
	background: url(../../faq/img/q.gif) 0 0 no-repeat;
	padding-left: 20px;
	margin-bottom: 15px;	
	}

/*#Faq #Main div.contentsBox ul.q li a {
	color: #333333;
	text-decoration: none;
	}
#Faq #Main div.contentsBox ul.q li a:hover {
	color: #006699;
	text-decoration: underline;
	}	*/	

#Faq #Main div.contentsBox h4.q {
	background: url(../../faq/img/q.gif) 0 0 no-repeat;
	margin-bottom: 10px;
	padding-bottom: 5px;	
	padding-top: 1px;
	padding-left: 20px;
	}

#Faq #Main div.contentsBox div.a {
	border: 1px solid #e6e9eb;
	background: url(../../faq/img/a.gif) 5px 7px no-repeat #f8f8f8;
	margin: 0 8px 10px 35px;
	padding: 7px 7px 0 9px;
	}
	
#Faq #Main div.contentsBox div.a ul li {
	background: url(../../faq/img/ico-faq.gif) 0 6px no-repeat;
	margin-bottom: 10px;	
	padding-left: 14px;
	}
		

/* Blog
------------------------------------------------------------- */

/* ----------  Main  ----------- */

#Blog #Main div.contentsBox h3 {
	font-family: verdana, sans-serif;
	font-size: 14px;
	}	


/* Topics
------------------------------------------------------------- */

/* ----------  Main  ----------- */

#Topics #Main div.contentsBox h3 {
	font-family: verdana, sans-serif;
	font-size: 14px;	
	}
	
	
/* Glossary
------------------------------------------------------------- */	

/* ----------  Main  ----------- */

#Glossary #Main div.contentsBox h4.list {
	background:url(../img/ico-h4.gif) 0 2px no-repeat;
	padding-left: 19px;
	}

/* ul.category */

#Glossary #Main div.contentsBox ul.category {
	zoom:1;
	clear:both;
	padding-left: 15px;
	margin-bottom: 20px;
	}
	
#Glossary #Main div.contentsBox ul.category:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}			

#Glossary #Main div.contentsBox ul.category li {
	display: inline;
	float: left;
	background: url(../img/ico-arrow.gif) 0 6px no-repeat;
	width: 5.5em;
	_width: 7em;
	padding-left: 20px;
	color: #cccccc;	
	font-size: 14px;
	}
	
#Glossary #Main div.contentsBox ul.category li a {
	font-weight: bold;
	}	
 		

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

#Glossary #Sub div.pageNavi ul.category {
	margin-bottom: 10px;
	}

#Glossary #Sub div.pageNavi ul.category li {
	display: inline;
	padding-right: 10px;
	color: #cccccc;
	}
	
#Glossary #Sub div.pageNavi ul.category li a {
	font-weight: bold;
	}	



/* MailMagazine
------------------------------------------------------------- */

/* ----------  Main  ----------- */	

/* for form */
#MailMagazine #Main div.contentsBox table {
	border-collapse: collapse;
	border: 1px solid #e6e9eb;
	background-color: #f8f8f8;
	margin-left: 25px;
	width: 480px;
	}
	
#MailMagazine #Main div.contentsBox table th {
	border: 1px solid #e6e9eb;
	padding: 6px 15px 6px 8px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: normal;
	}
	
#MailMagazine #Main div.contentsBox table td {
	border: 1px solid #e6e9eb;
	background: #ffffff;
	padding: 6px 6px 6px 8px; 
	vertical-align: middle;
	line-height: 1.5;
	}
	
#MailMagazine #Main div.contentsBox table td input {
	padding: 2px;
	vertical-align: middle;
	}	

#MailMagazine #Main div.contentsBox input.w-short{
	border: 1px solid #d3d1c9;
	width: 250px;
	margin-right: 20px;	
	font-size: 12px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 0.1em;		
	}
	
#MailMagazine #Main div.contentsBox input.w-short:focus {
	border: 1px solid #006699;
	}		


/* for blog */
#MailMagazine #Main div.contentsBox h3.text {
	position: relative;
	}
	
#MailMagazine #Main div.contentsBox h3.text span.date{
	position: absolute;
	top: 0;
	right: 10px;
	color: #666666;
	font-size: 12px;
	}	

#MailMagazine #Main div.contentsBox .number {
	font-family: verdana, sans-serif;
	font-weight: bold;
	}

#MailMagazine #Main div.contentsBox .date {
	font-family: verdana, sans-serif;
	text-align: right;
	color: #999999;
	}		


/* entry_summary.html */
#MailMagazine #Main div.contentsBox ul.backnumber {
	}
#MailMagazine #Main div.contentsBox ul.backnumber li {	
	zoom:1;
	clear:both;
	margin-bottom: 15px;
	}
#MailMagazine #Main div.contentsBox ul.backnumber li:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}	

#MailMagazine #Main div.contentsBox ul.backnumber li span.number {
	padding-right: 20px;
	color: #666666;
	}	

#MailMagazine #Main div.contentsBox ul.backnumber li span.date {
	display: block;
	float: right;
	background: url(../img/line-dotted-gray.gif) left top repeat-x;
	width: 520px;
	margin-top: 2px;
	padding-top:2px;
	font-size: 10px;
	}	

/* Sitemap
------------------------------------------------------------- */

#Sitemap #Main div.contentsBox h3 {
	display: none;
	}

#Sitemap #Main div.contentsBox ul.first {
	display: inline;
	float: left;
	width: 20em;
	}

#Sitemap #Main div.contentsBox ul.first li {
	background: url(../img/ico-navi-footer.gif) 0 5px no-repeat;
	padding-left: 15px;
	_padding-left: 0;
	margin-bottom: 15px;
	}
	
*:first-child+html #Sitemap #Main div.contentsBox ul.first li	{
	padding-left: 0;
	}

#Sitemap #Main div.contentsBox ul.first li a {
	color: #333333;
	text-decoration: none;
	}

#Sitemap #Main div.contentsBox ul.first li a:hover {
	color: #006699;
	text-decoration: underline;
	}

#Sitemap #Main div.contentsBox ul.first li ul.second {
	margin-left: 0;
	padding-top: 10px;
	}	
	
#Sitemap #Main div.contentsBox ul.first li ul.second li {
	background: url(../img/ico-arrow.gif) 0 5px no-repeat;
	padding-left: 20px;	 
	}
	
/* Link
------------------------------------------------------------- */

#Link #Main div.contentsBox h3 {
	display: none;
	}	
			
#Link #Main div.contentsBox ul li {
	background: url(../img/ico-arrow.gif) 0 5px no-repeat;
	padding-left: 20px;	 
	}	
				

/* Privacy
------------------------------------------------------------- */	
	
#Privacy #Main div.contentsBox h3 {
	display: none;
	}

#Privacy #Main div.contentsBox h4 {
	background: url(../img/ico-h4.gif) 0 2px no-repeat;
	margin-top: 30px;
	padding-left: 17px;	
	}	

#Privacy #Main div.contentsBox ul li {
	background: url(../img/ico-arrow.gif) 0 5px no-repeat;
	margin-bottom: 10px;	
	padding-left: 20px;
	}	
		


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