/* CSS Document */
@charset 'UTF-8';

*{
  margin:0;
  padding:0;
  zoom:1;
} 

ol
{
	padding-left : 2em;
}
ol li, ul li
{
	zoom : normal;
}

html
{
	height: 100%;
}

html>/**/body{
  overflow:-moz-scrollbars-vertical;
}

html:first-child body{
  min-height:100%;
  padding-bottom:1px;
} 

body
{
	width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
  	font-family: "ＭＳ Ｐゴシック","Osaka",Verdana,Arial, Helvetica, sans-serif;

/*     font-size: 80%;
*/

	background-image:url('img/bg.gif');
	background-repeat:repeat-y;
	background-position:center;
}

/*----------------------------------------------------------*/
#container_bg
{
/* 	background-color:#596cdb;
 */
	color: black;
	margin: 0 auto;
	padding: 0;
	height: 100%;
}

/*----------------------------------------------------------*/
#container
{
     background-color:white;
/*   border: 1px solid #888;
 */	width: 700px;
    margin: 0 auto;
    padding: 0;
	height: 100%;
}

/*----------------------------------------------------------*/
#common_header
{
	margin:4px 0px;
	padding:0;
/* 	border: 1px solid #000;
 */}

/*----------------------------------------------------------*/
#site_info
{
	margin: 0;
	padding: 0;
 	height: 34px;
}

#site_info_logo
{
	margin: 0;
	padding: 0;
	float:left;
}

#site_info img
{
	margin:0; padding:0;
 	border: 0px;
}

#site_info h1
{
	float:left;
	margin: 0;
	padding: 22px 10px 0;
 	width:auto;

 	font-weight: bold;
	color: #666;
	font-size: 70%;
	
}

#site_info ul {
	float:right;
	list-style:none;
	font-weight: normal;
	font-size: 70%;
	margin: 0;
	padding: 22px 4px 0;
}

#site_info li {
	display:inline;
 	float:left;
	width:auto;
	margin:0px;
	padding:0px 6px;
	color:#642;
}

#site_info li a {
	width:auto;
	margin:0px;
 	padding:0px 0px;
	color:#642;
	text-decoration:none;
}

#site_info li a:hover {
	border-top: 1px solid white;
	color:#f00;
	text-decoration:underline;
}

/*----------------------------------------------------------*/
#navi
{
    background-image:url('img/navi_bg.gif');
    background-repeat:no-repeat;
    background-position:top;
    height:22px;
    width:692px;

	padding:10px 10px 0 0;
    margin:0;
/*     text-align: right;
 */	font-family: "Maiandra GD";
	
	clear:both;
}

#navi ul {
/*   border: 1px solid #888;
 */	list-style:none;
	margin:0; padding:0;
 	font-weight: bold;
 	float:right;
}

#navi li {
	display:inline;
/* 	float:left;
 */ 	width:auto;
	margin:0px;
	padding:0px 12px;
}

#navi li a {
/*	display:block;
*//*	float:right;
*/
	color:#fff;
	text-decoration:none;
/*	background-color:#99f;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
*/}

#navi li a:hover {
	color:#642;
}

#navi .disable
{
	color:#ccc;	
}

/*----------------------------------------------------------*/
#top_image
{
	margin:0;
	padding: 10px 10px;
	clear:both;
}

#contents img.new
{
	margin: 0 4px 0 0;
	padding: 0;
}

/*----------------------------------------------------------*/
#info_new, #info_products
{
	margin:0 5px 0 4px; padding:0 0 10px;
	float:left;
	height:100%;
}

#info_new
{
	width:455px;
}

#info_new .flash_obj
{
	margin: 0 0 0 10px;
	padding: 0;
}

#info_products
{
	width:225px;
}

#info_products img
{
	margin: 0 0 0 5px;
	padding:0;
	border: 0;
}

#info_new h2, #info_products h2
{
	height:26px;
	margin:0; padding:7px 0 0 10px;

 	font-weight: normal;
	color: #000;
	font-size: 70%;
}

#info_new h2
{
	background-image:url('img/headline_bg_new.gif');
    background-repeat:no-repeat;
    background-position:top;
}

#info_products h2
{
	background-image:url('img/headline_bg_products.gif');
    background-repeat:no-repeat;
    background-position:top;
}

/*----------------------------------------------------------*/
#contents_preview, #contents_interview, #contents_review
{
	margin:0 5px 0 4px; padding:0;
	float:left;
	width:223px;
	height:100%;
}

#contents_preview h2, #contents_interview h2, #contents_review h2, #contents_preview h3
{
	height:26px;
	margin:0; padding:7px 0 0 10px;

 	font-weight: normal;
	color: #000;
	font-size: 70%;
}

#contents_preview h3
{
	border-bottom:1px solid black;
	margin:0;
	padding:0 0 4px 0;
 	font-weight: normal;
	font-size: 70%;
	text-align:right;
	height:1em;
}

#contents_preview p, .preview_vol
{
	margin:0;
	padding:5px 0 1px;
 	font-weight: normal;
	font-size: 70%;
	text-align:right;
}

.preview_vol
{
	clear:both;
}

#contents_preview h2, #contents_interview h2, #contents_review h2
{
	background-image:url('img/headline_bg_preview.gif');
    background-repeat:no-repeat;
    background-position:top;
}

#contents_interview h2
{
	background-image:url('img/headline_bg_interview.gif');
    background-repeat:no-repeat;
    background-position:top;
}

#contents_review h2
{
	background-image:url('img/headline_bg_review.gif');
    background-repeat:no-repeat;
    background-position:top;
}

#contents_interview>p, #contents_review>p
{
	padding:0;
	margin:0;
	text-align: right;
}

#contents_review>img, #contents_interview>img
{
	margin:0 0 0 3px;
}

#contents_preview_expod
{
	margin: 0;
	padding:0;
}

#contents_preview_titlecall, #contents_preview_sounddeck
{
	clear:both;
	margin: 10px 0;
	padding:0;
}

#contents_interview img, #contents_review img
{
	border: 0;
}

.btn_active img, .btn_disable img
{
	border: 0;
	vertical-align: middle;
}

.btn_disable
{
	text-align:right;
	font-size:70%;
	color:#888;
}

.btn_active
{
	text-align:right;
	font-size:70%;
	height:16px;
}

.btn_active a {
	color:#642;
	text-decoration:none;
}

.btn_active a:hover {
	border-top: 1px solid white;
	color:#f00;
	text-decoration:underline;
}

.preview_icon
{
	width:55px;
	float:left;
}

.preview_icon img
{
	border: 0;
}

.preview_text
{
	width:168px;
	float:right;
}

.preview_btn
{
	margin:0;
	padding:0;
	clear:both;
}
/*----------------------------------------------------------*/
#common_footer
{
/*    border: 1px solid #888;
 */
 	background-image:url('img/headline_bg_footer.gif');
    background-repeat:no-repeat;
    background-position:top left;
    height:22px;
    width:685px;

	padding:20px 10px 0 0;
    margin:10px 0 0 0;
      text-align: right;
    clear: both;
     
}

#info_icons img
{
	border:0;
}

#copy_right
{
    background-image:url('img/footer_line.gif');
    background-repeat:no-repeat;
    background-position:top;
    height:22px;
    width:702px;
    
    margin: 10px 0 0;
    padding:10px 0px;
    
    font-size:80%;
}

/*----------------------------------------------------------*/
#topic_path
{
	font-size: 80%;
	color:#642;
}

#topic_path ul {
	list-style:none;
	margin:0; padding:0;
 	font-weight: normal;
}

#topic_path li {
	display:inline;
	width:auto;
	margin:0px;
	padding:0px;
}

#topic_path li a {
/*	float:right;
*/	width:auto;
	margin:0px;
	padding:0px;
	color:#642;
	text-decoration:none;
/*	background-color:#99f;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
*/}

#topic_path li a:hover {
	color:#f60;
}