/* import css files
------------------------------------------------------------------------------------- */
@import "common_layout.css";
@import "common.css";

/* common
------------------------------------------------------------------------------------- */





/* link color
------------------------------------------------------------------------------------- */
a{text-decoration:underline;}


/* print
------------------------------------------------------------------------------------- */
@media print {
body {_zoom: 0.68;}

div#header #header-btnmain{
	height:35px;
	overflow:hidden;
}
}

/*====================================================================================
TOP layout
------------------------------------------------------------------------------------- */
div#wrapperindex {
	position:relative;
	z-index:1;
	width:860px;
	margin: 0px;
	padding: 0px 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -53px;
	background:url(../ja/index_img/bg_wrapper.gif) repeat-y top center #E4E4E4;
}

div#bklineindex{
	width:100%;
	background:url(../ja/index_img/bg_bkline.gif) center 76px no-repeat;
}


div#layoutindex{
	width:800px;
	min-height: 100%;
	margin:0px auto;
	padding:0px;
	background:url(../ja/index_img/bg_wrapper.gif) repeat-y top center #E4E4E4;
}


div#bkspaceindex{
	position:absolute;
	z-index:0;
	width:100%;
	height:230px;
	top:76px;
	background:url(../ja/index_img/bg_bkspace.gif) center 0px no-repeat;
}


/* top header
------------------------------------------------------------------------------------- */
div#headerindex{
	width:800px;
	margin:0px;
	padding:0px;
	background:#FFFFFF;
}

/* header title logo
------------------------------------- */
div#headerindex #header-logo{
	width:800px;
	height:76px;
	margin:0px auto;
	padding:0px;
}


/* header top menu button
------------------------------------- */
div#headerindex #header-btntop{
	width:800px;
	height:38px;
	position:absolute;
	top:0px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

div#headerindex #header-btntop ul{
	margin:0px 13px;
	padding:0px;
}

div#headerindex #header-btntop li{
	float:right;
	list-style:none;
	height:38px;
	line-height:0px;
}

/* header FLASH
------------------------------------- */
div#headerindex #header-flash{
	width:800px;
	height:230px;
	margin:0px auto;
	padding:0px;
	background:#DFDFDF;
	text-align:center;
}

/* header button
------------------------------------- */
div#headerindex #header-btnmain{
	width:800px;
	height:48px;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
}

div#headerindex #header-btnmain ul{
	margin:0px;
	padding:0px;
}

div#headerindex #header-btnmain li{
	float:left;
	list-style:none;
	height:48px;
	line-height:0px;
}





/* Contents field 
------------------------------------------------------------------------------------- */
div#contentsindex{
	width:770px;
	margin:0px 15px 0px 15px;
	padding:0px;
	background:url(../ja/index_img/bk_contentsindex.gif) repeat-y;
}

/* Contents field 
------------------------------------- */
/*Contents field top*/
div#contentsindex #contentsfield1{
	margin:0px;
	padding:0px;
}

div#contentsindex #contentsfield1-1{
	padding:10px 0px 0px 0px;
	width:384px;
	float:left;
	font-size:0.9em;
}

div#contentsindex #contentsfield1-2{
	padding:10px 10px 0px 10px;
	width:174px;
	float:left;
	
}


div#contentsindex #contentsfield1-2 dt a{
font-weight:bold;
display:block;
line-height:1.2em;
}
div#contentsindex #contentsfield1-2 dd{
font-size:0.9em;
padding-bottom:5px;
margin:5px 0px 0px 13px;
line-height:1.2em;
}

div#contentsindex #contentsfield1-3{
	padding:10px 10px 0px 10px;
	width:172px;
	float:left;
	
}

/*Contents field bottom*/
div#contentsindex #contentsfield2{
	clear:both;
	margin:0px;
	padding:25px 0px 50px 0px;
	background:#FFFFFF;
}


div#contentsindex #contentsfield2-1{
	width:578px;
	margin:0px;
	padding:0px;

	float:left;
	background:#FFFFFF;
}


div#contentsindex #contentsfield2-2{
	width:192px;
	margin:0px;
	padding:0px;
	font-size:0.9em;
	float:left;
	background:#FFFFFF;
}


div#contentsindex .contentsfield-end{
	clear:both;
}

/*Contents link list
------------------------------------- */
div#contentsindex #contentsfield1 ul{
	margin:0px;
	padding:0px;
	line-height:1.2em;
}

div#contentsindex #contentsfield1 li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	list-style:none;
}

div#contentsindex #contentsfield1 .line-ten{
	background:url(../common_img/line_ten1.gif) repeat-x top left;
	margin:0px 0px 0px 0px;
	padding:8px 0px 8px 0px;
}


div#contentsindex #contentsfield1 li strong{
	font-size:12px;
	line-height:1.2em;

	
}

div#contentsindex #contentsfield1-2 li a{
	display:block;
}



/*Contents Table
------------------------------------- */
div#contentsindex .table-index{
	width:375px;
	margin:0px 0px 0px 9px;
	padding:0px;
	border-collapse:collapse;
	margin-bottom:10px;
}

div#contentsindex .table-index th,
div#contentsindex .table-index td{
	padding:0px 10px 0px 0px;
	vertical-align:top;
	text-align:left;
}
div#contentsindex .table-index th a.link-pageopen{
	font-size:12px;
	display:block;
	background-position:left 2px;
	line-height:1.2em;
	margin:5px 0px;}


div#contentsindex .table-index td{
	padding-bottom:8px;
	line-height:1.2em;
}



/* news table
------------------------------------- */
div#contentsindex .table-news{
	width:543px;
	margin:5px 0px 0px 10px;
	padding:0px;
	border-collapse:collapse;
}

div#contentsindex .table-news th{
	font-weight:normal;
	text-align:left;
	line-height:1.2em;
	padding:0.5em 10px 0.5em 0px;
	vertical-align:top;
	background:url(../common_img/line_ten1.gif) repeat-x left bottom;
}

div#contentsindex .table-news td{
	padding:0.5em 0px 0.5em 0px;
	line-height:1.2em;
	vertical-align:top;
	background:url(../common_img/line_ten1.gif) repeat-x left bottom;
}

div#contentsindex .table-news a{display:block}
div#contentsindex .table-news a.link-openwinS{background-position:1px 3px;}



/* banner
------------------------------------- */
div#contentsindex #banner{
	margin:0px;
	padding:25px 0px 0px 0px;
}

div#contentsindex #banner ul{
	margin:0px;
	padding:0px;
	line-height:1.4em;
}

div#contentsindex #banner li{
	margin:0px;
	padding:0px 5px 0px 0px;
	list-style:none;
	float:left;
}

/* contact
------------------------------------- */
div#contentsindex #contentsfield2-2 h2{
	padding:0px 0px 13px 0px;
}

div#contentsindex #contentsfield2-2 p{
	padding:0px 10px 10px 10px;
}