@charset utf8;

body {
	background-color: #000;
	color: #505050;
}

/*	#headWrap
=======================================================*/
div#headWrap {
	position: absolute;
	height: 75px; 
	width: 100%; 
	padding: 10px 0;
	border-top: 2px #102c41 solid;
	background-color: #f0f0f0; 
}

div#header {
	position: absolute;
	height: 70px; 
	margin: 5px 0  10px 10px;
	border: 1px #CCC solid;
	background-color: #FFF;
}
	div#header:after { 
		content: " "; 
		display: block; 
		clear: both; 
		height: 0; 
	} 
	div#header { 
		display: inline-block; 
	} 
	div#header { 
		display: block; 
	}

div#header div#logo {
	float: left; 
	display: inline; 
	width: 273px; 
	padding: 20px 0 0 20px;
}

div#header div#headnavi {
	float: right; 
	display: inline; 
	width: 547px; 
	padding: 30px 12px 0 0;
}

div#header div#headnavi table td {
	padding: 0 8px 0 0;
}


/*	#container
=======================================================*/
div#container {
    display: none;
    /*position: relative;*/
    top: 0;
    left: 0;
}

div#sidebar_left,
div#sidebar_right {
    position: absolute;
    z-index: 1;
}

div#sidebar_left {
    width: 210px;
    background-color: #000;
}

div#sidebar_right {
    width: 190px;
	margin-left:5px;
    text-align: center;
}

div#sidebar_right p{
	padding-bottom:10px;
}

div#sidebar_left .inner {
    margin: 10px;
    text-align: center;
}


/*	#menus
=======================================================*/
div#menus ul {
    list-style: none;
    width: 170px; /* Width of Menu Items */
    padding: 10px;
    margin: 0 auto 10px auto;
    background-color: #fff;
}

div#menus ul li {
    position: relative;
    margin-bottom: 1px;
}

div#menus ul li a {
    display: block;
    text-decoration: none;
    background: #fff; /* IE6 Bug */
    text-align: left;
}

div#menus ul li ul {
    position: absolute;
    left: 170px;
    top: 0;
    padding: 0;
    display: none;
}

div#menus ul li ul li {
	width: 170px;
	border: 1px #FFF solid;
	margin-bottom: -1px;
}
/*
div#menus ul li ul li a{
	background:transparent !important;
}
*/

* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
div#menus ul li:hover ul,
div#menus ul li.over ul {
    display: block;
}

/*	#banner
=======================================================*/
div#banner ul {
    list-style: none;
    width: 170px; /* Width of Menu Items */
    padding: 10px;
    margin: 10px auto 0 auto;
    background-color: #fff;
}

div#banner ul li {
    margin-bottom: 2px;
	line-height: 1.1;
	font-size: 0;
}

div#banner ul li#superstar {
	margin-bottom: 40px;
}

div#banner ul li#partnercompany {
	line-height: 1.5; 
	font-size: 85%;
}

div#banner ul li#partnercompany dl dt {
	margin-bottom: 8px;
}

div#banner ul li#partnercompany dl dd {
	margin-bottom: 2px; 
	padding-bottom: 2px;
	border-bottom: 1px #CCC dotted; 
}

div#banner ul li#partnercompany dl dd a {
	display: block;
	width: 150px;
	padding: 10px;
	background: #F0f0f0 url(../images/common/btn_arrow.gif) center right no-repeat;
	color: #505050;
}

div#banner ul li#partnercompany dl dd a:hover {
	background-color: #CCC;
}

div#banner ul li#iso {
	text-align: center;
}

div#banner ul li#iso a img {
	border: 1px #000 solid;
}


/*	#news
=======================================================*/
div#news {
	position: relative; 
	width: 190px; 
	min-height: 180px; 
	margin-bottom: 10px; 
	padding-bottom: 10px; 
	background: url(../images/index/bg_news.gif) bottom left no-repeat; 
	text-align: left;
}

div#news h2 {
	margin: 0 0 10px 10px;
}

div#news p {
	position: absolute; 
	width: 50px; 
	top: 0; 
	right: 10px;
}

div#news dl {
	width: 170px; 
	margin: 0 auto 10px auto; 
	padding-bottom: 10px; 
	border-bottom: 1px #CCC dotted; 
	font-size: 77%; 
	line-height: 1.5;
}

div#news dl dt {
	margin-bottom: 5px; color: #C00;
}

div#news dl.last {
	margin: 0 auto;
	border: none;
}


/*	#boxs
=======================================================*/
div#main {
	 margin-top: -10px;
}

div#boxs {
    position: absolute;
    z-index: 0;
}

div#boxs div.box {
    position: absolute;
    text-align: center;
}

div#boxs a{
	text-decoration:none;
}

div#boxs div.yellowl table tr td.text01 p,
div#boxs div.lightblue table tr td.text01 p,
div#boxs div.red table tr td.text01 p,
div#boxs div.blue table tr td.text01 p,
div#boxs div.yellows table tr td.text01 p {
	min-height: 60px;
	text-align:left;
	font-size:77%;
	line-height:2.0;
	color:#333333;
}


/*----------------yellowl*/
div#boxs div.yellowl table{
	width:390px;
	background:url(../images/index/bg_a_off.gif) no-repeat 0 0;
}

div#boxs div.yellowl table tr td{
	width:374px;
	padding-top:8px;
	text-align:center;
}

div#boxs div.yellowl table tr td.midashi01{
	padding:15px 9px 0px 9px;
}

div#boxs div.yellowl table tr td.text01{
	width:356px;
	padding:12px 17px 0 17px;
}

div#boxs div.yellowl table tr td.btn01{
	padding-top:10px;
	padding-right:20px;
	text-align:right;
}

/*----------------lightblue*/
div#boxs div.lightblue table{
	width:190px;
	background:url(../images/index/bg_lightblue_off.gif) no-repeat 0 0;
}

div#boxs div.lightblue table tr td{
	width:174px;
	padding-top:8px;
	text-align:left;
}

div#boxs div.lightblue table tr td.img01{
	padding-left:8px;
}

div#boxs div.lightblue table tr td.midashi01{
	padding:15px 15px 0px 17px;
}

div#boxs div.lightblue table tr td.text01{
	width:158px;
	padding:12px 16px 0 16px;
}

div#boxs div.lightblue table tr td.btn01{
	padding-top:10px;
	padding-right:20px;
	text-align:right;
}

div#boxs div.lightblue p{
	text-align:left;
}

/*----------------red*/
div#boxs div.red table{
	width:190px;
	background:url(../images/index/bg_red_off.gif) no-repeat 0 0;
}

div#boxs div.red table tr td{
	width:174px;
	padding-top:8px;
	text-align:left;
}

div#boxs div.red table tr td.img01{
	padding-left:8px;
}

div#boxs div.red table tr td.midashi01{
	padding:15px 15px 0px 17px;
}

div#boxs div.red table tr td.text01{
	width:158px;
	padding:12px 16px 0 16px;
}

div#boxs div.red table tr td.btn01{
	padding-top:10px;
	padding-right:20px;
	text-align:right;
}

div#boxs div.red p{
	text-align:left;
}

/*----------------blue*/
div#boxs div.blue table{
	width:190px;
	background:url(../images/index/bg_blue_off.gif) no-repeat 0 0;
}

div#boxs div.blue table tr td{
	width:174px;
	padding-top:8px;
	text-align:left;
}

div#boxs div.blue table tr td.img01{
	padding-left:8px;
}

div#boxs div.blue table tr td.midashi01{
	padding:15px 15px 0px 17px;
}

div#boxs div.blue table tr td.text01{
	width:158px;
	padding:12px 16px 0 16px;
}

div#boxs div.blue table tr td.btn01{
	padding-top:10px;
	padding-right:20px;
	text-align:right;
}

div#boxs div.blue p{
	text-align:left;
}

/*----------------yellows*/
div#boxs div.yellows table{
	width:190px;
	background:url(../images/index/bg_yellows_off.gif) no-repeat 0 0;
}

div#boxs div.yellows table tr td{
	width:174px;
	padding-top:8px;
	text-align:left;
}

div#boxs div.yellows table tr td.img01{
	padding-left:8px;
}

div#boxs div.yellows table tr td.midashi01{
	padding:15px 15px 0px 17px;
}

div#boxs div.yellows table tr td.text01{
	width:158px;
	padding:12px 16px 0 16px;
}

div#boxs div.yellows table tr td.btn01{
	padding-top:10px;
	padding-right:20px;
	text-align:right;
}

div#boxs div.yellows p{
	text-align:left;
}


/*----------------footer*/
div#footer {
    position: absolute;
	width:95%;
	margin-top:50px;
}

div#footer div#footnavi {
	height: 50px;
	margin: 0 0  10px 10px;
	border: 5px #CCC solid; 
	background-color: #FFF;
}

div#footer div#footnavi ul {
	padding: 20px 0 0 17px;
}
	div#footer div#footnavi ul:after { 
		content: " "; 
		display: block; 
		clear: both; 
		height: 0; 
	} 
	div#footer div#footnavi ul{ 
		display: inline-block; 
	} 
	div#footer div#footnavi ul { 
		display: block; 
	}

div#footer div#footnavi ul li {
	float: left;
	display: inline;
	padding: 0 10px 0 0;
	font-size: 77%;
}

div#footer div#footnavi ul li a {
	color: #505050;
	text-decoration: underline;
}

div#footer div#footnavi ul li a:hover {
	color: #999999;
}

p#copyright {
	margin: 0 0 10px 10px;
}

/* debug */
.inner {
    border: 1px #ccc solid;
}