@charset "SHIFT_JIS";

/* reset all ===================================================================== */
* { margin: 0;padding: 0; }

/* basic ===================================================================== */
body {text-align:center;background:#ffffff; color:#555;font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;line-height:24px;}
a:link, a:visited{color : #992222;}
a{text-decoration:underline}
a:hover{ color:#222222;text-decoration:none;background-color:#dddddd; position : relative; top : 1px; right : 1px;}
img  {border-style	:	none;border-width	:	0px;}
/* div{ border:1px solid #00dddd;}  */ 
table{margin:4px 0px 10px 0px; padding:0px;border-collapse: collapse;border-spacing:0px;}
td{ font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif; }

/* init ===================================================================== */
div.head {width:100%; height:100px; clear: both; display: block;background: url(./img/header_redCloth.gif) no-repeat left center #710000;}
div.centering{text-align:center;}
div.centeringChild{text-align:left; margin-left:auto; margin-right:auto; width:800px;}

/* container global===================================================================== */
#container { overflow: auto; vertical-align:top; text-align:left;}
/*
#container h1{ font-size:15px; line-height:24px;border-bottom:1px solid #aaaaaa; margin:0px;padding:4px 4px 4px 24px; background: url(./img/icon_h1red.png) no-repeat left center;color:#666666; letter-spacing:0.5px;}
*/
#container h1{ font-size:12px; line-height:24px;border-bottom:2px solid #811; border-top:1px solid #ddd; margin:0px;padding:4px 4px 4px 10px; color:#666666; letter-spacing:0.5px; background-color:#e0e0e0; color:#811;}
#container h1{ background: url(./img/icon_h1barGrayGrad.png) repeat-x left bottom; }

#container h2{ font-size:14px;line-height:16px;border-bottom:1px solid #dfdfdf; margin-left:2px; margin-bottom:4px;padding-bottom:4px; color:#444444; letter-spacing:0.5px;}
#container h3{ font-size:12px; line-height:14px; margin-left:2px; margin-bottom:1px; padding-bottom:2px; letter-spacing:0.5px; }
#container h1 a{text-decoration:none;}
#container h2 a{text-decoration:none;}
#container blockquote{ margin:0px 4px 0px 4px; padding:2px;border:1px solid #ddd;}
#container td.left{font-size:11px; width:70px; vertical-align:top; color:#aaa; }

/* more ===================================================================== */
#container p.more a{clear:both;font-size:12px;height:14px;line-height:14px;text-align:right;float:right;background: url(./img/icon_readmore.png) no-repeat right bottom transparent;margin:4px 0px 12px 0px;padding:0px 16px 0px 0px;}
#container p.more a:hover{color:#666666;background: url(./img/icon_readmoreGray.png) no-repeat right bottom transparent;}

/* navigation ===================================================================== */
#container .navi { text-align:left; float:left;width:150px; background:#f9f9f9; }
#container .navi a{text-decoration:none; }
#container .navi table{width:100%;}
#container .navi p {font-size:12px; }
#container .navi p.counter { font-size:12px; color:#888;}
#container .navi td.left a{font-size:12px;}
#container .navi td.right{ width:80px; }
#container .navi a.rss { background: url(./img/icon_rss.png) no-repeat left center;padding-left:32px;}
#container .navi a {padding-left:4px;}
#container .navi img.poster { width:148px; border:1px solid #aaa; margin:0px; padding:0px;float:left; }
#container .navi h3 { background-color:#822; padding:6px 2px 6px 2px; margin:14px 0px 1px 0px; color:white;}
#container .navi h3 a { color:white; }
#container .navi h3 a:hover  { background-color:white; color:#822;}

/* Hot News ===================================================================== */
#container .hotNews { float:left; width:402px;margin-left:4px; margin-bottom:4px;  background:#f8f8f8;}
#container .hotNews table{width:100%;}
#container .hotNews p{ margin-bottom:1px;padding:4px 6px 0px 24px;font-size:11px;line-height:18px;}
#container .hotNews table { margin:1px; padding:0px; }
#container .hotNews tr { margin:0px; padding:0px; }
#container .hotNews tr td{ margin:0px; border-bottom:2px solid #fff; margin-bottom:0px; }
#container .hotNews td.right{width:330px;}
#container .hotNews td.left {color:#888; font-size:11px; }
#container .hotNews img { margin:2px 2px 0px 0px; }
#container .hotNews img.alignright{margin-left:8px; float:right;}
#container .hotNews img.alignleft{margin-right:8px; float:left; margin-left:0px}
#container .hotNews h2 { color:#811; background-color:#eaeaea; padding:8px; border:none; border-left:2px solid #777; margin-left:2px; background: url(./img/icon_h2cat.png) no-repeat right bottom; margin:0px;}
#container .hotNews h3 { margin-left:12px; margin:4px 0px 2px 0px; color:#33a}

/* SideBar ===================================================================== */
#container .side {float:right;width: 240px; margin-bottom:4px;  background:#f9f9f9;}
#container .side p{margin-bottom:4px;padding:2px 0px 4px 0px;font-size:11px;line-height:14px;}
#container .side table{width:239px;}
#container .side td.right{width:169px;}
#container .side td.left {color:#888; font-size:11px; }
#container .side h2{font-size:11px; line-height:13px; margin-left:2px; border:none; background-color:#fff; padding:2px 4px 2px 6px ;text-align:right;}
#container .side h3{font-size:11px; line-height:13px;}
#container .side img{margin-bottom:2px; width:169px}
#container .side div.diary p { font-size:10px; line-height:14px; padding:0px; margin:0px;}
#container .side div.diary h3 { font-size:11px; background-color:#822; color:white; padding:6px; margin:0px 0px 1px 0px; }
#container .side div.diary h3 a { color:white; text-decoration:none; }
#container .side div.diary h3 a:hover { color:#811; background-color:white; }
#container .side div.diary p.more { margin:2px 0 2px 0; padding:0px; }
/*#container .side .productNews{ display:none; }*/
#container .side .diary { margin-top:0px;}


/* Header and Footer ===================================================================== */
#container .topImage{ margin:1px auto 1px auto;background:white;height:160;}
#container .foot { color:#aaaaaa;clear:both;text-align:center; font-size:12px;border-top:1px solid #eeeeee;}

/* options ===================================================================== */
#container .clear{clear:both;height:10px;}
#container .alignright {float: right;}
#container .alignleft {float: left}

/* Topic ===================================================================== */
#container .topic { width:646px;float:left;margin-left:4px; }
#container .topic table{width:646px;}
#container .topic p{margin-bottom:8px;padding:4px 4px 0px 4px;font-size:12px;line-height:18px;}
#container .topic img.alignright{margin-left:8px; float:right;}
#container .topic img.alignleft{margin-right:8px; float:left;}

#container div.topic dt { font-size:14px; font-weight:bold;  margin:6px 0px 2px 0px;  }
#container div.topic dd { margin-right:24px; }
#container div.topic dl img { float:left; margin-right:12px; margin-top:4px;}
#container div.topic h2 { clear:both; margin:0px; }



















/* other header ===================================================================== */
/*header1 variations*/
/*#container h1{ font-size:14px;border-bottom:1px solid #aaaaaa; margin-bottom:4px;padding-bottom:4px;background: url(./img/icon_h1.gif) no-repeat left center;padding-left:18px;}*/
/*#c ontainer h1{ font-size:14px;color:white;border:none; margin-bottom:4px;padding-bottom:4px;background: url(./img/icon_h1white.gif) no-repeat left center orange;padding-left:18px;}*/
/*#con tainer h1{ color:white;font-size:12px;line-height:16px;border:none; margin-bottom:4px;padding:6px;background: url(./img/icon_h1white.gif) no-repeat left center #810000;padding-left:20px;}*/
/* #container .navi { background:url(./img/waku_bottom.jpg ) no-repeat left bottom transparent; margin:0px;padding:0 4px 30px 0 ;} */
/* #container .navi table { margin:0px; padding:0px; } */
/* #container .navi .inside { background:url(./img/waku_middle.jpg ) repeat-y left top transparent; margin:0px;padding:20px 0 0 6px;}  */
/* #container .navi h1 { background:url(./img/waku_top.jpg ) no-repeat top left transparent; margin:0px;border:0px ;padding:0 32px 0 30px;}  */
/* #container .navi h2 { border:none; margin:8px 0px 4px 0px;} */


/* old ===================================================================== */

#header { width: 640px; text-align:center; margin:0px; font-size:16px; }
#header img{border-width:0 0 0px 0px; border-style:solid; border-color:#221111;}
#main, #breadcrumb, #footer { width: 640px; margin: 10px auto; text-align: left;	line-height:20px;}
#main p { margin: 0px; padding:4px 0px 4px 0px}
#main p.head { font-weight:bold; font-size:16px; background:none; height:30px;margin:4px 0px 8px 0px;padding:12px 0px 12px 0px;}
#main .supple, small{ color: #887777;}
#main div.column { text-align: left; margin-bottom: 1em;}
#main h1 { font-size: 24px; margin: 0 20px 0;}
#main h2 { font-size: 16px; margin: 0 0 10px 0 ; color:#881111;border-bottom: 1px solid #aaaaaa; line-height:1.5em; }
#main h3 { font-size: 13px; margin: 0 0 0.2em 0; color:#332211;}
#main .more { text-align: right;}
#main h2.download { background: url(http://www.hirahira.net/img/icon_download.gif) no-repeat left center; display: block; padding-left: 74px;}
#main h3.download { background: url(http://www.hirahira.net/img/icon_download.gif) no-repeat left center; display: block; padding-left: 74px;}

#main a.download { background: url(http://www.hirahira.net/img/icon_download.png) no-repeat left center; display: block; padding-left: 18px;}
#main a.html { background: url(http://www.hirahira.net/img/icon_html.png)  no-repeat left center; display: block; padding-left: 18px}
#main a.qt { background: url(http://www.hirahira.net/img/icon_qt.png) no-repeat left center; display: block; padding-left: 18px}
#main a.wm{ background: url(http://www.hirahira.net/img/icon_wm.png)  no-repeat left center; display: block; padding-left: 18px}
#main a.movie{ background: url(http://www.hirahira.net/img/icon_movie.png) no-repeat left center; display: block; padding-left: 18px}
#main a.zip { background: url(http://www.hirahira.net/img/icon_zip.png) no-repeat left center; display: block; padding-left: 18px}
#main a:hover{background-color:#ddccaa}

#content { float: left; width: 400px;}
#content2 { float:left; width:320px;}
#content3 { float:right; width:300px;line-height:1em;}

#content .subcolumn1-2 { float: left; width: 215px;}
#content .subcolumn2-2 { float: right; width: 215px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 { width: 135px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 { margin-right: 22px;}
#content.column p { margin:0px; }

#sidemenu {  float: right; width: 220px; font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif; line-height: 16px;}
#sidemenu p{ padding:2px 2px 0px 12px ; margin:2px 2px 2px 10px}
#sidemenu h2 { font-size: 14px;  padding: 4px 0px 1px 0px;  margin: 0 -5px 5px -5px;border-bottom: 1px solid #aaaaaa; color:#555555;}
#sidemenu h3 { font-size: 12px; margin: 0;}
#sidemenu h4 { font-size: 10px; margin: 0;}

#main .box { border: 0px solid #998888; padding: 0 5px 5px 5px; margin: 0 0 8px 0;}

img.left { float: left; border: 0px none; margin-left:0; margin-right:10px; margin-top:2px; margin-bottom:5px}
img.right { float: right; border: 0px none; margin-left:10px; margin-right:0; margin-top:2px; margin-bottom:5px}
img.across { border: 0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px}
img  {border-style	:	none;border-width	:	0px;}

ul { list-style: square inside; margin: 6px; }
ul.square { list-style: square inside; margin: 6px; }
ul.circle { list-style: circle inside; margin: 0 0 0 16px; }
ol { list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li {  }
ul ul.circle { }

ol.last { padding: 0;}
ul.last { padding: 0;}

sup { vertical-align: baseline; font-size: 1em; color: #76797C;}

#breadcrumb, #footer { text-align: center; clear: both;}
#breadcrumb { clear: both; font-size: 10px; padding: 1em 0;}
#footer { width:640px; font-size: 12px;  color:#887777; text-align:center; border-top: 1px solid #887777;padding:0.5em;}
div .reset{ clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 0px; height:0px;}

/* -------- */
.alignleft { float: left;}
.alignright { float: right;}
.aligncenter { float:left; margin-left:auto; margin-right:auto; }

.topMessage{text-align:left;padding:1em;line-height :120%;}

.spec, .attention, .comment, .LinkBar, .return{padding:12px 0px 12px 20px;
	border:1px solid #aa9999;text-align:left;font-size:100%;
	margin: 8px 0em 8px 4px; line-height:16px;
	background-color:#efe5cc;
	}

#main p.comment{margin:8px 0px 8px 24px;padding:16px}