@charset "shift-jis";


html,body,div,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p,span,img,table,tr,td,th,a{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
}

body{ background:#ff0;
	min-width:1024px;
	width:100%;
	height:100%;
	font-family:Helvetica, Arial,"���C���I",Meiryo,sans-serif;
}
body#index{ background:#ff0 /*url(../img/top_footer_line.png) center 782px repeat-x*/; }
#header{
	z-index:50;
	width:100%;
	background:url(../img/header_back.png) repeat-x;
	height:45px;
	position:fixed;
}
#header h1{width:180px;z-index:60;position:absolute;}
#header .twitterLink{
	position:absolute;
	top:3px;right:3px;
	line-height:39px;color:#fff;
	font-size:13px;
	z-index:56;
}
#header .twitterLink a{
	display:block;
	height:39px;
	padding-right:10px;
	color:#fff;text-decoration:none;
}
#header .twitterLink a:hover{background:url(../img/map_hover.png);}
#header .twitterLink img{
	display:inline;
	vertical-align:middle;
}
/*160812*****************************/
#header .entry{
	display:block;
	width:520px;
	margin:0 auto;
	padding-top:1px;
	z-index:58;
	position:relative;
}
/************************************/

.innerBox,
#footer ul{
	width:1024px;
	margin:0 auto;
	position:relative;
}
#index #contents{background:#32a6e6 url(../img/map_bg.png) center;}
#profile #contents{background:#ff0 url(../img/pageback_profile.png) center top fixed;}
#works #contents{background:#ff0 url(../img/pageback_works.jpg) center top fixed;}
#member #contents{background:url(../img/member/pageback_member_1611.png) center;}
#awardList #contents{background:#3c88e4 url(../img/award_underwater.png) center;}
#awardInfo #contents{background:#ff0 url(../img/pageback_award.png) center top fixed;}
#award #contents{
	background:#333;
}
#product #contents{background:#5caeff url(../img/pageback_product.png) center top fixed;}
#recruit #contents{background:#ff0 url(../img/pageback_recruit.jpg) center top fixed !important;}
#contents{
	background:#ff0;
}
.gradation{ background:url(../img/map_gradation.png) repeat-x top; }
#indexMap{
	z-index:1;
	min-height:740px;
	height:auto !important;
	height:740px;
	padding-top:45px;
	margin-bottom:-96px;
	background:url(../img/top_map.png) center 65px no-repeat;
}
#main{
	min-width:1024px;width:100%;
	z-index:1;
	min-height:620px;
	height:auto !important;
	height:620px;
	padding-top:45px;
	margin-bottom:-96px;
}


#pageTitle{padding:10px 5px;}

.mb5{margin-bottom:5px;}


/*******************************************/
/* index                                   */
/*******************************************/
#indexMap{
	position:relative;
}
#indexMap li{position:absolute;}
#indexMap li a{display:block;}
#indexMap li a:hover{background:url(../img/map_hover.png);}
#indexMap li img{position:absolute;}
.psProf{top:20px; left:400px;}
.psProf a{width:170px; height:270px;}
.psProf img{bottom:0px; left:0px;}
.psWork{top:375px; left:680px;}
.psWork a{width:190px; height:165px;}
.psWork img{bottom:0px;right:0px;}
.psProd{top:160px; left:210px;}
.psProd a{width:185px; height:220px;}
.psProd img{bottom:0px;left:0px;}
.psMemb{top:115px; left:625px;}
.psMemb a{width:260px;height:200px;}
.psMemb img{bottom:0px;right:0px;}
.psRecr{top:475px; left:150px;}
.psRecr a{width:290px;height:175px;}
.psRecr img{right:0px;top:60px;}
.psAwar{top:320px; left:445px;}
.psAwar a{width:175px;height:160px;}
.psAwar img{bottom:0px;right:0px;}
.psAbility{top:45px;left:180px;}
.psAbility a{ width:220px;height:90px; }
.psAbility img{bottom:5px;right:5px;}
.psAbility a:hover img{ bottom:3px; }

#twitterArea{
	font-size:10px;
	width:285px;
	z-index:49;
	position:fixed;
	top:45px; right:0;
	padding:15px;
	background:url(../img/header_back.png);
	display:none;
}
#twitterArea a{color:#333;}
.twitterClose{display:none;}


/*******************************************/
/* profile                                 */
/*******************************************/
.profFistMessage{
	margin:-50px 0 18px;
	height:360px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	position:relative;
	background:url(../img/profile_top_170519.png) no-repeat center;
}
.profFistMessage em{
	line-height:35px;
	font-style:normal;
	position:absolute;
	top:130px;
	left:110px;
	letter-spacing:1px;
}
.profFistMessage p{
	position:absolute;
	top:187px;
	left:138px;
	line-height:35px;
}

.profCompany{
	overflow:hidden;
	color:#fff;
	padding-bottom:100px;
	font-weight:bold;
	line-height:32px;
}
.profCompany .leftWindow{
	background:url(../img/profile_left_box_170519.png) no-repeat;
	width:195px;
	height:81px;
	float : left;
	display:inline;
	margin-left:65px;
	font-size:17px;
	color:#aaa;
}
.profCompany .leftWindow ul{
	padding-top:7px;
}
.profCompany .leftWindow li{
	padding:0 0 0 25px;
}
.leftWindow li{
	cursor : pointer;
	text-indent:25px;	
}
.leftWindow li:hover{
	text-indent:27px;
	background:url(../img/profile_left_select_color_170519.png) no-repeat center;
}
.leftWindow p.select{
	color:#ff0;
	background:url(../img/profile_arrow.png) no-repeat 0px center;
}
.profCompany .rightWindow{
	width:687px;
	float : right;
	display:inline;
	margin-right:62px;
	font-size:16px;
}
.profCompany .rightWindow .box1{
	background:url(../img/profile_right_topcolumn01.png) no-repeat top;
	padding-top:10px;
}
.profCompany .rightWindow .box2{
	background:url(../img/profile_right_back_170519.png) repeat-y;
}
.mt-20{margin-top:20px;}
.rightWindow p{padding:10px 30px 15px;}
.rightWindow dl{padding:5px 30px 10px;}
.rightWindow table{border-collapse:collapse;}
.rightWindow th{ font-size:14px;width:110px;padding:15px 5px 15px 25px;vertical-align:top;text-align:left; }
.rightWindow td{ font-size:13px;padding:15px;font-weight:normal;line-height:25px; }
.fcRed{color:red !important;}
.fs12{font-size:12px !important;}
.noMessage{display:none;}


/*******************************************/
/* works                                   */
/*******************************************/
#works #main{
	padding-bottom:150px;
}
.nextStage{
	margin: 0 auto;
	text-align:center;
	padding: 30px 35px 15px;
}
.worksSec{
	background: url(../img/works_back.png);
	width:960px;
	height:148px;
	margin: 40px auto 0;
	position: relative;
	color : #fff;
}
.worksSec h3{
	position:absolute;top:5px;left:275px;
	font-size:17px;
	line-height:25px;
}
.worksSec em{
	position:absolute;top:5px;right:32px;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	color:#000;
	line-height:25px;
	text-align:center;
	width:140px;
}
.worksSec p{
	position:absolute;top:70px;left:280px;
	font-size:13px;
}
.worksSec img.thumbnail{
	position:absolute;
	top:32px;left:70px;
}
.worksSec a{
	width:409px;height:26px;
	position:absolute;
	top:100px; left:270px;
}
.worksSec a:hover{
	background:url(../img/works_linkmove.png);
}


/*******************************************/
/* member                                  */
/*******************************************/
#member h2{ margin-bottom:-47px; position:relative;z-index:20;width:350px; }
#memberList1611{
	overflow:hidden;
}
#memberList1611 dd{
	float:left;
	width:126px;
	height:550px;
	margin:0 1px;
	display:inline;
	overflow:hidden;
}
#memberList1611 dd a{width:126px;height:550px;display:block;}
#memberList1611 .charlist01{background:url(../img/member/member_top_char01.png);}
#memberList1611 .charlist01 a:hover{background:url(../img/member/member_top_char_hover01.png) center;}
#memberList1611 .charlist02{background:url(../img/member/member_top_char02.png);}
#memberList1611 .charlist02 a:hover{background:url(../img/member/member_top_char_hover02.png) center;}
#memberList1611 .charlist03{background:url(../img/member/member_top_char03.png);}
#memberList1611 .charlist03 a:hover{background:url(../img/member/member_top_char_hover03.png) center;}
#memberList1611 .charlist04{background:url(../img/member/member_top_char04.png);}
#memberList1611 .charlist04 a:hover{background:url(../img/member/member_top_char_hover04.png) center;}
#memberList1611 .charlist05{background:url(../img/member/member_top_char05.png);}
#memberList1611 .charlist05 a:hover{background:url(../img/member/member_top_char_hover05.png) center;}
#memberList1611 .charlist06{background:url(../img/member/member_top_char06.png);}
#memberList1611 .charlist06 a:hover{background:url(../img/member/member_top_char_hover06.png) center;}
#memberList1611 .charlist07{background:url(../img/member/member_top_char07.png);}
#memberList1611 .charlist07 a:hover{background:url(../img/member/member_top_char_hover07.png) center;}
#memberList1611 .charlist08{background:url(../img/member/member_top_char08.png);}
#memberList1611 .charlist08 a:hover{background:url(../img/member/member_top_char_hover08.png) center;}

#memberList1611 dd a:hover img{
	position:relative;
	top:-3px;
}



.selectback{
	min-width:1024px;width:100%;
	background:url(../img/member/member_otherchar_back.png);
	height:59px;
	width:100%;
	position:absolute;
	top:97px;
}

.profileArea{
	width:665px;
	height:448px;
	background: url(../img/member/member_prof_back.png) no-repeat center 23px;
	position:absolute;
	top:120px; left:0;
}
.profileArea img{
	position:relative;
	top:1px;left:44px;
}
.profileArea p{
	font-size:15px;
	line-height:22px;
	width:520px;
	/*background:#ff0;*/
	padding:0px 10px 15px;
	position:relative;
	top:73px; left:65px;
	height:170px;
	overflow:auto;
	
}
.profileArea p a{
	color : #9c523b;
}

.charArea{
	width:408px;
	height:515px;
	position:absolute;
	top:108px; right:10px;
}
.nameDecoration img{
	position:relative;
	top:23px;left:20px;
}

.otherMemberList{
	overflow:hidden;
	position:absolute;
	top:58px;right:10px;
}
.otherMemberList li{
	padding:0;
	width:49px;
	height:49px;
	float:left;
	display:inline;
	margin-left:1px;
}
.otherMemberList a{
	display:block;
	height:49px;width:49px;
}
.otherMemberList li.select,
.otherMemberList a:hover{
	background:url(../img/member/member_otherchar_select.png) top;
}
.otherMemberArrow{
	position:absolute;
	top:350px;right:0px;
	width:386px;
}
.otherMemberArrow .member_m{position:absolute; left:2px;}
.otherMemberArrow .member_p{position:absolute; right:2px;}
.otherMemberArrow img{position:relative;}
.otherMemberArrow a.member_m:hover img{left:-2px;}
.otherMemberArrow a.member_p:hover img{right:-2px;}

.listBack{
	position:absolute;
	top:518px;left:514px;
	z-index:25;
}
.listBack a:hover img{
	position:relative;
	top:-2px;
}

/*******************************************/
/* recruit                                 */
/*******************************************/
#recruit #main{
	padding-bottom:65px;
}
#recruit h2{
	margin-bottom:-145px;
}
.recruitTop{
	background:url(../img/recruit_top.png) no-repeat top;
	padding-top:215px;
	margin-bottom:20px;
}
.recruitTop ul{
	background:url(../img/recruit_category_back.png) no-repeat;
	height:150px;
	overflow:hidden;
	padding-left:60px;
}
.recruitTop li{
	float:left;
	position:relative;
	z-index:20;
}
.recruitTop a{
	display:block;
	width:145px;
	background:url(../img/recruit_icon_back.png) no-repeat top;
}
.recruitTop a:hover{
	background-position:bottom;
}
.recruitNigoro{
	position:absolute;
	top:206px;
	right:0px;
	height:565px;
	overflow:hidden;
}
.recruitText{
	background:url(../img/recruit_paper_back.jpg);
	width:682px;
	position:relative;
	left:80px;
}
#contentsrecruitInfo{display:block;}
/*#contentsrecruitDesign2d,
#contentsrecruitProgram,
#contentsrecruitPlan,
#contentsrecruitDesign3d{display:none;}*/
.recruitTextInner{
	height:310px;
	overflow:auto;
	margin:10px 10px 10px 0;
	padding:5px;
}
.recruitText .sign{
	position:absolute;
	bottom:0;right:15px;
}
.recruitSec{
	padding:0px 30px 5px;
	color:#3a1903;
}
.recruitTextTop{ padding-top:5px; }
.recruitSec h3{
	font-size:17px;
	line-height:25px;
	padding:0 0 15px 10px;
	background:url(../img/recruit_paper_h3bottom.png) no-repeat left bottom;
}
.recruitTextTop h3{
	background:url(../img/recruit_category_h3back.png) repeat-x;
	padding-bottom:0px;
}
.recruitSec p{
	font-size:13px;
	line-height:18px;
	padding : 10px 10px 25px 30px;
}
.recruitSec p a{
	color : #9c523b;
}
p.pb10{padding-bottom:10px;}
.recruitSec div{
	font-size:13px;
	line-height:18px;
	padding : 10px 10px 10px 30px;
}
.recruitSec div table{
	border-collapse:collapse;
}
.recruitSec div td{
	width:100px;
	text-align:center;
	padding:10px;
	font-weight:bold;
	border:2px solid #5a422d;
}
.recruitSec dl{margin-bottom:20px;}
.recruitSec dt{font-weight:bold;}
.recruitSec dd{padding-left:25px;}
.new_entry_img{position:relative;}

/*******************************************/
/* award                                   */
/*******************************************/
.sea{ background:url(../img/award_sea.png) repeat-x top; height:234px; }
.island{ background:url(../img/award_island.png) no-repeat top; height:234px; }
.a_entrance{ height:264px;background:url(../img/award_list_entrance.png); }
.a_listcommon{ height:288px; }
.a_2010_1{ background:url(../img/award_list_2010_1.png); }
.a_2010_2{ background:url(../img/award_list_2010_2.png); }
.a_2010_3{ background:url(../img/award_list_2010_3.png); }
.a_2009_1{ background:url(../img/award_list_2009_1.png); }
.a_2009_2{ background:url(../img/award_list_2009_2.png); }
.a_2008_1{ background:url(../img/award_list_2008_1.png); }
.a_2008_2{ background:url(../img/award_list_2008_2.png); }
.a_under{ height:312px;background:url(../img/award_list_under.png); }
.seaUnder{ background:url(../img/award_under_back.png) repeat-x bottom; }
.a_listcommon ul{ overflow:hidden;padding:24px 0 0 156px; }
.a_listcommon li{ float:left;width:142px;height:220px; }
.a_listcommon a{
	display:block;
	width:142px;height:220px;
}
.a_listcommon a:hover{
	background:url(../img/award_hover.png) no-repeat;
}

.a_entrance a{
	display:block;
	width:150px; height:60px;
	background:url(../award/awardcommon/hukidashi.png);
	position:relative;
	top:111px; left:318px;
	line-height:44px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#1374e9;
}
.a_entrance a:hover{
	top:113px;
	color:#5aa5ff;
}

#awardInfo #main{
	padding-bottom:150px;
}
#infoBox{
	margin-top:50px;
	border:4px solid #715e58;
	background:#e2d7d3 url(../award/awardcommon/infobox_top.png) repeat-x top;
	padding:55px 30px 40px;
	overflow:hidden;
	position:relative;
}
#infoImgArea{
	float : left;
	width:512px;
}
#infoTxtArea{
	float : right;
	width:420px;
	font-size:14px;
	line-height:1.5em;
	font-weight:bold;
}
#infoImgArea dl{
	padding-bottom:12px;
}
#infoImgArea dd img{
	border-bottom:4px solid #d1bab2;
	margin:0 auto 8px;
	display:block;
}
#infoImgArea div{
	width:300px;
	padding:15px;
	font-size:15px;
	line-height:1.5em;
	font-weight:bold;
	border:4px solid #d1bab2;
	background:#fff;
	margin: 0 auto;
}
#infoImgArea div img{
	display:block;
	margin-bottom:8px;
}
#infoTxtArea h3{
	height:60px;
	background:url(../award/awardcommon/info_title_back.png);
	margin-bottom:20px;
	color:#ffe64d;
	text-align:center;
}
#infoTxtArea h3.line1{
	height:50px;
	font-size:23px;
	padding-top:30px;
}
#infoTxtArea h3.line2{
	height:60px;
	font-size:23px;
	padding-top:20px;
}
#infoTxtArea h3.line2 span{
	font-weight:normal;
	font-size:15px;
}
#infoTxtArea h3 span{
	font-size:13px;
}
.introduction{
	height:240px;
	padding:20px;
	position:relative;
	background:url(../award/awardcommon/infotext_introduction.png);
	margin-bottom:20px;
}
.year{
	position:absolute;
	bottom:-8px;
	right:-4px;
}
.trophy{
	position:absolute;
	bottom:12px;
	left:72px;
}
.prof,
.reviewTxt,
.reviewPoint{
	background:url(../award/awardcommon/infotext_review_roop.png);
	position:relative;
}

.prof img{
	background:url(../award/awardcommon/award_prof_back.png);
	padding:4px;
	width:90px;height:90px;
	position:absolute;
	top:8px;left:18px;
}
.prof dl{
	padding:10px 20px 15px 130px;
}
.prof dt{
	font-size:18px;
	line-height:34px;
	padding-bottom:3px;
}
.prof dd{
	font-size:13px;
	line-height:1.4em;
	font-weight:normal;
	min-height:60px;
}
.prof dd em{
	font-weight:bold;
	color:#fe7700;
	font-style:normal;
	display:block;
	margin-bottom:5px;
}
.reviewTxt{
	padding:0 20px 15px;
}
.reviewPoint{ text-align:center;padding-bottom:5px; }
.reviewPoint div{
	background:url(../award/awardcommon/infotext_review_point.png);
	width:388px; height:236px;
	margin:0 auto;
}
.reviewPoint .img_small{
	position:absolute;
	top:18px; left:57px;
}
.infonaviBtn{
	position:relative;
	height:0px;
	z-index:30;
}
.infonaviBtn .close{
	position:absolute;
	top:30px; right:-12px;
}
.infonaviBtn .back{
	position:absolute;
	top:550px; left:-12px;
}
.infonaviBtn .back:hover{ left:-16px; }
.infonaviBtn .next{
	position:absolute;
	top:550px; right:-12px;
}
.infonaviBtn .next:hover{ right:-16px; }


.awardSummary{
	font-size:13px;
}
.awardSummary h3{margin-bottom:30px;}
.awardSummary h4{margin-bottom:15px;}
.awardSummary h5{
	background:#d1bab2;
	font-size:18px;
	color:#8e3415;
	padding:15px;
	margin-bottom:15px;
}
.awardSummary div{
	padding-bottom:25px;
}
.awardSummary p{
	padding:10px;
	line-height:1.4em;
}
.awardAimImage{ margin:0 auto 10px;display:block; }
.awardAim img{margin:0 0 20px;}
.awardAim p{font-size:15px;font-weight:bold;}
.blue{color:#1374e9;font-weight:bold;font-size:12px;}
.red{color:red;}
.small{font-size:12px; color:red;}
.line{border:1px solid red;}




/*******************************************/
/* product                                 */
/*******************************************/
#product #main{
	background : url(../img/product_char.png) no-repeat center 5px;
	padding-bottom:130px;
}
#productHoverTitle{
	position:absolute; top:375px; left:38px;
	display:none;
	width:688px; height:272px;
	background:url(../img/product_hovertitle_back.png) no-repeat;
}
.normalLink{position:absolute;top:122px;left:41px;}
.normalLink ul{
	overflow:hidden;
	margin-bottom:1px;
}
.normalLink li{
	display:inline;
	width:62px;height:62px;
	float:left;
	/*background:orange;*/
	margin-right:1px;
}
.newLink{position:absolute; top:200px;left:360px;}
.newLink ul{
	overflow:hidden;
}
.newLink li{
	width:160px;height:165px;
}
.newNone{background:url(../img/product_newlink_none.png);}
li.newP1{position:absolute;top:50px;left:55px;}
li.newP2{position:absolute;top:142px;left:199px;}
li.newP3{position:absolute;top:120px;left:370px;}
li.newP4{position:absolute;top:0px;left:500px;}
.newLink li a{
	display:block;width:160px;height:165px;
	background:url(../img/product_newlink_back.png);
}
.newLink li a:hover{
	position:relative;top:5px;
}

/*******************************************/
/* coding                                  */
/*******************************************/
.nowcoding{
	background: url(../img/nowcoding_back.png) no-repeat 620px -15px;
	position:absolute;
	top:-40px; left:0;
	width:100%;height:615px;
	text-align:center;
}
.nowcoding img{
	position:relative;
	top:300px;left:-50px;
}
.nowcoding p{
	position:relative;
	top:320px;left:-50px;
	color:#fff;
	font-size:14px;
}

#wnLink{
	position:absolute;
	top:200px; left:70px;
}

/*******************************************/
/* footer                                  */
/*******************************************/
#footer{
	background:url(../img/footer_back.png) top repeat-x;
	z-index:22;
	position:relative;
	padding-bottom:15px;
	/*height:450px;*/
}
.topFooter .innerBox{
	background:url(../img/top_footer_back.png) no-repeat top center;
	text-align:center;
}
.topFooter h2{ padding:40px 0 20px;z-index:17;position:relative; }
#footer ul{
	/*background:pink;*/
	overflow:hidden;
}
#footer li.topback{
	background:url(../img/topback_btn_back.png) 0px 1px no-repeat;
	height:160px;
	width:176px;
	padding-right:5px;
}
#footer li.topback img{
	top:0px;
}
#footer li{
	float:left;
	background:url(../img/footer_btn_back.png) 0px 55px no-repeat;
	width:140px;
	height:160px;
	display:inline;
}
#footer li a:hover{
	position:relative;
	top:-2px;
}
#footer li img{
	position:relative;
	top:43px;
}
.copy{
	text-align:center;
	font-size:13px;
	position:relative;
	z-index:15;
	line-height:1.2em;
}
.copy span{
	padding-left:2px;
	font-weight:bold;
}

img#lineCenter{ position:absolute;left:76px;top:93px;z-index:10; }