@charset "utf-8";

/****
 *
 * ¸üÐÂÈÕ: 2015/9/29
 *
 ****/

/*  anchor
---------------------------------------------------------- */
div#main a{
	text-decoration:none;
}
div#main a:hover{
	text-decoration:underline;
}

/*  Area
---------------------------------------------------------- */

div#body div#main {
	float:none;
	width: 960px;
	padding-bottom: 30px;
	font-size:107.7%;
	font-family:"¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	line-height: 2;
	clear:both;
}

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

div#main div.section.narrow {
	padding: 0 0 0 180px;
	width:600px;
	_width:780px; /*for IE6*/
}

#history div#main div.section { /*index*/
	padding: 0;
}
#history div#main div.section.center { /*index*/
	padding: 0 0 0 100px;
}


/*  Heading
---------------------------------------------------------- */
div#body h1 {
	margin: 0 0 10px 0;
}

div#main h2,
div#main h3,
div#main h4 {
	background:none;
	border:none;
	padding:0;
	margin:0;
	line-height:1.5;
}

div#main h2{
	margin:0 0 20px;
	position:relative;
}
div#main h2 .comment{
	display:block;
	position:absolute;
	top:15px;
	right:100px;
}

div#main h3{
	font-size:121.4%;
	margin:20px 0 6px;
}

div#main h2.first,
div#main h3.first,
div#main h4.first {
	margin-top:0px !important;
}




/**
		=tab_menu
---------------------------------------------------------- */

#tab_top,
#tab_btm{
	height:93px;
	clear:both;
	padding-left:25px;
	overflow:hidden;
}


#tab_top{
	background:url(/tech/c_eng_history/images/bg_nav_top.png) no-repeat left top;
}

#tab_btm{
	background:url(/tech/c_eng_history/images/bg_nav_btm.png) no-repeat left bottom;
}

.tab_menu{
	padding-top:8px;
}
.tab_menu li{
	float:left;
	width:130px;
	background:url(/tech/c_eng_history/images/bg_nav_li.jpg) no-repeat left top;
}


/**
		=history_body
---------------------------------------------------------- */

#history_body{
	background:url(/tech/c_eng_history/images/bg_history_body.png) repeat-y left top;
	margin:0; padding:35px 0;
}


/**
		=col_layout
---------------------------------------------------------- */

.col_multi_2,
.col_multi_3{
	float:left;
}

.col {
	float:left;
}

.col2 .col{
	width:370px;
}

.col2 .l {
	margin-right:20px;
}

.col3 .col {
	width:240px;
}

.col3 .col_multi_2{
	width:500px;
}

.col3 .l {
	margin-right:20px;
}

.col4 .col_multi_3{
	width:565px; /*3_col_width*/
}

.col4 .col_multi_2{
	width:370px; /*2_col_width*/
}

.col4 .col {
	width:175px;
}

.col4 .l {
	margin-right:20px;
}


/*history_customize*/

div#main div.section .txt{
	float:left;
	width:490px;
	margin-left:10px;
	_margin-left:50px;
}

#history div#main div.col1 .txt{
	width:760px !important;
	margin-left:100px;
	_margin-left:50px;
}

#history .col2 .col{
	width:470px;
}

#history .col3 .col {
	width:340px;
}
#history .col3 .col_multi_2 {
	width:600px;
}

#history div#main div.l .txt{
	margin-left:100px;
	_margin-left:50px;
}

#history div#main div.l p.caption{
	padding-left:1em;
}


#history div.section div.first{
	padding-top:40px;
}

/**/

div#main p.caption {
	margin: 3px 0 30px 0;
	line-height:1.7;
	font-size: 90%;
}



/**
		=ref_area
---------------------------------------------------------- */

#ref_area{
	margin-top:0px;
	padding-top:15px;
	padding-bottom:20px;
}

.cv_nav h3{
	margin:0 0 5px;
	font-weight:bold;
	font-size:118%;
	background:url(/common/image/arrow_red_large.gif) no-repeat 0px 0.4em;
	padding-left:20px;
	
	float:left;
	width:auto;
}

.cv_nav ul.link_to_index {
	float:right;
	width:auto;
	font-size:92.8%;
}
.cv_nav ul.link_to_index li{
	float:left;
	width:auto;
	margin-right:10px;
	padding:3px 0 3px 12px;
	background: url(/common/image/arrow_red.gif) no-repeat 0px 0.8em;
}


.cv_nav a{
	text-decoration:none;
}
.cv_nav a:hover{
	text-decoration:underline;
}
.cv_nav ul.link {
	clear:both;
	padding:10px 10px 5px 15px;
	border: #A8B6C8 1px solid;
	margin-bottom:20px;
	background:url(/tech/image_v2/civil_common/bg_cv_nav.jpg) repeat-x left bottom;
	/*background-color:#f4f4f4;*/
}

.cv_nav ul.link li {
	margin-bottom: 5px;
	margin-right:10px;
	padding: 0;
	color: #808485;
	line-height:1 !important;
	float:left;
	width:auto;
	background:none;
}

.cv_nav ul.link li a,
.cv_nav ul.link li span {
	display:block;
	padding: 8px 8px 8px 18px;
	width:8.5em;
	background: url(/common/image/arrow_red.gif) no-repeat 7px 0.8em;
	line-height:1 !important;
	white-space:nowrap;
}

.cv_nav ul.link li span.no_link {
	background: url(/common/image/arrow_gray.gif) no-repeat 7px 0.8em;
}

.cv_nav ul.link li.current{
	background-color:#d9d9d9;
	color:#000;
}

.cv_nav ul.link li.current a{
	background: url(/common/image/arrow_gray.gif) no-repeat 7px 0.8em;
	color:#000;
}

#ref_area .banners{}
#ref_area .banners li{
	float:left;
	width:230px;
	margin:0 13px 5px 0;
}
#ref_area .banners li.right{
	margin-right:0;
}

/*________________*/

/*customize*/

div#main .tm {
	margin-bottom:1em !important;
}

div#main .tm_2 {
	margin-bottom:2em !important;
}

p.tm {
	margin-bottom:1em;
	text-align:left;
	/*text-justify: inter-ideograph;*/
}

div#main ul.list li {
	margin-bottom: 7px;
	padding-left: 16px;
	background: url(/tech/image_v2/tech_common/bg_list_mark.gif) no-repeat 1px 0.7em;
}

div#main p.note {
	font-size:88%;
	margin-left:0px;
}

div#body div.pdf_note {
	margin: 20px 0 0 0;
}

p.go_pagetop {
	margin: 30px 0px -40px 0;
}

p.go_pagetop a {
	display:block;
	padding: 10px 15px 10px 25px;
	background:#f4f4f4 url(/common/image/arrow_up.gif) no-repeat 11px 1em;
	font-size:81%;
	float:right;
	width:auto;
	text-decoration:none;
	border:#A8B6C8 1px solid;
	border-bottom:none;
}
div.bottom p.go_pagetop a {
	padding: 0;
	background: none;
	border:none;
}

/*link_anchor*/
div#main div.link_anchor {

}
div#main div.link_anchor div.section{
}

div#main div.link_anchor ul li {
}

div#main div.link_anchor ul li a {
	white-space: nowrap;
	text-decoration:none;
	color: #1d3994;
}
div#main div.link_anchor ul li a:hover {
	text-decoration:underline;
}

/*txt_co2_m2*/

.sub{
	font-size:70%;
}

.sup{
	font-size:70%;
	vertical-align:top;
}

/*link_icon*/
img.link_icon {
	margin: 0 5px 0 3px;
}

/*new_icon*/

.new_icon{
	vertical-align:-0.1em;
	margin:0 8px;
}

/**
		=Clearfix
---------------------------------------------------------- */
*:after {
  display:block;
  clear:both;} /* ¤³¤ÎÓ›Êö¤Ï¹Ì¶¨¤Ç¤¹ */

.clearfix,
ul,
dl,
div.section,
.col,
.col_multi_2,
.link_box,
p.go_pagetop {zoom:1;} /* clearfix IE6, 7 */

.clearfix:after,
ul:after,
dl:after,
div.section:after,
.col:after,
.col_multi_2:after,
.link_box:after,
p.go_pagetop:after {content:"";}

/* End_clearfix */


div.break span{
	display:none;
}
	

@media print {

div#body {
	width:auto;
}

div#body div#main {
	line-height:1.8;
}

div#header {
	width:auto;
}

div#header ul#gnav,
div#header div.utility,
div#body div#bnav,
div#body p.bread,
div.bottom,
div.bottom p.bread,
#tab_top,
#tab_btm,
#ref_area,
div#footer,
div#main div.link_anchor,
p.go_pagetop {
	display:none;
}

div.break {
	page-break-after:always;
}

/*for IE6 Bug*/
div#main p.caption {
	_padding-bottom:15px;
}

div#main .tm {
	margin-bottom:0 !important;
	padding-bottom:1em !important;
	}
/**/

}