/*-------------------

  etto_detail.css
  2010.03.22
  raw style

--------------------*/



/*01.導入事例リンク設定
--------------------------------------------------------------*/

.showcase-link{
	line-height:1em;
}

.showcase-link a{
	padding:0.5em 0.75em 0.4em 1.25em;
	margin-bottom:0.5em;
	display:block;
	color:#fff !important;
	text-decoration:none !important;
	background:url(../../backnumber/images/showcase_link.gif) no-repeat 0 50%;
	background-color:#cc0000;
}

.showcase-link a:hover{
	display:block;
	background-color:#cc6666;
}



/*02.フロートクリア
--------------------------------------------------------------*/
.float-clear {
	clear:both;
	font-size:0;
	line-height:0;
	}


.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix:{
	display:inline-block;
	}
/*hides from IE-mac\*/
/*html .clearfix{height:1%;}
.clearfix:{display:block;}
/*End hide from IE-mac*/



/*03.紹介サービス
--------------------------------------------------------------*/
.boxTypeNest-etto{
	width:702px;
	margin-top:30px;
	padding-bottom:25px;
	background:url(../images/nestbox_bg.jpg) no-repeat bottom;
}

.boxTypeNest-etto dl{
	background:url(../images/nestbox_top.jpg) no-repeat top;
}

.boxTypeNest-etto dt{
	padding:18px 0 20px 25px;
}

.title-etto-service{
	color:#cc0000;
	font-size:120%;
	font-weight:bold;
	line-height:2;
}

.nestList-etto{
	width:656px;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	background:url(../images/nestlist_top.jpg) top no-repeat;
}

.nestList-etto ul{
	background:url(../images/nestlist_bg.jpg) bottom no-repeat;
	padding-top:10px;
	padding-bottom:18px;
	padding-left:35px;
}

.nestList-etto li{
	float:left;
	width:275px;
	margin-bottom:7px;
	padding-right:35px;
}
* html .boxTypeNest dd.nestList li{width:180px;}



.boxTypeNest dd.nestBtn li{
	float:left;
	width:283px;
	margin-right:25px;
}

ul.indexBarList{
margin-top:22px;
margin-left:10px;
}
* html ul.indexBarList{margin-left:15px;}
ul.indexBarList li{
width:322px;
float:left;
margin:10px 10px 0 10px;
}
* html ul.indexBarList li{margin-left:5px;}



/*04.リンクアイコン
--------------------------------------------------------------*/
.icon-link{
	vertical-align:baseline;
}



/*04.区切り線
--------------------------------------------------------------*/
.partition-line01{
	margin-top:30px;
	background:url(../../backnumber/images/partition-line01.gif) repeat-x bottom;
}

.partition-line02{
	margin-top:30px;
	background:url(../../backnumber/images/partition-line02.gif) repeat-x bottom;
}

.partition-line03{
	margin-top:20px;
	margin-bottom:15px;
	background:url(../../backnumber/images/partition-line01.gif) repeat-x bottom;
}

/*05.バックナンバー
--------------------------------------------------------------*/
#boxType-backnumber{
	width:694px;
	margin:30px auto 0 auto;
	text-align:center;
	border:solid 3px #e6e6e6;
}

#boxType-backnumber div{
	width:620px;
	margin:20px auto;
	text-align:center;
	border:solid 0px;
}

.column-left-backnumber{
	float:left;
	width:290px;
}

.column-right-backnumber{
	float:right;
	width:290px;
}

.column-left-backnumber a, .column-right-backnumber a{
	font-size:1.1em;
	line-height:2.5em;
	padding-left:0.8em;
	background:url(../../backnumber/images/icon_link01.gif) no-repeat 0 50%;
}



/*06.こぼれ話2カラム
--------------------------------------------------------------*/
.column-left-etto{
	float:left;
	width:350px;
	border-right:solid 0px #ccc;
}
.column-other-etto {
	width:auto;
	line-height:2em;
	border-right:solid 0px #ccc;
}


.column-left-etto2{
	float:left;
	width:380px;
	border-right:solid 0px #ccc;
}
.column-left-etto23{
	float:left;
	width:390px;
	height:700px;
	border-right:solid 0px #ccc;
}

.column-right-etto{
	float:right;
	width:338px;
}

.column-right-etto2{
	float:right;
	width:280px;
}

.column-left-etto p{
	margin-right:10px;
}

.column-left-etto p, .column-right-etto p{
	line-height:2em;
	margin-top:0;
	margin-bottom:1em;
	padding:0;
}

.etto-other-photo{
	overflow:hidden;
	width:335px;
	height:29em;
	padding-top:1em;
}
.etto24-other-photo {
	overflow:hidden;
	width:335px;
	height:auto;
	padding-top:1em;
}

.etto28-other-photo {
	overflow:hidden;
	width:335px;
	height:auto;
	padding-top:1em;
}

.column-left-etto img{
	vertical-align:top;
	margin:0;
}


.etto19-other-photo {

	overflow:hidden;
	width:335px;
	height:auto;
	padding-top:1em;
}

.etto20-other-photo {

	overflow:hidden;
	width:335px;
	height:auto;
	padding-top:1em;
}

.etto22-other-photo {
	overflow:hidden;
	width:280px;
	height:auto;
	padding-top:1em;
}








/* hightlight/index.html (add style 2017.07.24)
--------------------------------------------------------------*/
.highlight td p.pdf_blueback {
	float: left;
	width: 130px;
	background-color: #D9F0F7;
	padding: 10px;
}

.highlight td p.pdf_blueback a {
	display: block;
}

.highlight td p.pdf_blueback a img {
	float: right;
	margin-top: 10px;
}

.highlight td p.list_circle_blue {
	overflow: auto;
	background: url(../../highlight/images/circle.gif) left top 5px no-repeat;
	text-indent: 15px;
	margin-bottom:  10px;
}

.highlight td ul.list_arrow_blue {
	list-style-image: url(../../highlight/images/arrow.gif);
	margin-left: 190px;
}

.highlight td p.page_num_range {
	float: left;
	width: 170px;
	height: 85px;
}

.highlight td p.special_title {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.highlight td span.bold_name {
	font-size: 1.0rem;
	line-height: 1.5rem;
}

.highlight td a span.bold_name {
	font-weight: bold;
	font-size: 1rem;
}

.highlight td p a img:hover {
	opacity: 0.8;
}