@charset "shift_jis";

/***********************************************************
*
*	magazine style
*
*	Index
*
*	1. common
*	2. index
*	3. category
*	4. right menu
*
***********************************************************/


div.categoryHead {
}


/*=========================================================
 2. index
=========================================================*/

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

ul.linkIndex,
ul.linkIndex ul {
	list-style: none;
	margin: 0;
	padding: 0;
	zoom: 1;
}

ul.linkIndex li {
	margin: 0;
	padding: 25px 0 0 0;
	clear: both;
	font-weight: bold;
}

ul.linkIndex li li {
	float: left;
	clear: none;
	padding-top: 3px;
	margin: 0 2px;
	font-size: 88%;
	font-weight: normal;
	white-space: nowrap;
}

div#entryUtility {
    background-color: #F3F3F3;
    border-bottom: 1px dotted #CECECE;
    border-top: 1px dotted #CECECE;
    margin: 2px 0;
    padding: 4px 10px;
}
div#entryUtility img {
	margin:0 3px;
	border:none;
}

div#entryUtility span.date {
	float:right;
	display: block;
	font-size: 116%;
	margin: 0 0 2px;
	text-align: right;
}

/*---------------------
    Add 20091208
-----------------------*/

div#mainBlock {
	margin-bottom:20px;
	line-height:150%;
	font-size:11pt;
}
div#mainBlock div#subtitle {
	color:#336699;
	font-weight:bold;
}

div#mainBlock div#date {
	font-size:11pt;
	color:gray;
    padding-top:6px;
}

div#mainBlock h1 {
	clear:both;
	font-size:14pt;
	font-weight:bold;
	border-bottom:3px solid gray;
}
div#mainBlock h1 #writer{
	display:block;
	font-weight:normal;
	font-size:11pt;
	color:gray;
	text-align:right;
}

div#mainBlock a img {
	border:2px solid blue;
}
div#mainBlock div.img200 {
	width:210px;
}
div#mainBlock div.img200 img {
	border:1px solid red;
	margin:3px;
}
div#mainBlock div.img200 div.img_caption{
	color:#000066;
	font-size:9pt;
	margin:3px;
}

div#mainBlock div.img_right {
	float:right;
}
div#mainBlock div.img_left {
	float:left;
}
div#mainBlock div.img_center {
	float:left;
}
div#mainBlock div.img_caption {
	color:#000066;
	font-size:9pt;
	margin:3px;
	text-align:left;
}

p#pagenext {
	background-image:url(/image/news/nextpage.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:10px;
	clear:both;
}
p#pagenext a {
	color:#d9653f;
	font-weight:bold;
	font-size:10pt;
	margin-left:80px;
}

div#linksBlock {
	clear:both;
	margin-bottom:20px;
}
div#linksBlock h3 {
	background-image:url(/image/top/h4_mark.gif);
	background-repeat:no-repeat;
	border-bottom:3px solid gray;
	text-indent:20px;
	height:20px;
	margin-bottom:0;
	font-size:11pt;
	color:#555555;
}

div#linksBlock ul {
	margin:0;
	padding:0;
}

div#linksBlock ul li {
	margin-left:20px;
	padding:0;
	font-size:9pt;
	list-style-type:disc;
}
div#linksBlock ul li a {
	font-size:114%;
}
div#linksBlock ul li a:hover {
}

div#productBlock h3 {
	background-image:url(/image/top/h4_mark.gif);
	background-repeat:no-repeat;
	border-bottom:3px solid gray;
	text-indent:20px;
	height:20px;
	margin-bottom:0;
	font-size:11pt;
	color:#555555;
}

div#productBlock div.item {
	margin-top:10px;
}

div#productBlock div.item table {
	width:50%;
	float:left;
	border-collapse:collapse;
	border-spacing:0px;
}
div#productBlock div.item table tr th {
	color:gray;
	font-size:9pt;
	text-align:left;
	font-weight:thin;
	padding:0;
}
div#productBlock div.item table tr td {
	color:black;
	font-size:9.5pt;
	padding:0;
}

div#productBlock div.item div.spec {
	font-size:9pt;
}

div#relayBlock {
	clear:both;
	margin-bottom:20px;
}
div#relayBlock h3 {
	background-image:url(/image/top/h4_mark.gif);
	background-repeat:no-repeat;
	border-bottom:3px solid gray;
	text-indent:20px;
	height:20px;
	margin-bottom:0;
	font-size:11pt;
	color:#555555;
}
div#relayBlock ul {
	margin-top:0;
}
div#relayBlock ul li {
	font-size:9pt;
}
div#relayBlock a {
	color: #333333;
	text-decoration: none;
}
div#relayBlock a:hover {
	color: #0000aa;
	text-decoration: underline;
}
div#relayBlock a span {
	color:#666;
	font-size:8pt;
}

/*=========================================================
 Image
=========================================================*/

div#mainBlock div.img {
	margin:10px 0px;
}
div#mainBlock a.back_from_img {
	background-image:url(/image/news/back-from-img.gif);
	width:100px;
	height:20px;
	display:block;
	text-indent:-1000px;
}

div#thumbBlock h3 {
	background-image:url(/image/top/h4_mark.gif);
	background-repeat:no-repeat;
	border-bottom:3px solid gray;
	text-indent:20px;
	height:20px;
	margin-bottom:0;
	font-size:11pt;
	color:#555555;
}

div#thumbBlock ul {
	margin:0;
	padding:0;
}
div#thumbBlock ul li {
	margin-left:5px;
	padding:0;
	list-style-type:none;
	float:left;
	display:block;
}
div#thumbBlock ul li img {
	width:100px;
}

a.news_backnumber {
background-image:url(/image/news/backnumber.gif);
display:block;
height:20px;
margin:32px 10px 10px;
text-indent:-2000px;
width:114px;
}


/*---------------------
 add 20091210 
-----------------------*/

div#bookmark_tool ul{
margin:0;
}

div#bookmark_tool ul li {
text-align:right;
font-size:87%;
list-style-type:none;
}

div#bookmark_tool img {
margin:0 2px;
border: none!important;

}


/*=========================================================
 3. category
=========================================================*/

dl.categoryIndex {
	padding: 0;
	margin: 10px;
}

dl.categoryIndex dt {
	font-weight: bold;
}

/*=========================================================
 3-1. Digital-audio
=========================================================*/

div.da_item{
	clear:both;
	color:#666666;
	display:block;
	font-size:9pt;
	margin:0;
	padding-top:5px;
	width:100%;
}

div.da_headImage {
	background-color:#659A1F;
}

div.da_title {
	background-color:#659A1F;
	color:white;
	height:17pt;
	margin:0 0 2px;
	padding:2px;
    font-size:17px;
}

div.da_title a {
	color:white;
	height:17pt;
	margin:2px 0;
	padding:2px;
}

div.da_box{
	border:1px solid #333333;
	padding:8px;
	margin:0 0 5px;
}

div.da_subtitle {
	color:#18A8CB;
	font-weight:normal;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3";
    font-size:16px;
    margin:0 0 10px 0;
}

div.da_subtitle a {
	color:#18A8CB;
	font-weight:normal;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3";
    font-size:16px;
    margin:0 0 10px 0;
}

div.da_comment {
	color:#666666;
	font-size:9pt;
}

div.da_image {
	float:left;
    margin:0 10px 0 0;
}
div.da_image img {
	border: 0
}


div.da_news_box{

}

div.da_news_box h3{
	color:#fff;
	font-size:13px;
	background-color:black;
	background-image:url(/image/top/label_bg.gif);
	clear:both;
	height:22px;
	padding:3px 10px;
	font-weight:bold;
}

div.da_news_box dl{
	border-bottom:1px dashed #666666;
	margin:0 10px 0 0;
	padding:10px 0;
}

div.da_news_box dt{
	float:left;
	padding:0 10px 0 0;
}

div.da_news_box dd{
	font-size:92%;
	line-height:1.1em;
	padding:2px 0;
}
div.da_news_box dd a{
	font-size:92%;
	line-height:1.1em;
	padding:2px 0;
	color:#000099;
}

.magazine div#contentWrap div#content{
	overflow:none!important;
}

/* 3-1. clearfix
-----------------------*/

.clearfix {
display:block;
}

/*=========================================================
 4. right menu
=========================================================*/
dl#categoryMenu {
	margin:10px 0;
	padding:0;
}

dl#categoryMenu dt {
	margin:0;
	padding:0;
	border: 1px solid #b4ccc0;
	background-color:#83e0c1;
	background-image:url(/image/magazine/menu_title.gif);
	width: 298px;
	height: 26px;
	text-indent:-2000px;
}

dl#categoryMenu dd {
	border-top: 1px solid white;
	border-bottom: 1px solid #b4ccc0;
	border-left: 1px solid #b4ccc0;
	border-right: 1px solid #b4ccc0;
	margin:0;
	padding:0;
}

dl#categoryMenu dd a {
	display: block;
	background-color: #b4f0d2;
	color: #463c91;
	text-indent: 30px;
	padding: 5px 0;
	font-size: 10pt;
	font-weight: bold;
	text-decoration:none;
}
dl#categoryMenu dd a:hover {
	background-color: #00935b;
	color: white;
}

h4.thumbnail {
	border-bottom: 3px black solid;
}
ul#thumbnail li {
	display: inline;
}

/*=========================================================
 . back numbers
=========================================================*/

div#magazineBacknumber {
	line-height:1.4em;
}

div#magazineBacknumber h3 {
	background-image:url(/image/news/backnumber_title.gif);
	background-repeat:no-repeat;
	text-indent:-1000px;
	border-bottom:1px solid black;
	padding:0;
}

div#magazineBacknumber table {
	width:100%;
}
div#magazineBacknumber table tr td {
	vertical-align:top;
	border-right:1px solid gray;
	width:33%;
}
div#magazineBacknumber div.title {
	font-weight:bold;
	font-size:14pt;
	margin-bottom:1em;
}

div#magazineBacknumber div.year {
	font-size:9pt;
	font-weight:bold;
	margin-top:1em;
}

div#magazineBacknumber div.month {
	margin-left:10px;
}
div#magazineBacknumber div.month a {
	font-size:10pt;
	color:black;
	text-decoration:none;
}
div#magazineBacknumber div.month a:active,
div#magazineBacknumber div.month a:hover {
	color:blue;
	text-decoration: underline;
}

div#magazineBacknumber div.date {
	margin-top:1em;
	font-weight:bold;
}
div#magazineBacknumber a:link {font-size:84%;color:#000;text-decoration:none;}
div#magazineBacknumber a:visited {font-size:84%;color:#000;text-decoration:none;}
div#magazineBacknumber a:hover {font-size:84%;color:#0000ff;text-decoration:underline;}

div#magazineBacknumber div.item {
border-bottom:1px dashed gray;
clear:both;
color:#666666;
display:block;
font-size:9pt;
margin-top:10px;
padding-bottom:10px;
width:100%;
}

div#magazineBacknumber div.image {
float:left;
margin-right:10px;
text-align:center;
width:110px;

}

div#magazineBacknumber div.item div.itemmain {
margin-left:120px;
}

div#magazineBacknumber div.item div.subtitle {
color:#4070B0;
font-size:10pt;
font-weight:bold;
}

div#magazineBacknumber div.item div.title,
div#magazineBacknumber div.item div.title a{
font-size:11pt;
line-height:1.3em;
font-weight:bold;
color:#000;
margin:0;
}

div#magazineBacknumber div.item div.title a:hover {
font-size:11pt;
line-height:1.3em;
font-weight:bold;
color:blue;
margin:0;
}

div#magazineBacknumber div.item div.summary {
line-height:1.3em;
margin-top:2px;
}

div#magazineBacknumber div.item div.date {
font-size:9pt;
font-weight:normal;
margin:0;
}

div#magazineBacknumber div.pager {
	margin:5px 0;
	clear:both;
	color:#444444;
	font-size:13pt;
	font-weight:bold;
	text-align:center;
}

div#magazineBacknumber div.pager span#currentpage {
	background-color:#FF8080;
	color:#505040;
	padding:5px;
	text-decoration:none;
}

div#magazineBacknumber div.pager a {
	color:#FF5040!important;
	padding:5px;
	text-decoration:none;
}

div#magazineBacknumber div.pager a:hover {
	color:#FF5040!important;
	background-color:#ffcccc;
	padding:5px;
	text-decoration:none;
}


/*=========================================================
 . backnumber list index        04/08/2011 update
=========================================================*/

div#contentWrap div#content{
}

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

#magazineBacknumberIndex dl.listBacknumber{
    border-bottom:#808080 1px dashed;
    margin:10px 0;
    padding:10px 0;
    clear:both;
}

#magazineBacknumberIndex dl.listBacknumber dt{
    float:left;
    margin:0;
    padding:0;
}

#magazineBacknumberIndex dl.listBacknumber dd{
   margin:0;
   padding:0 0 0 120px;

   /padding:0 0 0 10px;
}


#magazineBacknumberIndex dl.listBacknumber dd p.mgzTitle{
    font-size:14px;
    color:#cc0000;
    margin:0;
    padding:0;
}

#magazineBacknumberIndex dl.listBacknumber dd p.mgzTitle a{
    color:#cc0000;
}