@charset "utf-8";
/* StudioM */

html {font-size:100%;}
html, body {
	height: 100%;
	-webkit-text-size-adjust: none;
}


body {color:#000;
	font-size: 11px;
	font-family: "Arial", Helvetica, sans-serif;
	margin:0;
	padding:0;
	background: #fff;
	color:#767676;
	letter-spacing:0.02em;
	line-height:18px; 
	 -webkit-text-size-adjust: none;
}


* {margin:0; padding:0;}



input{ margin:0; padding:0;}

a { outline: none;}
a img, img{border:none; text-decoration:none; display:block;}
a:link {text-decoration: none; color:#767676;}	
a:visited {text-decoration:none; color:#767676;}	
a:hover {text-decoration:underline; color:#dbee02;}	
a:active {text-decoration: none; color:#dbee02;}

ul{list-style:none;}

.italic {font-style:italic;}
.bold { font-weight:bold; }

.clr {clear:both;}
.clrIE { clear:both; display:inline;}
.hide { display: none; }
.fltLft {float:left; }
.fltRgt {float:right; }
.alignRgt{text-align:right;}
.hide{display:none;}
.alignLft{ text-align:left;}
.alignRgt{ text-align:right;}
.alignCenter{ text-align:center;}

h1{color:#000; font: 32px "Times New Roman", Times, serif; line-height:38px; margin:0; padding:0px 0px 10px 0px; letter-spacing:0.02em;}
h2{color:#dbee02; font: 24px "Times New Roman", Times, serif; line-height:24px; margin:0; padding:0px 0px 0px 0px; letter-spacing:0.02em;}
h3{color:#dbee02; font: 14px "Times New Roman", Times, serif; line-height:18px; margin:0; padding:9px 0px 7px 0px;}
h4{color:#767676; font: 11px Arial, Helvetica, sans-serif; text-decoration:underline;}
h5{color:#767676; font: 17px "Times New Roman", Times, serif; line-height:18px; margin:0; padding:9px 0px 7px 0px;}


.nobg{ background-image:none; padding-left:0px;}
.titleBlue{color:#008eaf;}

p{padding:0px 0px 20px 0px; letter-spacing:0.02em;}

.jfont{ font-family:"ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }

.fs9 { font-size:9px; }
.fs10 { font-size:10px; line-height:18px; letter-spacing:0.02em;}
.fs11 { font-size:11px; line-height:18px; letter-spacing:0.02em;}
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }
.noPadTop{ padding-top:0px !important;}
.noMarginBottom{ margin-bottom:0px !important;;}
.noPadBottom{ padding-bottom:0px !important;}
.noPadRgt{ padding-right:0px !important;}

.box {height:auto;width:auto; margin:0; padding:0;}

.center{width: 1000px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -500px; 
	/* Half the width of the DIV tag which is 500 pixels */
	margin-top: auto;
	/* Half the height of the DIV tag which is 350 pixels */
	}
	
#container{width:1000px; height:auto; padding:0px 0px; margin:0;}

#top{ width:919px; height:81px; padding:41px 66px 0px 15px; position:relative;}
#middle{ width:1000px; padding:0px 0px 0px 0px;}
.middleLft{width:144px; padding:12px 0px 0px 15px; float:left; position:relative; background:url(../images/name2.gif) left bottom no-repeat; height:535px;}
.middleRgt{ width:775px; padding:12px 66px 0px 0px; float:left;}
.middleRgtInbox{ width:772px; padding:0px 0px 0px 3px;	}
.middleRgtInbox_process{ width:635px; padding:0px 0px 0px 3px;line-height:18px}
#bottom{ width:934px; padding:40px 66px 0px 0px;}

/*------------------header----------------------------*/


#topNaviBox{ width:772px; height:12px; position:absolute; bottom:0px; left:162px;}
.topNavi{list-style:none; padding:0px 0px 0px 0px; width:auto;  letter-spacing:0.1em;}
.topNavi li {padding:0px 5px 0px 0px; float:left; position:relative; font:#000 11px Arial, Helvetica, sans-serif; display:block; height:12px; position:relative;}

.topNavi li a, .topNavi li a:visited{ color:#000;  height:12px; text-decoration:none;  display:inline-block;}
.topNavi li a:hover, .topNavi li a.active{text-decoration:none; color:#dbee02;}

.topNavi li ul{display: none; position: absolute; left:0px; top:100%; z-index:100; width:400px; padding-top:12px;}
.topNavi li:hover > ul, .topNavi li a:hover > ul{ display:block;}
.topNavi li li{ display:block; float:none; height:24px;}
.topNavi li ul li a{ background:#dbee02; font: 16px "Times New Roman", Times, serif; letter-spacing:0.08em; color:#000; height:24px; line-height:24px; padding:0px 4px 0px 0px; display:inline-block;}
.topNavi li ul li a:visited {background:#dbee02; font: 16px "Times New Roman", Times, serif; letter-spacing:0.08em; color:#000; height:24px; line-height:24px; padding:0px 4px 0px 0px; display:inline-block;}
.topNavi li ul li a:hover {color:#767676;}

.topNavi:after{ content: ".";display: block;height: 0;clear: both; visibility: hidden;}


.topTitle{ position:absolute; top:41px; left:162px;}

/*----------------- main -----------------------------*/
.logo{ width:-159px; padding:12px 0px 0px 0px; position:absolute; top:0px; left:0px; z-index:3;}

.contentLft{ float:left;}
.contentRgt{ float:right;}


.topRightImg{ position:absolute; top:12px; right:66px;}

/*------------ sub ---------------*/
.workTable td{ padding:0px 10px 0px 0px; vertical-align:top; line-height:18px;}

.workNavi{padding:373px 0px 0px 0px; width:144px; position:relative;}
.workNumber td{padding:0px 12px 0px 0px; line-height:16px;font-size:10px;}

.workNumber a.hover{text-decoration: underline; color:#dbee02;}
.workNumber a.active{text-decoration: underline; color:#dbee02;}

.workThumb{ width:85px; height:85px; position:absolute; top:250px; left:0px; background:#CCCCCC;}

.profileTable td{ padding:0px 25px 0px 0px; vertical-align:top; line-height:18px;}
.profileTable2 td{ padding:0px 20px 0px 0px; vertical-align:top; line-height:18px;}

.contactList li{ padding:0px 0px 0px 0px; display:block; line-height:18px;}

.publicationList li td{ vertical-align:top;}
.publicationList li{margin:0px 0px 3px 0px; width:632px; display:inline-block:}
.publicationList li a, .publicationList li a:visited{color:#767676; display:block; }
.publicationList li a:hover, .publicationList li div:hover {color:#000; text-decoration:none; cursor:pointer;}
.publicationList li:hover{ background:#dbee02; color:#000;}

.publicationListLft,.publicationListLft2,.publicationListLft3,.publicationListRgt{ line-height:15px;}
.publicationListLft{ padding:0px 5px 0px 3px; width:261px;}
.publicationListLft2{ padding:0px 5px 0px 0px; width:160px;}
.publicationListLft3{ padding:0px 5px 0px 0px;  width:111px;}
.publicationListRgt{ padding:0px 0px 0px 0px; width:auto;}
.publicationTitle{ padding:0px 5px 5px 3px; line-height:11px;}


/*----------------- foot --------------------------------*/
#bottom{font: 9px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 ;
	text-align:right ;
	color:#767676;
	letter-spacing:0.02em;
		position:absolute;
	bottom:10px;
	right:10px;}



/*---------------------------space-----------------------*/
.padRgt31{ padding-right:31px;}
.padBottom60{padding-bottom:60px;}
.mgnTop10{margin-top:10px;}
.padTop55{padding-top:55px;}
.padTop25{padding-top:25px;}
.padTop12{padding-top:12px;}
.padTop1{padding-top:1px;}
.padTop2{padding-top:2px;}
.padTop3{padding-top:3px;}
.padTop4{padding-top:4px;}
.padTop5{padding-top:5px;}
.padTop6{padding-top:6px;}
.padTop7{padding-top:7px;}
.padTop8{padding-top:8px;}
.padTop9{padding-top:9px;}
.padTop10{padding-top:10px;}
.padTop15{padding-top:15px;}
.padTop17{padding-top:17px;}
.padTop26{padding-top:26px;}
.padTop40{padding-top:40px;}
.padTop44{padding-top:44px;}
.padTop52{padding-top:52px;}
.padTop60{padding-top:60px;}
.mgnTop18{margin-top:18px;}
.padTop18{padding-top:18px;}
.mgnTop20{margin-top:20px;}
.mgnTop25{margin-top:25px;}
.mgnTop28{margin-top:28px;}
.padTop20{padding-top:20px;}
.padTop24{padding-top:24px;}
.padTop26{padding-top:26px;}
.padTop28{padding-top:28px;}
.padTop38{padding-top:38px;}
.padTop80{padding-top:80px;}
.mgnTop30{margin-top:30px;}
.padTop30{padding-top:30px;}
.padTop35{padding-top:35px;}
.padTop42{padding-top:42px;}
.padLft10{padding-left:10px;}
.padLft12{padding-left:12px;}
.padLft20{padding-left:20px;}
.padLft25{padding-left:25px;}
.padLft30{padding-left:30px;}
.padTop13 {padding-top:13px;}
.padTop30{padding-top:30px;}
.padTop500{ padding-top:500px;}
.padTop110{ padding-top:110px;}
.padTop48{ padding-top:48px;}
.padTop46{ padding-top:46px;}
.padTop42{ padding-top:42px;}