@charset "utf-8";

/*  header_correct
---------------------------------------------------------- */

#header {
  width: 960px;
  margin: 0 auto;
	position:relative;
	min-width: 960px;
	height: inherit;
	border: none;
}

/*  header
---------------------------------------------------------- */
div#header div#pagetop {
	padding: 10px 0 0px 0;
	float: left;
	width: 100px;
}
div#header p#logo {
	float:none;
	padding-bottom: 0;
}
div#header #gnav_tj{
	float:right;
	width:820px;
	height:54px;
	margin:0; padding:0;
}
div#header #gnav_tj li{
	float:left; width:164px;
}

div#header .site_title{
	clear:both;
	position:relative;
}

div#header .site_title h1,
div#header .site_title p {
	margin: 0;
}
div#header .site_title .btns{
	position:absolute;
	top:22px; left:540px;
}
div#header .site_title .btns li{
	float:left;
	width:200px;
	margin-right:20px;
}
div#header .site_title .btns li.gallery{
	margin-right:0;
}

/*heading*/
div#body h1 {
	margin: 0 0 30px 0;
}
div#body h1.flow,
div#body h1.steel,
div#body h1.keta {
	margin: 0 0 20px 0;
}

div#main h2,
div#main h3,
div#main h4 {
	padding: 0;
	margin:0 0 10px;
	background:none;
	font-size: 107.7%;
}

div#main h3.tab{
	margin-bottom:10px;
}

/*flow_step*/
div#main .flow_step{
	background:#CCE5DC;
	border-top:#B0B0B0 1px solid;
	position:relative;
	margin:0 1px;
}
div#main .flow_step h3{
	padding-left:30px;
	margin:0;
}
div#main .flow_step p.txt{
	position:absolute;
	top:10px; left:250px;
}
div#main .flow_step p.detail_btn{
	position:absolute;
	top:0px; right:0px;
}

/*  main
---------------------------------------------------------- */

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

/*  section
---------------------------------------------------------- */
div#main div.section {
	padding: 0;
}

/*  content_box
---------------------------------------------------------- */
.content_box{
	background:url(/tech/c_tohoku_jukan/common/images/bg_content_box.png) repeat-y left top;
	clear:both;
}
div#main .content_box .content{
	padding:0 30px;
	margin:0;
	clear:both;
}

.content_box .wh_bk{
	background-color:#FFFFFF;
	padding:20px 0;
	margin:0 1px;
	clear:both;
}

.content_box .wh_bk.last{
	border-bottom:#CCCCCC 1px solid;
}

div#main .content_box .wide{
	padding:0;
	margin:0 1px;
}
div#main .content_box .wh_bk .wide{
	padding:0;
	margin:0;
}

div#main .content_box .wh_bk .content{
	padding:0 29px;
	clear:both;
}

div#main .content_box h2.content_box_top{
	margin:0;
	padding:20px 30px;
	background:url(/tech/c_tohoku_jukan/common/images/bg_content_box_top.png) no-repeat left top;
}

div#main .content_box_btm{
	height:30px;
	background:url(/tech/c_tohoku_jukan/common/images/bg_content_box_bottom.png) no-repeat left bottom;
	margin-bottom:30px;
}

/*cycle_time*/
div#main .content_box .cycle_time{
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
}
div#main .content_box .cycle_time .img{
	float:left;
	width:365px;
}
div#main .content_box .cycle_time .txt{
	float:right;
	width:525px;
}
div#main .content_box .cycle_time .txt .time{
	color:#007D4C;
	font-size:200%;
	font-weight:bold;
	line-height:1;
	margin:7px 0 10px;
}

/*narrow*/
div#main .content_box .narrow{
	width:500px;
	margin-left:230px;
}

/*gallery_photo*/
div#main .gallery_photo{
	width:820px;
	margin-left:70px;
}

/*  bnav
---------------------------------------------------------- */
#bnav_tj{
	height:74px;
	background:url(/tech/c_tohoku_jukan/common/images/bg_bnav.png) repeat-x left top;
	overflow:hidden;
	margin:30px 0 0;
}
#bnav_tj .logo_bnav{
	margin-top:16px;
	float:left;
	width:150px;
}
#bnav_tj .bnav{
	margin-top:16px;
	float:right;
	width:720px;
	height:40px;
}
#bnav_tj .bnav li{
	float:left;
	width:144px;
}

/*customize*/

p.h1_lead {
	margin-bottom:20px;
}

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

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

/*list*/
div#main ul.list {
	margin-bottom: 15px;
}

div#main ul.list li {
	margin-bottom: 7px;
	padding-left: 15px;
	background: url(/tech/c_tohoku_jukan/common/images/bg_list_dot.gif) no-repeat 1px 0.5em;
}

div#main .spec_txt ul.list li {
	line-height:1.5;
	margin-bottom: 4px;
	padding-left: 15px;
	background: url(/tech/c_tohoku_jukan/common/images/bg_list_dot.gif) no-repeat 1px 0.4em;
}

/*caption*/
div#main p.caption {
	margin: 3px 0 20px 0;
	line-height:1.7;
}

div#main p.caption.top {
	margin: 0 0 5px 0;
}
div#main p.caption.no_margin {
	margin: 3px 0 0 0;
}

/*‡í°æ¥ì¥¤¥¢¥¦¥È*/

.col_multi_2,
.col_multi_3{
	float:left;
}

.col {
	float:left;
}

.col2 .col{
	width:465px;
}

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

.col3 .col {
	width:300px;
}

.col3 .col_multi_2{
	width:630px;
}

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

.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;
}

/* content_box */


.content_box .col2 .col{
	width:435px;
}
.content_box .col3 .col{
	width:280px;
}
.content_box .col3 .col_multi_2{
	width:590px;
}

p.tm {
	margin-bottom:1em;
	text-align:left;
}

.note_txt{
	font-size:92.5%;
}

.spec_txt{
	font-size:92.5%;
}

/*txt_co2_m2*/

.sub{
	font-size:70%;
}

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

p.tab_note{
	font-size:92.3%;
	color:#006633;
	text-align:right;
}

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

/*new_icon*/

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

/*break*/
div.break span{
	display:none;
}

/**
		=img_map_flow
---------------------------------------------------------- */

#img_map_flow{
	position:relative;
	margin-bottom:30px;
}

#img_map_flow li{
	position:absolute;
	top:219px;
}
#img_map_flow li.area01{ left:14px; }
#img_map_flow li.area02{ left:197px; }
#img_map_flow li.area03_1{ left:405px; }
#img_map_flow li.area03_2{ left:585px; }
#img_map_flow li.area03_3{ left:765px; }


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

.clearfix,
#pagetop,
ul,
li,
dl,
div.section,
div.kakomi,
.col,
.rel_info,
p.go_pagetop {zoom:1;} /* clearfix IE6, 7 */

.clearfix:after,
#pagetop:after,
ul:after,
li:after,
dl:after,
div.section:after,
div.kakomi:after,
.col:after,
.rel_info:after,
p.go_pagetop:after {content:"";}

/* End_clearfix */


@media print {

div#body {
	width:auto;
}

div#header {
	width:auto;
}

#bnav_tj,
.bottom,
#footer{
	display:none !important;
}

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

div#main .gallery_photo img{
	width:700px;
	height:auto;
}

#img_map_flow li{
	display:none;
}

.content_box .wh_bk{
	border-bottom:#CCCCCC 1px solid;
}

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

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

}