/* CSS Document */

@import url(/corporate/randd/css/randd.css); /* 研究開発共通パーツ */

/*-------------------------
 *
 * 研究開発　研究所紹介
 *
--------------------------*/

/*-------------------------
 * デザイン技術
--------------------------*/
ul.listDesign li{
	margin:0 10px 10px 0;
	padding-bottom:10px;
	width:200px;
	float:left;
}
ul.listDesign li .thumb,
ul.listDesign li .link{
	float:left;
	display:table-cell;
	vertical-align:middle;
}
ul.listDesign li .thumb{
	width:63px;
	border:1px solid #999999;
}
ul.listDesign li .link{
	width:115px;
	margin-left:5px;
}
ul.listDesign li .link a{
	display:block;
	padding-left:16px;
	font-weight:bold;
	background:url(/corporate/randd/common/pattern4/img/arr_gray.gif) no-repeat 5px 0;
}
ul.listDesign li .right{
	margin-right:0;
}

/*------------------------------
 * デザイン技術（事例紹介）枠
-------------------------------*/
.frame {
	width:650px;
	margin-bottom:25px;
	padding-top:4px;
	background:url(/corporate/randd/common/pattern4/img/bg_rborder_top_w650.gif) no-repeat;
}
.frame .wrap{
	padding-bottom:4px;
	background:url(/corporate/randd/common/pattern4/img/bg_rborder_bottom_w650.gif) no-repeat left bottom;
}
.frame .wrap .wrap{
	padding:8px 12px 10px;
	background-image:none;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
html>/**/body .frame .wrap .wrap{
	padding:8px 12px 0;
	background-image:none;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}

/*------------------------------
 * デザイン技術（事例紹介）
-------------------------------*/

ul.listPickup li{
	margin:0 10px 10px 0;
	padding-bottom:0px;
	width:600px;
	height:79px;
	float:left;
}
ul.listPickup li .thumb,
ul.listPickup li .link{
	float:left;
	display:table-cell;
	vertical-align:middle;
}
ul.listPickup li .thumb{
	width:93px;
	border:1px solid #9a9a9a;
}
ul.listPickup li .link{
	width:455px;
	margin-left:20px;
}
ul.listPickup li .link a{
	display:block;
	font-weight:bold;
	padding-left:10px;
	margin-left:-10px;
	background:url(/corporate/randd/common/pattern4/img/arr_gray.gif) no-repeat 0px 0;
	zoom:1;
	position:relative;
}
ul.listPickup li .right{
	margin-right:0;
}

/*-------------------------
 * 研究紹介（事例紹介）
--------------------------*/
ul.listProduct li{
	margin:0 10px 10px 0;
	padding-bottom:10px;
	width:300px;
	float:left;
}
ul.listProduct li .thumb,
ul.listProduct li .link{
	float:left;
	display:table-cell;
	vertical-align:middle;
}
ul.listProduct li .thumb{
	width:92px;
	border:1px solid #999999;
}
ul.listProduct li .link{
	width:185px;
	margin-left:5px;
}
ul.listProduct li .link a{
	display:block;
	padding-left:16px;
	font-weight:bold;
	background:url(/corporate/randd/common/pattern4/img/arr_gray.gif) no-repeat 5px 0;
}
ul.listProduct li .right{
	margin-right:0;
}
.ml15{
	margin-left:15px;
}
.mr15{
	margin-right:15px;
}
.w130{
	width:130px;
}
.w155{
	width:155px;
}
.w240{
	width:240px;
}

/*-------------------------
 * 注目の研究・技術
--------------------------*/
ul.listAttent{
	margin-bottom:1em;
}
ul.listAttent li{
	float:left;
	width:265px;
	display: table-cell;
	padding-right:30px;
	margin-bottom:1.5em;
	margin-right:10px;
}
ul.listAttent li a{
	font-weight:bold;
	display:block;
	padding-left:11px;
	background:url(/corporate/randd/common/pattern4/img/arr_gray.gif) no-repeat;
}

/*-------------------------
 * デザイン事例
--------------------------*/
ul.listCase{
	margin-bottom:1em;
}
ul.listCase li{
	float:left;
	display: table-cell;
	padding-right:30px;
	margin-bottom:1.5em;
	margin-right:10px;
}
ul.listCase li a{
	width:160px;
	font-weight:bold;
	display:block;
	padding-left:11px;
	background:url(/corporate/randd/common/pattern4/img/arr_gray.gif) no-repeat;
}

/*-------------------------
 * スライドショー
--------------------------*/
* html #listThumb{
	background-color:#02050A;/* white noise */
}

/*-------------------------
 * デザイン 研究紹介
--------------------------*/
.list2 ul.linkThumb li{
	margin:0 10px 10px 0;
	padding-bottom:10px;
	width:310px;
	height:58px;
	float:left;
}
.list2 ul.linkThumb li .thumb,
.list2 ul.linkThumb li .link{
	float:left;
	display:table-cell;
	vertical-align:middle;
}
.list2 ul.linkThumb li .thumb{
	width:92px;
	border:1px solid #9a9a9a;
}
.list2 ul.linkThumb li .link{
	width:190px;
	margin-left:20px;
}
.list2 ul.linkThumb li .link a{
	display:block;
	padding-left:10px;
	background:url(/corporate/randd/common/pattern4/img/arr_gray.gif) no-repeat 0px 0;
	font-weight:bold;
	margin-left:-10px;
	zoom:1;
	position:relative;
}
.list2 ul.linkThumb li .right{
	margin-right:0;
}
#content .list2 .heightAuto li{
	height:auto;
	margin-bottom:8px;
}

/*---------------------------------------
 * information_technology/index.html
----------------------------------------*/
ul.line{
	margin-top:-0.5em;
}
ul.line li{
	border-bottom: 1px solid #e6e6e6;
	padding: 0.5em 0;
}
dl.listDate{
	margin-bottom: 5px;
}
dl.listDate .arr{
	margin: 0.5em 0 0.5em;
}
dl.listDate .arr[href="javascript:void(0);"] {
	margin: 0.3em 0 0.3em;
}
.mb .listDisc{
	margin-bottom: 0;
}
.Announce{
    font-size: 78%;
    padding-left: 10px;
}
.AnnounceWrap{
	width: 100%;
	border: 1px solid #ccc;
	overflow-y: scroll;
	height: 14em;
}
.AnnounceWrap .AnnounceScroll{
	padding: 15px 15px;
}
.AnnounceScroll .listDate dt{
	margin-left: 0 !important;
}

.AnnounceWrap .AnnounceList{
	border-bottom: 1px solid #e6e6e6;
	padding: 0 0 15px 15px;
}
.AnnounceWrap .listDisc{
	margin-bottom: 0;
}
.AnnounceWrap .last{
	border: none;
	padding-bottom: 0.5em;
}
.AnnounceWrap .AnnounceList dl dt{
	float: left;
}
.AnnounceWrap .AnnounceList dl dd{
	padding: 0 0 0 4em;
}
.sp_Announce{
	display: none;
}

/*---------------------------------------
 * information_technology/backnumber.html
----------------------------------------*/
.mt05em{
	margin-top: 0.5em;
}
.mt20{
	margin-top: 20px;
}
.mt26{
	margin-top: 26px;
}
.pt17{
	padding-top: 17px;
}
.pb17{
	padding-bottom: 17px;
}
.AnnounceSection .AnnounceList{
	border-bottom: 1px solid #e6e6e6;
	padding: 0 0 20px 15px;
}
.AnnounceSection .listDisc{
	margin-bottom: 0;
}
.AnnounceSection .last {
	border: none;
	padding-bottom: 0;
}
.AnnounceSection .AnnounceList dl dt {
 float: left;
}
.AnnounceSection .AnnounceList dl dd {
 padding: 0 0 0 4em;
}

/*---------------------------------------
 * information_technology/topics.html
----------------------------------------*/
.AnnounceSection .arr {
	 margin-bottom: .5em;
	}
/*---------------------------------------
 * advanced_technology*
----------------------------------------*/
  .detail_link {float:right;margin-bottom:22px;}
  ul.top_page_link li {
    margin-bottom:25px;
    width: 650px;
    height: 79px;
    float: left;
}
ul.top_page_link li .link {
    width: 422px;
    margin-left: 35px;
}
ul.top_page_link li .thumb {
    width: 190px;
    border: 1px solid #9a9a9a;
}
ul.top_page_link li .thumb, ul.top_page_link li .link {
    float:left;
    display: table-cell;
    vertical-align: middle;
}
ul.top_page_link li .link p.inf_mgl{
	margin-left: 21px;
}
ul.top_page_link li .link p.inf_mgl01{
	margin-left: 11px;
}
.headerWrap .rss {
    position: absolute;
    right: 13px;
    top: 1.16em;
}
.headerWrap .feed {
    float: left;
    margin: 2px 8px 0 0;
}
.headerWrap {
    position: relative;
}
html>body .lineBorder {
    padding: 25px 0 0 0;

}
.lineBorder {
    padding: 15px 0 10px 0;
    border-top: 1px solid #e7e7e7;
}
ul.top_page_link li .link a {
    display: block;
    margin-left: -10px;
	margin-bottom:10px;
    font-weight: bold;
    zoom: 1;
    position: relative;
}
.headerWrap {
    margin-bottom: 1em;
    background: url(../advanced_technology/images/bg_lh_bottom_w650.gif) no-repeat left bottom;
    margin-bottom: 0;
    padding-bottom: 0;
}
.header_01 {
    width: 100%;
	padding:12px 0 16px 12px;
	margin-bottom:12px;
}
.sub_pa{
	padding-bottom: 1em;
	font-size:115%;
}
.title_01,.title_02{
    padding-bottom: 8px;
	border-bottom:1px solid #e5e5e5;

}

.title_02{margin-top:40px;border-bottom:1px solid #e5e5e5;}
.title_01 .title_txt,.title_02 .title_txt {
	font-size:113%;
	font-weight:bold;
	border-left: 3px solid #cc0000;
    padding-left: 8px;
}
.top_un_img{
	float:left;
	width:260px;}
.top_un_text,.top_un_link{float:right; width:358px;}
.section_01,.section_03{margin-top:25px;}
.section_02{
	margin-top:12px;
}
.top_un_text_last{
	margin-top:15px;
}
.top_un_arr{margin-top:10px;}
.top_un_link a{font-size:100%;}

.movie_btn {
width: 228px;
display:inline-block;
padding:10px 10px;
background-color: #355675;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
font-weight: bold;
}
.movie_btn span {
color :#fff;
padding-left: 13px;
background:url(../advanced_technology/images/arr_white.gif) no-repeat 0 center; 
}
.movie_btn:hover {
color: #355675;
text-decoration: none;
background-color: #fff;
padding:9px 9px;
border: 1px solid #355675;
opacity: .8;
}
.movie_btn:hover span {
color: #355675;
background:url(../advanced_technology/images/arr_blue.gif) no-repeat 0 center; 
}

/*- movie ver.2 -*/
.movie02_btn {
width: 280px;
display:inline-block;
padding:10px 10px;
background-color: #355675;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
font-weight: bold;
}
.movie02_btn span {
color :#fff;
padding-left: 13px;
background:url(../advanced_technology/images/arr_white.gif) no-repeat 0 center; 
}
.movie02_btn:hover {
color: #355675;
text-decoration: none;
background-color: #fff;
padding:9px 9px;
border: 1px solid #355675;
opacity: .8;
}
.movie02_btn:hover span {
color: #355675;
background:url(../advanced_technology/images/arr_blue.gif) no-repeat 0 center; 
}