@charset "utf-8";

/*//////////////////////////
基本設定
//////////////////////////*/
body {
	background:#fff;
	margin:0;
	padding:0;
	text-align:center;
/* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	background-color:#ececec;
	font-size: 62.5%; /* Resets 1em to 10px */
}

html, body, h1, h2, h3, p, div, dl, dt, dd, th, td {
	margin:0;
	padding:0;
	font-family:meiryo,Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	font-weight:lighter;
	color:#555555;
}

p, li, div, dl, dt, dd, th, td {
	line-height:1.8em;
}

ul,ol,li{
	list-style:none;
	margin:0;
	padding:0;
}

img {
	border: 0;
}

hr,legend {
	display: none;
}

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

caption,th {
	text-align: left;
}

.clearfix:after {
	content: url(../img/pixel.gif);
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}


/*　基本リンク　*/
a:link,
a:visited,
a:active {
	color:#f74;
	text-decoration:none;
}

a:hover {
	color:#fa9;
	text-decoration: underline;
}

a[href$='.xls'] {
	padding: 5px 0 5px 20px;
	background: transparent url(../img/icon_xls.gif) no-repeat center left;
}


/*//////////////////////////
レイアウト
//////////////////////////*/
#hLinks{
	width:836px;
	margin:20px auto 0;
	z-index:99;
}
#hLinks li{
	float:left;
	margin-right:13px;
}
#hLinks li.last{
	float:left;
	margin-right:0;
}

#container {
	width: 836px;
	margin: 0 auto;
	text-align: left;
	background:transparent url(../img/common_bg.gif) repeat-y;
}

#contentsbody{
	width:815px;
	margin:0 6px 0 15px;
/*	border:1px red solid;*/
}

#sidebar{
	float:left;
	width:203px;
/*	margin-left:15px;
	margin-right:14px;*/
}
#contents{
	float:right;
	width:598px;
/*	margin:0;*/
	min-height:360px;
}


#header {
	width: 836px;
	height: 216px;
	margin: 0 auto;
	text-align: left;
	background:transparent url(../img/header_bg.gif) 0 0 no-repeat;
	position:relative;
}

#logo{
	position:absolute;
	top:22px;
	left:-22px;
}
#mainimage{
	position:absolute;
	top:18px;
	left:227px;
}
#h_corner{
	position:absolute;
	top:0px;
	left:0px;
}

ul#grandnav{
	width:203px;
}
ul#grandnav li{
	float:left;
	width:203px;
	height:39px;
}
ul#grandnav li a span{
	display:none;
}
ul#grandnav li a{
	display:block;
	width:203px;
	height:39px;
	overflow:hidden;
}
li#nav1 a{
	display:block;
	width:203px;
	height:39px;
	background:transparent url(../img/nav1.png) 0 0 no-repeat;
}
li#nav1 a:hover,
li#nav1 a.selected{
	background:transparent url(../img/nav1.png) 0 -39px no-repeat;
}
li#nav2 a{
	display:block;
	width:203px;
	height:39px;
	background:transparent url(../img/nav2.png) 0 0 no-repeat;
}
li#nav2 a:hover,
li#nav2 a.selected{
	background:transparent url(../img/nav2.png) 0 -39px no-repeat;
}
li#nav3 a{
	display:block;
	width:203px;
	height:39px;
	background:transparent url(../img/nav3.png) 0 0 no-repeat;
}
li#nav3 a:hover,
li#nav3 a.selected{
	background:transparent url(../img/nav3.png) 0 -39px no-repeat;
}
li#nav4 a{
	display:block;
	width:203px;
	height:39px;
	background:transparent url(../img/nav4.png) 0 0 no-repeat;
}
li#nav4 a:hover,
li#nav4 a.selected{
	background:transparent url(../img/nav4.png) 0 -39px no-repeat;
}
li#nav5 a{
	display:block;
	width:203px;
	height:39px;
	background:transparent url(../img/nav5.png) 0 0 no-repeat;
}
li#nav5 a:hover,
li#nav5 a.selected{
	background:transparent url(../img/nav5.png) 0 -39px no-repeat;
}
li#nav6 a{
	display:block;
	width:203px;
	height:39px;
	background:transparent url(../img/nav6.png) 0 0 no-repeat;
}
li#nav6 a:hover,
li#nav6 a.selected{
	background:transparent url(../img/nav6.png) 0 -39px no-repeat;
}
li#nav7 a{
	display:block;
	width:203px;
	height:39px;
	background:transparent url(../img/nav7.png) 0 0 no-repeat;
}
li#nav7 a:hover,
li#nav7 a.selected{
	background:transparent url(../img/nav7.png) 0 -39px no-repeat;
}
li#nav8 a{
	display:block;
	width:203px;
	height:39px;
	background:transparent url(../img/nav8.png) 0 0 no-repeat;
}
li#nav8 a:hover,
li#nav8 a.selected{
	background:transparent url(../img/nav8.png) 0 -39px no-repeat;
}


h1{
	margin:0 0 51px 0;
}

h2{
	margin:34px 49px 17px;
}
h2.text{
	font-size:15px;
	margin:34px 49px 17px;
	border-bottom:1px solid #ddd;
}

#contents p{
	margin:0 55px 17px;
	font-size:1.15em;
}

#contents p.catch{
	margin-bottom:1em;
	font-size:1.4em;
}

#contents ul.catchul{
	margin:0 55px 17px;
	overflow:hidden;
}
#contents ul.catchul li{
	margin-left:2em;
	font-size:1.4em;
	list-style-type: none;
}

#recruit{
	width:500px;
	margin:31px auto 0;
}
#recruit .inner{
	margin:0;
	padding:15px 0;
	background:url(../img/recruit_bg.gif) repeat-y;
}
#recruit h3{
	margin:0;
	padding:0;
	color:white;
}
#recruit p{
	font-size: 1.4em;
	color:white;
}
#recruit h2{
	color:white;
}


#choice{
	width:500px;
	margin:31px auto 51px;
	overflow:hidden;
}
#choicec{
	margin-bottom:20px
}
#choicel{
	float:left;
	width:240px;
}
#choicer{
	float:right;
	width:240px;
}
#choice p{
	margin:16px;
	padding:0;
	width:200px;
	font-size:110%;
}
div.choicebtn{
	width:204px;
	margin:0 auto;
}

#contents ul,
#contents dl{
	margin:0 55px;
}
#contents ul.workflow li{
	text-align:center;
}
#contents ul.contact li{
	margin-left:2em;
	font-size:1.2em;
}
#contents ul.workflow li.wf_arrow{
	margin:6px auto;
	width:35px;
}
#contents ul.contact li{
	list-style-type: circle;
}
#contents ul ul{
	margin:0 0 0 .5em;
	padding:0;
}
#contents ul.contact ul li{
	font-size:1em;
}

p#contact{
	text-align:center;
	margin-bottom:51px;
}

ul.contact{
	padding:17px;
/*	border:1px solid #f2f2f2;*/
}

p.mail{
	text-indent:2em;
}
p.mail a{
	color:#777;
}
p.mail a:hover{
	color:#555;
}

dl#acitivities{
/*	border-bottom:2px solid #f2f2f2;*/
	margin-bottom:34px;
	width:500px;
}

dl#acitivities dt{
	float:left;
	width:206px;
	height:96px;
	text-align:center;
/*	background-color:#f2f2f2;
	border-top:2px solid #f2f2f2;*/
	zoom:1;
}
dl#acitivities dt.wide{
	float:left;
	width:206px;
	height:96px;
/*	text-align:right;
	background-color:#f2f2f2;
	border-top:2px solid #f2f2f2;*/
	zoom:1;
}
dl#acitivities dd{
	margin-left:216px;
	height:96px;
	width:auto;
	font-size:1.2em;
	line-height:24px;
/*	border-top:2px solid #f2f2f2;
	border-right:2px solid #f2f2f2;*/
}
dl#acitivities dd.wide{
	margin-left:216px;
	height:96px;
	width:auto;
	font-size:1.2em;
	line-height:24px;
/*	border-top:2px solid #f2f2f2;
	border-right:2px solid #f2f2f2;*/
}

dl#company{
/*	border-bottom:2px solid #f2f2f2;*/
}

dl#company dt{
	float:left;
	width:8em;
	height:96px;
	clear:both;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
/*	background-color:#f2f2f2;
	border-top:2px solid #f2f2f2;*/
}
dl#company dd{
	margin-left:8em;
	height:96px;
	width:32em;
	font-size:1.2em;
/*	border-top:2px solid #f2f2f2;
	border-right:2px solid #f2f2f2;*/
}


ul#sitemap{
}
ul#sitemap li{
	padding-left:2em;
	background:transparent url(../img/icn_ewlist.gif) 0 3px no-repeat;
	font-size:1.4em;
	margin-bottom:7px;
}

li.ewlist{
	padding-left:2em;
	background:transparent url(../img/icn_ewlist.gif) 0 3px no-repeat;
}

ul#voices{
	margin-left:5em;
	width:500px;
	overflow:hidden;
}
ul#voices li{
	float:left;
	width:250px;
/*	margin-bottom:.2em;*/
	background:transparent url(../img/voice.gif) 0 50% no-repeat;
	height:101px;
}
ul#voices li div{
	padding:10px;
	padding-left:5em;
	padding-right:2em;
	font-size:1em;
	line-height:1.4em;
}
ul#voices li div span{
	font-weight:bold;
	line-height:2em;
	color:#396397;
}

div.gotop{
	float:right;
	width:83px;
	margin:2em 12px 2em 17px;
}

/* Google AdSense用 */
#contents .ad{
	width:500px;
	margin:20px auto;
}
#sidebar .ad{
	padding-top:20px;
	padding-left:2px;
}
#sidebar .ad a.txtBnr{
	display:block;
	border:1px solid #c5c5c6;
	padding:3px;
	line-height:15px;
}


#footer{
	position:relative;
	width:825px;
	height:95px;
	margin:0 auto;
	border-top:5px solid #f2f2f2;
	background-color:white;
}
#gainlogo{
	position:absolute;
	top:26px;
	left:25px;
}
#copy{
	position:absolute;
	top:35px;
	left:487px;
}
#footerlinks{
	position:absolute;
	top:57px;
	left:622px;
}
#footerlinks a{
	color:#555;
	text-decoration:underline;
}
#footerlinks a:hover{
	color:#999;
	text-decoration:none;
}
ul#footerlinks{
	margin:0;
	padding:0;
}
ul#footerlinks li{
	float:left;
	width:auto;
}
ul#footerlinks li a{
	display:block;
	padding:0 7px;
	border-right:1px solid #f2f2f2;
}

.downloadCol{
	text-align:center;
	margin-bottom:2em;
	font-size:1.4em;
}
.downloadCol a{
	display:block;
	width:25em;
	text-align:left;
	margin:0 auto;
/*	border:red 1px solid;*/
}
.downloadLink{
	padding:0 1em;
	margin:0 55px;
	text-align:center;
	border:1px solid #ececec;
	background-color:#f5f5f5;
}

.tabNav{
	position:relative;
	z-index:10;
	*zoom:1;
}
.tabNav li{
	float:left;
	margin-right:0.25em;
	width:auto;
}
.tabNav li a{
	display:block;
	width:auto;
	border: 1px solid #ccc;
	padding:0.25em 0.5em;
	background-color:#eee;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	text-decoration:none;
}
.tabNav li a:hover{
	background-color:#f8f8f8;
}
.tabNav li a.active{
	background-color:#fff;
	border-bottom:1px solid #fff;
}
.tabContent{
	clear:left;
	position:relative;
	width:488px;
	margin:0 55px;
	top:-1px;
	z-index:1;
	border:1px solid #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	padding:.5em .1em;
}
.tabContent a{
	width:400px;;
}