@charset "shift_jis";

/***********************************************************
*
*	review common style
*
*	include from style_review_xxx.css
*
*   Img border 

***********************************************************/

div#content h3 {
	margin: 15px 0;
}

div.categoryHead {
	background-image: url("/image/review/common/bg_top.gif");
}

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

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;
}

div#mainBlock h1 {
	clear:both;
	font-size:14pt;
	font-weight:bold;
	border-bottom:3px solid gray;
}
div#mainBlock h1 #writer{
	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;
}

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

div#mainBlock p#pageselect {
	text-align:center;
	font-weight:bold;
	font-size:11pt;
	color:#444444;
	clear:both;
}
div#mainBlock p#pageselect a {
	padding:5px;
	color:#ff5040;
	text-decoration:none;
}
div#mainBlock p#pageselect a:hover {
	background-color:#ffcccc;
}
div#mainBlock p#pageselect a#currentpage {
	padding:4px;
	font-size:12pt;
	color:#505040;
	background-color:#ff8080;
	text-decoration:none;
}

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;
}


/*=========================================================
 . topic 
=========================================================*/

div#newsTopic {
}

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

div#newsTopic .contents {
	font-size:10pt;
}
div#newsTopic .contents a {
	color:black;
	text-decoration:none;
}
div#newsTopic .contents a:hover,
div#newsTopic .contents a:active {
	color:blue;
	text-decoration:underline;
}

div#newsTopic .contents .mini_gray {
	font-size:80%;
	color:#666;
}

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

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

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

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

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

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

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

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

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

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

dl#categoryMenu dd a {
	display: block;
	background-color: #f0d2ff;
	color: #514698;
	text-indent: 30px;
	padding: 5px 0;
	font-size: 10pt;
	font-weight: bold;
	text-decoration:none;
}
dl#categoryMenu dd a:hover {
	background-color: #c360d2;
	color: white;
}

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