@charset "UTF-8";

/* Copyright Anchor Technology. All Rights Reserved. */

/* $Id: /common/styles/contents_common.css,v 1.00 2007-09-12 $ */


/*  ****************  Style TOC  ****************  */
/** 01: #content #main
/** 02: #content #sub
/*  *********************************************  */


/* =============================================== */
/** 01: #content #main
/* ----------------------------------------------- */


/* Headings */

#content #main h1 {
	margin-bottom: 0.5em;
	padding: 0.2em 1em;
	border-bottom: 1px solid gray;
	background: #ddd url("/common/parts/headings/hilite_bg.png") no-repeat;
}

#content #main h1.useVisual {
	margin-bottom: 0;
}

#content #main h2 {
	margin: 0 0 1em 0;
	padding: 0 0.5em;
	border-left: thick solid black;
}

#content #main h2 span {
	padding-bottom: 0.2em;
	border-bottom: 1px solid black;
	display: block;
}

#content #main h3 {
	margin: 0 3em 1em 1em;
	border-bottom: 1px solid black;
}

#content #main h4 {
	margin: 0 3em 1em 1em;
}

/* p */

#content #main p {
	margin: 0 3em 1em 1em;
}

#content #main p.categoryVisual {
	margin-left: 0;
}

#content #main .hilite {
	margin-bottom: 1.5em;
	padding: 0.5em;
	clear: both;
	background: #eee;
}

#content #main p.note {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0;
}

#content #main .figure img {
	margin: 0 1em 1em 0;
	float: left;
}

#content #main p.method {
	text-align: center;
}


/* ul */

#content #main ul {
	margin: 0 8em 2em 1em;
	padding-left: 2em;
}

#content #main ul.toc {
	margin: 0 0 2em 1em;
	padding-left: 2em;
	list-style-image: url("/common/parts/list_marker.png");
}

#content #main ul.toc li span {
	position: relative;
	top: -3px;
}

/* ol */

#content #main ol {
	margin: 0 8em 2em 0;
	padding-left: 2em;
}

#content #main ol li {
	margin-bottom: 1em;
}

#content #main ol li ol li{
	margin-bottom: 0;
}

/* dl */

#content #main dl {
	margin: 0 8em 2em 1em;
}

#content #main dt {
	font-weight: bold;
}

#content #main dd {
	margin: 0 0 0.5em 3em;
	border-bottom: 1px dotted gray;
}

/* misc */

#content #main a.outResourse {
	margin-right: 0.2em;
	padding-right: 13px;
	background: url("/common/parts/out_resourse.png") right 2px no-repeat;
}

#content #main a.pdf {
	padding: 2px 0 2px 20px;
	background: url("/common/parts/pdf.gif") no-repeat;
}

#content #main a.special {
	padding-left: 16px;
	background: url("/common/parts/list_marker.png") 0 2px no-repeat;
}

#content #main .intro {
	margin-bottom: 1.5em;
	padding: 0.5em 0 0 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: url("/common/parts/intro_bg.png") repeat-x;
}

#content #main span.rss img {
	vertical-align: middle;
}

#content #main img.photo {
	border: 1px solid silver;
}

#content #main p.game {
	background: url("/common/parts/headings/h1_game_bg.jpg") repeat-x;
}

#content #main span.new {
	font-weight: bold;
	color: red;
	margin-left: 0.5em;
}

/* agreement */

#content #main p.pMaster {
	margin-bottom: 2px;
	width: 22em;
}

#content #main ol.agreement {
	margin-left: 3em;
}

#content #main p.agreement {
	float: left;
	text-align: center;
	width: 22em;
	margin-top: 1em;
	margin-left: 5em;
	border: 3px double silver;
	background: #eee;
	padding: 0.5em;
}


/* column */

#content #main .columnGroup {
	float: left;
	width: 100%;
}

#content #main .columnGroup .column1 {
	float: left;
	width: 40%;
}

#content #main .columnGroup .column2 {
	float: right;
	width: 58%;
}

#content #main .columnGroup p {
	margin-right: 1em;
}

#content #main .columnGroup .column2 p,
#content #main .columnGroup .column2 ul {
	width: 55%;
}

/* showCase section */

#content #main .showCase {
	margin: 0 2.5em 1em 1em;
	border: 1px solid black;
	clear: both;
}

#content #main .showCase h3 {
	margin: 0 0 1em 0;
	padding: 0.2em 0.5em;
	color: white;
	background: black;
}

#content #main .showCase dl {
	margin: 0 2em 1.5em 1em;
}

/* table */

#content #main table {
	border: 2px ridge silver;
	clear: both;
	font-size: small;
	border-collapse: collapse;
}

#content #main table th {
	background: #eee;
}

#content #main table th,
#content #main table td {
	padding: 0.2em;
	border: 1px dotted silver;
}


/* =============================================== */
/** 02: #content #sub
/* ----------------------------------------------- */

#content #sub ul {
	padding-bottom: 0.5em;
	float: right;
	list-style: none;
	color: white;
}

#content #sub ul li {
	margin-bottom: 0.5em;
	padding: 0 0.5em 0 0;
	font-weight: bold;
	text-align: right;
}

#content #sub ul li.toTop {
	margin-bottom: 1.5em;
	padding-left: 1em;
	border-bottom: 1px solid white;
}

#content #sub ul li a {
	color: white;
	font-weight: normal;
	text-decoration: none;
}

#content #sub ul li a:hover {
	text-decoration: underline;
}

/* .subMenu */

#content #sub .subMenu {
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	float: left;
	width: 100%;
	background: #c72727 url("/common/parts/sub/sub_menu_top.png") right top no-repeat;
}

#content #sub .subMenu ul {
	padding-right: 0.5em;
	background: url("/common/parts/sub/sub_menu_bottom.png") right bottom no-repeat;
}

/* .specialMenu */

#content #sub .specialMenu {
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	float: left;
	clear: both;
	width: 100%;
	background: black url("/common/parts/sub/special_menu_top.png") right top no-repeat;
}

#content #sub .specialMenu ul {
	padding-right: 0.5em;
	background: url("/common/parts/sub/special_menu_bottom.png") right bottom no-repeat;
}

/* banner */

#content #sub .banner {
	clear: both;
	width: 100%;
	text-align: right;
}