/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
@charset "Shift_JIS";

*{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	font-family:Arial,Helvetica,sans-serif,ms p gothic;
	text-decoration:none;
}
img{ vertical-align:bottom; }

body{
	text-align:center;
	font-size:9pt;
	line-height:14px;
	color:#4a4a4a;
	background-color:#fff;
}
.wrap,.wrap2{
	width:754px;
	text-align:left;
	position:relative;
}
.wrap{ margin:25px auto; }
.wrap2{ margin:0 auto; }

/*------------------------------------------------------------------- link */
a:link		{ text-decoration: underline ; color:#FE8169; }
a:vlink		{ text-decoration: underline ; color:#FE8169; }
a:visited	{ text-decoration: underline ; color:#FE8169; }
a:hover		{ text-decoration: underline ; color:#FF2B02; }

/*------------------------------------------------------------------- clear */
br.clear{ clear:both; }
br.clearl{ clear:left; }

.red{
	color: #ff0000;
}
/*------------------------------------------------------------------- head */
#head{
	width:754px;
}
#head h1{
	width:136px;
	height:38px;
	background:url(../../../images/eastbeam03.gif) left top no-repeat;
	margin:0 0 10px 0;
}
#head h2{
	width:754px;
	height:218px;
	background:url(../../../images/mainimg.jpg) left top no-repeat;
}

/*------------------------------------------------------------------- contents */
#contents{
	margin:48px 0 0 0;
}
#contents-left{
	float:left;
	width:563px;
	padding:29px 0 26px 0;
}
#contents-right{
	float:right;
	width:190px;
	border-left:1px solid #cfcfcf;
}


/*------------------------------------------------ contents-left */

#contents-left h3 a{
	width:170px;
	height:154px;
	display:block;
background:url(../../uploads/2008/09/wazapcapture3.gif) left top no-repeat;
	/*background:url(http://www.eastbeam.co.jp/images/wazapCapture.gif) left top no-repeat;*/
}
#contents-left p{
	margin:10px 0 0 0;
}
#contents-left p span{
	padding:0 0 0 10px;
	background:url(../../../images/listRed.gif) left 3px no-repeat;
}

/*------------------------------------------------ contents-right */

/*------------------------------------ #head-news */
#contents-right #headnews{
	float:left;
	width:353px;
	padding:29px 0 0 20px;
}
#headnews h3.headnews1{
	width:226px;
	height:62px;
	background:url(../../../images/headnews1.gif) left top no-repeat;
}
#headnews h3.headnews2{
	width:236px;
	height:32px;
	background:url(../../../images/headnews2.gif) left top no-repeat;
	margin:20px 0 15px 0;
}
#headnews p span{
	padding:0 0 0 10px;
	background:url(../../../images/listRed.gif) left 3px no-repeat;
}

/*------------------------------------ #newstopic */
#contents-right #newstopics{
	float:right;
	width:190px;
	background-color:#e3f8fb;
}
#newstopics h4{
	width:190px;
	height:30px;
	background:url(../../../images/news.gif) left top no-repeat;
}


/*-------------------- #newstopics2 */
#newstopics2{
	padding:12px 11px 104px 15px;
}
#newstopics2 ul{
	border-bottom:1px solid #7d898b;
	margin:0 0 10px 0;
}
#newstopics2 li{
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	background:url(../../../images/listRed.gif) left 3px no-repeat;
}
#newstopics2 p,
p.right{
	text-align:right;
}


/*------------------------------------------------------------------- .menu */
.menu
{ 
	width:754px;
	height:48px;
	position:absolute; 
	left:0;
	background:url(../../../images/menuBg.gif) left top repeat-x;
}
.menu{ top:266px; }
.menu2{ top:129px; }

.menu ul{
	width:754px;
	height:48px;
	background:url(../../../images/menuRight.gif) right top no-repeat;
}

.menu ul li{ float:left; list-style: none !important;}
.menu ul li a
{
	height:48px;
	display:block;
}

.menu ul li a.home{ width:190px; background:url(../../../images/menuHome.jpg) left top no-repeat; }
.menu ul li a.about{ width:93px; background:url(../../../images/menuAbout.jpg) left top no-repeat; }
.menu ul li a.service{ width:93px; background:url(../../../images/menuService.jpg) left top no-repeat; }
.menu ul li a.recruit{ width:93px; background:url(../../../images/menuRecruit.jpg) left top no-repeat; }
.menu ul li a.contact{ width:93px; background:url(../../../images/menuContact.jpg) left top no-repeat; }
.menu ul li a.media{ width:93px; background:url(../../uploads/2008/12/menuads.jpg) left top no-repeat; }

.menu ul li.page-item-2{ width:190px; background:url(../../../images/menuHome.jpg) left top no-repeat; }
.menu ul li.page-item-2{ width:93px; background:url(../../../images/menuAbout.jpg) left top no-repeat; }
.menu ul li.page-item-23{ width:93px; background:url(../../../images/menuService.jpg) left top no-repeat; }
.menu ul li.page-item-24{ width:93px; background:url(../../../images/menuRecruit.jpg) left top no-repeat; }


.menu ul li a:hover,.menu ul li a.here{ background-position:left bottom; }


/*------------------------------------------------------------------- foot */
#foot,#foot2{ width:754px; }
#foot{clear: both;}
/*-------------------------------------------- #logo-side */
#foot #logo-side,
#foot2 #logo-side{
	float:left;
	width:190px;
	background-color:#0b63be;
}
#foot #logo-side h6 a,
#foot2 #logo-side h6 a{
	width:190px;
	display:block;
}
#foot #logo-side,#foot #logo-side h6 a{ 
	height:83px; 
	background:url(../../../images/eastbeam.gif) center 25px no-repeat #0b63be;
}
#foot2 #logo-side,#foot2 #logo-side h6 a{ 
	height:68px; 
	background:url(../../../images/eastbeam.gif) center 15px no-repeat #0b63be;
}


/*-------------------------------------------- #copy-side */
#foot #copy-side,
#foot2 #copy-side{
	float:right;
	width:549px;
	background-color:#eaeaea;
}
#foot #copy-side{ padding:14px 5px 0 10px; height:69px; }
#foot2 #copy-side{ padding:6px 5px 0 10px; height:62px; }


/*-------------------------------------------- .address  */
#copy-side p.address{
	float:left;
	width:252px;
	font-size:8pt;
}


/*-------------------------------------------- .copy */
#foot #copy-side p.copy,
#foot2 #copy-side p.copy{
	float:right;
	text-align:right;
	width:292px;
	font-size:7pt;
	font-family: tahoma,arial,sans-serif;
	color:#4a4a4a;
}
#foot #copy-side p.copy{ padding:23px 0 0 0; }
#foot2 #copy-side p.copy{ padding:18px 0 0 0; }

/*----------------------------------------------------------------------------------------------------------------------- not top page */

/*------------------------------------------------------------------- #head2 */
#head2{ 
	width:754px;
	background:url(../../../images/mainimg2.jpg) right top no-repeat;
}
#head2 h1 a{
	width:192px;
	height:129px;
	background:url(../../../images/eastbeam02.gif) left top no-repeat;
	display:block;
}


/*---------------------------------------------------------------------------------------------------------- #contents2 */
#contents2{ 
	width:754px;
	height:auto;
	margin:48px 0 0 0;
	padding:15px 0;
}


/*------------------------------------------------------------------- #left-menu */
#contents2 #left-menu{
	float:left;
	width:190px;
	text-align:right;
	font-size:8pt;
}
#contents2 #left-menu h3{
	width:190px;
	height:67px;
}
#contents2 #left-menu h3.about{ background:url(../../../images/leftmenuAbout.gif) left top no-repeat; }
#contents2 #left-menu h3.service{ background:url(../../../images/leftmenuService.gif) left top no-repeat; }
#contents2 #left-menu h3.recruit{ background:url(../../../images/leftmenuRecruit.gif) left top no-repeat; }
#contents2 #left-menu h3.news{ background:url(../../../images/leftmenuNews.gif) left top no-repeat; }
#contents2 #left-menu h3.media{ background:url(../../uploads/2008/12/leftmenumedia.gif) left top no-repeat; }

#contents2 #left-menu ul li{
	padding:10px 12px 10px 0;
	margin:0 0 0 10px;
	border-bottom:1px solid #dbdbdb;
	background:url(../../../images/leftmenuList1.gif) right center no-repeat;
}
#contents2 #left-menu ul li.here{
	background:url(../../../images/leftmenuList2.gif) right center no-repeat;
}
#contents2 #left-menu a:link{ text-decoration: none ; color:#4a4a4a; }
#contents2 #left-menu a:vlink{ text-decoration: none ; color:#4a4a4a; }
#contents2 #left-menu a:visited{ text-decoration: none ; color:#4a4a4a; }
#contents2 #left-menu a:hover{ text-decoration: none ; color:#000000; }


/*---------------------------------------
left-menu [News&Topics]
---------------------------------------- */
#left-menu ul.nt li a:link{ text-decoration: underline; color:#FE8169; }
#left-menu ul.nt li a:vlink{ text-decoration: underline; color:#FE8169; }
#left-menu ul.nt li a:visited{ text-decoration: underline; color:#FE8169; }
#left-menu ul.nt li a:hover{ text-decoration: underline; color:#FF2B02; }


/*------------------------------------------------------------------- right-contents */
#contents2 #right-contents{
	float:right;
	width:523px;
	padding:21px 0 0 20px;
	margin:0 0 0 20px;
	border-left:1px solid #cfcfcf;
}
#contents2 #right-contents h4{
	width:523px;
	height:38px;
}
#contents2 #right-contents h4.message{ background:url(../../../images/aboutMessage.gif) left top no-repeat; margin:0 0 2px 0; }
#contents2 #right-contents h4.company{ background:url(../../../images/aboutCompany.gif) left top no-repeat; }
#contents2 #right-contents h4.map{ background:url(../../../images/aboutMap.gif) left top no-repeat; }
#contents2 #right-contents h4.result{ background:url(../../../images/serviceResult.gif) left top no-repeat; }
#contents2 #right-contents h4.job{ background:url(../../../images/recruitJob.gif) left top no-repeat; }
#contents2 #right-contents h4.index{ background:url(../../../images/newsIndex.gif) left top no-repeat; }


/*--------------------------------------
right-contents [News&Topics]
----------------------------------------- */
#contents2 #right-contents #nt{
	padding:350px 0 0 15px;  /* min-height hack */
}
#contents2 #right-contents #nt ul{
	margin:-330px 0 0 0;   /* min-height hack */
}
#contents2 #right-contents ul li{
	list-style-type: disc;
	margin:0 0 10px 0;
}
#contents2 #right-contents ul li span{
	font-size:8pt;
}
#contents2 #right-contents .topic{ line-height:16px; }
#contents2 #right-contents .topic .ymd{
	text-align:right;
	font-size:8pt;
	color:#ffffff;
	background-color:#6699cc;
	padding:10px 8px 8px 0;
}
#contents2 #right-contents .topic p.p1{
	margin:0 0 20px 0;
}
#contents2 #right-contents .topic p.p2{
	
}
#contents2 #right-contents .topic .back{
	text-align:center;
	border-top:1px solid #000000;
	padding:10px 0 20px 0;
}
#contents2 #right-contents .topic h5{
	text-align:center;
	font-size:11pt;
	margin:30px 0;
}

#contents2 #right-contents .topic h5 span{
	display: block;
	font-weight: normal;
	margin-top: 0.3em;
	font-size: 9pt;
}

#contents2 #right-contents .topic h6{
	font-size:10pt;
}

#contents2 #right-contents .topic p.right {
	margin-bottom: 25px;
	text-align: right;
	font-size: 8pt;
}

#contents2 #right-contents .topic .link{
	margin:0 0 10px 0;
}



#contents2 #right-contents .topic ul {
	margin: -10px 0 10px;
}

#contents2 #right-contents .topic ul li{
	list-style-position: inside;
padding-left: 30px;
	margin: 0;
}


#right-contents #nt a:link{ text-decoration: none ; color:#4a4a4a; }
#right-contents #nt a:vlink{ text-decoration: none ; color:#4a4a4a; }
#right-contents #nt a:visited{ text-decoration: none ; color:#4a4a4a; }
#right-contents #nt a:hover{ text-decoration: none ; color:red; }

/*--------------------------------------
right-contents [about]
----------------------------------------- */
#right-contents .ab{
	padding:0 0 0 23px;
	margin:20px 0;
}
#right-contents .ab h5.topic2007{
	width:193px;
	height:14px;
	background:url(../../../images/about2007Catch.gif) left top no-repeat;
}
#right-contents .ab h5.topic2006{
	width:452px;
	height:17px;
	background:url(../../../images/about2006Catch.gif) left top no-repeat;
}
#right-contents .ab h5.topic2005-1{
	width:236px;
	height:13px;
	background:url(../../../images/aboutCatch2005_1.gif) left top no-repeat;
}
#right-contents .ab h5.topic2005-2{
	width:359px;
	height:13px;
	background:url(../../../images/aboutCatch2005_2.gif) left top no-repeat;
}
#right-contents p.past-message,
#right-contents .ab p.p4{
	text-align:right;
}

#right-contents .ab p.p1,
#right-contents .ab p.p2{ margin:20px 0; line-height:15px; }
#right-contents .ab p.p3{ margin:0 0 10px 0; line-height:15px; }
#right-contents .ab p.p4{
	padding:10px 0 0 0;
	border-top:1px solid #8d8d8d;
}
#right-contents .ab table{ 
	width:100%; 
	border-top:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-left:2px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
#right-contents .ab table th,#right-contents .ab table td{
	padding:5px 0;
	border-bottom:1px solid #cccccc;
	line-height: 1.4;
}
#right-contents .ab table th{ 
	background-color:#eeeeee;
	text-align:center;
	vertical-align:middle;
	white-space: nowrap;
	font-weight:lighter;
	font-size:8pt;
	border-right:1px solid #cccccc;
	padding: 0 5px;
}
#right-contents .ab table td{
	padding-left:5px;
}
#right-contents .allmessage{
	padding-top:200px;   /* min-height hack */
}
#right-contents .allmessage ul{
	margin-top:-200px;  /* min-height hack */
}
#right-contents .allmessage ul li{ 
	list-style-type: disc;
	margin:0 0 5px 0;
}
#right-contents .allmessage ul li span{ font-size:8pt; }

#right-contents .allmessage ul a:link{ text-decoration: none ; color:#4a4a4a; }
#right-contents .allmessage ul a:vlink{ text-decoration: none ; color:#4a4a4a; }
#right-contents .allmessage ul a:visited{ text-decoration: none ; color:#4a4a4a; }
#right-contents .allmessage ul a:hover{ text-decoration: none ; color:red; }

/*--------------------------------------
right-contents [service]
----------------------------------------- */
#contents2 #right-contents .rslt h3.accomplishment{
	width:494px;
	height:55px;
	background:url(../../../images/resultCatch1.gif) center top no-repeat;
	margin: 30px 0 ;
}
#contents2 #right-contents .rslt .rslt-R h4.birthWZP{
	width:228px;
	height:18px;
	background:url(../../../images/resultCatch2.gif) left top no-repeat;
}
#contents2 #right-contents .rslt .rslt-R h4.whatsWZP{
	width:200px;
	height:18px;
	background:url(../../../images/resultCatch3.gif) left top no-repeat;
}
#contents2 #right-contents .rslt h4.dataWZP{
	width:242px;
	height:18px;
	background:url(../../../images/resultCatch4.gif) left bottom no-repeat;
	margin:0 0 10px 0;
	padding-top: 20px;
}

#contents2 #right-contents .rslt h4.birthWZP,
#contents2 #right-contents .rslt h4.whatsWZP
{ margin:20px 0 10px; }
/*-----------------*/
#contents2 #right-contents .rslt{ padding:0 0 0 23px; }
#contents2 #right-contents .rslt .data2s{ margin:0 0 0 13px; }
#contents2 #right-contents .rslt .data3s{ margin:15px 0; }
#contents2 #right-contents .rslt .rslt-L{
	float:left;
	width:173px;
}
#contents2 #right-contents .rslt .rslt-L img{ margin:0 0 15px 0; }
#contents2 #right-contents .rslt .rslt-R{
	float:right;
	width:290px;
	line-height:15px;
}

#contents2 #right-contents .rslt .rslt-L .linkbox{
	width:152px;
	background:url(../../../images/linkboxBottom.gif) left bottom no-repeat;
	margin:15px 0 0 0;
}
#contents2 #right-contents .rslt .rslt-L p.linkbox-text{
	width:140px;
	height:30px;
	padding:20px 0 20px 12px;
	background:url(../../../images/linkboxTop.gif) left top no-repeat;
}
/*--------------------------------------
data popup
----------------------------------------- */
#data-wrap{
	width:460px;
	text-align:left;
	margin:0 20px;
	font-size:8pt;
}
#data-wrap .data-title{
	margin:10px 0;
}
#data-wrap .data-sum{
	text-align:left;
}
#data-wrap .data-sum{
	margin:0 0 10px 0;
}
#data-wrap p.data-graph{
	text-align:center;
}
#data-wrap .close-bottun{
	text-align:center;
	margin:15px 0;
}
#data-foot{
	width:440px;
	height:300px;
	padding:10px;
	background-color:#EAEAEA;
	text-align:right;
}

/*--------------------------------------
right-contents [recruit]
----------------------------------------- */
#right-contents .rcrt{
	padding:0 0 0 23px;
}
#contents2 #right-contents .rcrt h3.recruite-catch1{
	width:316px;
	height:55px;
	background:url(../../../images/recruitCatch1.gif) left top no-repeat;
}
#contents2 #right-contents .rcrt h5.recruite-catch2{
	width:450px;
	height:13px;
	background:url(../../../images/recruitCatch2.gif) left top no-repeat;
}
#contents2 #right-contents .rcrt h5.recruite-catch3{
	width:384px;
	height:31px;
	background:url(../../../images/recruitCatch3.gif) left top no-repeat;
}
#contents2 #right-contents .rcrt h5.recruite-catch4{
	width:242px;
	height:28px;
	background:url(../../../images/recruitCatch4.gif) left top no-repeat;
}
#contents2 #right-contents #recruithead{
	margin:30px 0 10px;
}
#contents2 #right-contents .rcrt .recruithead-L{
	/*float:left;
	width:252px;*/
	padding:0 5px 0 0;
	line-height:15px;
}
#contents2 #right-contents .rcrt .recruithead-R{
	float:right;
	width:243px;
}


#right-contents .rcrt ul.jobsum{ margin:40px 0 30px; }
#right-contents .rcrt ul.jobsum li{ 
	list-style-type:disc;
	margin:0 0 0 15px;
	}
#right-contents .rcrt table{
	width:100%; 
	border-top:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-left:2px solid #cccccc;
	border-bottom:1px solid #cccccc;
	line-height:15px;
	margin:5px 0 3px 0;
}
#right-contents .rcrt table th,#right-contents .rcrt table td{
	padding:5px 0;
	border-bottom:1px solid #cccccc;
}
#right-contents .rcrt table th{
	width:100px; 
	background-color:#eeeeee;
	text-align:center;
	vertical-align:middle;
	font-weight:lighter;
	font-size:8pt;
	border-right:1px solid #cccccc;
}
#right-contents .rcrt table td{
	width:*;
	padding-left:5px;
}
#right-contents .rcrt table td ul{ margin:0 0 0 15px; }
#right-contents .rcrt table td ul li{
	list-style-type: disc;
}
#right-contents .rcrt p.contact{
	font-size:8pt;
	text-align:right;
	padding:0 0 10px 0;
	margin:0 0 30px 0;
}
/*
#right-contents .rcrt p.contact2{
	border-bottom:1px solid #8d8d8d;
}
*/

/*--------------------------------------
right-contents [media guide]
----------------------------------------- */
#media h3{
	width: 322px; height: 24px;
	text-indent: -9999px;
	background: url(../../uploads/2008/12/md_h4_ttl.gif) left top no-repeat;
}

#media em.attention{
	display: block;
	text-align: right;
	font-size: 7pt;
	font-style: normal;
color: #999;
}

/* pdf */
dl.adsPdf{
	margin-bottom: 20px;
}
dl.adsPdf dt{
	padding: 3px 0;
}
dl.adsPdf dd{
	background: url(../../uploads/2008/12/icon_pdf.gif) no-repeat 0 0;
	padding: 3px 0 5px 26px;
}
dl.adsPdf dd.ppt{
	background: url(../../uploads/2008/12/icn_ppt.gif) no-repeat 0 0;
margin: 5px 0 0;
}

/* form */
#media form input,
#media form textarea{
	margin: 3px 0;
	border: 1px solid #a5acb2;
}
#media form .submit{
	cursor: pointer;
	padding: 3px 40px;margin: 10px 0 0 192px;
}

#media address{
	font-style: normal;
	line-height: 1.6em;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #eee;
}

/*------------------------------------------------------------------- text >> image */
#head h1 span,
#head h2 span,
#head2 h1 a span,
#head2 h2 span,
.menu ul li a span,
#contents-right h3.headnews1 span,
#contents-right h3.headnews2 span,
#contents h4 span,
#contents #contents-left h3 a span,
#contents2 #left-menu h3 span,
#contents2 #right-contents h4 span,
#contents2 #right-contents .ab h5 span,
#contents2 #right-contents .rcrt h3 span,
#contents2 #right-contents .rcrt h5 span,
#contents2 #right-contents .rslt h3 span,
#contents2 #right-contents .rslt .rslt-R h4 span,
#foot #logo-side h6 a span,
#foot2 #logo-side h6 a span
{
	position:absolute;
	left:-9999px;
}

ul.ul1{
	margin: 0 10px; padding:0;
}
ul.ul1 li{
	line-height: 0.8em;
}

/*------------------------------------------------------------------- archive page style */
h2.pagetitle{
	color: #6f93b9;
	background-color: #dae9f7;
	font-size: 14px;
	padding: 5px 3px;
}

/* End Various Tags & Classes*/


/*------------------------------------------------------------------- header */
#globalnavi li a.flag {
background:none;
float:left;
}
#globalnavi li img.flagimg {
margin:20px 10px;
}