@charset "UTF-8";

@import url(/css/common.css);
@import url(/css/contents.css);
@import url(/css/list.css);
@import url(/css/side.css);
@import url(/css/old.css);

/* meta */
/*-------------------------------*/
div#mainContents div#metaWrap {
	margin-top:10px;
	width:590px;
	background:url(/img/common/announce_back.gif) repeat-y top center;
}

div#mainContents p.meta {
	padding:3px 7px 3px 7px;
	font-size:0.9em;
	line-height:1.4;
	color:#669933;
}

div#mainContents div.metaTop {
	width:590px;
	height:4px;
	background:url(/img/common/announce_top_back.gif) no-repeat top center;
	font-size:0;
}

div#mainContents div.metaBottom {
	width:590px;
	height:4px;
	background:url(/img/common/announce_bottom_back.gif) no-repeat top center;
	font-size:0;
}

div#mainContents p.meta {
	padding:3px 7px 3px 7px;
	font-size:0.9em;
	line-height:1.4;
}

div#mainContents p.meta img {
	margin-right:5px;
}


/* list */
/*-------------------------------*/
div#mainContents div#listWrap {
	margin-top:20px;
	background:url(/topics/img/frame_back.gif) repeat-y top center;
}

div#mainContents div.top {
	width:590px;
	height:6px;
	background:url(/topics/img/frame_top_back.gif) no-repeat top center;
	font-size:0;
}

div#mainContents div.bottom {
	width:590px;
	height:11px;
	background:url(/topics/img/frame_bottom_back.gif) no-repeat top center;
	font-size:0;
}

div#mainContents table.list {
	margin:2px 7px 0 7px;
	width:576px;
	background-color:#ECF2FF;
}

div#mainContents table.list td {
	padding:4px 4px 5px 4px;
	border-bottom:1px solid #fff;
}

div#mainContents table.list td.date {
	color:#339966;
}

div#mainContents table.list td.title {
	line-height:1.3;
}

div#mainContents table.list td.title img {
	margin-left:3px;
}

/* detail */
/*-------------------------------*/
div#mainContents div#topicsTitle {
	padding:5px;
	height:auto;
	width:588px;
	background:#3064A6 url(/img/common/topics_title_back.gif) repeat-x bottom left;
	border:1px solid #193874;
	voice-family: "\"}\"";
    voice-family:inherit;
	width:578px
}

* {}

div#mainContents div#topicsTitle h1 {
	padding:1px 0 0 18px;
	background:url(/img/common/topics_icon.gif) no-repeat 0 2px;
	font-size:1.0em;
	line-height:1.3;
	color:#fff;
}

div#mainContents div#topicsWrap {
	margin:20px 12px 0 12px;
}

div#mainContents div#topicsWrap * {
	line-height:1.5;
}

div#mainContents div#topicsWrap p {
	margin-top:0.9em;
	font-size:0.9em;
}

div#mainContents div#topicsWrap p strong {
	font-weight:bold;
}

div#mainContents div#topicsWrap table {
	border:none;
	border-collapse:collapse;
}

div#mainContents div#topicsWrap table td {
	font-size:0.9em;
}

div#mainContents div#topicsWrap table td p {
	font-size:inherit;
}

div#mainContents strong * {
	font-weight:bold;
}

div#mainContents div#topicsWrap table td strong {
	font-weight:bold;
}

div#mainContents div#topicsWrap ol {

}

div#mainContents div#topicsWrap ol li {
	list-style-image:none;
	list-style:outside decimal;
	margin:0.9em 0.9em 0 2.7em;
	font-size:0.9em;
}

div#mainContents div#topicsWrap ul {

}

div#mainContents div#topicsWrap ul li {
	list-style-image:none;
	list-style:outside disc;
	margin:0.9em 0.9em 0 2.7em;
	font-size:0.9em;
}

/* detail pager */
/*-------------------------------*/
div#mainContents div#detailPager {
	margin-top:20px;
	width:590px;
	clear:both;
}

div#mainContents div#detailPager a {
	display:block;
	height:24px;
	float:left;
	text-indent:-9999px;
}

div#mainContents div#detailPager a.back {
	margin-right:10px;
	width:108px;
	background:url(/topics/img/btn_list.gif) no-repeat 0 0;
}

div#mainContents div#detailPager a.prev {
	width:79px;
	background:url(/topics/img/btn_prev.gif) no-repeat 0 0;
}

div#mainContents div#detailPager a.next {
	width:79px;
	background:url(/topics/img/btn_next.gif) no-repeat 0 0;
}


/* table */
/*-------------------------------*/
div#mainContents div#topicsWrap table td {
	vertical-align:top;
}

/* new product */
/*-------------------------------*/
div#mainContents div.productWrap {
	width:590px;
}

div#mainContents div.newTitle {
	margin-top:20px;
	width:590px;
	min-height:57px;
	background:url(/product/img/new_product_sub_title.jpg) no-repeat 0 0;
}

* html div#mainContents div.productWrap div.newTitle {
	height:57px;
}

div#mainContents div.productWrap div.newTitle h2 {
	margin-left:55px;
	height:32px;
	font-size:1.0em;
	font-weight:bold;
	line-height:2.1;
	color:#fff;
}

div#mainContents div.productWrap div.newTitle h3 {
	margin-left:55px;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.8;
	color:#CC6600;
}

div#mainContents div.productWrap div.right {
	width:370px;
	float:right;
}

div#mainContents div.productWrap div.right div {
	margin-top:15px;
	font-size:0.9em;
	line-height:1.6;
}

div#mainContents div.productWrap div.right div.summary p {
	margin-top:12px;
	line-height:1.6;
	font-size:inherit;
}

div#mainContents div.productWrap div.right h4 {
	margin-top:15px;
	margin-bottom:-3px;
	padding-left:20px;
	line-height:1.6;
	background:url(/topics/img/list_back_icon.gif) no-repeat 0 50%;
	color:#990000;
}

div#mainContents div.productWrap div.right div.remarks {
	margin-top:0.5em;
	font-size:0.8em;
	line-height:1.5;
	color:#CC3300;
}

div#mainContents div.productWrap div.right div.spec {
	margin-top:0.3em;
	font-size:0.9em;
	line-height:1.6;
}

div#mainContents div.productWrap div.right div.spec p {
	margin-top:12px;
	font-size:inherit;
	line-height:1.6;
}

div#mainContents div.productWrap div.right div.spec table {
	margin-right:1px;
	margin-bottom:2px;
	border-top:1px solid #B2BDDC;
	border-left:1px solid #B2BDDC;
	border-collapse:collapse;
}

div#mainContents div.productWrap div.right h5 {
	margin-top:12px;
	margin-bottom:-5px;
	color:#CC3300;
}


div#mainContents div.productWrap div.right div.spec table td {
	border-right:1px solid #B2BDDC;
	border-bottom:1px solid #B2BDDC;
	line-height:1.3;
	padding:3px 4px;
}

div#mainContents div.productWrap div.right div.software {
	margin-top:0;
}

div#mainContents div.productWrap div.left {
	width:200px;
	float:left;
}

div#mainContents div.productWrap div.left div {
	margin-top:15px;
	text-align:center
}

div#mainContents div.productWrap div.left div.caption {
	margin-top:5px;
	font-size:0.8em;
	color:#900;
}

div#mainContents div.productWrap div.left div.price {
	font-size:0.9em;
	font-weight:bold;
	color:#390;
}

div#mainContents div.productWrap div.left div.release {
	margin-top:0.4em;
	font-size:0.9em;
	font-weight:bold;
	color:#c00;
}

div#mainContents div.productWrap div.left div.notes {
	margin-top:0.4em;
	font-size:0.9em;
	font-weight:bold;
	color:#c00;
}

div#mainContents div.productWrap div.left div.button a {
	margin:0 auto;
	display:block;
	width:8.5em;
	background:url(/img/common/bullet.gif) no-repeat 0 50%;
}

div#mainContents div.productWrap div.left div.button a span {
	padding-left:16px;
	font-size:0.9em;
	line-height:1.2;
}

/* support */
div#mainContents div#topicsWrap h2 {
	margin:20px 0 0 0;
	padding-left:25px;
	height:30px;
	background:url(/img/common/bg_h2.png) no-repeat 0 0;
	font-size:1.0em;
	line-height:2;
}

div#mainContents div#topicsWrap h2.top {
	margin-top:0px;
}

div#mainContents div#topicsWrap table.sptBorder {
	margin:15px 0.7em 0 0.7em;
	border-collapse:separate;
}

div#mainContents div#topicsWrap table.sptBorder th,
div#mainContents div#topicsWrap table.sptBorder td {
	padding:3px 8px;
}

div#mainContents div#topicsWrap table.noBorder {
	margin:15px 0.7em 0 0.7em;
	border-collapse:separate;
}

div#mainContents div#topicsWrap table.noBorder th,
div#mainContents div#topicsWrap table.noBorder td {
	padding:3px 0;
}

div#mainContents div#topicsWrap table.noBorder img {
	margin-right:5px;
}

div#mainContents div#topicsWrap h3 {
	margin:15px 0.7em 0 0.7em;
	padding:0 0 4px 8px;
	border:none;
	background:url(/img/common/orange_arrow.gif) no-repeat 0 50%;
	color:#714884;
	border-bottom:1px dashed #ccc;
}

div#mainContents div#topicsWrap blockquote {
	background:url(/img/common/blockquote_top.png) no-repeat 0 0;
}

div#mainContents div#topicsWrap blockquote p {
	padding:10px 15px;
	background:url(/img/common/blockquote_bottom.png) no-repeat 0 bottom;
	color:#FF6600;
}

div#mainContents div#topicsWrap ul {
	margin:0 0.7em 0 0.7em;
	padding:0;
}

div#mainContents div#topicsWrap ul li {
	margin:0;
	padding:7px 0 0 0;
	list-style:none;
	font-size:inherit;
	line-height:1.4;
}

div#mainContents div#topicsWrap ul.normal {
	margin:0 0 0 1.5em;
	padding:8px 0 0 0;
}

div#mainContents div#topicsWrap ul.normal li {
	margin:5px 0 0 0;
	padding:0;
	list-style:outside disc;
	font-size:inherit;
	line-height:1.4;
	color:#555;
}

div#mainContents div#topicsWrap p.alert {
	margin:15px 0.7em 0 0.7em;
	color:#FF0000;
}

div#mainContents div#topicsWrap p.link {
	margin:5px 0.7em 0 0.7em;
}

div#mainContents div#topicsWrap p.border {
	margin:5px 0.7em 0 0.7em;
	padding:8px 12px;
	border:1px dashed #CC6600;
	background-color:#ffffdd;
}

div#mainContents div#topicsWrap p.border2 {
	margin:20px 0.7em 0 0.7em;
	padding:8px 12px;
	border:1px dashed #CC6600;
	background-color:#ffffdd;
}

div#mainContents div#topicsWrap h4 {
	margin:15px 0.7em -10px 0.7em;
	color:#CC3300;
}

div#mainContents div#topicsWrap h5 {
	margin:15px 0.7em -10px 0.7em;
	color:#555555;
}

/* jr. contest */
table.entry {
	margin-top:20px;
}

table.entry th, table.entry td {
	padding:5px 8px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

table.entry th {
	font-size:0.9em;
	white-space:nowrap;
	text-align:center;
	background:#ECF2FF;
	color:#003399;
	border-left:1px solid #ccc;
}

table.entry .top {
	border-top:1px solid #ccc;
}

table.entry td strong {
	font-weight:normal!important;
	color:#CC3300;
}

ul.entry {
	margin:0 0 0 0.5em!important;
	padding:0!important;
}

ul.entry li {
	margin:3px 0 3px 1em!important;
	padding:0 0 0 0!important;
	list-style:outside disc!important;
	line-height:1.4!important;
	
}

div#production {
	margin-top:15px;
}

div#production h2 {
	display:none;
}

div#production ul {
	display:none;
}

div#section {
	position:relative;
	width:566px;
	margin-top:20px;
	background:url(/img/common/entry_back.gif) repeat-y 0 0;
}

div#section h2 {
	margin:0!important;
	padding:0!important;
	width:566px;
	height:37px!important;
	background:url(/img/common/entry_top.gif) no-repeat 0 0!important;
}

div#section div.bottom {
	width:566px;
	height:10px;
	background:url(/img/common/entry_bottom.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

div#section dl {
	margin:0 15px;
	width:400px;
}

div#section dl dt {
	padding-left:18px;
	background:url(/img/common/smile.gif) no-repeat 0 50%;
	font-size:0.9em;
	color:#990000;
}

div#section dl dd {
	font-size:0.9em;
	color:#CC3300;
}

div#section img {
	position:absolute;
	top:35px;
	left:410px;
}

/* contest topics */
h3.taisho, h3.ideaTaisho, h3.designTaisho, h3.ideaPrize, h3.designPrize, h3.ganbatta {
	margin:20px 0 0 0!important;
	padding:0 0 0 35px!important;
	height:32px;
	border:none!important;
	color:#333!important;
	font-size:1.0em;
	line-height:2.0!important;
}

h3.taisho {
	background:url(/event/contest/img/bg_prize1.png) no-repeat 0 0!important;
}

h3.ideaTaisho {
	background:url(/event/contest/img/bg_prize2.png) no-repeat 0 0!important;
}

h3.designTaisho {
	background:url(/event/contest/img/bg_prize3.png) no-repeat 0 0!important;
}

h3.ideaPrize {
	background:url(/event/contest/img/bg_prize4.png) no-repeat 0 0!important;
}

h3.designPrize {
	background:url(/event/contest/img/bg_prize5.png) no-repeat 0 0!important;
}

h3.ganbatta {
	background:url(/event/contest/img/bg_prize6.png) no-repeat 0 0!important;
}

ul.prizeComment {
	margin:15px 0 0 0!important;
	padding:33px 13px 0 13px!important;
	background:url(/event/contest/img/bg_comment.png) no-repeat 0 0!important;
}

ul.prizeComment li {
	margin:0 0 0 13px!important;
	padding:0!important;
	list-style:outside disc!important;
	color:#CC3300;
	font-size:0.9em;
	line-height:1.6!important;
}

div.prizeCommentBottom {
	margin:0;
	height:12px;
	font-size:0;
	line-height:0;
	background:url(/event/contest/img/bg_comment.png) no-repeat 0 bottom;
}


