@charset "utf-8";

/****
 *
 * 更新日: 2018/3/12
 *
 ****/
 
body .section p{ 
	font-size: 15px;
}
 
 
 /*  page_title
---------------------------------------------------------- */
#page_title {
	background: url(/tech/c_special/common/images/bg_pagetitle_long.png) repeat-x left top;
	height: 154px;
	width: 958px;
	margin-left: 1px;
	position: relative;
	z-index: 10;
}

#page_title h1{
	position: absolute;
	left: 149px;
	top: 37px;
}

/*snav*/
#tech_snav p.special_contents img:hover{
	/*opacity: 0.6;*/
}

#tech_snav {
	position: absolute;
	top: 0;
	left: 833px;
	line-height: 1;
	z-index: 2;
}
#tech_snav img.tab{
	cursor:pointer;
}
#tech_snav li.nav {
	position:relative;
	z-index:2;
}
#tech_snav li.nav ul{
	display:none;
	position: absolute;
	left: -234px;
	top: 36px;
	width: 358px;
	border:#ccc 1px solid;
	border-bottom: none;
	background:#fff;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.6);
	line-height: 1;
}

#tech_snav li.nav ul li{
	border-bottom:#e6e6e6 1px solid;
}
#tech_snav li.nav ul li:last-child{
	border:none;
}

#tech_snav li.nav ul li p{
	background:#fff;
	padding-top: 3px;
	padding-bottom: 3px;
}
#tech_snav li.nav ul li p.current{
	background: #CCDAF1;
}

#tech_snav li.nav ul li p.parent{
	background:#fff;
}
#tech_snav li.nav ul li p.parent.current{
	background: #CCDAF1;
}

#tech_snav li.nav ul li p.hover,
#tech_snav li.nav ul li p.current.hover{
	background:#e8e8e8;
}

#tech_snav li.nav ul li a{
	display:block;
	padding:10px 10px 10px 39px;
	background:url(/tech/c_special/common/images/arrow_red_middle.png) no-repeat 21px 0.73em;
	text-decoration:none;
	color:#333;
	_width:100%;
}
#tech_snav li.nav ul li .current a{
	background:url(/tech/c_special/common/images/arrow_red_middle.png) no-repeat 21px 0.73em;
	color:#000;
}


#tech_snav li.nav ul li ul.child li p{
	background:#F5F5F5;
}
#tech_snav li.nav ul li ul.child li p.current{
	background: #CCDAF1;
}
#tech_snav li.nav ul li ul.child li p.hover,
#tech_snav li.nav ul li ul.child li p.current.hover{
	background:#e8e8e8;
}

#tech_snav li.nav ul li ul.child{
	width :358px;
	position: absolute;
	left: -1px;
	top: 39px;
	z-index: -1;
}

#tech_snav li.nav ul li ul.child li a{
	padding-left: 49px;
	background:url(/common/image/arrow_red.gif) no-repeat 38px 0.9em;
}
#tech_snav li.nav ul li ul.child li .current a{
	background:url(/common/image/arrow_red.gif) no-repeat 38px 0.9em;
}

p.title_mini{
	position: absolute;
	top: 0px;
	left: 85px;
}
 
 
 /*  bottom cotents
---------------------------------------------------------- */
div#main.tech_body div.contents_menu_area{
	margin-top: 50px;
	padding: 20px 0 10px 0px;
	width: 958px;
	background: #E4ECF8;
	border-left: solid 1px #A8B6C8;
}
div#main.tech_body div.contents_menu_area h2{
	font-size:119.5%;
	margin:0 0 20px 44px;
	font-weight:bold;
	color:#1C418D;
	background:url(/common/image/arrow_red_large.gif) no-repeat 0px 0.45em;
	padding: 0 0 0 21px;
	float:left;
	width:893px;
	border-top: none;
}
div#main.tech_body div.contents_menu_area h2 a{
	text-decoration: none;
}


ul.contents_menu{
	margin-left: 44px;
	margin-bottom: 20px;
}
ul.contents_menu li{
	float: left;
	margin-right: 30px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
}

ul.contents_menu li a:hover img.current{
	/*cursor: auto;*/
	opacity: 0.6;
	background: #fff;
}

div#main.tech_body div.contents_menu_area_chap4{
	margin-top: 50px;
	padding: 0;
	width: 958px;
	background: none;
	border-left: solid 1px #A8B6C8;
}
div#main.tech_body div.contents_menu_area_chap4 ul.contents_menu{
	margin-left: 44px;
	margin-bottom: 20px;
}
div#main.tech_body div.contents_menu_area_chap4 ul.contents_menu li{
	float: left;
	margin-right: 20px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.6);
}


 /*  bottom
---------------------------------------------------------- */
.page_bottom{
	margin-bottom: 30px;
}


 /*  body
---------------------------------------------------------- */
div#main.tech_body div.section.wide{
	position:relative; 
	height: 370px;
}

div#main.tech_body div.section.wide .caption {
	position: absolute;
	top: 350px; 
	right: 10px;
}


div#main.tech_body h2 {
	border-top: none;
	padding: 0 100px 0 100px;
	margin: 35px 0px 25px 0px;
	clear:both;
	font-size: 133%;
	color: #363434;
	border-bottom: none;
}

div#main.tech_body h3 {
	border-top: none;
	padding: 0;
	margin: 35px 0px 15px 0px;
	clear:both;
	font-size: 133%;
	color: #363434;
	border-bottom: 1px solid #CC0033;
	/*border-bottom: 1px solid #ccc;*/
}

div#main h4 {
	margin: 20px 0 5px 0;
	font-size: 110%;
	font-weight: bold;
	clear:both;
	letter-spacing: 0.05em;
}

div#main h4 span{
	font-weight: normal;
	font-size: 90.9%;
}

p.caption {
	margin: 3px 0 20px 0;
	line-height:1.7;
	font-size: 90%;
}

p.prize{
	color:#CC0000;
	font-size:85% !important;
}


/*事例ボタン*/
.works_btn{
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
}

/*一覧表*/
table {
	width: 100%;
}
thead{
	border-top: 1px solid #325498;
	border-bottom: 1px solid #325498;
}
thead tr th{
	background: #325498;
	color: #fff;
	padding: 10px 10px 8px;
}
/*tr.header {
	text-align:center;
	background-color:#E1E1E1 !important;
}
*/
tr.even {
	background-color:#F1F1F1;
}
tr.odd  {
	background-color:#fff;
}

table td,
table th {
	line-height: 1.4em;
	border: 1px solid #B9B9B9;
	border-bottom: 1px solid #888;
	padding: 8px 10px 6px;
	white-space:nowrap;
}
table td:first-child,
table th:first-child {
	border-left: none;
}
table td:last-child,
table th:last-child {
	border-right: none;
}

thead tr th.name {	width: 29%;}
thead tr th.place {	width: 11%;}
thead tr th.owner {	width: 23%;}
thead tr th.year {	width: 10%;}
thead tr th.description {	width: 27%;}
#works_table{
}

#works_table tbody{
	display: none;
}

#works_table p.down_arrow {
	width: 760px;
	height: 40px;
	background: url(/tech/c_special/dam/chapter3/images/btn_table_open_off.png) repeat-x left top;
}
#works_table thead:hover,
#works_table p.down_arrow:hover {
	opacity: 0.7;
}
#works_table p.down_arrow.active {
	background: url(/tech/c_special/dam/chapter3/images/btn_table_open_on.png) repeat-x left top;
}
#works_table p.down_arrow span{
	display: none;
}

#works_table img.down_arrow {
	background: none;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: -0.45em;
}

/*gaiyo*/
div#main h4.gaiyo{
	margin-top: 35px;
	margin-bottom: 0px;
	padding-left: 99px;
}

.gaiyo_area{
	/*background: #E4ECF8;*/
	background: #F2F1E9;
	padding: 25px 0 25px 0;
	width:958px;
	border-left: solid 1px #A8B6C8;
}

.gaiyo_area .text_area{
	clear: both;
	padding: 0 100px 0 100px;
}

.gaiyo_title{
	clear: both;
	font-weight: bold;
	border-top: dotted 1px #555;
	padding-top: 20px;
	margin-bottom: 10px;
}

.gaiyo_title:first-child {
	border-top: none;
	padding-top: 0px;
}


dl.gaiyo {
	float:left;
}

dl.gaiyo dt {
	width:6em;
	float:left;
	clear:left;
	padding:0px 0px 6px 0px;
	line-height:1.5;
}

dl.gaiyo dd {
	margin:0px 0px 0px 6em;
	padding:0px 0px 6px 0px;
	color:#595757;
	line-height:1.5;
}

dl.gaiyo dt.last,
dl.gaiyo dd.last {
	padding-bottom:0px;
}


/*img_info*/
.img_info {
	color: #747474;
	font-size: 88%;
}


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

/**
		=Clearfix
---------------------------------------------------------- */
div.gaiyo_area,
div.text_area,
.gaiyo_title {zoom:1;} /* clearfix IE6, 7 */

div.gaiyo_area:after,
div.text_area:after,
.gaiyo_title:after {content:"";}

/* End_clearfix */


@media print{
p.title_mini,
.contents_menu_title,
.contents_menu_area,
.contents_menu,
#works_table p.down_arrow{
	display: none;
}

#header {
	border-bottom: none;
}


.page_bottom{
	border-bottom: solid 1px #A8B6C8;
	margin-left: 0px;
	width: 960px;
}

div#main img.large_image{
	width: 500px;
	height: auto;
}

div#main.tech_body div.section.wide{
	height: 230px;
}
div#main .section.wide img.large_image{
	width: 600px;
	height: auto;
	margin-left: 179px;
}
div#main.tech_body div.section.wide .caption {
	top: 220px; 
	right: 179px;
}


}