@charset "UTF-8";

@import url("/site_common/styles/thickbox.css");

/**
@prefix : <http://purl.org/ns/doas#> .
<> a :CSSStylesheet;
:shortdesc "#contentブロック共通のスタイル";
 :rights <http://www.mdis.co.jp/>;
 :dependencies "none" .
*/


/*  ****************  Style TOC  ****************  */
/** 01: General styles
/*  *********************************************  */


/* =============================================== */
/** 01: General styles
/**	02: #content .sub
/**	03: #content .main
/* ----------------------------------------------- */

#content .sub {
	float: left;
	width: 200px;
	padding-bottom: 0.5em;
	background: url("/site_common/parts/bg/sub_bg.png") left bottom no-repeat;
}

#content .main {
	float: right;
	width: 640px;
}

#content .main h2 {
	margin-top: 1.5em;
}

#content .eventEnd,
#content .eventStop,
#content .eventFull {
	margin-bottom: 0;
	font-weight: bold;
	color: #c00;
}

#content .main p.contactBtn {
	clear: both;
	margin-top: 2em;
	text-align: center;
}

/* related section */

#content .related {
	clear: both;
	margin: 1.5em 0 1em 0;
	border: 1px solid #ddd;
}

#content .related h2 {
	padding: 5px 0 0 20px;
	margin: 0 0 0.5em 0;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ddd;
	border-left: none;
	font-size: 1em;
	background: #f5f5f5 url("/site_common/parts/bg/related_bg.png") no-repeat;
}

#content .related span.relCategory {
	font-weight: bold;
}

#content .related span.date {
	display: block;
}


/* hilite style */

#content p.hilite {
	clear: both;
	padding: 0.5em;
	margin: 0 0 1em 0;
	border: 1px solid #ddd;
	background: #f5f5f5;
}

#content div.hilite {
	float: left;
	clear: both;
	width: 622px;
	padding: 0.5em 0.5em 0 0.5em;
	margin: 0 0 1em 0;
	border: 1px solid #ddd;
	background: #f5f5f5;
}

#content div.hilite p {
	margin-bottom: 0;
}

#content dl.hilite {
	padding: 0.5em;
	margin: 0 0 1em 0;
	border: 1px solid #ddd;
	background: #f5f5f5;
}

#content ul.hilite,
#content ul.hilite ul {
	list-style: none;
}

#content ul.hilite li a {
	padding-left: 20px;
	background: url("/site_common/parts/icon/link_catch.png") 2px 2px no-repeat;
}

#content a.hilite {
	padding-left: 20px;
	background: url("/site_common/parts/icon/link_catch.png") 2px 2px no-repeat;
}

#content div.hiliteSearch {
	clear: both;
	width: 365px;
	padding-left: 0.5em;
	margin-bottom: 0.5em;
	border: 1px solid #ddd;
	background: #f5f5f5;
}

#content div.hiliteSearch form {
	margin: 1em 0;
}

#content div.hiliteSearch input#query {
	width: 20em;
	color: #727272;
}

#content p.hiliteTitle {
	width: 200px;
	padding-bottom: 0;
	margin: 0;
	font-weight: bold;
	color: white;
	text-align: center;
}

#content p.selectStd,
#content p.selectKeyword {
	background: teal;
}

#content p.selectType {
	background: maroon;
}

/* hilite add indent */

#content .addIndent {
	margin-left: 2em !important;
	margin-right: 2em !important;
}


/* link marker */

#content .main p.pageTop {
	clear: both;
	font-size: 0.8em;
	text-align: right;
}

#content .main p.pageTop img {
	margin-right: 4px;
	vertical-align: middle;
}

/* revLink */

#content .main p.revLink {
	clear: both;
	padding: 0.5em;
	border: 1px solid #ddd;
	background: #f5f5f5;
}

#content .main p.revLink a {
	padding: 2px 0 2px 18px;
	background: url("/site_common/parts/icon/rev_link.png") 0 3px no-repeat;
}

#content .sub ul.revLink {
	width: 170px;
	padding-left: 10px;
	list-style-image: none;
}

#content .sub ul.revLink a {
	padding: 0 0 2px 18px;
	background: url("/site_common/parts/icon/rev_link.png") 0 4px no-repeat;
}

#content .sub ul.revLink a:hover {
	background: #f5f5f5 url("/site_common/parts/icon/rev_link.png") 0 4px no-repeat;
}


/* Section link */

#content ul.secLink {
	padding-left: 10px;
	list-style: none;
}

#content ul.secLink li {
	padding-left: 18px;
	margin: 0;
	background: url("/site_common/parts/icon/sec_link_marker.png") 0 4px no-repeat;
}

#content .wordLink a {
	padding: 0 0.5em 0 0.2em;
}

/* ul.secLinkCompact */

#content .main ul.secLinkCompact {
	float: left;
	clear: both;
	width: 620px;
	padding: 0 0 0.5em 0;
	margin: 0;
}

#content .main ul.secLinkCompact li {
	float: left;
	padding-left: 18px;
	margin-right: 1em;
	display: block;
	background: url("/site_common/parts/icon/sec_link_marker.png") 0 4px no-repeat;
}

#content .main ul.keywordLink li {
	width: 170px;
}


/* =============================================== */
/** 02: #content .sub
/* ----------------------------------------------- */

#content .sub {
	line-height: 1.2;
}

#content .sub h2 {
	width: 160px;
	padding: 15px 10px 10px 30px;
	margin-bottom: 0.5em;
	border-top: none;
	border-right: none;
	border-bottom: 3px solid #0084ca;
	background: url("/site_common/parts/bg/sub_h2_bg.png") no-repeat;
}

#content .sub h2 a {
	text-decoration: none;
}

#content .sub h2 a:hover {
	text-decoration: underline;
}

#content .sub ul {
	padding-left: 2em;
	font-weight: bold;
	list-style-image: url("/site_common/parts/icon/sub_list_marker.png");
}

#content .sub ul li {
	padding-top: 0.3em;
}

#content .sub ul ul {
	padding-left: 1em;
	margin: 0 0 1em 0;
	border-top: none;
	background: none;
	list-style-image: none;
	list-style-type: none;
}

#content .sub ul ul li {
	border-bottom: 1px dotted #ddd;
}

#content .sub ul a {
	width: 100%;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

#content .sub ul a:hover {
	background: #f5f5f5;
}

#content .sub p.fig {
	padding: 7px 0 0 0;
	margin-bottom: 0;
	border-top: 1px solid #e5e5e5;
	text-align: center;
}

#content .sub p.note {
	font-size: 0.7em;
	padding: 0.3em 1em 0.5em 1em;
	margin-bottom: 0;
	color: #333;
}


/* =============================================== */
/** 03: #content .main
/* ----------------------------------------------- */

#content .main h1 {
	padding: 0.5em 0.5em 0.2em 0.5em;
	margin: 0 0 0.5em 0;
	border: 1px solid #ddd;
	background: url("/site_common/parts/bg/h1_bg.png") repeat-x;
}

#content .main h1.categoryVisual {
	padding: 0;
	border: none;
	background: none;
}

#content .main p.visualMessage {
	padding: 0;
	margin: 0 0 1em 0;
}

/* subTitle */

#content .main h1 span.subTitle {
	font-size: 0.7em;
	font-weight: normal;
	color: #0084ca;
	display: block;
}

#content .main h1 span.subTitle img {
	display: block;
}

#content .main ul span.subTitle,
#content .main ol span.subTitle {
	display: block;
}

#content .main dl span.subTitle {
	font-weight: normal;
	display: block;
}

/* misc */

#content .main p.abstract {
	border-bottom: 1px dotted #ddd;
}

#content .main dd {
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #ddd;
}

#content .main dl.special dd, 
#content .main dd.special {
	margin-bottom: 0.2em;
	border-bottom: none;
	display: list-item;
	list-style-type: disc;
}

#content .main dl.plain dd, 
#content .main dd.plain {
	margin-bottom: 0.2em;
	border-bottom: none;
}

#content .main dd ul {
	font-size: 1em;
}

#content .main dt img {
	margin-left: 0.5em;
}

#content .main p.note {
	clear: both;
	padding-left: 2em;
	margin-bottom: 0;
	text-indent: -2em;
}

#content .main p.noteNumber {
	clear: both;
	padding-left: 2.5em;
	margin-bottom: 0;
	text-indent: -2.5em;
}

#content .main p.startDate {
	margin-bottom: 0;
	text-align: right;
}

#content .main p.upDate,
#content .main p.miscRight {
	margin-bottom: 0;
	text-align: right;
}

#content .main p.listTitle {
	margin-bottom: 0;
}

/* pdf/flashGet style */

#content .main p.pdfGet,
#content .main p.flashGet {
	float: left;
	width: 624px;
	padding: 0.5em;
	border: 1px solid #ddd;
}

#content .main p.pdfGet img,
#content .main p.flashGet img {
	float: right;
	margin-left: 1em;
}


/* figure style (standard) */

#content .main p.fig {
	padding: 0;
	text-align: center;
}

p.anotherFig {
	padding: 0;
	margin: 1em 0 0 0;
}

#content .main p.textMain {
	float: left;
	clear: both;
}

#content .main p.textMain img {
	float: right;
	margin-left: 1em;
}

#content .main p.figMain {
	float: left;
	clear: both;
}

#content .main p.figMain img {
	float: left;
	margin-right: 1em;
}

#content .main p.doubleFig img {
	margin: 0 5px;
}

/* figure style (arrangement:div.textMain) */

#content .main div.textMain {
	float: left;
	clear: both;
	width: 640px;
	font-size: 0.9em;
}

#content .main div.textMain p {
	clear: none;
	font-size: 1em;
}

#content .main div.textMain ul,
#content .main div.textMain ol,
#content .main div.textMain dl {
	margin-top: 1em;
	font-size: 1em;
}

#content .main div.textMain dd {
	border: none;
}

#content .main div.textMain img {
	float: right;
	margin-left: 1em;
}

#content .main div.textMain span.figCaption {
	float: right;
	margin-left: 1em;
	text-align: center;
}

#content .main div.textMain span.figCaption img {
	float: none;
	margin-left: 0;
}

/* figure style (arrangement:div.figMain) */

#content .main div.figMain {
	float: left;
	clear: both;
	width: 640px;
	font-size: 0.9em;
}

#content .main div.figMain p {
	clear: none;
	font-size: 1em;
}

#content .main div.figMain ul,
#content .main div.figMain ol,
#content .main div.figMain dl {
	margin-top: 1em;
	font-size: 1em;
}

#content .main div.figMain dd {
	border: none;
}

#content .main div.figMain img {
	float: left;
	margin-right: 1em;
}

/* media page add style */

#content .main div.figMain p.pdf img {
	float: none;
	margin-right: 0;
}

#content .main div.mediaSpecial img {
	margin-right: 2em;
}

/* end */

#content .main div.figMain span.figCaption {
	float: left;
	margin-right: 1em;
	text-align: center;
}

#content .main div.figMain span.figCaption img {
	float: none;
	margin-right: 0;
}


/* table style */

table {
	clear: both;
	margin: 0 0 1em 0;
	font-size: 0.9em;
	border-collapse: collapse;
}

caption {
	font-weight: bold;
	text-align: left;
}

th {
	padding: 0.2em;
	border: 1px solid #a8a8a8;
	text-align: center;
	background: #ddd;
}

th.lite {
	font-weight: normal;
	text-align: left;
	background: #f5f5f5;
}

td {
	padding: 0.2em;
	border: 1px solid #a8a8a8;
}

td ul {
	margin-bottom: 0;
}

td.unit {
	text-align: right;
}

th.mark,
td.mark {
	text-align: center;
}

table p,
table ul, table ol, table dl {
	font-size: 1em;
}

/* Search add style */

form input#query2 {
	width: 300px;
	color: #727272;
}

/* .columnGroup */

#content .columnGroup1,
#content .columnGroup2,
#content .columnGroup3,
#content .columnGroup4,
#content .columnGroup5,
#content .columnGroup6
 {
	float: left;
	width: 640px;
	margin-bottom: 5px;
}

#content .main .columnGroup1 h2,
#content .main .columnGroup2 h2,
#content .main .columnGroup3 h2,
#content .main .columnGroup4 h2,
#content .main .columnGroup5 h2,
#content .main .columnGroup6 h2 {
	margin-top: 0;
}

#content .columnGroup1 .column1,
#content .columnGroup1 .column2,
#content .columnGroup2 .column1,
#content .columnGroup2 .column2,
#content .columnGroup3 .column1,
#content .columnGroup3 .column2,
#content .columnGroup4 .column1,
#content .columnGroup4 .column2,
#content .columnGroup5 .column1,
#content .columnGroup5 .column2,
#content .columnGroup6 .column1,
#content .columnGroup6 .column2 {
	float: left;
	width: 300px;
	padding-right: 20px;
}

#content .columnGroup1 .columnCompact1,
#content .columnGroup1 .columnCompact2,
#content .columnGroup1 .columnCompact3,
#content .columnGroup2 .columnCompact1,
#content .columnGroup2 .columnCompact2,
#content .columnGroup2 .columnCompact3,
#content .columnGroup3 .columnCompact1,
#content .columnGroup3 .columnCompact2,
#content .columnGroup3 .columnCompact3,
#content .columnGroup4 .columnCompact1,
#content .columnGroup4 .columnCompact2,
#content .columnGroup4 .columnCompact3,
#content .columnGroup5 .columnCompact1,
#content .columnGroup5 .columnCompact2,
#content .columnGroup5 .columnCompact3,
#content .columnGroup6 .columnCompact1,
#content .columnGroup6 .columnCompact2,
#content .columnGroup6 .columnCompact3 {
	float: left;
	width: 200px;
	padding-right: 10px;
}

#content .columnGroup1 ul li,
#content .columnGroup2 ul li,
#content .columnGroup3 ul li,
#content .columnGroup4 ul li,
#content .columnGroup5 ul li,
#content .columnGroup6 ul li {
	border-bottom: 1px dotted #ddd;
}

#content ul.special li {
	border: none;
}

#content ul.docs li {
	border-bottom: 1px dotted #ddd;
}


/* .detailToc */

#content .main p.detailToc {
	width: 9em;
	padding: 0.2em;
	border: 1px solid #ddd;
	color: #048;
	text-decoration: underline;
	background: #f5f5f5;
}

#content .main p.detailToc:hover {
	color: #e47911;
	text-decoration: none;
}

#content .main p.detailToc span.collapsed {
	padding-left: 16px;
	background: url("/site_common/parts/icon/collapsed.png") 2px 2px no-repeat;
}

#content .main p.detailToc span.expanded {
	padding-left: 16px;
	background: url("/site_common/parts/icon/expanded.png") 2px 2px no-repeat;
}

/* ul.relNav */

#content .main ul.relNav {
	float: left;
	clear: both;
	width: 620px;
	/*padding-left: 0;*/
	padding:0 0 0.5em 0;
	/*margin: 0.5em 0;*/
	margin: 0;
}

#content .main ul.relNav li {
	float: left;
	padding-left: 18px;
	margin-right: 1em;
	display: block;
	background: url("/site_common/parts/icon/link_catch.png") 0 4px no-repeat;
}


/* Contact(common) Category */

#content .main .ruleSection {
	height: 200px;
	padding: 1em 1em 0 1em;
	margin-bottom: 1em;
	overflow: scroll;
	border: 1px solid #ddd;
}

#content .main .ruleSection h2 {
	padding-left: 0;
	margin-top: 0;
	border: none;
	background: none;
}

#content .main .ruleSection h3 {
	margin-bottom: 0;
	background: none;
}

#content .main .ruleSection dd {
	border: none;
}

#content .main .contactConfirm {
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
	background: #ccc;
}

#content .main .contactConfirm p {
	padding: 0.5em;
	margin-bottom: 0;
	text-align: center;
	background: white url("/site_common/parts/bg/contact_bg.png") repeat-x;
}

#content .main .contactConfirm p a {
	padding: 0.5em 0.5em 0.5em 40px;
	background: url("/site_common/parts/icon/check.gif") no-repeat;
}
