@charset "utf-8";

/** |READ ME| **************************************************************************************

"EPSON"

Cascading Style Sheet Setting File
/recycle/common/css/popup.css

recycleコンテンツ領域用CSS

Ver.201001xx

************************************************************************************** |READ ME| **/



/** |01.「WEプロジェクト(/recycle/hikitori/～)」ポップアップ用| *************************** START **/
/* kifu.htm */
#kifu{width:685px; margin:20px auto 0px auto;}
#kifu .top_t{ display:block; margin:10px 15px; font-size:12px; line-height:16px;}
#kifu img{vertical-align:bottom;}
#kifu .text{background:#eee; border:solid 1px #e5e5e5; padding:12px 15px; height:160px;}
#kifu .link{padding:0px 4px 0px 8px;}
#kifu .link a{
	color:#ff7f02;
	background:url(/recycle/hikitori/common/img/kifu_icon_link.gif) no-repeat right center;
	padding-right:12px;
	font-size:110%;
}
#kifu .intro{width:340px; float:left;}
#kifu .intro .text{margin:7px 7px 0px 24px;}
#kifu .intro .link{margin:15px 7px 0px 24px;}
#kifu .detail{width:340px; float:right;}
#kifu .detail .text{margin:7px 24px 0px 7px;}
#kifu .detail .link{margin:15px 24px 0px 7px;}
.nature{background:url(/recycle/hikitori/common/img/kifu_nature_bg.gif);}
.oisca{background:url(/recycle/hikitori/common/img/kifu_oisca_bg.gif);}

/* touroku.htm */
#touroku{width:685px; margin:12px auto 0px auto; background:#fff;}
#touroku table{border-collapse:collapse; border-spacing:0px;}
#touroku img{vertical-align:bottom;}
#touroku .flow_title{margin-top:20px;}
#touroku .flow_title img{float:left;}
#touroku .flow_title strong{
	display:block;
	width:623px;
	color:#023f9a;
	border:solid 1px #3f83c0;
	padding:0px 15px;
	line-height:26px;
	float:right;
}
#touroku .text{margin-top:15px; padding:0px 10px;}
#touroku .regist_flow{margin-top:10px;}
#touroku .regist_flow table{margin-top:10px; width:100%;}
#touroku .regist_flow caption{text-align:left; padding:0px 0px 10px 0px;}
#touroku .regist_flow td{vertical-align:middle;}
#touroku .regist_flow .flow{border:solid 1px #414b86; background:#f2f3f8; padding:5px; white-space:nowrap;}
#touroku .regist_flow .finish{border:solid 1px #ff6702; padding:5px; white-space:nowrap; text-align:center;}
#touroku .regist_flow .coution{color:#cc0000; padding-left:1em; text-indent:-1em; padding-top:5px;}
#touroku .box{margin-top:35px;}
#touroku .box li{
	width:222px;
	height:249px;
	text-align:center;
	float:left;
	margin-right:6px;
	border: 1px solid #CCC;
}
#touroku .box p{color:#004195; padding-top:12px; font-weight:bold;}
#touroku .box div{text-align:left; padding:0px 10px; margin-top:10px;}
#touroku .box .rightBox{margin:0px; float:right;}
#touroku .boxImage{margin-top:20px; background:url(/recycle/hikitori/common/img/touroku_request_bg.gif); width:530px; height:284px;}
#touroku .boxImage table{width:500px; margin:0px auto;}
#touroku .boxImage caption{text-align:left; padding:15px 0px 10px 0px; color:#013e99;}
#touroku .boxImage th, #touroku .boxImage td{border:solid 1px #ccc; padding:12px 7px; vertical-align:top;}
#touroku .boxImage thead th{color:#fff; background:#004097; padding:10px 7px;}
#touroku .boxImage tbody th{text-align:left; background:#dfe7f2;}
#touroku .boxImage tbody img{margin-top:10px;}
#touroku .point{margin-top:20px;}
#touroku .point table{width:500px; margin:0px 20px;}
#touroku .point caption{text-align:left; padding:15px 0px 10px 0px;}
#touroku .point th, #touroku .point td{border:solid 1px #ccc; padding:7px; vertical-align:top;}
#touroku .point thead th{color:#fff; background:#004097; padding:10px 7px;}
#touroku .point tbody th{background:#dfe7f2;}
#touroku .point tfoot td{border:none; text-align:right; padding:7px 0px;}
#touroku .point li{list-style:disc; margin-left:2em;}
#touroku .point tbody .pointCount{text-align:center; font-weight:bold;}


#touroku #toptable {
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	display:block;
	padding-bottom:20px;
}

#touroku #toptable td {
	padding:5px;
	color:#FFFFFF;
	font-size:12px;
	line-height:18px;
	border:solid 1px #ccc;
}

#touroku #toptable td p {
	font-size:12px;
	line-height:18px;
	padding-left:0px;
	padding-right:0px;
	display:block;
	margin:0px;
	padding-bottom:0px;
	color:#333333;
}

#touroku #toptable td p strong {
	font-size:12px;
	line-height:16px;
	padding-left:0px;
	padding-right:0px;
	display:block;
	margin:0px;
	font-weight: normal;
	color:#333333;
	text-align:center;
}

#touroku #toptable span {
	text-align:right;
	font-size:12px;
	line-height:18px;
	color:#333333;
	display:block;
	padding-top:5px;
}

#touroku #toptable td span {
	font-size:16px;
	line-height:18px;
	color:#333333;
	text-align:center;
	padding-top:0px;
}

#touroku #toptable span.fix {
	width:490px;
}
#touroku sub{
  font-size: 75%;
  vertical-align: text-bottom;
}

/* faq.htm */
#faq{width:685px; margin:30px auto 0px auto; background:#fff;}
#faq img{vertical-align:bottom;}
#faq .link{margin-top:15px;}
#faq .link a{
	display:block;
	background:url(/recycle/hikitori/common/img/faq_link.gif);
	width:288px;
	line-height:29px;
	float:left;
	margin:0px 12px;
	padding-left:30px;
	text-decoration:underline;
}
* html #faq .link a{margin:0px 12px 0px 6px;}
#faq strong{
	display:block;
	color:#426fb2;
	padding:5px 0px 0px 7px;
	border-bottom:solid 2px #809fcb;
	margin-top:25px;
	margin-bottom:10px;
	font-weight:normal;
}
#faq .list{ font-size:12px; line-height:16px;}
#faq .list a{text-decoration:underline;}
#faq .list a img{padding-bottom:3px;}
#faq .list dl dd.t_g{
	color:#33A02C;
	text-align:center;
	font-weight:bold;
	background-color:#eeeeee;
	display:block;
	width:50px;
	padding-top:4px;
	padding-bottom:4px;
	float:left;
}
#faq .list dl dd.t_r{
	color:#960000;
	text-align:center;
	font-weight:bold;
	background-color:#eeeeee;
	display:block;
	width:50px;
	padding-top:4px;
	padding-bottom:4px;
	float:left;
}
#faq .list dl dd.in_txt{
	margin-left:60px;
	width:620px;
	padding-top:4px;
	padding-bottom:8px;
}
#faq .list dl dd.e{
	border-bottom:dotted 2px #cccccc;
	margin-bottom:20px;
}
#faq .list dd{
	margin:0 0 6px 0;
	padding-top:5px;
}
#faq sub{
  font-size: 75%;
  vertical-align: text-bottom;
}



#faq .list dl span{
}
#faq .list dt{
	padding:5px 10px 8px 60px;
	display:block;
	margin-top:12px;
	margin-bottom:2px;
}



/* kiboubi.htm */
#kiboubi{width:685px; margin:30px auto 0px auto; background:#fff;}
#kiboubi img{vertical-align:bottom;}
#kiboubi .text{margin-top:10px; padding:0px 10px;}
#kiboubi .detail{margin-top:15px;}



/** |01.「WEプロジェクト(/recycle/hikitori/～)」ポップアップ用| ***************************** END **/



/** |02.「WEプロジェクト(/recycle/hikitori/～)」ClearFixクラス| *************************** START **/
.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 */
/** |02.「WEプロジェクト(/recycle/hikitori/～)」ClearFixクラス| ***************************** END **/