@charset "utf-8";
/* CSS Document */

/*================================================
 Resetting
================================================*/

*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	font-size:100%;
	font-style:normal;
	zoom:1; /* for IE hasLayout */
	}

img{
	display:block;
	vertical-align:bottom;
	}

ol, ul{
	list-style:none;
	}

:focus{
	outline:0;
	}

ins{
	text-decoration:none;
	}

del{
	text-decoration:line-through;
	}

blockquote, q{
	quotes:none;
	}

p{
	text-shadow:#000 0 0 0;
	-moz-opacity:0.99;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	}
	
table th{
	font-weight:normal;
	}
	
/*================================================
 Common styling
================================================*/

h2{
	margin-bottom:-0.2em;
	}
	
strong{
	color:#454545;
	}
	
.float_left{
	float:left;
	}

.float_right{
	float:right;
	}
	
.link{
	padding-left:8px;
	background:
		url(../../images/global/sign_arrow.gif)
		no-repeat center left;
	}
	
.pdf{
	padding-left:25px;
	background:
		url(../../images/global/sign_pdf.gif)
		no-repeat center left;
	}

/* Link format
------------------------------------------------*/

a:link, a:visited{
	color:#3366cc;
	}

a:hover, a:active{
	color:#ff7d00;
	}

/* Clear
------------------------------------------------*/

.clear{
	clear: both;
	}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
	}
	
/*================================================
 Structure styling
================================================*/

body{
	background:
		url(../../images/global/body_bg.gif)
		repeat-x top left;
	font-size:75%;
	color:#333;
	line-height:1.7;
	text-align:center;
	}
	
div#wrapper{
	position:relative;
	margin:0 auto;
	text-align:left;
	width:1000px;
	}
	
div#header{
	position:relative;
	margin-bottom:25px;
	background:
		url(../../images/global/header_bg.jpg)
		no-repeat top left;
	width:780px;
	height:105px;
	z-index:2;
	}

div#main{
	position:relative;
	padding-left:5px;
	background:
		url(../../images/global/main_bg.gif)
		repeat-y top 5px;
	width:780px;
	z-index:1;
	}

div#sidemenu{
	position:relative;
	margin-right:20px;
	width:200px;
	z-index:1;
	float:left;
	}

div#contents{
	position:relative;
	width:550px;
	min-height:550px;
	height:auto !important;
	height:550px;
	z-index:1;
	float:left;
	}
	
div#footer{
	position:relative;
	padding-left:5px;
	margin-top:15px;
	width:780px;
	}
	
div#sidebar{
	position:absolute;
	border:1px solid #ccc;
	background:transparent;
	width:200px;
	min-height:750px;
	height:auto !important;
	height:750px;
	right:0;
	top:30px;
	}
	
div#wrapper ul#breadcrumb{
	position:absolute;
	color:#505050;
	line-height:15px;
	left:10px;
	top:110px;
	height:15px;
	}

div#wrapper ul#breadcrumb li{
	margin-left:8px;
	font-size:smaller;
	float:left;
	}
	
/*================================================
  Header styling
================================================*/
	
div#header h1{
	position:absolute;
	left:25px;
	top:12px;
	}
	
div#header ul#guide_navi{
	position:absolute;
	right:10px;
	top:5px;
	}

div#header ul#guide_navi li{
	margin-left:20px;
	height:20px;
	float:left;
	}
	
div#header ul#guide_navi li a{
	color:#FFF;
	}
	
div#header ul#guide_navi li a:hover{
	color:#FF0;
	}

	
/*================================================
  Sidemenu styling
================================================*/

div#sidemenu #local_navi li{
	display:block;
	background:#fff no-repeat left top;
	width:180px;
	height:35px;
	}

body.computer div#sidemenu ul#local_navi li		{ background:url(../../images/computer/l_navi_bg.gif); }
body.download div#sidemenu ul#local_navi li		{ background:url(../../images/download/l_navi_bg.gif); }
body.support div#sidemenu ul#local_navi li		{ background:url(../../images/support/l_navi_bg.gif); }
body.company div#sidemenu ul#local_navi li		{ background:url(../../images/company/l_navi_bg.gif); }
body.alliance div#sidemenu ul#local_navi li		{ background:url(../../images/alliance/l_navi_bg.gif); }
	
div#sidemenu ul#local_navi li a{
	display:block;
	background:
		url(../../images/global/l_navi_bg_n.gif)
		#fff no-repeat left top;
	text-indent:18px;
	line-height:35px;
	text-decoration:none;
	width:180px;
	height:35px;
	overflow:hidden;
	}
	
div#sidemenu ul#local_navi li a:hover{
	background:
		url(../../images/global/l_navi_bg_r.gif)
		#0c9ede;
	color:#fff;
	}

div#sidemenu ul{
	padding-bottom:2px;
	border-top:1px solid #ccc;
	background-color:#fff;
	width:180px;
	}
	
div#sidemenu ul li{
	width:180px;
	height:35px;
	}
	
div#sidemenu ul li#submenu{
	height:auto;
	}
	
div#sidemenu ul li#submenu ul{
	padding-bottom:0;
	border-top:none;
	border-bottom:1px solid #ccc;
	}
	
div#sidemenu ul li#submenu ul li{
	background-image:none;
	background-color:#d8eaf6;
	width:180px;
	height:25px;
	}
	
div#sidemenu ul li#submenu ul li a{
	display:block;
	background:
		url(../../images/global/l_navi_lower_bg_n.gif)
		#d8eaf6 no-repeat 5px center;
	line-height:25px;
	text-indent:25px;
	width:180px;
	height:25px;
	}
	
div#sidemenu ul li#submenu ul li a:hover{
	background:
		url(../../images/global/l_navi_lower_bg_r.gif)
		#d8eaf6 no-repeat 5px center;
	}
	
/*================================================
  Contents styling
================================================*/

div#contents img#page_title{
	margin-bottom:2em;
	}
	
div#contents img.caption{
	margin:0 0 10px 0;
	}
	
div#contents .box_half{
	border:1px solid #ababab;
	width:260px;
	float:left;
	}

div#contents .box_half_Left{
	margin:0;
	}

div#contents .box_half_right{
	margin-left:15px;
	}
	
div#contents .box_half h3{
	margin:0 0 0.5em;
	}
	
div#contents .box_contents{
	padding:0 10px;
	}

div#contents .box_contents ul{
	margin:5px 0;
	}

div#contents .box_contents ul li a{
	padding-left:15px;
	background:
		url(../../images/global/sign_arrow.gif)
		no-repeat left center;
	}

div#contents .box_contents .details{
	padding-left:15px;
	background:
		url(../../images/global/sign_boxarrow.gif)
		no-repeat left 6px;
	float:right;
	}

div#contents .description{
	margin:0 auto 1em auto;
	text-align:justify;
	text-justify:inter-ideograph;
	width:550px;
	}
	
div#contents .description_half{
	margin-bottom:1em;
	text-align:justify;
	text-justify:inter-ideograph;
	width:260px;
	}
	
div#contents .page_top{
	margin:1.5em 0 0 460px;
	}
	
/*================================================
  Footer styling
================================================*/

div#footer ul#mutual_links{
	background:
		url(../../images/global/footer_ml_bg.gif)
		no-repeat center center;
	width:770px;
	height:55px;
	}
	
div#footer ul#mutual_links li{
	margin-top:3px;
	width:90px;
	float:left;
	}
	
div#footer ul#mutual_links li#caption{
	margin:5px 0 0 5px;
	width:120px;
	}

div#footer ul#footer_navi{
	margin:1em 0;
	background-color:#f3f3f3;
	text-align:center;
	width:770px;
	}

div#footer ul#footer_navi li{
	display:inline;
	padding:2px 5px 0 7px;
	background:
		url(../images/global/footer_navi_border.gif)
		no-repeat left center;
	}
	
div#footer ul#footer_navi li.first_child{
	background:none;
	}
	
div#footer div#display_rights{
	margin:10px auto;
	width:770px;
	}
	
div#footer div#display_rights p{
	font-size:0.8em;
	line-height:1.5;
	text-align:right;
	}

/*================================================
 END
================================================*/