﻿/********全画面背景********/

.bgmaximage{
  position:fixed !important;
  display:none;
}

#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}

.loader {
  position:absolute;
  z-index:9999;
  width:39px;
  height:39px;
  top:49%;
  left:49%
}

#wrapper{
	width:1000px;
	margin:0 auto;
	text-align:center;
}

.clear{ clear:both;}
.center{ text-align:center; clear:both;}
a:link{ text-decoration:none; color:#333333;}
a:visited{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none; color:#1070BE;}


body{ color:#333333;font-family:"ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;}

.fleft{ float:left;}
.fright{ float:right;}

/********左メニュー********/
#menu_wrapper{
	float:left;
	background:#F5F5F5;
	padding:0;
	width:240px;
	position:relative;
	z-index:999;
	text-align:left;
}

/*#menu{
	background: url(../images/backsubmenu.png) no-repeat left bottom;
}*/

body > #menu{
height:auto;}

.logo{ text-align:center; padding-top:30px;}
.logotxt{ text-align:center; padding:30px 0; font-size:90%; letter-spacing:0.2em; font-weight:bold;}

#menu li{ clear:both; background:url(../images/li_icon.png) no-repeat 15px center; font-size:85%; padding:5px 10px 5px 26px; overflow:hidden;border-bottom:1px dashed #aaa; letter-spacing:0.1em;}
#menu li img{ float:right;}
#menu li.last{ border-bottom:none; padding-bottom:5px;}

#menu .m01 li{line-height:6.1em;}
#menu .m01 li a{ display:block;}
#menu .m02 li a{ display:block; padding:15px 0; }


#pagetop{position: absolute; bottom: 0; right: -750px;}
#pagetop p{ text-align:center; width:100px; padding:7px 0; float:right; font-size:80%;background:url(../images/pagetop.png) no-repeat center top;}
#pagetop p a{ color:#fff;}
/********右側のメインコンテンツ********/
#main{ text-align:left; float:left; width:760px;}
#main .title{ position:relative; height:300px;}
#main .title h1{ position:absolute; bottom:30px; font-size:160%; border-bottom:1px solid #fff; width:100%; padding-bottom:5px; color:#fff; text-align:right;}
#main .title span{ padding-right:15px;}
#main .menu01{ background:url(../images/title01.jpg) no-repeat;}
#main .menu02{ background:url(../images/title02.jpg) no-repeat;}
#main .menu03{ background:url(../images/title03.jpg) no-repeat;}
#main .menu04{ background:url(../images/title04.jpg) no-repeat;}
#main .menu05{ background:url(../images/title05.jpg) no-repeat;}
#main .menu06{ background:url(../images/title06.jpg) no-repeat;}
/*#main .main_contents{ padding:40px 0 20px 30px;font-size:90%; line-height:1.4em;}*/
/*#main .main_contents h2{ font-size:130%; font-weight:bold; color:#666; border-top:1px solid #666; border-bottom:1px solid #666; padding:5px 0 5px 6px; margin-bottom:10px;}
#main .main_contents h3{ clear:both; font-size:260%; line-height:1.4em; color:#333; margin:5px 0 10px 0;}*/
#main .main_contents h3.company{color:#333333;}
#main .main_contents h4{
	clear:both;
	line-height:1.6em;
	font-weight:bold;
	margin-top:0px;
	letter-spacing:0.1em;
}
#main .main_contents h5{
	background:#05a58d;
	color:#FFFFFF;
	float:left;
	padding:5px 7px;
	font-size:90%;
	letter-spacing:0.2em;
	border-radius: 5px;	/* CSS3草案 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;/* Firefox用 */
	}
#main .main_contents p{
	color:#333333;
}
#main .main_contents .section{ margin-bottom:30px; clear:both;}

#main .main_contents .table01{ clear:both; line-height:1.4em; margin-bottom:15px;}
#main .main_contents .table01 th{padding:5px; text-align:left; background:#efefef; border-bottom:1px dashed #ccc; vertical-align:middle;}
#main .main_contents .table01 td{padding:5px; border-bottom:1px dashed #ccc; vertical-align:middle;}

#main .main_contents .table02{ clear:both; line-height:1.4em;}
#main .main_contents .table02 th{padding:5px; text-align:left;}
#main .main_contents .table02 td{padding:5px; vertical-align:top;}

#main .main_contents .table03{ clear:both; line-height:1.4em; margin-bottom:15px;}
#main .main_contents .table03 th{padding:5px; text-align:left; background:#efefef; border:1px solid #ccc;}
#main .main_contents .table03 td{padding:5px; border:1px solid #ccc; vertical-align:top;}

#main .main_contents .dlist01{color:#333;}
#main .main_contents .dlist01 dt{ background:url(../images/dlist_dt.jpg) no-repeat left center; padding-left:14px;}
#main .main_contents .dlist01 dd{ text-indent:1em; background:url(../images/dlist_dd.jpg) no-repeat 1em center; padding-left:12px;}

#main .main_contents .dlist02{
	clear:both;
	color:#333;
	margin-bottom:15px;
	background:#05a58d;
	border-radius: 5px;	/* CSS3草案 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;/* Firefox用 */}
#main .main_contents .dlist02 dt{
	float:left;
	background:#fff;
	color:#05a58d;
	font-weight:bold;
	border:1px solid #05a58d;
	text-align:center;
	padding:5px 6px 10px;
	height:33px;
	line-height:1.5em;
	letter-spacing:0.1em;
	border-radius: 5px;	/* CSS3草案 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;/* Firefox用 */
	}
#main .main_contents .dlist02 dt span{ font-size:160%;}
#main .main_contents .dlist02 dd{
	float:left;
	color:#FFFFFF;
	width:200px;
	height:22px;
	padding:14px;
	font-size:135%;
	}

#main .main_contents .list01{color:#333; padding:5px 0 0; line-height:1em;}
#main .main_contents .list01 li{ font-size:90%; float:left; padding-right:15px;}
#main .main_contents .list01 li img{ margin-bottom:3px;}
#main .main_contents .list01 li.last{ padding-right:0;}

#main .main_contents .list02{ padding-left:1.4em;}
#main .main_contents .list02 li{list-style-type: decimal;}

#main .main_contents .catch{ font-size:200%; margin-top:20px; line-height:1.2em;}

#main .main_contents .news{margin:0 0 50px 20px;}
#main .main_contents .news dt{ margin:30px 0 10px; border-bottom:1px dashed #ccc; letter-spacing:1px;}
#main .main_contents .news dd{margin:3px 0; background:url(../images/dlist_dd.jpg) no-repeat left center; padding-left:14px;letter-spacing:1px;}
#main .main_contents .news dd a{color:#0066CC;}
#main .main_contents .news dd a:hover{color:#0099FF;}
#main .main_contents .news dd span{ font-size:90%; margin-left:10px;} 

#main .main_contents .recruit{margin:0 0 50px 20px;}
#main .main_contents .recruit dt{margin:30px 0 10px; border-bottom:1px dashed #ccc; letter-spacing:1px;}
#main .main_contents .recruit dd{padding-left:1em;letter-spacing:1px;}

#main .main_contents .linkmenu{ margin:30px;}
#main .main_contents .linkmenu li{ background:url(../images/link_li.gif) no-repeat left 4px; padding-left:16px; margin:20px 0;}

#main .main_contents .ps{ font-size:80%;}

#main .main_contents h3 span.h3smalltxt{
font-size: 60%;
    line-height: 1;}
#main .main_contents h3.pail{
border-left:6px solid #657FBA;
text-indent:0.2em;
font-size:230%}
#main .main_contents h4.fs120{
font-size:130%;
margin-bottom:8px}
#main .main_contents .w465{
width:465px}
#main .main_contents .w380{
width:380px}
/********フッター********/

#footer{
	text-align:center;
	font-size:80%;
	width:100%;
	clear:both;
	}
#footer .contents{ width:1000px; margin:0 auto;}
#footer .contents .txt{ text-align:left; line-height:1.4em;}
#footer .contents .txt h1{ font-size:130%; font-weight:bold; line-height:1.8em;}
#footer .contents .copy{ text-align:right;}
