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

@import url(common.css);


/*
-----------------------------------------------------------------------
Copyright DIANA Co.,Ltd All Rights Reserved.
-----------------------------------------------------------------------
*/

body{
	background:#141E38;
}

/*
-----------------------------------------------------------------------
main section
-----------------------------------------------------------------------
*/

/*

div#flash_index{
	width:100%;
	height:627px;
	margin:0 auto;	
}

*/


div#mainarea{
	padding-top:13px;
	width:850px;
	margin:0 auto;	
	}
	

p.jshowoff-slidelinks{
	display:none;	
	}
	
	
div#mainimgbox{
	width:830px;
	height:270px;
	background:url(../img/index/main_bg.jpg) no-repeat;
	padding:10px;
	margin-bottom:10px;
	overflow:hidden;
	}
	

div#indexcontents ul{
	width:570px;
	float:left;
	}
	
div#indexcontents ul li{
	float:left;
	margin-right:4px;
	}
	
div#indexcontents div#newsbox{
	width:250px;
	float:right;
	}
	
div#indexcontents div#newsbox p{
	width:83px;
	height:13px;
	text-indent:-9999px;
	margin-bottom:20px;
	background:url(../img/index/whatsnew.gif) no-repeat;
	font-size:x-small;
	margin-top:8px;
	}
	
div#indexcontents div#newsbox dl{
	background:url(../img/index/line.gif) no-repeat top left;
	padding-top:7px;
	margin-bottom:5px;
	}
	
div#indexcontents div#newsbox dt{
	width:45px;
	float:left;
	background:url(../img/index/listmark.gif) no-repeat 0 0.38em;
	padding-left:15px;
	}
	
div#indexcontents div#newsbox dd{
	width:185px;
	float:right;
	}
	
body#index div#global{
	clear:both;
	background:url(../img/index/global.jpg) repeat-x;
	padding-top:4px;
	}
	

/*
-----------------------------------------------------------------------
clear-fix
-----------------------------------------------------------------------
*/
html,body { height:100%; }


/*
-----------------------------------------------------------------------
footer フッター
-----------------------------------------------------------------------
*/

div#footer{
	clear:both;
	margin:0 auto;
	background:#141E38;
	height:11px;
	text-align:left;
	padding-top:10px;
	width:840px;
	}
	

	
div#footnav{
	clear:both;
	}
	
div#footnav ul{
	width:340px;
	float:left;
	}
	
div#footnav ul li{
	text-indent:-9999px;
	float:left;
	}
	
	
div#footnav ul li a{
	height:10px;
	display:block;
	}
	
div#footnav ul li#fnav01 a{
	width:89px;
	background:url(../img/common/fnav01.gif) no-repeat;
	margin-right:40px;
	}
	
div#footnav ul li#fnav02 a{
	width:98px;
	background:url(../img/common/fnav02.jpg) no-repeat;
	margin-right:40px;
	}
	
div#footnav ul li#fnav03 a{
	width:71px;
	background:url(../img/common/fnav03.gif) no-repeat;	
	}
	
	
div#footnav p{
	width:217px;
	text-indent:-9999px;
	float:right;
	margin:0px;
	padding:0px;
	}
	
div#footnav p a{
	height:11px;
	display:block;
	background:url(../img/common/copyright.gif) no-repeat;
	}
	
div#caption{
	width:840px;
	padding:0px 7px 0px 0px;
	margin:0 auto;
	text-align:right;
	color:#CCCCCC;
	}
	

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

huckclearfix

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



div#indexcontents:after,
div#indexcontents div#newsbox dl:after{
	content: "";
	display: block;
	height:0;
	clear: both;
	visibility:hidden;
}


div#indexcontents,
div#indexcontents div#newsbox dl{
	display:inline-block;
}
 
/*\*/

* html div#indexcontents,
* html div#indexcontents div#newsbox dl{
	height:1%;
}


div#indexcontents,
div#indexcontents div#newsbox dl{
	display:block;
}

/**/