@charset "utf-8";
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	background: #FFF;
	color: #333;
	font-size: small;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
}

a:link {
	color:#99f;
}

a:visited {
	color:#99f;
}

a:hover {
	color:#f66;
	text-decoration: none;
}

a:active {
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 12px 12px;
	border-left:12px solid #201841;
}

.imgL {
	float: left;
	margin: 0 12px 12px 0;
}

.btn {
	text-align: center;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 762px;
	clear:both;
	margin: 0 auto;
	text-align: left;
	background:#333;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	float: left;
	width: 762px;
	background:url(images/back.jpg) center top repeat-y;
}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}


/*------header----*/
#header h1{
float:left;
width:400px;
color:#fff;
line-height:30px;
}

#header h1 img{
	float:left;
	margin-right:8px;
}

#header_Gnavi li{
float:right;
margin-right:12px;
}

#header_navi{
clear:both;
}
#header_navi a:link,
#header_navi a:visited{
color:#ccc;
text-decoration:none;
}
#header_navi a:hover{
color:#c66;
text-decoration:underline;
}

#header_navi li{
float:left;
margin-left:12px;
padding-left:16px;
background:url(images/header-icon.gif) left 6px no-repeat;
}

div#header dl#siteSearch{
width:300px;
float:right;
}
div#header dl#siteSearch dt{
display:none;
}
div#header dl#siteSearch dd{
padding:0 6px 3px;
}

#cse-search-box{
text-align:right;
}
#cse-search-box input[type="text"]{
border:1px solid #ccc;
}
#cse-search-box input[type="text"]:focus{
border:1px solid #999;
background-color:#eee;
}
#cse-search-box input[type="submit"]{
border:1px solid #999;
background-color:#eee;
}

/*----main----*/
#main{
margin:0 101px 48px;
padding-top:24px;
color:#eee;
background:url(images/main-back.png) left top repeat-x;
}

#main h2{
margin:0 24px 6px;
font-size:14px;
border-left:8px solid #999;
border-bottom:2px solid #666;
padding-left:8px;
line-height:32px;
}

#main p{
margin:0 24px 12px;
}
#main table{
margin:0 24px 12px;
}
#main table td,
#main table th{
border:1px solid #ccc;
}

p#midashi1{
font-size:24px;
line-height:48px;
padding-left:12px;
border-bottom:4px double #999;
border-top:4px double #999;
margin-bottom:24px;
}

#main ul{
margin:0 24px 12px;
}

#main ul li{
text-indent:1em;
}

ul#next li{
float:right;
margin-left:0;
padding-left:6px;
background:url(images/next-icon.gif) left 6px no-repeat;
}
ul#next li a:link,
ul#next li a:visited
{
color:#f66;
}
ul#next li a:hover
{
color:#99f;
}

/*------footer----*/
#footer{
border-top:1px solid #201841;
clear:both;
background-color:#333;
}
#footer ul{
margin:20px 121px;
}
#footer ul li{
margin-left:0;
padding:0;
display: inline;
}
#footer ul li a img{
border:1px solid #ccc;
padding:2px;
}

#footer ul li a:hover img{
border:1px solid #f66;
}
#footer .copyright {
color:#999;
text-align: center;
}
/*---toppage-----*/
#indexpage #glheader{ margin-bottom:0;}
#indexpage #glfooter{ margin-top:0;}

#indexpage #footer{ text-align:center;}
#indexpage #footer ul{
margin:5px auto 0;
}
#contenttop{ height:632px; background:url(images/hometop-back.gif) repeat-x 0 0 #fff;}

#hometop{ position:relative;height:632px; width:960px; margin:0 auto; background:url(images/hometop.png) no-repeat 0 0;text-align:center;}
#hometop h1{ position:absolute; top:0; left:0; height:20px; width:900px; line-height:20px; text-align:left;}
#hometop div#hometop-navi{ position:absolute; left:720px; top:130px; display:block; width:220px;text-align:left; }
#hometop div#hometop-navi ul{margin-bottom:1.5em;}
#hometop div#hometop-navi ul li{padding-left:12px; list-style:inside disc;}
#hometop div#hometop-navi p#hometop-navi-title,
#hometop div#hometop-navi h2 {	padding:3px 3px 3px 5px; background-color:#efefef;border-left:4px solid #C90; font-size:14px;}

#hometop div#blogblock {position: absolute; top: 338px; left: 270px;
 width: 400px;padding:10px; background: none repeat scroll 0 0 #FFFFFF; text-align: left;}
 /*before insert recruit link, top:320px;*/
#blogblock h2{	padding:3px 3px 3px 5px; background-color:#efefef;border-left:4px solid #C90; font-size:14px;}
#blogblock ul li{ padding-left:16px; list-style:inside circle;}

#blogblock a:link,#blogblock a:visited{color:#06F;}
#blogblock a:hover{color:#99f;}


/*---cycle---*/
dl#cycle{
margin:25px;
border-top:1px solid #666;
}

dl#cycle dt{
float:left;
padding-left:25px;
font-weight:bold;
}

dl#cycle dd{
border-bottom:1px solid #666;
padding-left:120px;
}