@charset "utf-8";

/* --- index page --- */
.indexbox{
	display:block;
	width:620px;
	height:115px;
	margin:20px auto;
	padding-top:4px;
	clear:both;
	background-image:url(../img/common/indexbox_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

.indexbox p{
	padding-left:130px;
	font-size:16px;
	color:#888888;
	letter-spacing:0.1em;
	line-height:160%;
}

span.toptitle{
	font-size:18px;
	font-weight:bold;
	color:#006eba;
}
/* --- what's new box --- */
div#whatsnew{
	width:600px;
}
div#whatsnew ul{
	display:block;
	padding-top:10px;
}
div#whatsnew ul li{
	display:block;
	width:580px;
	margin:0px auto;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #cccccc;
	background-image:url(../img/common/whatsnew_li.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	text-indent:20px;
}

/* --- Contents page common --- */
#navi{
	padding-bottom:10px;
	padding-left:10px;
	margin-bottom:20px;
	border-bottom:1px dashed #cccccc;
	color:#888888;
}
#navi a{
	color:#888888;
	text-decoration:none;
}
#navi a:hover{
	color:#006EBA;
	text-decoration:underline;
}

#contents-menu{
	height:100%;
}
#contents-menu ul{
	display:block;
}

#contents-menu ul li{
	width:195px;
	height:47px;
	line-height:47px;
	text-indent:30px;
	background-image:url(../img/common/category_list_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#contents-menu ul li a{
	color:#006FBC;
	text-decoration:none;
}
#contents-menu ul li a:hover{
	color:#888888;
	text-decoration:underline;
}
#commonFooter{
	width:608px;
	display:block;
	margin:10px auto;
}
.cmnbox{
	display:block;
	padding-top:20px;
}
.cmnbox a{
	display:block;
}
.cmnbox img{
	margin:0px;
}

/* --
Contact page / about page / recruit page
----------------------------------- */
table.contact,
table.about,
table.recruit{
	width:580px;
	margin:20px auto;
}
table.contact tr th,
table.about tr th,
table.recruit tr th{
	padding:10px;
	border:1px solid #dfdfdf;
	background-color:#DFFAFF;
}
table.contact tr td,
table.about tr td,
table.recruit tr td{
	padding:10px;
	border:1px solid #dfdfdf;

}
/* --
recruit page
----------------------------------- */
#recruit-contact{
	width:600px;
	margin:10px auto;
}

/* --
access page
----------------------------------- */
.accessbox iframe{
	display:block;
	padding:3px;
	border:1px solid #cccccc;
	margin:20px auto;
}
.accessbox #map{
	display:block;
	padding:3px;
	border:1px solid #cccccc;
	margin:20px auto;
}

.accessbox small{
	font-size:14px;
	display:block;
	margin:10px auto;
	text-align:center;
}
.accessbox small a{
	text-decoration:none;
	color:#0099FF;
}
.accessbox small a:hover{
	text-decoration:underline;
	color:#666666;
}

/* --
sitemap page
----------------------------------- */
ul.sitemap li,
ul.sitemap li ul li{
padding:6px;
font-size:14px;
}
ul.sitemap li a{
color:#666666;
text-decoration:none;
}
ul.sitemap li a:hover{
color:#038DD1;
text-decoration:underline;
}