@charset "UTF-8";

/* 郢晏､ｲ鬭ｿ鬭ｽE郢ｧ鬭ｸ隶貞Ŕ鬭ｿ鬭ｽ?? */

body {
margin-left: auto;
margin-right: auto;
font-family: メイリオ,Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 0px;
color:#333333;
line-height:150%;
font-size:90%;
text-align: center;
}

h1{width:800px;margin:0px 0px 0px 0px ;padding:0px 0px 0px 10px;text-align:left;color:#999;font-size:80%;background-color:#fff;}

h2{width:480px;margin:0px 0px 0px 0px ;padding:0px 0px 0px 0px;text-align:left;color:#fff;font-size:80%;}
.welcome{width:auto;margin:0px 0px 0px 0px ;padding:0px 0px 0px 0px;text-align:left;color:#fff;font-size:80%;}

h3{width:auto;margin:0px 0px 0px 0px ;padding:0px 0px 0px 15px;text-align:left;color:#fff;font-size:100%;background: url(img/arrow.gif) no-repeat 0px 50%;repeat:none;}

h4{width:auto;margin:0px 0px 0px 0px ;padding:0px 0px 0px 0px;text-align:left;color:#fff;font-size:80%;}


img{margin:0px;padding:0px;border:0px;display:block;}
br {letter-spacing: 0;}
p{margin:0px;padding:0px;}


ul{margin:0px;padding-left:0px;list-style:none;}
li {margin:0px:padding:0px;width:auto;display:inline;}

.top_arrow{margin: 15px 0px 0px 0px; padding-left:15px;list-style:none;list-style-position: outside; background: url(img/arrow.gif) no-repeat 0px 50%;repeat:none;text-align:left;}

p.r-text{font-size:90%;margin: 0px;padding:5px 0px 20px 0px;color:#ddd;line-height:150%;}
p.topprofile{width:480px;font-size:90%;margin: 0px 0px 5px 0px;padding:0px 0px 10px 0px;color:#ddd;line-height:140%;}
p.workfla{height:120px;margin: 0px 0px 0px 0px;padding:10px 0px 0px 0px;color:#ddd;line-height:150%;}
p.worktext{height:100px;font-size:90%;margin: 5px 0px 0px 0px;padding:0px 5px 0px 0px;color:#ddd;line-height:120%;}

#wrapper{
width:800px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
padding:0px;
}




/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#header_left { float: left; height: 77px; width: 683px; margin: 0px; padding: 0px;}
#header_left a { display: block; height: 77px; width: 683px; text-indent: -9999px; font-size: 1px; color: #FFFFFF; text-decoration: none; outline: 0; background: url(head/head.gif) no-repeat 0px 0px;}

#header_rignt { margin: 0px; padding: 0px; list-style: none; width: 117px; float: left;}
#header_rignt2 { margin: 0px; padding: 0px; list-style: none; width: 117px; float: left;}
#header_rignt li { margin: 0px; padding: 0px; }
#header_rignt a { text-decoration: none;}
#header_rignt_btm1 a { background: url(head/head-pp2.gif) no-repeat; display: block; margin: 0px; padding: 0px; width: 117px; text-indent: -9999px; outline: 0; height: 22px;}
#header_rignt_btm1 a:hover { background: url(head/head-pp2.gif) no-repeat 0px -22px; width: 117px;}
#header_rignt_btm2 a { background: url(head/head-sitemap2.gif) no-repeat; display: block; margin: 0px; padding: 0px; width: 117px; text-indent: -9999px; outline: 0; height: 55px;}
#header_rignt_btm2 a:hover { background: url(head/head-sitemap2.gif) no-repeat 0px -55px; width: 117px;}

#g_navi{width:800px;height:32px; margin:0px; padding:0px;background-color:#000;}

#g_navi1 a {width:122px;background: url(head/con_1.gif) no-repeat 0px 0px;display: inline;margin: 0px;padding: 0px;text-indent: -9999px;outline: 0;line-height: 32px;float:left;}
#g_navi1 a:hover {background: url(head/con_1.gif) no-repeat 0px -32px;float:left;}

#g_navi2 a {width:112px;background: url(head/con_2.gif) no-repeat 0px 0px;display: inline;margin: 0px;padding: 0px;text-indent: -9999px;outline: 0;line-height: 32px;float:left;}
#g_navi2 a:hover {background: url(head/con_2.gif) no-repeat 0px -32px;float:left;}

#g_navi3 a {width:112px;background: url(head/con_3.gif) no-repeat 0px 0px;display: inline;margin: 0px;padding: 0px;text-indent: -9999px;outline: 0;line-height: 32px;float:left;}
#g_navi3 a:hover {background: url(head/con_3.gif) no-repeat 0px -32px;float:left;}

#g_navi4 a {width:113px;background: url(head/con_4.gif) no-repeat 0px 0px;display: inline;margin: 0px;padding: 0px;text-indent: -9999px;outline: 0;line-height: 32px;float:left;}
#g_navi4 a:hover {background: url(head/con_4.gif) no-repeat 0px -32px;float:left;}

#g_navi5 a {width:112px;background: url(head/con_5.gif) no-repeat 0px 0px;display: inline;margin: 0px;padding: 0px;text-indent: -9999px;outline: 0;line-height: 32px;float:left;}
#g_navi5 a:hover {background: url(head/con_5.gif) no-repeat 0px -32px;float:left;}

#g_navi6 a {width:112px;background: url(head/con_6.gif) no-repeat 0px 0px;display: inline;margin: 0px;padding: 0px;text-indent: -9999px;outline: 0;line-height: 32px;float:left;}
#g_navi6 a:hover {background: url(head/con_6.gif) no-repeat 0px -32px;float:left;}

#g_navi7 a {width:117px;background: url(head/con_7.gif) no-repeat 0px 0px;display: inline;margin: 0px;padding: 0px;text-indent: -9999px;outline: 0;line-height: 32px;float:left;}
#g_navi7 a:hover {background: url(head/con_7.gif) no-repeat 0px -32px;float:left;}



#topimage {width: 800px;margin: 0px;padding: 0px;background-color:#000;float:left;}
#subtitle {width: 500px;margin: 0px;padding: 0px;background-color:#000;float:left;}

#content {float: left;margin: 0px;padding:0px;width: 800px;background-color:#000;}
	
#left { width: 300px; height:550px;float: left; margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px ;background-color:#000;background: url("img/diarywaku.gif");
	background-repeat: no-repeat;}


#hpbana{width:300px;margin:0px 0px 0px 0px;padding:0px;}
#hpbana li{width:auto;margin:20px 0px 0px 5px;padding:0px;}

#l-sp-sitemap { width: 150px;float: left; margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px ;background-color:#000;}
#l-sp-profile { width: 160px;float: left; margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px ;background-color:#000;}
#l-sp-recruit { width: 160px;float: left; margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px ;background-color:#000;}



#right { width: 500px;height:600px; float: left; margin: 0px;background-color:#000;}

#sitemap { width: 500px; float: left; margin: 0px 0px 0px 0px;background-color:#000;}
p.f10cyan{width:400px; font-size:90%;margin: 5px 0px 5px 0px;padding-bottom:5px ;color:#999;border-bottom:1px solid;border-color:#333;}
#recruit { width: 500px; float: left; margin: 0px 0px 0px 0px;background-color:#000;}
#environment { width: 600px; float: left; margin: 0px 0px 0px 0px;background-color:#000;}


#works_a { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;text-align:left;}
#works_b { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;text-align:left;}
#works_c { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;text-align:left;}
#works_d { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;text-align:left;}
#works_e { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;text-align:left;}
#works_f { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;text-align:left;}


#workwrap{width:500px;float:left;margin:0px 0px 0px 0px;padding:0px;}
#workt{width:300px;float:left;margin:0px 0px 0px 0px;padding:0px;}
#worki{width:200px;float:right;margin:0px 0px 0px 0px;padding:0px;}

.poster290{width:280px;height:290px;border-left:1px solid;border-bottom:1px solid;border-color:#666;padding:10px;margin: 0px 5px 20px 5px;font-size:90%;color:#999;line-height:130%;bagcground-color:#000;}

.poster290r{width:196px;height:290px;border-right:1px solid;border-bottom:1px solid;border-color:#666;padding:10px 10px 10px 0px;margin: 0px 0px 20px 0px;font-size:90%;color:#999;}


.poster240{width:294px;height:240px;border-left:1px solid;border-bottom:1px solid;border-color:#666;padding:0px 0px 0px 0px;margin: 0px 0px 20px 5px;font-size:90%;color:#999;line-height:130%;bagcground-color:#000;}

.poster240r{width:200px;height:240px;border-right:1px solid;border-bottom:1px solid;border-color:#666;padding:0px 0px 0px 0px;margin: 0px 0px 20px 0px;font-size:90%;color:#999;}


.poster110{width:280px;height:110px;border-left:1px solid;border-bottom:1px solid;border-color:#666;padding:10px;margin: 0px 5px 20px 5px;font-size:90%;color:#999;line-height:130%;}

.poster110r{width:196px;height:110px;border-right:1px solid;border-bottom:1px solid;border-color:#666;padding:10px 10px 10px 0px;margin: 0px 0px 20px 0px;font-size:90%;color:#999;}

.poster150{width:280px;height:150px;border-left:1px solid;border-bottom:1px solid;border-color:#666;padding:10px;margin: 0px 5px 20px 5px;font-size:90%;color:#999;line-height:130%;}

.poster150r{width:196px;height:150px;border-right:1px solid;border-bottom:1px solid;border-color:#666;padding:10px 10px 10px 0px;margin: 0px 0px 20px 0px;font-size:90%;color:#999;}

.poster200{width:280px;height:200px;border-left:1px solid;border-bottom:1px solid;border-color:#666;padding:10px;margin: 0px 5px 20px 5px;font-size:90%;color:#999;line-height:130%;}

.poster200r{text-align:center;width:196px;height:200px;border-right:1px solid;border-bottom:1px solid;border-color:#666;padding:10px 10px 10px 0px;margin: 0px 0px 20px 0px;font-size:90%;color:#999;}

.workwaku{margin-left:5px;width:500px;background-color:#000;}
.caption1 {text-align:left;font-size:80%;color:#ddd;padding: 0px 0px 0px 0px;line-height:120%;}
.caption {text-align:left;font-size:80%;color:#666;padding: 0px 0px 0px 0px;line-height:120%;}

.shouhin{width:170px;text-align:center; vertical-align: top;background:#fff;}
.shouhin{width:200px;text-align:center; vertical-align: top;background:#fff;}

#space { float: left; width: 800px; margin: 0px;}

#footer { clear: both; width: 800px; margin: 0px;}

.c-both { clear:both; }


/* ---------- 郢晢ｽｪ郢晢ｽｳ郢ｧ鬭ｯ郢ｧ鬭ｫ郢晢ｽｩ郢晢ｽｼ ---------- */

a:link, a:visited, a:active{
	color:#3685AD;
	text-decoration: none;
	border:0px;
	}

a:hover{
	color:#28B0F4;
	text-decoration: underline;
	border:0px;
	}



/* ---------- 髯ｬ繝ｻ鬲ｹ鬭ｽ鬲ｹ鬭ｽ ---------- */

td {  font-size: 12px}

p.diarytitle{margin: 15px 0px 7px 30px;padding:0px 0px 0px 0px;*margin-left:0px;}

p.diarytext{font-size:90%;margin: 7px 30px 7px 30px;padding:0px 0px 0px 0px;color:#fff;border-bottom:1px solid;border-color:#333; text-align: left;}

p.r-profile-title{width:90px;text-align:right;font-size:90%;margin: 0px;padding:5px 10px 5px
0px;color:#ddd;line-height:150%;border-right:1px solid;border-color:#333;}

p.r-profile{width:400px;font-size:90%;margin: 0px;padding:5px 0px 5px 10px;color:#ddd;line-height:150%;}

p.r-crews-title{width:100px;text-align:right;font-size:90%;margin: 0px;padding:5px 0px 5px
0px;color:#ddd;line-height:150%;}
p.r-crews{width:400px;font-size:90%;margin: 0px;padding:5px 0px 5px 20px;color:#ddd;line-height:150%;}

p.r-recruit-title{width:120px;height:50px;font-size:90%;margin: 0px;padding:5px 0px 0px 15px;color:#ddd;line-height:150%;border-right:1px solid;border-bottom:1px solid;border-color:#333;}

p.r-recruit{width:350px;height:50px;vertical-align:middle;font-size:90%;margin: 0px;padding:5px 0px 0px
15px;color:#ddd;line-height:150%;border-bottom:1px solid;border-color:#333;}

p.r-recruit-titleb{width:120px;height:65px;font-size:90%;margin: 0px;padding:5px 0px 0px 15px;color:#ddd;line-height:150%;border-right:1px solid;border-bottom:1px solid;border-color:#333;}

p.r-recruitb{width:350px;height:65px;vertical-align:middle;font-size:90%;margin: 0px;padding:5px 0px 0px
15px;color:#ddd;line-height:150%;border-bottom:1px solid;border-color:#333;}



p.r-recruit-titleh80{width:120px;height:80px;font-size:90%;margin: 0px;padding:5px 0px 5px 15px;color:#ddd;line-height:150%;border-right:1px solid;border-bottom:1px solid;border-color:#333;}
p.r-recruith80{width:350px;height:80px;vertical-align:middle;font-size:90%;margin: 0px;padding:5px 0px 5px 15px;color:#ddd;line-height:150%;border-bottom:1px solid;border-color:#333;}

p.r-recruit-titleh170{width:120px;height:180px;font-size:90%;margin: 0px;padding:5px 0px 5px 15px;color:#ddd;line-height:150%;border-right:1px solid;border-bottom:1px solid;border-color:#333;}

p.r-recruith170{width:350px;height:180px;vertical-align:middle;font-size:90%;margin: 0px;padding:5px 0px 5px 15px;color:#ddd;line-height:150%;border-bottom:1px solid;border-color:#333;}



p.r-recruit-title-ad{width:120px;height:150px;font-size:90%;margin: 0px;padding:5px 0px 5px 15px;color:#ddd;line-height:150%;border-right:1px solid;border-bottom:1px solid;border-color:#333;}

p.r-recruit-ad{width:350px;height:150px;vertical-align:middle;font-size:90%;margin: 0px;padding:5px 0px 5px 15px;color:#ddd;line-height:150%;border-bottom:1px solid;border-color:#333;}

p.r-recruit-title-ms{width:120px;height:150px;font-size:90%;margin: 0px;padding:5px 0px 5px 15px;color:#ddd;line-height:150%;border-right:1px solid;border-bottom:1px solid;border-color:#333;}

p.r-recruit-ms{width:470px;height:150px;vertical-align:middle;font-size:90%;margin: 0px;padding:5px 0px 5px 15px;color:#ddd;line-height:150%;border-bottom:1px solid;border-color:#333;}

p.r-recruit-sub{width:470px;height:40px;vertical-align:middle;font-size:90%;margin: 0px;padding:10px 0px 5px 15px;color:#ddd;line-height:150%;border-bottom:1px solid;border-color:#333;}

p.e-form{width:500px;margin: 20px 0px 10px 0px;padding:0px 0px 0px 0px;}

/*WEB*/
#webleft { width: 250px; height:270px;float: left; margin: 5px 5px;padding:5px 5px 5px 5px ;background-color:#111;}
#webright { width: 510px; float: left; margin: 0px;background-color:#000;}
p.weblefttitle{width:220px;font-size:90%;margin: 10px 10px 10px 10px;padding:0px 0px 0px 0px;color:#3685AD;}
p.webtext{width:220px;font-size:90%;margin: 7px 20px 7px 20px;padding:0px 0px 0px 0px;color:#fff;border-bottom:1px solid;border-color:#333;}
p.webtext2{width:220px;height:60px;font-size:80%;margin: 7px 20px 7px 20px;padding:0px 0px 0px 0px;color:#fff;border-bottom:1px solid;border-color:#333;}

p.webright490{width:500px;font-size:90%;margin: 5px 5px 20px 5px;padding:0px ;color:#3685AD;line-height:140%;}

p.webright490bordertop{width:480px;font-size:90%;margin: 5px 5px 0px 5px;padding:10px;color:#ddd;line-height:140%;border-top:1px solid;border-left:1px solid;border-right:1px solid;border-color:#666;background-color:#222;}
p.webright490borderbottom{width:480px;height:150px;font-size:90%;margin: 0px 5px 20px 5px;padding:10px;color:#ddd;line-height:140%;border-top:1px solid;border-left:1px solid;border-right:1px solid;border-bottom:1px solid;border-color:#666;background-color:#000;}

p.webright490borderbottom250{width:480px;height:200px;font-size:90%;margin: 0px 5px 20px 5px;padding:10px;color:#ddd;line-height:140%;border-top:1px solid;border-left:1px solid;border-right:1px solid;border-bottom:1px solid;border-color:#666;background-color:#000;}

p.webright490borderbottom290{width:480px;height:290px;font-size:90%;margin: 0px 5px 20px 5px;padding:10px;color:#ddd;line-height:140%;border-top:1px solid;border-left:1px solid;border-right:1px solid;border-bottom:1px solid;border-color:#666;background-color:#000;}

p.webright490borderbottom250{width:480px;height:250px;font-size:90%;margin: 0px 5px 20px 5px;padding:10px;color:#ddd;line-height:140%;border-top:1px solid;border-left:1px solid;border-right:1px solid;border-bottom:1px solid;border-color:#666;background-color:#000;}

p.webright490borderbottom110{width:480px;height:110px;font-size:90%;text-align:left;vertical-align:top;margin: 0px 5px 20px 5px;padding:10px;color:#ddd;line-height:140%;border-top:1px solid;border-left:1px solid;border-right:1px solid;border-bottom:1px solid;border-color:#666;background-color:#000;}

p.r-text2{font-size:12px;margin: 0px;padding:0px 15px 0px 0px;}

p.footer{
	width:800px;
	height:45px;
	font-size:11px;
	color:#fff;
	text-align: center;
	padding-top: 10px;
	margin: 0px;
	background: url("../img/footer.gif");
	background-repeat: no-repeat;
	}

p.undermenu{
	width:800px;
	font-size:12px;
	color:#999;
	text-align: center;
	padding-top: 10px;
	margin: 0px;
	}