@charset "utf-8";

/*  ----------------------------------------------- common ---*/
html,body,blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, span, textarea, td, th, ul {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size:12px;
	font-weight:normal;
}

a img, fieldset, img {
	border:0 none;
}

ul,li
{
	list-style: none;
}

body 
{
	border:0;
	min-width:1024px;
	background: url(../img/common/body_bg.gif) repeat-x left bottom;;
	color: #575757;
	font-size:12px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	
}
     *+html body { font-size:12px;  }  
     *html body { font-size:12px;  }  

a {
	color: #254aa0;
    overflow:hidden;
	outline:none;

}
a:hover
{
	color:#F07C15;
	text-decoration: underline;
}

ul.yoko {
	clear: both;
	list-style: none;
}

/*  ----for firefox---*/
ul.yoko:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear:both;
}

ul.yoko li{
	display: inline;
	padding: 3px;
}

.fix:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear:both;
}


/*  ----------------------------------------------- header ---*/
#header {
	clear:both;
	float:left;
	width:100%;
	height:93px;
	background: url(../img/common/header_bg2.gif) repeat-x left 23px;
}

#naviguide
{
	margin: 0;
	padding: 3px 0 0;
	height: 20px;
	background: url(../img/common/header_bg.gif) #f7f7f7 repeat-x left bottom;
}

#naviguide h1
{
	float: left;
	padding: 3px 0 0 6px;
	font-size:10px;
	color: #555;
}

#header h2{
	left :0px;
	position: absolute;
	top: 25px;
	width: 200px;
}


/* searach box  */


#searchbox{
	height: 38px;
	left: 260px;
	position: absolute;
	top: 40px;
	width: 400px;
}


#searchbox table
{
	width: 340px;
}


#searchbox input.txt
{
	width: 140px;
	height: 17px;
	padding: 2px 4px 0;
	font-size: 13px;
	background: #f1f1f1;
	border-color: #999 #ccc #ccc #999 ;
	border-style: solid;
	border-width: 1px;	
	letter-spacing: 0.08em;
	}	
	
/* Head Navi */

#head_navi
{
	float: right;
    white-space:nowrap;    
}

#head_navi td
{
	padding: 2px 10px 0;
	text-align:right;
	font-size: 10px;
	background: url(../img/common/naviguide_arr.gif) no-repeat left 5px;
}

#head_navi td a
{
	text-decoration: none;
}

#head_navi_shop
{
    margin-top:12px;
}

#head_navi_shop td.shop_navi
{
	padding-left: 8px;
	vertical-align:middle;
	text-align:right;
}
#head_navi_shop img
{
     padding-left: 5px;   
}


/* Head Login */
div.head_login{
	float: right;
	position: relative;
	right:10px;
	top: 15px;
}

div.head_login p.message
{
	float: left;
	margin: 0 20px 0 0;
	line-height: 2;
}

p.message span
{
	font-size: 100%;
	color: Red;
}


/*  ----------------------------------------------- day ---*/
#headbar {
	clear:both;
	height: 32px;
	margin: 0;
	background: url(../img/common/day_bar.gif) repeat-x;
}

*html body #headbar 
{
}
#headbar ul.day
{
	margin-left: 1px;
	font-weight:bold;
}

#headbar ul.day li{
	float:left;
	width: 120px;
	height: 20px;
	margin: 0 5px 0 0;
	padding-top: 8px;
	text-align: center;
	}

	*html body #headbar ul.day li
	{
	}
	
	
#headbar ul.day li a
{
	text-decoration: none;
	font-size: 12px;
	color:white;
	padding: 3px 0 0 20px;
	background: url(../img/common/mgz_arr2.gif) no-repeat;
}
#headbar ul.day li a:hover
{
	text-decoration : underline;
}


#headbar ul.day li.allLists
{
	width: 240px;
	margin:0 10px 0 5px;
	padding: 0;
	background: none;
	text-align: left;
}
	*+html #headbar ul.day li.allLists
	{
		margin: 0 0 0 7px;
		
	}
	*html #headbar ul.day li.allLists img
	{
		margin: 0 0 0 7px;
	}
	
	
	

/*--------------------navi digital---------*/
#headbar ul.day li.navmenu_digital
{
	width: 175px;
	margin:0 10px 0 8px;
	padding: 4px 0 0 0;
	background: none;
	text-align: left;
}


	*+html #headbar ul.day li.navmenu_digital
	{
		margin: 0 0 0 3px;
		
	}
	*html #headbar ul.day li.navmenu_digital
	{
		margin: 0 0 0 3px;
		
	}

/*-------------------end-------------------*/
/*--------------------navi special---------*/
#headbar ul.day li.navmenu_special
{
	width: 175px;
	margin:0 10px 0 8px;
	padding: 3px 0 0 0;
	background: none;
	text-align: left;
}


	*+html #headbar ul.day li.navmenu_special
	{
		margin: 0 0 0 3px;
		
	}
	*html #headbar ul.day li.navmenu_special
	{
		margin: 0 0 0 3px;
		
	}

/*-------------------end-------------------*/


#headbar ul.day li#today{
	margin: 0;
	font-weight:bold;
	background: url(../img/common/day_bar_bg_today.gif) no-repeat left bottom;
	color: #333;
}

#headbar ul.day li#today a
{
	text-decoration: none;
	color:#0088CA;
}

/*  ----------------------------------------------- whole_area ---*/
.colmask {
	clear:both;
	float:left;
	position:relative;
	width:100%;
	height: auto;
	overflow:hidden;
	background:#fff;
/*background: url(../img/common/guide_bk.gif) repeat-y 230px 0px #E8E8E8;*/
padding: 0 0 20px;

}

/*  ----------------------------------------------- left_area ---*/
.ritem .colleft{
	float:left;
	width:200%;
	margin-left:-242px;
	position:relative;
	right:100%;
	}

/*  ----------------------------------------------- col1 ---*/
.ritem .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
	padding:0;
    padding-bottom:1em;
}

.ritem .col1 
{
	margin: 0 3px 0 255px;
	padding: 0;
	background: none;
	border: none;
	border-top: none;
}

/*  ----------------------------------------------- path ---*/
#path,
.path_bar
{
	clear: both;
	padding: 8px 15px 6px;
	font-size: 11px;
	background: #fff;
	color: #777;
}

#path a,
.path_bar a
{
	color: #777;
}

/*  ----------------------------------------------- category ---*/

.ritem .col1 #category{
	background: none;
	/*font-size: 180%;*/
	padding-top: 0.4em;
	padding-bottom: 0.3em;
}

/*  -----------------------------------------------TitleTag---*/
div.title_tag
{
	width: 100%;
	padding: 0;
	background: url(../img/common/h3_Ecategory_bg.gif) repeat-x left top;
}

div.title_tag h3.category
{
	margin: 0 0 10px;
	padding: 14px 0 18px 14px;
	font-size: 18px;
	font-weight: bold;
	color: #555;
	letter-spacing: -0.02em;
	background: url(../img/common/mgz_arr4.gif) no-repeat left center;
}

*+html div.title_tag h3.category{	padding-top: 16px;}

/*  ----------------------------------------------- tags ---*/
div.title_tag div.tag_cloud
{
	margin: 0 0 10px;
	padding: 0px;
	background: #f1f7f9;
	border: 2px solid #cde3e8;
}

ul.tags
{
	padding: 6px 5px 5px 5px;
}

*+html body ul.tags
{
	overflow: hidden;
}

*html body ul.tags
{
	display:inline-block;
	overflow: hidden;
}

ul.tags li
{
	display: inline;  
	white-space: nowrap; 
}

ul.tags li a
{
	padding: 0 0 0 0.3em;
	font-weight: bold;
	line-height: 22px;
	text-decoration: underline;
}
*+html ul.tags li a{line-height: 18px;}

ul.tags li a:hover
{
	color:#f7005f;
}

	*:first-child + html ul.tags li
	{
		float:left; 
	}  

	* html body ul.tags li{ 
		float:left;  
	}


li.large{
	/*font-size: 210%;*/
	font-size:18px;
}
.middle{
	/*font-size: 160%;*/
	font-size:14px;
}
.small{
	/*font-size: 100%;*/
	font-size:11px;
}

li.level1 a
{
    /*font-size: 210%;*/
	font-size:20px;
    font-weight: bold;
	color:#352826;
	letter-spacing: -0.1em;
}
li.level2 a
{
    /*font-size: 167%;*/
	font-size:17px;
    font-weight: bold;
	color:#352826;
}
li.level3 a
{
    /*font-size: 130%;*/
	font-size:15px;
    font-weight: bold;
}
li.level4 a
{
    /*font-size: 114%;*/
	font-size:13px;
}
li.level5 a
{
    /*font-size: 92%;*/
	font-size:12px;
	font-weight: normal!important;
	color: #666;
}


/* TagcloudMore */
.tagcloud_more
{
    text-align:right;
    width:100%;
	font-weight: bold;
	}

.tagcloud_more a
{
	display: block;
	height: 19px;
	padding: 5px 20px 0 0;
	background: #f1f7f9;
}

*+html .tagcloud_more a
{
	padding: 9px 13px 0 0;

}



/*  -----------------------------------------------col2---*/
.ritem .col2 {
	float:right;
	width:220px;
	position:relative;
	left:231px;
	padding: 0;
}

.col2 #ad{
	/*height: 250px;*/
	height:100%;
	margin: 0 0 10px 0;
	/*background: gray;*/
}

.col2 #ad_detail{
	height:100%;
	/*margin-top: 34px;*/
	margin-top: -10px;
}

.col2 #ad img
{
    margin-bottom:10px;
}

.col2 #ad_detail img{
	margin-top:10px;
}


/*  ----------------------------------------------- ranking ---*/
.col2 #ranking{
	width: 212px;
	margin: 0 0 20px 0;
	background: #f2f2f2;
	padding :2px;
	border: 1px solid #e5e5e5;
}

#ranking dt{
	height: 28px;
	text-align: center;
	background: url(../img/common/ranking2.gif) no-repeat center top;
}

#ranking ul
{
	padding: 1px;
	border: 1px solid #dadada;
	border-top: none;
}

#ranking li
{
	font-size: 11px;
	list-style: none;
	line-height: 1.2;
	font-family: Mmonospace;
	background-color: #fffef8;
	padding: 5px 10px 5px 26px;
	color: #605553;
}

#ranking li 
{
	background-repeat: no-repeat;
	background-position: 6px 5px;
}

li.rank1,li.rank2,li.rank3,li.rank4,li.rank5
{
}

li.rank1 {background-image: url(../img/common/rank1.gif);}
li.rank2 {background-image: url(../img/common/rank2.gif);}
li.rank3  {background-image: url(../img/common/rank3.gif);}
li.rank4  {background-image: url(../img/common/rank4.gif);}
li.rank5  {background-image: url(../img/common/rank5.gif);}


#ranking li.img
{
	height:90px;
	padding-top: 7px;
	padding-left: 7px;
	border-top: none;
	/*text-align: center;*/
	text-align:left;
}

#ranking li img{
	/*width: 50px;*/
	/*width: 60px;*/
	margin: 0 8px 0 0; 
	/*text-align:center;*/
	text-align:left;
	border: 1px solid #C7C7C7;
}

#ranking li p
{
	font-size: 12px;
}

#ranking li p a
{
		text-decoration: underline;
		color:#006ea6;
}

/*  -----------------------------------------------books---*/
.books{
	clear: both;
	width:100%;
	border-bottom: 1px solid #efefef;
}

/*  ----------------------------------------------- h2:CategoryTitle ---*/
h2#book_title
{
	height: 32px;
	margin: 0 0 7px;
	font-size: 100%;
	font-weight: bold;
	background:url(../img/common/p_title_r.gif) no-repeat top right;
}

h2#book_title span.category_title
{
	display: block;
	padding: 6px 20px 4px;
	background:url(../img/common/p_title_l.gif) no-repeat top left;
	color: #fff;
}


/*  -----------------------------------------------book---*/
TABLE.book
{
	width: 100%;
    height:100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.book td
{
	vertical-align:top;
	padding: 5px;
 	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fcfcfc;
}

.c
{
	border-right: solid 1px #c7c7c7;
	border-left: solid 1px #c7c7c7;
}

 .book .img
 {
	/*height: 150px;*/
	width: 100px;
	margin: 0 auto;
}


.book .img img
{
	/*width: 90px;
	height:120px;*/
	border: 1px solid #b1b1b1;
}

.book_thm
{
	/*width: 96px;
	height:130px;*/
	margin: 0 0 0 3px;
	border: 1px solid #c7c7c7;
}

p.mgz
{
	margin: 0 0 0 -1px;
	min-height: 3em;
}

.mgz a
{
	font-weight: bold;
	line-height: 1.3;
	color: #365CAC;
	text-decoration: underline;
	
}
.mgz a:hover
{
	color: #F07C15;
}


div.thumbnail
{
	padding: 6px 0 0;
}

	.thumbnail ul
	{
		margin: 0 0 0 104px;
	}

	.thumbnail ul,
	.thumbnail li
	{
		list-style: none;
	}

	/*
	html>/**d/body .thumbnail li{
		margin-left: -40px;
	}*/


	li.pictit
	{
		padding: 0 0 3px;
		font-weight:normal;
		font-size: 13px;
		line-height: 1.3;
		font-family: Mmonospace;
	}

	li.pictit2{
		padding: 4px 0 3px 0;
		line-height: 1.2;
		font-size: 12px;
		font-family: Mmonospace;
		background :url(../img/common/dot.png) repeat-x left top;
	}
	
	 
	.thumbnail .tati,
	.thumbnail .digi,
	.thumbnail .buy
	{
		border: none!important;
		width:99px; 
		height: 19px!important;
		margin: 0 0 4px 0;
	}
	
	.thumbnail .tati
	{
		margin-top: 9px;
}


/*  ----------------------------------------------- paging ---*/
div.paging
{
	padding :0 0 5px;
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #ccc;
}

table.pages
{
	margin: 0 auto;
}

.pages td 
{
	/*font-size: 120%;*/
	font-weight: bold;
}

.pages td a
{
	display: block;
	padding: 4px 9px;
	text-decoration: none;
	border: 1px solid #ccc;
}
.pages td a:hover
{
	background: #FFFCEC;
	border: 1px solid #F7005F;
}

.pages td.active
{
	padding: 4px 9px;
}

.pages td.back,
.pages td.next{
}


/*  -----------------------------------------------footer---*/
#footer {
	clear:both;
	width:100%;
	height: 130px;
	/*margin-top: 20px;*/
margin: 0;
	border-top: 1px solid #ccc;
	text-align:center;
	background: url(../img/common/footer_back.gif) #fff repeat-x left 1px;
}

#footer table
{
	margin: 0 auto;
}

table.foot_navi td
{
	padding: 0 20px;
	vertical-align: top;
	line-height: 3;
}
table.foot_navi td.rite
{
	border-right: 1px solid #6CAECE;
}

table.foot_navi td ul
{
	margin: 0;
	margin-left: -35px;
}
*+html body table.foot_navi td ul{margin-left: 0px;}
*html body table.foot_navi td ul{margin-left: 0px;}

table.foot_navi td li
{
	padding: 5px;
	list-style:none;
	border-bottom: 1px solid #6CAECE;

}


ul.foot{
	display: inline;
	float: right;
	width: 590px;
	margin: 1em;
	text-align: right;
}

ul.foot li{
	display: inline;
	float: right;
 	margin-left: 15px;
	padding-left: 10px;
	background: url(../img/common/foot_arr.gif) no-repeat left center;
}

#footer div.copyrite{
	margin: 5px auto;
	font-size :85%;
	letter-spacing: 0.1em;
	line-height: 1.3;
}

.pagetop{
	clear: both;
	margin: 10px 0;
}


table.items {
border-collapse: collapse; 
/*border: 2px #ccc solid; */
}

table td.itemcols {
width: 31%;
vertical-align: top;
border: 2px #ccc solid;
}

/*  -----------------------------------------------path_bar---*/
div.shop_link
{
	float:right;
	width: 170px;
	margin: 9px 0 0 0;
	background: url(../img/common/shop_link.gif) no-repeat;
}

/*  -----------------------------------------------release day---*/
div.release_day
{
	height: 31px;
	margin: 30px 0 10px;
	vertical-align :bottom;
	background: url(../img/common/release_bg.gif) repeat-x left bottom;
}

ul.release li
{
	float: left;
	display: block;
	width: 80px;
	height: 25px;
	margin: 0 5px 0 0;
	padding: 6px 0 0;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	background: url(../img/common/release_btn_off.gif) no-repeat left bottom;
}

ul.release li a
{
	display: block;
	width: 100%;
	height: 100%;
	color:#346268;
}

ul.release li.today
{
	color: #fff;
	background:url(../img/common/release_btn_tdy.gif) no-repeat left bottom;
}


/*  ----------------------------------------------- top digital ---*/
div.category_digital{
	width: 100%;
	margin: 0;
	padding: 0;
}

div.top_digital
{
    margin: 0 0 20px 0;
	background:url(../img/common/top_digital_bg.gif) repeat-x;
}

*+html div.top_digital
{
	margin: 0 ;
}

p.title_digital{
	/*line-height: 1.9;
	padding: 0 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #51A7CF;*/
	height: 33px;
	margin: 10px 0 0px;
	font-size: 100%;
	font-weight: bold;
	background:url(../img/common/p_title_r.gif) no-repeat top right;
}

p.title_digital span
{
    /*color: #fff;*/
    display: block;
	padding: 6px 10px 5px 20px;
	color: #fff;
	background:url(../img/common/p_title_l.gif) no-repeat top left;
	text-decoration:none;
}