@charset "UTF-8";

/* ページ構造 */

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%;
letter-spacing: 0;
}

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


ul{ 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;font-size:90%;}
li { }


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;
}

#header{width:800px;margin: 0px;padding: 0px;background-color:#000000;float:left;}
#header2{width:800px;margin: 0px;padding: 0px;background-color:#000000;float:left;}

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

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

#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;}
#works_b { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;}
#works_c { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;}
#works_d { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;}
#works_e { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;}
#works_f { width: 160px; float: left; margin: 0px 0px 0px 0px;background-color:#000;}


#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; }
h1{width:800px;margin:0px 0px 0px 0px ;padding:0px 0px 0px 10px;text-align:left;color:#999;font-size:80%;background-color:#fff;}
img {margin: 0px; padding: 0px; display: block;}

/* ---------- リンクカラー ---------- */

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;}

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

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.webright490borderbottom200{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.webright490borderbottom350{width:480px;height:350px;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;
	}