body{
	color:#555;
	margin:0 auto;
	text-align:center;
	background-image:url(img/background.gif);
}

/******* Default TAG ********/
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
input,textarea{font-size:1em;}

h1.img{ margin:0 0 4px 0; padding:0;}
h2{
	clear:both;
	color:#2bb;
	font-size:75%;
	border-left:3px solid #ccc;
	padding:5px 0 5px 9px;
	margin:0 0 12px 0;
}
h3{
	color:#0bb;
	font-size:85%;
	line-height:1.4;
	padding:12px 0 5px 0;
	clear:both;
}
ul.list{
	list-style:normal;
	margin:0 0 20px 25px;
	padding:0;
}
ul.list li{
	font-size:75%;
	line-height:1.4;
	padding:4px 0;
	border-bottom:1px dotted #9cc;
}

img{border:0;}

a:link		{color:#27f; text-decoration:underline;}
a:visited	{color:#778; text-decoration:underline;}
a:hover		{color:#f80; text-decoration:underline;}
a:active	{color:#f00; text-decoration:underline;}

div.blogbox{
	width:180px;
	float:left;
	margin:0 23px 0 0;
}
div.end{margin:0;}
div.blogbox img{margin:0 0 4px 0;}
div.blogbox p{ font-size:75%; line-height:1.3; margin:0 0 20px 0;}

p{ font-size:75%; line-height:1.6; margin:0 0 20px 0;}
p.nomargin{ margin:0 0 2px 0;}
p.box{ width:90%; border:2px dotted #fc9; padding:4px 8px; background-color:#fff6f3;}
p.box2{ width:90%; border:2px dotted #fc3; padding:4px 8px; background-color:#fff9f0;}
p.box2 strong{font-size:110%;}

input,textarea{ padding:3px;}
textarea{width:400px;}
input{ color:#444;}
input.normal{font-size:75%; padding:4px; margin:0 10px 0 0;}
input.nb{border:0; padding:0;}

iframe{ margin:0; padding:0;}

.tnormal{font-size:85%;}
.tsmall{font-size:90%;}

.color01{ color:#aff;}
.color02{ color:#0bb;}
.color03{ color:#f93;}
.color04{ color:#f58;}
.chkitem{ font-weight:bold; color:#639;}

table.normal{font-size:75%;line-height:1.6; margin:0 0 12px 0;}
table.normal td{padding:0 10px 10px 0;}

.mb01{margin-bottom:8px;}
.mb02{margin-bottom:15px;}

.clear{
	clear:both;
}
/****** TOP PAGE ******/
h1.top{ color:#0bb; width:798px; font-size:75%; line-height:1.5; text-align:left; margin:0 auto;}
div#mainArea{ width:780px; margin:0 auto; padding:3px 0 6px 0; background-color:#fff;}
div#flashArea{ width:700px; background-color:#000; margin:0 auto 9px auto; padding:4px 0;}
div#topfooter{ clear:both; width:840px; height:53px; background:url(img/topfooter.gif) no-repeat center bottom; margin:0 auto; font-size:75%;}
div#topfooter div#copyright{ width:770px; text-align:left; color:#777; margin:0 auto; background-color:#e6e6e6; padding:4px 15px;}

div#about{font-size:12px; line-height:1.7; width:750px; padding:15px 20px 0 20px; background-color:#f3f3f3; margin:0 auto 15px auto; text-align:left; border:5px solid #fff;}
div#about p{font-size:12px; margin:0 0 12px 0;}
div#about h2{color:#f58; font-size:14px; line-height:1.3; padding:0px 10px;}

ul#banner li{list-style:none; margin-bottom:18px;}

/******* Layout ********/
div#container{ width:840px; margin:0 auto; text-align:center; background:url(img/mainback.gif) repeat-y;}
div#header{ width:784px; height:95px; background:url(img/header.jpg) no-repeat top center; margin:0 auto 10px auto; }
div#header div#hdcontents{ width:740px; margin:0 auto; text-align:center;}
div#header div#logo{float:left; width:200px; height:86px;}
div#maincopy{ float:right; width:531px; font-size:65%; line-height:1.4; color:#fff; text-align:left; margin:21px 0 0 0;}
div#container:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
div#mainBlock{ width:780px; margin:0 auto;}
div#main{ width:780px; background:url(img/topcopy.jpg) no-repeat top center; margin:0 auto; float:left;}
div#workingmain{ width:780px; background:url(img/working_back.jpg) no-repeat right bottom; margin:0 auto; float:left;}

div#leftmenu{float:left; width:150px; text-align:left;}

div#mainBlock div#contents{float:right; width:600px; margin:0; text-align:left;}
div#main div#contents{float:right; width:600px; margin:93px 0 0 0; text-align:left;}
div#footer{
	clear:both;
	width:840px;
	height:135px;
	text-align:left;
	background:url(img/footer_back.jpg) no-repeat center bottom;
	margin:0 auto;
	font-size:75%;
}
div#footer ul		{width:500px; height:35px; padding:10px 0px 0 0; margin:0 0 0 50px;}
div#footer ul li	{list-style-type:none; float:left; font-size:10px; margin:0 7px 5px 0; white-space:nowrap;}
div#footer ul li.clear	{clear: both; float:left;}
div#footer #pict		{width:756px; height:17px; padding:28px 0 0 0; margin:0 auto; text-align:right;}
div#footer #copyright	{float:left; width:350px; text-align:left; color:#ccc; margin:0; padding:23px 0 0 50px;}
div#footer #footlogo	{float:right; width:135px; padding:4px 45px 0 0;}

img.left{ float:left; margin:0 8px 0 0 ;}

/***** ボックスからの画像がはみ出し防止 *****/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
}
/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/


/********* MAIN MENU ************/
#mainnavi01				{padding:0 0 0 4px; margin:7px 0 10px 0;}
#mainnavi01 li			{padding-left:8px; margin-bottom:7px; background:url(img/icon_menu.gif) no-repeat top left; list-style-type:none;}
#mainnavi01 li.active	{background:url(img/icon_menu_ro.gif) no-repeat top left;}
#mainnavi01 li img		{width:100px; height:21px;}

#mainnavi02				{padding:0; margin:7px 0 10px 0;}
#mainnavi02 li			{margin-bottom:3px; list-style-type:none;}
#mainnavi02 li img		{width:150px; height:42px;}




/****** TOP PAGE *******/
p.copy{
	border-left:6px solid #ccc;
	padding:0 0 0 10px;
	margin:0 0 19px 0;
}
div.textblock{
	margin:0 0 18px 18px;
}
div.textblock p{
	margin:0;
}

.bspace{ margin-bottom:7px; clear:both;}
.tspace{ margin-top	:8px;}

iframe.top{ width:100%; height:212px; float:left; margin:0;}
iframe.rank{ width:150px; height:700px; float:left; margin:0;}
table.iframe{ margin-bottom:12px; width:100%;}
table.iframe td{padding:0 0 10px 0;}

/****** Inner PAGE *******/
p#navi{
	background:url(img/icon_navi.gif) no-repeat left center;
	margin:0;
	padding:0 0 0 13px;
	color:#666;
	font-size:75%;
	line-height:1.4;
}
p.pagetop{
	font-size:65%;
	line-height:1.4;
	text-align:right;
	margin:14px 10px;
	clear:both;
}
/*********** Data Page ************/
table.data {
	margin-bottom:15px;
}
table.data td{
	width:132px;
	font-size:75%;
	line-height:1.5;
	text-align:center;
	padding:4px 17px 0 0;
	background:url(img/databack.jpg) no-repeat left top;
}
table.data div.name{
	text-align:center;
	width:132px;
	color:#f59;
	margin:9px 0 0 0;
	padding:4px 0;
	background-color:#ececf2;
}

/*********** Working Page ************/
table.working{
	width:250px;
	margin:0;
}
table.working td{
	font-size:12px;
	line-height:2;
	padding:0 10px 5px 0;
}
table.working td img{
	border:1px solid #999;
	padding:0 4px;
}
table.working a{
	font-size:10px;
	color:#68B8F4;
	text-decoration:underline;
}
div.imgborder{
	border:1px solid #999;
	text-align:center;
}
/*********** YOYAKU Page ***********/
.additem{
	background-color:#f0f0f0;
	padding:3px 8px;
	display:none;
}


/*********** RECRUIT Page ************/
div#recruit{
	height:278px;
	margin:20px 0 0 0;
	background:url(img/rec_bg_text.jpg) no-repeat left top;
}

div#recruit-men			{background:url(img/recruit-men-bg.jpg) no-repeat right top; margin-top:20px; line-height:14px;}
div#recruit-men h1		{margin-bottom:20px;}
div#recruit-men h2		{border:0; margin:0 0 15px 0; padding:0;}
div#recruit-men h3		{background:url(img/recruit-men-h.gif) no-repeat 0 0; width:570px; height:26px; color:#555; padding:5px 0 0 25px; font-size:14px; margin:0;}
div#recruit-men ul		{width:100%; background-color:#fff; position:relative; z-index:2; filter:alpha(style=0, opacity=75);-moz-opacity:0.75;opacity:0.75; padding:5px 0 0 0; margin:0 0 30px 0;}
div#recruit-men ul li	{color:#333; list-style-type:none; border-bottom:#666 1px dotted; font-size:12px; width:580px; padding:6px 0 6px 15px;}
div#recruit-men ul li strong{color:#00876f;}

div#recruit p{
	width:442px;
	line-height:19px;
	padding:140px 0 0 3px;
	margin:0;
}
p#oubo{
	margin:0 0 18px 0;
	line-height:24px;
	background:url(img/rec_bg_oubo.gif) left top;
	 filter:alpha (opacity=25, style=0);
}
p#oubo strong{
	color:#00A688;
}
span.sml{
	font-size:10px;
}
div#faq{
	background:url(img/rec_bg_faq.gif) no-repeat left top;
	position:relative;
	width:600px;
	height:360px;
	margin-bottom:24px;
}
div#faq div{width:180px; font-size:10px; line-height:14px; position:absolute;}
div#faq div.q01{left:10px; top:11px;}
div#faq div.q02{left:10px; top:194px;}
div#faq div.q03{left:10px; top:299px;}

div#faq div.q04{left:211px; top:11px;}
div#faq div.q05{left:211px; top:124px;}
div#faq div.q06{left:211px; top:200px;}
div#faq div.q07{left:211px; top:299px;}

div#faq div.q08{left:409px; top:11px;}
div#faq div.q09{left:409px; top:128px;}
div#faq div.q10{left:409px; top:215px;}
div#faq div img{margin-bottom:6px;}

/*********** LINK Page ************/
.link{
 	width:550px;
	font-size:80%;
	padding:5px 12px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:5px solid #f80;
	margin:15px 0 10px 0;
}

div.banner{
	font-size:80%;
 	width:560px;
	padding:10px;
	background-color:#eee;
}
div.banner img{
	margin:0 10px 6px 0;
}
textarea{
	clear:both;
	width:540px;
	height:45px;
	margin:0 0 10px 0;
}

p.linkbox{
	float:left;
	width:210px;
	line-height:1.4;
	margin:6px 55px 10px 4px;
	padding:5px 0 5px 14px;
	border-left:7px solid #ccc;
}
p.linkbox img{
	margin:0 0 6px 0;
}

.linkbox a{text-decoration:none;}
.linkbox a:link{text-decoration:none; color:#4DC7B7;}
.linkbox a:hover{text-decoration:none; color:#f80;}

.linkbox a span{
	font-weight:bold;
	margin:5px 0;
	padding:2px 0 0 16px;
	background:url(img/icon_link.gif) no-repeat left top;
}