@charset "UTF-8";
@import "DropDownMenu.css";
@import "styleColumn.css";
@import "styleParagraph.css";
img{border:none}
h1{	margin:0px;font-size:19px;}
h1 a img{	display:block;}
h2{	margin:0px;}
ul{	margin:0px;padding:0px;}
ul li{	list-style:none;}

.oneColumn ul,.oneColumn ol{
	width:600px;
	font-size:12px;
	margin:10px 0 10px 50px;
	padding-left:30px;
}

.oneColumn li{
	font-size:12px;
	line-height:1.5;
	margin:0 0 10px 0;
	padding:0;
}

.oneColumn ul li{	list-style:disc;}
.oneColumn ul li div{	margin-top:20px;}




td,th{	
	vertical-align:top;
	text-align:left;
	font-size:13px;
}
a:link {text-decoration:underline; color:#0d3191;}
a:visited {text-decoration:underline;color:#0d3191 ;}
a:hover{text-decoration:underline;color :#ff9900;}
a:active {	text-decoration:underline; color:#ff9900;}

#footer a:link {text-decoration:underline; color:#cccccc;}
#footer a:visited {text-decoration:underline;color:#cccccc;}
#footer a:hover{text-decoration:underline;color :#ffffff;}
#footer a:active {	text-decoration:underline;color:#ffffff;}





/*----------------------------------------------------------------------------*/

/* for modern brouser */
.clearFix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}

.clearFix {
        display: inline-block;}
/* Hides from IE-mac \*/
* html .clearFix {        height: 1%;}
.clearFix {        display: block;}
/* End hide from IE-mac */


/*----------------------------------------------------------------------------*/

body{
	margin:0px;
	padding:0px;
	text-align:center;
	background:#333333;
	font-family: "Helvetica","MS Arial","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka",sans-serif,"MS Pゴシック";
	line-height:110%;
}

#container{
	width:800px;
	margin:0px auto;
	display:block;
	position:relative;
}

#contents{
	width:800px;
	margin:0px auto;
	display:block;
	background:url(./img/bg_contentsTop.png) #ffffff no-repeat;
	padding-top:12px
}
#contentsInner{
	width:800px;
	margin:0px auto;
	display:block;
	background:url(./img/bg_contentsBottom.png) #ffffff 0 100% no-repeat;
	padding-bottom:16px;
}
#topInner{
	width:800px;
	margin:0px auto;
	display:block;
	background:url(./img/bg_contentsBottom02.png) #ffffff 0 100% no-repeat;
	padding-bottom:18px;
}


/*----	ヘッダー
-------------------------------------------------------------------*/
#header{
	width:800px;
	height:25px;
	padding-top:10px;
	margin:0 auto 3px;
	display:block;
	position:relative;
	background:#333333;
}
#header #logo{
	position:absolute;
	left:0;
	top:3;
}

/* フッター
-------------------------------------------------------------------*/
#footer{
	width:800px;
	margin-top:0px;
	padding-top:8px;
	text-align:center;
	display:block;
	font-size:10px;
	color:#cccccc;
	clear:both;
}	
#footer ul{
	margin:0px auto 3px;
	display:block;
	font-size:11px;
	color:#cccccc;
}	
#footer li{	border-left:1px solid #cccccc;padding:0px 8px ;display:inline}	
.liEnd{		border-right:1px solid #cccccc;}

/* メニュー
-------------------------------------------------------------------*/
#menuTop{
	width:800px;
	height:30px;
	margin:0px auto 3px;
	display:block;
	position:relative;
	background:url(./img/bg_menuTop.png) no-repeat;
	z-index:15;
}

#menuTop ul{
	height:16px;
	margin:0px auto 0px 13px;
	padding-top:4px;
}
#menuTop li{	float:left;}

#menuTop #search{
	height:20px;
	display:block;
	position:absolute;
	right:13px;
	bottom:7px;
	margin:0;
	padding:0;
}
#search input{	margin:0;padding:0;float:left;}
#search .searchInner{	
	height:16px;width:115px;
	margin:0 3px 5px 0!important;
	color:#666666;
	font-size:10px;
	}



/*----TopImage内
-------------------------------------------------------------------*/
#topImageBox{
	position:relative;
	width:776px;
	height:338px;
	z-index:1;
	margin:0 12px;
	background:url(./img/bg_topImageBox01.jpg) 0 0 no-repeat;
}
.btnRecruit{
	position:absolute;
	top:193px;
	right:0px;
	z-index:6;
}

#topImageBox img{	z-index:3;}

/*----	システムメニュー	-------*/

#topImageBox #systemMenu{
	width:173px;
	height:267px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(./img/bg_systemMenu.png) no-repeat;
	z-index:5;
	padding:0px 6px;
}

#topImageBox #systemMenu li{
	line-height:0;
	display:block;
}

#topImageBox #systemMenu li img{
	line-height:0;
	display:block;
	margin-bottom:4px!important;
}

#topImageBox #systemMenu h2{	margin:0px!important;}


/*----	オリジナルメニュー	-------*/

#topImageBox #originalMenu{
	width:774px;
	height:42px;
	position:absolute;
	top:288px;
	left:1px;
	background:url(./img/bg_osMenu.png) no-repeat;
	z-index:4;

}
#topImageBox #originalMenu h2{
	position:absolute;
	top:8px;
	left:0;
	background:url(./img/bg_osMenu.png) no-repeat;
	z-index:2;

}
#topImageBox #originalMenu ul{	margin:7px auto 0 110px;}
#topImageBox #originalMenu li{	float:left;margin-left:5px}
#mainImg{	display:none;}

/*--------------------------------------------------------------------------------------*/

#info{
	width:480px;
	z-index:10;
	padding:0 0 3px 12px;
	overflow:hidden;
	float:left;
}

#info dl{
	width:475px;
	font-size:10px;
	margin:0 auto 3px 8px;
	overflow:hidden;
	line-height:1.7!important;

}

#info dt{
	width:70px;
	color:#666666;
	text-align:left;
	float:left;
	display:block;
	margin:0px;
	padding:2px 0 0 15px;
	clear:both;
	background: url(./img/bg_info.png) no-repeat 0 100%;
	margin-bottom:3px;
}

#info dd{
	text-align:left;
	color:#333333;
	width:380px;
	display:block;
	float:left;
	padding:2px 0 0 0;
	margin:0px;
	margin-bottom:3px;
}	
/*--------------------------------------------------------------------------------------*/
#overview{
	width:282px;
	padding:0 0 3px 14px;
	z-index:11;
	overflow:hidden;
	float:left;
}

#overview .overview{
	width:256px;
	margin:3px auto 5px 0px;
	padding:0 8px 2px 16px;
	display:block;
	float:left;
/*	border-bottom:1px solid #cccccc;*/
}


#overview .overview li{
	margin:0 5px 0 0;
	padding-bottom:4px;
	float:left;
}


#overview #mark{
	margin-top:6px;
	position:relative;
	width:282px;
	height:113px;
	background: url("./img/bg_mark.png") no-repeat;
}

#mark .privacy{
	position:absolute;
	width:93px;
	height:80px;
	top:4px;
	left:15px;
}
#mark #ISO{
	position:absolute;
	text-align:left;
	width:180px;
	top:6px;
	left:120px;
}

#mark #ISO p{
	position:absolute;
	top:20px;
	left:53px;
	font-size:9px;
	line-height:1.4;
	text-align:left;
	color:#666666;
	letter-spacing:-1px;
}

#mark #SI{
	color:#666666;
	position:absolute;
	text-align:left;
	font-size:10px;
	top:92px;
	left:16px;
	background: url("./img/bg_SI.png") 0 40% no-repeat;
	padding:0 0 0 20px!important;
	letter-spacing:1px;
}



/*　テーブル
---------------------------------------------------------*/

.basicTable{
	border:1px solid #cccccc;
	background:url("./img/bg_basicTable.png");
}
.basicTable td{
	font-size:11px!important;
	background:#ffffff;
	padding:5px 0 5px 8px;
	line-height:1.8;
	border:1px solid #cccccc;

}
.basicTable th{
	font-size:11px!important;
	border:1px solid #cccccc;
}

/* 2階層目サイドメニュー
-------------------------------------------------------------------*/
.sideMenu li{
	margin-bottom:3px;
}