@charset "Shift_JIS";

/*-----------------------------------------------------------------------------------------
全ページ共通
-------------------------------------------------------------------------------------------*/
html { height: 100.2%;}

.backArrowLink {
	display: inline-block;
	padding-left: 17px;
	background: url(../theme/img/ico-backarrow.png) left 0.3em no-repeat;
}

.anchorLink {
	display: inline-block;
	padding-left: 16px;
	background: url(/general/img/common/ico-arrow_05.png) left 0.25em no-repeat;
}

.greenBack {
	background: #008900;
	color: #fff;
	font-size: 134%;
	padding: 5px 10px;
	margin: 15px 0;
}

.greenBack02{
	background: #008900;
	color: #fff;
	padding: 5px 10px;
	margin: 10px 0;
}

.midashi {
	border-left: solid 8px #abcd06;
	border-bottom: solid 1px #ccc;
	padding: 4px 8px;
	margin: 20px 0 15px 0;
	font-size: 117%;
}

p.tx_sm {
	font-size:84%;
	line-height:1.6;
}

.tx_01 {
	margin-top:15px;
	border-bottom:solid 1px #ddd;
	padding-bottom:20px;
}

.indent01 {
	text-indent:-1em;
	padding-left:1em;
}
.indent-01 {
	text-indent: 1em;
}

.txt_red { color: red; }

.txt_bold_line {
	font-weight: bold;
	text-decoration: underline;
}

a img { transition-duration: 400ms; }
a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}

h2.txt {
	font-size: 1.3em;
}

.mainCol, .sideCol {
	margin-bottom: 17px;
}

/* accordion */
.accordionBtn {
	position: relative;
	color: #333;
	font-size: 1.6rem;
	font-weight: bold;
	cursor: pointer;
}

.accordionBtn:before,
.accordionBtn:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #333;
	transition: 0.4s;
}

.accordionBtn:before {
	width: 2px;
	height: 20px;
	right: 19px;
}

.accordionBtn:after {
	width: 20px;
	height: 2px;
	right: 10px;
}

.accordionBtn.open:before{
    transform: rotate( -90deg );
}

.accordion_In,.accordionBtn.open:after {
	display: none;
}

/*-----------------------------------------------------------------------------------------
研究開発TOP
-------------------------------------------------------------------------------------------*/

ul.press_Link li{
	float: left;
	margin-right: 15px;
}

#development h3 {
	margin:30px 0 3px 5px;
	font-size:117%;
}

/* メインビジュアル メニュー */
ul.top2017menu {
	margin: 0 5px 20px -15px;
	overflow: hidden;
}
ul.top2017menu li {
	float: left;
	margin: 0 0 5px;
}
ul.top2017menu li a {
	display: block;
	width: 330px;
	margin-left: 20px;
	padding: 0.8em 0.2em;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	background: #6A6A6A;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	transition: 0.2s;
}
ul.top2017menu li:nth-child(1) a { background: #de82b2; }
ul.top2017menu li:nth-child(2) a { background: #41bdd8; }
ul.top2017menu li:nth-child(4) a { background: #f08300; }
ul.top2017menu li:nth-child(5) a { background: #8cc66d; }
ul.top2017menu li a:hover { opacity: 0.8; }
ul.top2017menu li a:before {
	content: ">";
	padding-right: 0.4em;
	font-weight: bold;
}
ul.top2017menu li img { margin-left: 20px; }


/*-----------------------------------------------------------------------------------------
研究開発セクション
-------------------------------------------------------------------------------------------*/

.kenkyu_section {
	margin-left:20px;
	float:left;
	width:380px;
}

.kenkyu_section dl {
	margin-top:20px;
}
.kenkyu_section dl dd{
	margin-left:20px;
}

/*-----------------------------------------------------------------------------------------
技術革新中長期ビジョン
-------------------------------------------------------------------------------------------*/
#innovation h3 {
	margin: 30px 0 5px;
	font-size: 1.2em;
}


/*-----------------------------------------------------------------------------------------
研究開発テーマ
-------------------------------------------------------------------------------------------*/

ul.tabMenu {
	padding:0 5px;
	margin-top:20px;
	background: url(../theme/img/bg-tab.png)left bottom repeat-x;
	overflow: hidden;
}

ul.tabMenu li.current {
	border-bottom: solid 5px #008900;
}

ul.tabMenu li {
	float: left;
}

ul.tabMenu li+li {
	margin-left: 8px;
}


ul.theme_list li{
	display:block;
	margin-bottom:10px;
}

ul.theme_list li a.pdfLink{
	line-height: 1.2;
	margin-top: -2px;
	background-size: 14px;
}

p.tx_02 {
	float:left;
	width:380px;
	margin:10px;
}

#theme h3 {
	font-size:117%;
}

#theme .box {
	border: solid 2px #6b6d6c;
	width: 551px;
	margin: 0 auto;
	padding: 10px;
}

#theme .box_s_l {
	border: solid 2px #6b6d6c;
	width: 256px;
	margin: 0 15px 0 57px;
	padding: 10px;
}

#theme .box_s_r {
	border: solid 2px #6b6d6c;
	width: 256px;
	/*margin: 0 58px 0 0;*/
	padding: 10px;
}

#theme .pink {
	background: #ffcccb;
}

#theme .blue {
	background: #c7d9f1;
}

#theme .green {
	background: #99ff99;
}

#theme .yellow {
	background: #feff99;
	min-height: 113px;
}

#theme .txt_box {
	background: #fff;
	border: solid 2px #2b352c;
	line-height: 1.3;
	text-decoration: underline;
	padding: 5px;
}

#theme .box h3.image {
	font-size: 0;
}

#theme .box h4,
#theme .box h5 {
	font-weight: normal;
}

#theme .box h4 span {
	text-decoration: underline;
}

#theme #speed03_02 {
	position: relative;
}

#theme #speed03_02 h3.bgimage {
	background: url(../theme/speed/img/speed03-02-h3bg.png) no-repeat;
	width: 545px;
	min-height: 43px;
	position: absolute;
	left: 72px;
	top: 46.5%;
	padding: 7px 0 0;
}



/*-----------------------------------------------------------------------------------------
現場第一線における技術開発
-------------------------------------------------------------------------------------------*/
#field .img_area {
	width:575px;
	border: solid 1px #ddd;
	margin:0 auto;
	padding:20px 0;
}


#field .img_area p.tx_L {
	float:left;
	width:265px;
	margin-left:15px;
}

#field .img_area p.tx_R {
	float:right;
	width:265px;
	margin-right:15px;
}

#field .img_area .img_01{
	float:left;
	width:169px;
	margin-left:20px;
}

#field .img_area .img_02{
	float:left;
	width:130px;
	margin-left:50px;
}

#field .img_area .img_03{
	float:right;
	width:130px;
	margin-right:20px;
}

#field .img_area .img_04{
	float:left;
	width:169px;
	margin-left:10px;
	margin-top:20px;
}

#field .img_area .img_05{
	float:left;
	width:188px;
	margin-left:10px;
	margin-top:20px;
}

#field .img_area .img_06{
	float:right;
	width:182px;
	margin-right:10px;
	margin-top:20px;
}

#field .img_area .img_01 p,
#field .img_area .img_01 img,
#field .img_area .img_02 p,
#field .img_area .img_02 img,
#field .img_area .img_03 p,
#field .img_area .img_03 img,
#field .img_area .img_04 p,
#field .img_area .img_04 img,
#field .img_area .img_05 p,
#field .img_area .img_05 img,
#field .img_area .img_06 p,
#field .img_area .img_06 img {
	text-align:center;
}


#field .tx_01 dl dt {
	float: left;
	clear: left;
	margin-right: 0.3em;
	height: 2.5em;
}
/*-----------------------------------------------------------------------------------------
テクニカルレビュー
-------------------------------------------------------------------------------------------*/

.tx_right {
	float:left;
	margin-left:10px;
	width:550px;
}

ul.tech_list li {
	display:block;
	border-bottom:dotted 2px #ddd;
	padding: 8px 0;
}


.mail_ico {
	padding-left: 25px;
	margin-top:10px;
	float:right;
	background: url(../tech/img/ill01.gif) left 0.3em no-repeat;
}


.tech_reviewbox {
	padding:0px 10px 10px;
	margin-bottom:15px;
	border-bottom:dotted 2px #ddd;
}

.tech_reviewbox p {
	text-align:right;
}