@charset "UTF-8";
/* ***********************************************************
 * MTpro Stylesheet : Article Page - Common Design Template
 * 
 * Since:     2009-06-01
 * Modified:  2010-06-18
 * Guideline: Ver.1.00
 * Editor:    Takanori Murakami
 * ***********************************************************
 */


/* articlewrapper */

#articlewrapper {
	clear:both;
	padding: 4px 10px 10px 10px;
	}

/* article */

#article {
	}

/* article_infobar */

#article_infobar {
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding-top: 5px;
	margin-bottom: 15px;
	line-height:1.6;
	}

#article_info_date {
	padding: 0 0 5px 5px;
	float: left;
	font-size: 75%;
	}

#article_info {
	font-size: 68.75%;
	float: right;
	padding: 0 10px 3px 0;
	border-left: 1px dotted #AAAAAA;
	margin-left: 10px;
	}

#article_info a.print {
	padding-left: 10px;
}

#article_infobar dl.tag {
	clear: both;
	padding: 5px;
	background-color: #F0F6F8;
	border-top: 1px solid #CCCCCC;
	}

#article_infobar dl.tag dt {
	float:left;
	font-size: 81.25%;
	font-weight: bold;
	}

#article_infobar dl.tag dd {
	float:left;
	padding-right: 5px;
	font-size: 81.25%;
	list-style-type: none;
	}

#article_info ul.tag dd a:link {
	color: #10C;
	text-decoration: underline;
	}

#article_info ul.tag dd a:visited {
	color: #30C;
	text-decoration: underline;
	}

#article_info ul.tag dd a:hover,
#article_info ul.tag dd a:active {
	color: #00F;
	text-decoration: underline;
	}



/* article_header */

#article_header {
	padding-bottom: 5px;
	border-bottom: 2px solid #334477;
	}

#article_header .hgroup {
	zoom: 1; // avoid IE6 hgroup background bug
	}

#article_header p.article_banner {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1;
	color: #334499;
	}

#article_header p.article_type {
	font-size: 93.75%;
	font-weight: bold;
	color: #224477;
	margin: 6px 0 10px 0;
	padding: 4px 10px;
	background-color: #CCDDEE;
	border-right: 1px solid #B8C8E0;
	border-bottom: 1px solid #B8C8E0;
	}

#article_header p.article_topic {
	font-size: 93.75%;
	color: #445588;
	margin: -10px 0 10px 0;
	padding: 2px 10px;
	background-color: #E6F0F6;
	border-right: 1px solid #B8C8E0;
	border-bottom: 1px solid #B8C8E0;
	}

#article_header p.article_number {
	font-size: 100%;
	font-weight: bold;
	padding: 12px 10px 0 10px;
	margin: 0 0 -5px 0;
	line-height: 1.5;
	color: #445599;
	}

#article_header h1 {
	font-size: 150%;
	font-weight: bold;
	line-height: 1.5;
	color: #002266;
	margin: 8px 0 5px 0;
	padding-left: 10px;
	padding-right: 10px;
	}

#article_header h2 {
	font-size: 118.75%;
	font-weight: bold;
	line-height: 1.5;
	color: #005399;
	margin: 5px 0 5px 0;
	padding-left: 10px;
	padding-right: 10px;
	}

#article_header h3 {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 5px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	}

#article_header h4 {
	padding: 0px 5px 0px 15px;
	font-size:87.5%;
	line-height:1;
	font-weight: normal;
	}

#article_header p {
	font-size: 100%;
	margin: 10px 0;
	line-height: 1.5;
	padding: 0 15px;
	}

#article_header dl {
	padding: 8px 10px;
	margin: 15px 0;
	line-height: 1.5;
	padding-left: 10px;
	padding-right: 10px;
	}

#article_header dt {
	line-height: 1.7;
	font-size: 93.75%;
	padding: 5px 0 0 10px;
	}

#article_header dd {
	line-height: 1.7;
	font-size: 93.75%;
	padding: 0 0 0 20px;
	}

#article_header table.member {
	margin: 10px auto;
	}
	
#article_header table.member td {
	text-align: center;
	font-size: 87.5%;
	}

#article_header dl.member dd {
	font-size: 93.75%;
	}



/* article_contents */

#article_contents {
	padding-top: 10px;
	}

#article_contents h2 {
	font-size: 125%;
	font-weight: bold;
	line-height: 1.5;
	color: #003399;
	margin: 12px 0 8px 0;
	padding-left: 10px;
	padding-right: 10px;
	clear:both;
	}

#article_contents h3 {
	font-size: 106.25%;
	font-weight: bold;
	line-height: 1.5;
	color: #333333;
	margin: 18px 0 12px 0;
	padding: 4px 12px;
	background: url(/images/sections/article_common/article_h3_bg.gif) bottom left repeat-x;
	border-left: 4px solid #338888;
	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #BBBBBB;
	vertical-align: baseline;
	clear:both;
	}

#article_contents h4 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	color: #111166;
	margin: 18px 10px 12px 10px;
	padding-left: 5px;
	border-left: 1px solid #AAAACC;
	border-bottom: 1px solid #AAAACC;
	clear:both;
	}

#article_contents h5 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	color: #111133;
	margin: 12px 0 8px 10px;
	padding-left: 5px;
	}


#article_contents p {
	font-size: 100%;
	line-height: 1.7;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #222222;
	padding: 0 17px;
	}

#article_contents p.section_type,
#article_contents p.section_topic {
	font-size: 100%;
	font-weight: bold;
	color: #002255;
	margin-bottom: 0;
	}

#article_contents p.author {
	font-weight: bold;
	text-align: right;
	}

#article_contents p.caution {
	font-size: 87.5%;
	color: #DD3333;
	background-color: #FFEEEE;
	padding: 10px;
	margin: 10px 0;
	line-height: 1.5;
	}

#article_contents p.offer {
	text-align: center;
	color: #FFF;
	background-color: #000066;
	padding: 10px;
	margin: 10px 0;
	line-height: 1.5;
	}


/* dl */

#article_contents dl {
	margin: 15px 0 15px 0;
	}

#article_contents dt {
	font-size: 100%;
	font-weight: bold;
	padding: 5px 0 2px 20px;
	line-height: 1.7;
	}

#article_contents dd {
	font-size: 100%;
	margin: 0 0 0 30px;
	padding: 0 40px 5px 10px;
	line-height: 1.6;
	background: url(/images/common/icons/icon_marker_triangle.gif) top left no-repeat;
	background-position: 0 0.6em;

}

/* ul , ol */

#article_contents ul,
#article_contents ol {
	margin: 15px 0 15px 0;
	}

#article_contents ul li {
	font-size: 100%;
	margin: 0 0 0 30px;
	padding: 0 40px 5px 10px;
	line-height: 1.6;
	}

/* ul > li background style with child selector (not work in IE6) */

#article_contents ul > li {
	list-style-type: none;
	background: url(/images/common/icons/icon_marker_triangle.gif) top left no-repeat;
	background-position: 0 0.6em;
	}

#article_contents ol li {
	font-size: 100%;
	margin: 0 0 0 55px;
	padding: 0 40px 5px 10px;
	line-height: 1.6;
	}

#article_contents li ul,
#article_contents li ol {
	padding-top: 8px;
	margin-top: 0;
	margin-bottom: 0;
}

#article_contents ul li li,
#article_contents ol li li {
	font-size: 100%;
	margin: 0 0 0 25px;
	padding: 0 0 5px 10px;
	}


#article_contents ul.note {
	border-top: 1px solid #BBBBBB;
	padding-top: 10px;
	}

#article_contents ul.note li {
	font-size: 81.25%;
	}

#article_contents ul.note li li {
	font-size: 100%;
	margin: 0 0 0 25px;
	padding: 0 0 5px 10px;
	}



/* table.member */

#article_contents table.member {
	margin: 10px auto;
	text-align: center;
	}

/* table.table_dotted */

#article_contents table.table_dotted
{
	margin: 10px 10px 20px 10px;
	border-collapse: collapse;
	text-align: left;
}

#article_contents table.table_dotted th
{
	font-weight: bold;
	color: #111133;
	padding: 3px 3px;
	border-bottom: 2px solid #6678b1;
}
#article_contents table.table_dotted td
{
	border-bottom: 1px #ccc dotted;
	padding: 2px 10px;
}
#article_contents table.table_dotted .bgc
{background-color:#EEFFDD
}


/* article > section */

#article_contents div.section {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	}

#article_contents div.noborder {
	margin-top: -17px;  /* hide 'double-border' with div.article_contents by negative margin */
	}

#article_contents div.section_header {
	border-top: 2px solid #334477;
	border-bottom: 1px solid #999999;
	background-color: #EEFFFF;
	padding: 15px;
	}

#article_contents .section_header p {
	padding: 0;
	margin: 0;
	}

#article_contents .section_header h2 {
	font-size: 125%;
	font-weight: bold;
	line-height: 1.5;
	color: #003399;
	padding: 0;
	margin: 5px 0;
	}

#article_contents .section_header h3 {
	font-size: 118.75%;
	font-weight: bold;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #005399;
	}

#article_contents .section_header h4 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	color: #444444;
	padding: 0;
	margin: 5px 0;
	border: none;
	}

#article_contents .section_header dl {
	padding: 0;
	margin: 0;
	}

#article_contents .section_header dt {
	font-size: 93.75%;
	font-weight: bold;
	line-height: 1.5;
	padding: 10px 0 6px 0;
	}

#article_contents .section_header dd {
	background-image: none;
	padding: 0;
	margin: 0;
	}


/* miscellaneous */

#article q {
	font-weight: bold;
	color: #007864;
	font-style:italic;
	}

#article .caption {
	font-size: 93.75%;
	}

#article .status {
	font-size: 93.75%;
	}

#article .name {
	font-weight: bold;
	}

#article ul.journal {
	padding-top: 10px;
	}

#article ul.journal li {
	background-image: none;
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 81.25%;
	text-indent: -1.5em;
	}





/* article_footer */

#article_footer {
	margin: 20px 10px 20px 10px;
	padding: 10px;
	background: url(/images/sections/article_common/article_link_bg.png) bottom left repeat-x;
	border: 5px solid #D8E0E5;
	}

#article_footer a:link,
#article_footer a:visited {
	text-decoration: none;
	}

#article_footer a:hover,
#article_footer a:active {
	text-decoration: underline;
	}

#article_footer h4 {
	font-size:87.5%;
	padding: 2px 0 2px 5px;
	margin-bottom: 8px;
	}

#article_footer h4.link {
	background: url(/images/common/icons/icon_marker_outlink.gif) center left no-repeat;
	background-position: 0 0.2em;
	padding-left: 20px;
	margin-bottom: 8px;
	}

#article_footer h4.link_internal {
	background: url(/images/common/icons/icon_marker_mtlink.gif) center left no-repeat;
	background-position: 0 0.2em;
	padding-left: 20px;
	}

#article_footer h4.link_author {
	background: url(/images/common/icons/icon_marker_authorlink.gif) center left no-repeat;
	background-position: 0 0.2em;
	padding-left: 20px;
	}


#article_footer ul {
	margin-left: 10px;
	margin-bottom: 10px;
	}

#article_footer li {
	line-height: 1.7;
	margin-bottom: 2px;
	list-style-type: none;
	padding-left: 10px;
	font-size:81.25%;
	background: url(/images/common/icons/icon_marker_triangle.gif) top left no-repeat;
	background-position: 0 0.6em;
	}

#article_footer li li {
	line-height: 1.7;
	margin-bottom: 2px;
	list-style-type: none;
	padding-left: 10px;
	font-size: 100%;
	background: url(/images/common/icons/icon_marker_dash.gif) top left no-repeat;
	background-position: 0 0.6em;
	}

#article_footer li img {
	vertical-align: baseline;
	}



/* article_footernavi */

#article_footernavi {
	margin: 0 10px;
	}

#article_footernavi dt {
	width: 300px;
	}

#article_footernavi dd {
	width: 280px;
	font-size:75%;
	line-height: 1.4;
	padding: 4px 10px 10px 10px;
	background: url(/images/sections/article_common/article_footernavi_bg.gif) bottom left repeat-y;
	}

#article_footernavi dd a {
	text-decoration: underline;
	}





/* common figure treatment (div.figure) */
#article_header .figure,
#article_contents .figure {
	padding: 4px 0 0 0;
	margin-bottom: 0;
	text-align: center;
	line-height: 1.5;
	}

#article_header .figure table,
#article_contents .figure table {
	margin: auto auto;
	}

#article_header .figure p.caption,
#article_contents .figure p.caption {
	text-align: center;
	}

#article_header .figure p.caption a,
#article_contents .figure p.caption a {
	font-size: 100%;
}


/* styled div elements */

#article_header div.intro,
#article_contents div.intro {
	font-size: 87.5%;
	border: 1px solid #B0C0F0;
	background-color: #DDEEFF;
	line-height: 1.5;
	padding: 8px;
	margin: 12px 0;
	}
	
#article_header div.profile,
#article_contents div.profile {
	clear:both;
	font-size: 87.5%;
	border-top: 1px solid #D0F0FF;
	border-right: 1px solid #B0C0F0;
	border-bottom: 1px solid #B0C0F0;
	border-left: 1px solid #D0F0FF;
	background-color: #CBECFF;
	padding: 8px;
	margin: 20px 10px;
	-webkit-border-radius: 6px;	/* Safari, Google Chrome */
	-moz-border-radius: 6px;	/* Firefox */
	}

#article_contents div.profile img{
margin-top:10px;
}

#article_header div.box,
#article_contents div.box {
	clear:both;
	border: 1px solid #CCCCCC;
	background-color: #F0F0F0;
	padding: 8px;
	margin: 20px 10px;
	-webkit-border-radius: 6px;	/* Safari, Google Chrome */
	-moz-border-radius: 6px;	/* Firefox */
	}

#article_header div.summary,
#article_contents div.summary {
	clear:both;
	border: 4px solid #FFDDCC;
	background-color: #FFF0E0;
	padding: 8px;
	margin: 20px 10px;
	-webkit-border-radius: 8px;	/* Safari, Google Chrome */
	-moz-border-radius: 8px;	/* Firefox */
	}

#article_header div.memo,
#article_contents div.memo {
	clear:both;
	border: 4px solid #E0F0E0;
	background-color: #EEFFEE;
	padding: 8px;
	margin: 20px 10px;
	-webkit-border-radius: 8px;	/* Safari, Google Chrome */
	-moz-border-radius: 8px;	/* Firefox */
	}

#article_header div.info,
#article_contents div.info {
	font-size: 87.5%;
	border: 1px solid #EECCCC;
	background-color: #FFEEEE;
	padding: 4px 0;
	margin: 20px 10px;
	}

#article_header blockquote,
#article_contents blockquote {
	clear:both;
	border-left: 5px solid #BBEEEE;
	/* HACK: avoiding IE6 Bug which shifts all elements after declaring one-side border + padding simultaneously */
	border-right: 1px solid #FFF; 
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 0 10px 0 0px;
	margin: 20px 10px;
	}





/* relkey elements (for Honshi article) */

.relkeys {
	text-align: right;
	font-size: 93.75%;
	width: 8.5em;
	border: 1px solid #CCCCCC;
	padding: 5px 10px 5px 10px;
	margin: 5px 20px 5px auto;
	background: #F6F6FF url(../../images/common/icons/icon_marker_search.gif) top left no-repeat;
	background-position: 0.5em 0.5em;
	-webkit-border-radius: 5px;	/* Safari, Google Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	}

.relkeys a.navi {
	}


/* comment elements (for comment-activated articles) */

div#comment {
	padding: 0 10px;
	}

div#comment div.input {
	font-size: 93.75%;
	border: 1px solid #CCCCCC;
	padding: 15px 15px 5px 15px;
	background-color: #F0F0FF;
	-webkit-border-radius: 6px;	/* Safari, Google Chrome */
	-moz-border-radius: 6px;	/* Firefox */
	}

div#comment div.input table td {
	width: 700px;
	}

div#comment div.input table ul {
	padding: 10px 0;
	border-bottom: 1px solid #CCCCEE;
	margin-bottom: 15px;
	}

div#comment div.input table ul li {
	list-style: none;
	line-height: 1.7;
	padding: 5px 15px 5px 15px;
	color: #222222;
	}

div#comment div.input table ul li label {
	padding-left: 10px;
	}

div#comment div.input input#name {
	margin: 5px 0 10px 5px;
	width: 120px;
	}

div#comment div.input textarea#comment {
	margin: 5px 0 10px 5px;
	width: 500px;
	height: 160px;
	}


div#comment .log {
	padding: 15px 10px 5px 10px;
	}

div#comment .log h2 {
	padding: 3px 5px;
	margin: 0 15px 10px 10px;
	color: #000066;
	border-left: 5px solid #000066;
	border-bottom: 1px solid #999999;
	}

div#comment .log span.name {
	padding: 0 5px 0 5px;
	color: #333366;
	}

div#comment .log span.date {
	padding: 0 0 0 5px;
	font-size: 81.25%;
	color: #777777;
	}

div#comment .log ul li {
	list-style: none;
	padding: 3px 15px 3px 20px;
	}

div#comment .log p.question_result {
	font-size: 75%;
	padding: 0 10px 10px 10px;
	color: #805555;
	}

div#comment .log li.buttom p {
	padding: 0 10px 15px 10px;
	border-bottom: 1px solid #999999;
	margin-bottom: 5px;
	}

div#comment .log .pager {
	padding: 10px 0;
	line-height: 1;
	text-align: center;
	font-size: 81.25%;
	}
	
div#comment .log .pager a {
	padding: 3px 6px;
	border: 2px solid #9999CC;
	background-color: #F3F3F9;
	}

div#comment .log .pager a:hover {
	border: 2px solid #6666CC;
	background-color: #FFFFFF;
	}


/* 20110411 NoDr用 */
#closure_2 {
	margin: 20px 15px 30px 15px;
}

#closure_info2 {
	margin:0;
	padding:10px;
	background:#e4f6fb;
	}

    *html #closure_info2 {
        margin:0 5px 0 0;
	    padding:10px;
        background:#e4f6fb;
        }

.m_radius {
	border-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	}
#closure_info2 h3 {
	color: #232323;
}