@charset "shift_jis";

/* Union
------------------------------------------ */
html{height:100%;overflow-y:scroll;}

body{height:100%;font-family:"MS UI Gothic","Tahoma","Lucida Grande","ƒqƒ‰ƒMƒmŠÛƒS Pro W4","Osaka","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;background:#dcdcdc;} 

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,th,td,address,table{margin:0;padding:0;}

table{border:none;border-spacing:0;border-collapse:collapse;}

hr{display:none;height:0;border:none;visibility:hidden;}

img,a img,fieldset{border:none;}
li{list-style-type:none;}
address{font-style:normal;}

body,p,h1,h2,h3,h4,h5,h6,li,th,td,dt,dd,pre,legend{font-size:12px;line-height:1.1;text-align:left;color:#555555;}

input,select,textarea{font-family:"MS UI Gothic","Lucida Grande","Osaka","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;font-size:12px;line-height:1.1;}

a,a:link,a:visited{color:#386878;background:transparent;text-decoration:underline;}
a:hover,a:active{color:#386878;background:transparent;text-decoration:underline;}

strong{font-weight:bold;}

sup{vertical-align:top;}




/* clearFix
------------------------------ */	
.clearFix{zoom:100%;}
.clearFix:after{display:block;clear:both;height:0px;content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
body:first-of-type .clearFix:after{content:"";}
/* \*//*/ .clearFix{overflow:hidden;} /* */




/* TOP
------------------------------------------ */
#TOP{
	width:760px;
	margin:0 auto;
	background:url(../img/bg_clips_top.gif) left top no-repeat;
	padding-top:121px;
	position:relative;
}
#TOP .head h1{position:absolute; top:53px; left:25px; display:block;}





/* CONTENTS
------------------------------------------ */
#TOP #CONTENTS{background:url(../img/bg_clips_body.gif) left top repeat-y;	padding:0 0 50px 0;}




/* MENU
------------------------------------------ */
#TOP #CONTENTS #MENU{float:left; width:173px; position:relative; margin:0; padding:0;}
#TOP #CONTENTS #MENU *{font-size:0;line-height:0;}
#TOP #CONTENTS #MENU ul{margin:14px 45px 14px 0;}
#TOP #CONTENTS #MENU ul li{
	background:url(../img/bg_menu_body01.gif) left top no-repeat;
	height:55px;
}
#TOP #CONTENTS #MENU ul li.end{
	background:url(../img/bg_menu_body02.gif) left top no-repeat;
	height:57px;
}
#TOP #CONTENTS #MENU ul li,
#TOP #CONTENTS #MENU ul li a{text-indent:-9999px;}
#TOP #CONTENTS #MENU ul li a{position:absolute;}	
#TOP #CONTENTS #MENU ul li.linkBtn01 a{
	background:url(../img/btn_outline_n.gif) no-repeat;
	top:27px;
	right:50px;
	width:58px;
	height:28px;
}
#TOP #CONTENTS #MENU ul li.linkBtn02 a{
	background:url(../img/btn_philosophy_n.gif) no-repeat;
	top:82px;
	right:50px;
	width:59px;
	height:28px;
}
#TOP #CONTENTS #MENU ul li.linkBtn03 a{
	background:url(../img/btn_works_n.gif) no-repeat;
	top:137px;
	right:50px;
	width:58px;
	height:28px;
}
#TOP #CONTENTS #MENU ul li.linkBtn04 a{
	background:url(../img/btn_staff_n.gif) no-repeat;
	top:192px;
	right:50px;
	width:114px;
	height:28px;
}
#TOP #CONTENTS #MENU ul li.linkBtn05 a{
	background:url(../img/btn_recruit_n.gif) no-repeat;
	top:247px;
	right:50px;
	width:58px;
	height:28px;
}
#TOP #CONTENTS #MENU ul li.linkBtn06 a{
	background:url(../img/btn_access_n.gif) no-repeat;
	top:304px;
	right:50px;
	width:58px;
	height:26px;
}
#TOP #CONTENTS #MENU ul li.linkBtn07 a{
	background:url(../img/btn_clips_n.gif) no-repeat;
	top:356px;
	right:50px;
	width:32px;
	height:33px;
}
#TOP #CONTENTS #MENU ul li.linkBtn08 a{
	background:url(../img/btn_privacy_n.gif) no-repeat;
	top:413px;
	right:50px;
	width:106px;
	height:27px;
}
#TOP #CONTENTS #MENU ul li.linkBtn09 a{
	background:url(../img/btn_link_n.gif) no-repeat;
	top:469px;
	right:50px;
	width:38px;
	height:26px;
}
#TOP #CONTENTS #MENU ul li.linkBtn01 a:hover{background:url(../img/btn_outline_o.gif) no-repeat;}
#TOP #CONTENTS #MENU ul li.linkBtn02 a:hover{background:url(../img/btn_philosophy_o.gif) no-repeat;}
#TOP #CONTENTS #MENU ul li.linkBtn03 a:hover{background:url(../img/btn_works_o.gif) no-repeat;}
#TOP #CONTENTS #MENU ul li.linkBtn04 a:hover{background:url(../img/btn_staff_o.gif) no-repeat;}
#TOP #CONTENTS #MENU ul li.linkBtn05 a:hover{background:url(../img/btn_recruit_o.gif) no-repeat;}
#TOP #CONTENTS #MENU ul li.linkBtn06 a:hover{background:url(../img/btn_access_o.gif) no-repeat;}
#TOP #CONTENTS #MENU ul li.linkBtn07 a:hover{background:url(../img/btn_clips_o.gif) no-repeat;}
#TOP #CONTENTS #MENU ul li.linkBtn08 a:hover{background:url(../img/btn_privacy_o.gif) no-repeat;}
#TOP #CONTENTS #MENU ul li.linkBtn09 a:hover{background:url(../img/btn_link_o.gif) no-repeat;}

#TOP #CONTENTS #MENU ul li span.nolink{position:absolute;}
#TOP #CONTENTS #MENU ul li.linkBtn01 span.nolink{
	background:url(../img/btn_outline_o.gif) no-repeat;
	top:27px;
	right:50px;
	width:58px;
	height:28px;
}
#TOP #CONTENTS #MENU ul li.linkBtn02 span.nolink{
	background:url(../img/btn_philosophy_o.gif) no-repeat;
	top:82px;
	right:50px;
	width:59px;
	height:28px;
}
#TOP #CONTENTS #MENU ul li.linkBtn03 span.nolink{
	background:url(../img/btn_works_o.gif) no-repeat;
	top:137px;
	right:50px;
	width:58px;
	height:28px;
}
#TOP #CONTENTS #MENU ul li.linkBtn04 span.nolink{
	background:url(../img/btn_staff_o.gif) no-repeat;
	top:192px;
	right:50px;
	width:114px;
	height:28px;
}
#TOP #CONTENTS #MENU ul li.linkBtn05 span.nolink{
	background:url(../img/btn_recruit_o.gif) no-repeat;
	top:247px;
	right:50px;
	width:58px;
	height:28px;
}
#TOP #CONTENTS #MENU ul li.linkBtn06 span.nolink{
	background:url(../img/btn_access_o.gif) no-repeat;
	top:304px;
	right:50px;
	width:58px;
	height:26px;
}
#TOP #CONTENTS #MENU ul li.linkBtn07 span.nolink{
	background:url(../img/btn_clips_o.gif) no-repeat;
	top:356px;
	right:50px;
	width:32px;
	height:33px;
}
#TOP #CONTENTS #MENU ul li.linkBtn08 span.nolink{
	background:url(../img/btn_privacy_o.gif) no-repeat;
	top:413px;
	right:50px;
	width:106px;
	height:27px;
}
#TOP #CONTENTS #MENU ul li.linkBtn09 span.nolink{
	background:url(../img/btn_link_o.gif) no-repeat;
	top:469px;
	right:50px;
	width:38px;
	height:26px;
}



/* MAIN
------------------------------------------ */
#TOP #CONTENTS #MAIN{float:right; width:516px; margin:23px 61px 0 10px;}
/*\*/ *html #TOP #CONTENTS #MAIN{margin:23px 30px 0 5px;}/**/




/* FOOTER
------------------------------------------ */
#FOOTER{padding:7px 15px 20px 15px; background:#ffffff;}
#FOOTER *{line-height:1.05;}


/* copyright */
#FOOTER address.copyRight{
	display:block;
	float:right;
	width:330px;
	margin-top:1px;
	font-size:10px;
	text-align:right;
}




/* linkArea */
#FOOTER .linkArea{float:left;width:400px}

#FOOTER .linkArea ul{float:left;}
#FOOTER .linkArea ul li{float:left;margin:0 15px 0 0;padding-right:15px;border-right:1px solid #484647;white-space:nowrap;}
#FOOTER .linkArea ul li.first{border-left:1px solid #484647; padding-left:15px;}