@charset "utf-8";

/*********************************************************************
 *
 * </common/css/module/block.css>
 *
 * 更新日: 2009/03/05
 *
 * ===================================================================
 * 
 *  ■概要
 *
 *  ボディエリア (div#container) 内の要素
 *
 *  ※以下は、探しやすいように別ファイル。
 *    - 見出し要素
 *    - 表要素
 *
 *********************************************************************/


/*  Section
---------------------------------------------------------- */

div#main div.section {
	padding: 0px;
	clear:both;
}

div.top_img {
	margin-bottom:20px;
}

div#main div.border {
	width: 700px;
	margin-top: 30px;
	padding-top: 21px;
	background: url(/common/images/bg_dot_line.gif) repeat-x 0 0;
}

/*図版レイアウト*/

.col,
.col_multi_2,
.col_multi_3{	float:left; }

.col2 .l,
.col3 .l,
.col4 .l{ margin-right:30px; }

.col2 .col{ width:330px; }

.col3 .col { width:210px; }
.col3 .col_multi_2{ width:450px; }

.col4 .col { width:150px; }
.col4 .col_multi_2{	width:330px; }/*2_col_width*/
.col4 .col_multi_3{ width:510px; }/*3_col_width*/


/*  Index Box
---------------------------------------------------------- */

div#main div.index_box {
	_width: 690px;
	margin-bottom: 10px;
	padding: 10px;
}

	div#main div.column2 {
		width: 690px;
		margin-bottom: 10px;
	}

	div#main div.column2 div.index_box {
		float: left;
		width: 310px;
		_width: 330px;
		margin-right: 20px;
		margin-bottom: 0;
	}

	div#main div.column2 div.index_box.right {
		margin-right: 0;
	}

div#main div.index_box.hover {
	background: #f0f0f0;
}

div#main div.index_box p.image {
	float: left;
	margin-right: 15px;
	line-height: 1.0;
}

div#main div.index_box div.text {
	float: left;
	width: 570px;
}

div#main div.column2 div.index_box div.text {
		width: 224px;
	}

div#main div.index_box h2,
div#main div.index_box h3 {
	margin: 0;
	padding: 0 0 5px 0;
	background: none;
	line-height: 1.1;
}

div#main div.index_box h3 a {
	font-size: 107.7%;
}

div#main div.index_box.hover h3 a {
	color: #cc0033;
}

div#main div.index_box ul.link {
	margin-top: 2px;
}


/*  PDF Note
---------------------------------------------------------- */

div#main div.pdf_note {
	margin: -5px 0 0 0;
	padding: 11px 21px;
	background: url(/common/image/bg_pdf_note.gif) no-repeat 0 50%;
	line-height: 1.0;
}

div#main div.pdf_note img.link_icon {
	margin: 0 5px 0 3px;
}

/*  Body Navigaton (第4・第5階層の横移動用ナビ)
---------------------------------------------------------- */

div#main div#bnav {
	margin: 15px 0 0 0;
	clear:both;
	position:relative;
}

div#main dl.bnav dt {
	margin: 0;
	padding:0;
	line-height:1;
	vertical-align:text-bottom;
}

div#main dl.bnav dd {
	padding: 8px 0px 20px 0;
}

div#main #bnav dl.bnav dd {
	padding: 8px 0px 10px 0;
	background:url(/common/images/line_dot_y.gif) repeat-x left bottom;
}

div#main dl.bnav dd .col2 .col{ width:310px; }

div#main dl.bnav dd ul.list li {
	margin-left:15px;
	margin-bottom: 0px;
	padding: 0 15px;
	background: url(/common/images/arrow.gif) no-repeat 1px 0.7em;
	border:#FFFFFF 1px solid;
}

div#main dl.bnav dd ul li a{
	text-decoration:none;
}

div#main dl.bnav dd ul li a:hover{
	text-decoration:underline;
}

div#main dl.bnav dd ul li.current {
	background: #EDEDED url(/common/images/bg_dot_list_02.gif) no-repeat 5px 0.7em;
	border-color:#CCCCCC;
}

div#main dl.bnav dd ul li.current a {
	color: #333;
	text-decoration: none;
}

div#main dl.bnav dd ul li.current a:hover {
	text-decoration: underline;
}

div#main .go_feature {
	display:none;
}
div#main div#bnav .go_feature {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
}

div#main div#bnav .go_tech_list {
	background:url(/common/images/line_dot_y.gif) repeat-x left bottom;
	padding:8px 15px 10px;
}
div#main div#bnav .go_tech_list a{
	padding: 0 0 0 12px;
	background: url(/common/images/arrow.gif) no-repeat left 0.2em;
	text-decoration:none;
}
div#main div#bnav .go_tech_list a:hover{
	text-decoration:underline;
}

/*  List
---------------------------------------------------------- */

div#main ul.list {
	padding-bottom: 1em;
}

div#main ul.list li {
/*	margin-bottom: 7px; 20110120_コメントアウト */
	margin-bottom: 0px;
	padding-left: 10px;
	background: url(/common/images/bg_dot_list.gif) no-repeat 1px 0.7em;
}




/*  Paragraph
---------------------------------------------------------- */


div#main p {
	/*text-align:justify;
	text-justify: inter-ideograph;*/
}

div#main p.label {
	margin-bottom:10px;
}

div#main p.caption {
	margin: 3px 0 15px 0;
	text-align:left;
}

div#main p.note {
	margin: 0 0 15px 0px;
	padding-left: 1em;
	text-indent: -1em;
	text-align:left;
}


/*  Link
---------------------------------------------------------- */

div#main ul.link li,
div#main ul.list li.link {
	margin-bottom: 5px;
	padding: 0 0 0 10px;
	background: url(/common/images/arrow.gif) no-repeat 0 0.5em;
	color: #808485;
	line-height: 1.33;
}

div#main ul.link li a,
div#main ul.list li.link a {
	text-decoration:none;
}

div#main ul.link li a:hover,
div#main ul.list li.link a:hover {
	text-decoration:underline;
}

div#main ul.link.inline li {
	float: left;
	margin-right: 15px;
	white-space: nowrap;
}

div#main div.link_anchor {
	margin-bottom: 20px;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #c2c5c5;
}

div#main div.link_anchor ul li {
	float: left;
	padding: 0 13px 0 10px;
	background: url(/common/images/arrow_down.gif) no-repeat 0 0.7em;
}

div#main div.link_anchor ul li a {
	white-space: nowrap;
}

/* リンクアイコン */
div#main img.link_icon {
	margin: 0 3px 0 5px;
}


/*  Clearfix
---------------------------------------------------------- */
div#main div.section:after,
div#main ul.index_link:after,
div#main ul.index_link:after,
div#main div.index_box:after,
div#main div.column2:after,
div#main ul.h_link:after,
div#main ul.column2:after,
div#main ul.link.inline:after,
div#main div.link_anchor:after,
div#main dl.bnav dd:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

div#main div.section,
div#main ul.index_link,
div#main div.index_box,
div#main div.column2,
div#main ul.h_link,
div#main ul.column2,
div#main ul.link.inline,
div#main div.link_anchor,
div#main dl.bnav dd {
	display: inline-block;
}

/*\*/
* html div#main div.section,
* html div#main ul.index_link,
* html div#main div.index_box,
* html div#main div.column2,
* html div#main ul.h_link,
* html div#main ul.column2,
* html div#main ul.link.inline,
* html div#main div.link_anchor,
* html div#main dl.bnav dd {
	height: 1%;
}

div#main div.section,
div#main ul.index_link,
div#main div.index_box,
div#main div.column2,
div#main ul.h_link,
div#main ul.column2,
div#main ul.link.inline,
div#main div.link_anchor,
div#main dl.bnav dd {
	display: block;
}
/**/