@charset "utf-8";

/*======================================

	トップページ（HOME）
	
	メインイメージ（スライダー）
	メインイメージ横バナー
	ニューストピック　※IE6用ハック有り
	技術情報・サイトに関して
	ソーシャルブックマーク
	下部バナー
	最下部リンク
	サイドフォーム
	サイドバナー
	フッター

=======================================*/

/*　大枠設定　*/
#cantainer{
	width: 100%;
	height: auto;
	margin: 0;
}

/*　全ての要素が入る幅　*/
#containerBox{
	width: 964px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#contents {
	width: 930px;
	margin: 0 auto;
	position: relative;
}

#mainColumn {
	width: 650px;
	float: left;
}

#sideBar {
	width: 250px;
	float: right;
}

/*----------------------------------
	メインイメージ（スライダー）
	slides.min.jquery.js
----------------------------------*/
#mainImg {
	width: 964px;
	height: 355px;
	margin: 0 0 20px;
	position: relative;
}

.slides{
	position: relative;
}
.slides_container {
	overflow: hidden;
	width: 964px;
	height: 345px;
}
.slides_container div {
	width: 964px;
	height: 345px;
}

ul.pagination {
	display: block;
	position: absolute;
	top: 265px;
	/*left: 296px;*/
	left: 18px;
	z-index: 2000;
}

ul.pagination li {
	display: block;
	float: left;
	margin-right: 5px;
}

ul.pagination a {
	display: block;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 1px solid #ccc;
	line-height: 14px;
	text-align: center;
	font-size: 10px;
}

ul.pagination li.current a,
ul.pagination li.current a:hover {
	display: block;
	background: #333;
	border: 1px solid #333;
	color: #fff;
	text-decoration: none;
}

.slides_container .caption{
	padding: 0 5px;
	background: #333;
/* 	height: 12px;
	border: 1px solid #333;
	line-height: 14px; */
	color: #fff;
	font-size: 10px;
	position: absolute;
	left: 135px;
	z-index: 3000;
	}


#homeNav .aheads {
	display: block;
	width: 930px;
	height: 40px;
	background: url("../img/home/homeNavAheads.gif") no-repeat 0 -40px transparent;
	position: absolute;
	top: 285px;
	left: 17px;
	z-index: 2000;
}

#homeNav .aheads dd {
	display: block;
	float: left;
	width: 155px;
	height: 40px;
}

#homeNav .aheads a {
	display: block;
	width: 155px;
	height: 40px;
	text-indent: -999em;
}

#homeNav .aheads .dd_01 a{
	background: url("../img/home/homeNavAheads.gif") no-repeat 0 0;
}
#homeNav .aheads .dd_02 a{
	background: url("../img/home/homeNavAheads.gif") no-repeat -155px 0;
}
#homeNav .aheads .dd_03 a{
	background: url("../img/home/homeNavAheads.gif") no-repeat -310px 0;
}
#homeNav .aheads .dd_04 a{
	background: url("../img/home/homeNavAheads.gif") no-repeat -465px 0;
}
#homeNav .aheads .dd_05 a{
	background: url("../img/home/homeNavAheads.gif") no-repeat -620px 0;
}
#homeNav .aheads .dd_06 a{
	background: url("../img/home/homeNavAheads.gif") no-repeat -775px 0;
}

#homeNav .aheads a:hover {
	display: block;
	background-image: none;
}

#homeNav .bottoms {
	width: 930px;
	height: 30px;
	background: url("../img/home/homeNavBottoms.gif") no-repeat 0 0;
	position: absolute;
	left: 17px;
	top: 325px;
	z-index: 2010;
}

#homeNav .bottoms dd {
	float: left;
	height: 30px;
}

#homeNav .bottoms dd a{
	display: block;
	height: 30px;
	text-indent: -999em;
}

#homeNav .bottoms .dd_01 a{
	width: 163px;
	background: url("../img/home/homeNavBottoms.gif") no-repeat 0 0;
}
#homeNav .bottoms .dd_02 a{
	width: 83px;
	background: url("../img/home/homeNavBottoms.gif") no-repeat -163px 0;
}
#homeNav .bottoms .dd_03 a{
	width: 98px;
	background: url("../img/home/homeNavBottoms.gif") no-repeat -246px 0;
}
#homeNav .bottoms .dd_04 a{
	width: 179px;
	background: url("../img/home/homeNavBottoms.gif") no-repeat -344px 0;
}
#homeNav .bottoms .dd_05 a{
	width: 84px;
	background: url("../img/home/homeNavBottoms.gif") no-repeat -523px 0;
}
#homeNav .bottoms .dd_06 a{
	width: 84px;
	background: url("../img/home/homeNavBottoms.gif") no-repeat -607px 0;
}
#homeNav .bottoms .dd_07 a{
	width: 130px;
	background: url("../img/home/homeNavBottoms.gif") no-repeat -691px 0;
}
#homeNav .bottoms .dd_08 a{
	width: 109px;
	background: url("../img/home/homeNavBottoms.gif") no-repeat -821px 0;
}


/*----------------------------------
	メインイメージ横バナー 
----------------------------------*/
/*　IE 6 PNG　*/
#homeBnr img {
	behavior: url("/img/home/iepngfix.htc");
}

#homeBnr {
	display: block;
	width: 285px;
	position: absolute;
	top: 19px;
	right: 14px;
	z-index: 100;
}

#homeBnr dd {
	display: block;
	float: left;
	width: 285px;
	height: 57px;
	margin-bottom: 7px;
}

#homeBnr dd a {
	clear: left;
}

#homeBnr dd a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*----------------------------------
	ニューストピック 
----------------------------------*/
.top_news_text_box_01 {
	display: block;
	width: 620px;
	margin: 0 15px 0 15px;
	border-bottom: 1px dotted #ccc;
	line-height: 30px;
	overflow: hidden;
}

/*　IE6　*/
.companyNews .top_news_text_box_01 {
	_height: 22px;
	_padding-top: 8px;
}

span.top_news_text_01 {
	background: url("../img/home/arrow_news.gif") no-repeat left center;
	padding: 0 10px;
	text-decoration: none;
}
strong.top_news_text_02 {
	padding-right: 10px;
}
strong.top_news_text_02 img {
	padding-left: 10px;
}
strong.top_news_text_03 {
	color: #f63;
}

.productsNews .newsHeadline {
	height: 151px;
	overflow: hidden;
}

.eventNews .newsHeadline, 
.companyNews .newsHeadline {
	height: 91px;
	overflow: hidden;
}

.productsNews,
.eventNews,
.companyNews {
	background: url("../img/home/news_bg.gif") no-repeat center bottom;
	position: relative;
}

.productsNews dt,
.eventNews dt,
.companyNews dt {
	width: 650px;
	height: 95px;
}

.productsNews dt strong,
.eventNews dt strong,
.companyNews dt strong {
	display: none;
}

.productsNews dd,
.eventNews dd,
.companyNews dd {
	position: absolute;
	top: 35px;
	left: 0;
}

.productsNews {
	height: 195px;
	margin-bottom: 10px;
}
.productsNews dd{
	height: 165px;
}
.productsNews dt{
	background: url("../img/home/productsNews.gif") no-repeat ;
}

.eventNews {
	height: 140px;
	margin-bottom: 10px;
}
.eventNews dd{
	height: 105px;
}
.eventNews dt{
	background: url("../img/home/eventNews.gif") no-repeat ;
}

.companyNews {
	height: 140px;
}
.companyNews dd{
	height: 105px;
}
.companyNews dt{
	background: url("../img/home/companyNews.gif") no-repeat ;
}

/*	リンクボタン */
.viewAll a {
	position: absolute;
	top: -25px;
	left: 565px;
}
.top_rss_icon a {
	position: absolute;
	top: -25px;
	left: 490px;
}
.top_rss_icon a:hover img, .viewAll a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/*----------------------------------
	技術情報・サイトに関して 
----------------------------------*/
/*#bottomInfo {
	width: 650px;
}

#bottomInfo dl{
	display: block;
	width: 315px;
	background: url("../img/home/bottomInfo.gif") no-repeat left bottom;
	min-height: 220px;
	height: auto !important;
	height: 220px;
}

#bottomInfo ul{
	margin-left: 20px;
	font-size: 13px;
	line-height: 1.65;
}

#bottomInfo ul li{
	display: block;
}*/

.techInfo {
	float: left;
}
.techInfo dt{
	width: 120px;
	height: 30px;
	margin-left: 10px;
	background: url("../img/home/techInfo.gif") no-repeat ;
	text-indent: -999em;
}

.siteInfo {
	float: right;
}
.siteInfo dt{
	width: 120px;
	height: 30px;
	margin-left: 10px;
	background: url("../img/home/siteInfo.gif") no-repeat ;
	text-indent: -999em;
}

/*----------------------------------
	ソーシャルブックマーク 
----------------------------------*/
#socialMark {
	width: 650px;
	height: 45px;
	margin: 10px 0;
	background: url("../img/home/faceBook.gif") no-repeat ;
	position: relative;
}

#socialMark .faceBook .fbLink a{
	display: block;
	width: 260px;
	height: 45px;
	text-indent: -999em;
	position: absolute;
	top: 0;
	left: 0;
}

#socialMark .faceBook .fbFrame {
	width: 380px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 260px;
}

#socialMark .faceBook .fbFrame{
	font-size: 9px;
}

#socialMark .Gplusone {
	width: 38px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: 0px;
}

#socialMark .Gplusone strong{
	display: none;
}

/*----------------------------------
	下部バナー 
----------------------------------*/
#bottomBnr {
	clear: both;
	width: 930px;
	margin: 10px auto 0;
}

#bottomBnr dd {
	float: left;
}

#bottomBnr dd a{
	display: block;
	margin-right: 10px;
}

#bottomBnr dd.last a{
	margin-right: 0;
}

/*----------------------------------
	サイドフォーム 
----------------------------------*/
#sideBar .formArea {
	display: block;
	width: 250px;
	background: #dedede;
}

.formArea fieldset {
	display: block;
	border: none;
}

.formArea legend {
	display: none;
}

.formArea h3 {
	display: block;
	width: 250px;
	height: 35px;
	background: url("../img/home/formArea.gif") no-repeat 0 0;
	text-indent: -999em;
}

.formArea form p {
	width: 210px;
	margin: 5px auto 0;
	position: relative;
}

.formArea form p.pass_reminder {
	text-indent: 15px;
	background: url("../img/home/ico_pass_reminder.gif") no-repeat left center;
}

.loginId strong, 
.loginPass strong {
	display: block;
}
.loginId input, 
.loginPass input{
	width: 150px;
	margin-left: 30px;
	position: absolute;
	right: 0;
	top:0;
}
.login_flg input{
	margin-right: 5px;
}

input.btn_login {
	display: inline-block;
	width: 210px;
	height: 28px;
	margin: 0 auto;
	border: 0;
}
/*
input.btn_login:hover {
	background: url("../img/home/btn_login.gif") no-repeat 0 -28px;
}
*/
.registForm {
	display: block;
	width: 250px;
	margin-top: 5px;
}
.registForm dt {
	height: 25px;
	background: url("../img/home/formArea.gif") no-repeat 0 -125px;
	text-indent: -999em;
}
.registForm p {
	display: block;
	width: 250px;
	height: 30px;
	background: url("../img/home/formArea.gif") no-repeat 0 bottom;
	text-indent: -999em;
}
.registForm a.btn_regist {
	display: block;
	width: 210px;
	height: 28px;
	margin: 0 auto;
	background: url("../img/home/btn_regist.gif") no-repeat;
	text-indent: -999em;
	cursor: pointer;
}
/*
.registForm a:hover.btn_regist {
	background: url("../img/home/btn_regist.gif") no-repeat 0 -28px;
}
*/

/*----------------------------------
	サイドバナー 
----------------------------------*/
#sideBar .sideBnr {
	display: block;
	width: 250px;
}

.sideBnr dd {
	display: block;
	margin-top: 10px;
	position: relative;
}

.sideBnr dd a, .sideBnr dd a img{
	display: block;
}

/*	サイド・お問い合わせ */
dl.sideBnrContact{
	display: block;
	width: 250px;
	height: 155px;
	background: url("../img/home/sideBnrContact.gif") no-repeat ;
	position: relative;
}
dl.sideBnrContact dt, 
dl.sideBnrContact dd {
	display: none;
}

a.sideBnrContact{
	display: block;
	width: 250px;
	height: 25px;
	background: url("../img/home/btn_sideBnrContact.gif") no-repeat ;
	text-indent: -999em;
	position: absolute;
	left: 0;
	top: 130px;
}
a:hover.sideBnrContact{
	background-image: none ;
}
/*	サイド・お問い合わせ02 */
dl.sideBnrContact02{
	display: block;
	width: 250px;
	height: 170px;
	background: url("../img/home/sideBnrContact04.gif") no-repeat ;
	position: relative;
}
dl.sideBnrContact02 dt, 
dl.sideBnrContact02 dd {
	display: none;
}

a.sideBnrContact02{
	display: block;
	width: 250px;
	height: 17px;
	background: url("../img/home/btn_sideBnrContact02.gif") no-repeat ;
	text-indent: -999em;
	position: absolute;
	left: 0;
	top: 132px;
}
a:hover.sideBnrContact02{
	background-image: none ;
}
a.sideBnrContact03{
	display: block;
	width: 250px;
	height: 21px;
	background: url("../img/home/btn_sideBnrContact03.gif") no-repeat ;
	text-indent: -999em;
	position: absolute;
	left: 0;
	top: 149px;
}
a:hover.sideBnrContact03{
	background-image: none ;
}

#ranking {
	width:250px;
	margin-bottom:22px;
}


#ranking h2 {
	color: #333;
	font-size:18px;
	font-weight:bold;
	padding-bottom:7px;
	margin-bottom: 15px;
	background:url(/ecsuites/img/top//bg_arrivaldata01.gif);
	background-size:250px 2px;
	background-repeat: no-repeat;
	background-position:left bottom;
}

#ranking .box {
	line-height:1.3em;
	letter-spacing:0.8px;
	text-align:left;
	border-bottom:1px solid #cfcfcf;
	overflow:auto;
}

#ranking .box dl dt {
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: red;
	width: 35px;
}
#ranking .box dl dt.middle {
	height: 60px;
	padding-top: 40px;
}
#ranking .box dl dd {
	padding-left: 5px;
	width: 210px;
	position: relative;
	float: left;
	line-height: 1.3em;
	font-size: 14px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}
#ranking .box dl dd a:link{
	text-decoration: underline;
}
#ranking .box dl dd a:hover{
	color: black;
	text-decoration: none;
}
#ranking .box dl dd.middle_01 {
	padding-top: 20px;
}
#ranking .box dl dd.middle_02 {
	padding-top: 10px;
}
#ranking .box dl dd.copy {
	float: left;
	width: 138px;
	display: table-cell;
	vertical-align: middle;
}
#ranking .box dl dd p {
	line-height: 1.3em;
	padding-top: 15px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
#ranking .box dl dd span {
	right: 0px;
	top: 0px;
	position: absolute;
	height: 100px;
	width: 71px;
}
.rank_page_btn{width: 250px; text-align: right;}
.rank_page_btn a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";	
	}
	


#appli_rank {
	width:250px;
	margin-bottom:10px;
}


#appli_rank h2 {
	color: #333;
	font-size:18px;
	font-weight:bold;
	padding-bottom:7px;
	margin-bottom: 15px;
	background:url(/ecsuites/img/top//bg_arrivaldata01.gif);
	background-size:250px 2px;
	background-repeat: no-repeat;
	background-position:left bottom;
}

#appli_rank .box {
	line-height:1.3em;
	letter-spacing:0.8px;
	text-align:left;
	border-bottom:1px solid #cfcfcf;
	overflow:auto;
	margin-bottom: 3px;
}

#appli_rank .box dl dt {
	padding-top: 8px;
	padding-bottom: 2px;
	font-size: 16px;
	font-weight: bold;
	width:250px;
	float: left;
}
#appli_rank .box dl dd span {
	padding-right: 7px;
	float: left;
	padding-top: 2px;
}
#appli_rank .box dl dd span img {
	border-color: #bfbfbf;
	border-width: 1px;
	border-style: solid;
}
#appli_rank .box dl dd {
	width: 250px;
	position: relative;
	float: left;
	line-height: 1.3em;
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 5px;
}
#appli_rank .box dl dd a:link p{
	text-decoration: underline;
}
#appli_rank .box dl dd a:hover p{
	color: black;
	text-decoration: none;
}
#appli_rank .box dl dd.middle_01 {
	padding-top: 30px;
}
#appli_rank .box dl dd.middle_02 {
	padding-top: 15px;
}
#appli_rank .box dl dd p.middle_02 {
	float: left;
	padding-top: 4px;
}
#appli_rank .box dl dd.copy {
	float: left;
	width: 138px;
	display: table-cell;
	vertical-align: middle;
}
.rank_page_btn{width: 250px; text-align: right;}
.rank_page_btn a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";	
	}
	
#new_contents_left{float: left; padding-right: 28px; width: 466px; margin-bottom:10px;}
#new_contents_left h2 {
	color: #333;
	font-size:18px;
	font-weight:bold;
	padding-bottom:7px;
	margin-bottom: 15px;
	background:url(/ecsuites/img/top/bg_arrivaldata01.gif);
	background-size:466px 2px;
	background-repeat: no-repeat;
	background-position:left bottom;
}
#new_contents_left dl dt.link_01{height: 100px; width: 156px; position: relative; float: left; background: url("/img/new_contents_img/cont_btn_01_on.jpg") no-repeat;}
#new_contents_left dl dt.link_02{height: 100px; position: relative; width: 155px; float: left; background: url("/img/new_contents_img/cont_btn_02_on.jpg") no-repeat;}
#new_contents_left dl dt.link_03{height: 100px; position: relative; width: 155px; float: left; background: url("/img/new_contents_img/cont_btn_03_on.jpg") no-repeat;}
#new_contents_left dl dt.link_04{height: 99px; position: relative; width: 156px; float: left; background: url("/img/new_contents_img/cont_btn_04_on.jpg") no-repeat;}
#new_contents_left dl dt.link_05{height: 99px; position: relative; width: 155px; float: left; background: url("/img/new_contents_img/cont_btn_05_02_on.jpg") no-repeat;}
#new_contents_left dl dt.link_06{height: 99px; position: relative; width: 155px; float: left; background: url("/img/new_contents_img/cont_btn_06_on.jpg") no-repeat;}
#new_contents_left dl dt.link_07{height: 99px; position: relative; width: 156px; float: left; background: url("/img/new_contents_img/cont_btn_07_on.jpg") no-repeat;}
#new_contents_left dl dt.link_08{height: 99px; position: relative; width: 155px; float: left; background: url("/img/new_contents_img/cont_btn_08_on.jpg") no-repeat;}
#new_contents_left dl dt.link_09{height: 99px; position: relative; width: 155px; float: left; background: url("/img/new_contents_img/cont_btn_09_on.jpg") no-repeat;}
#new_contents_left dl dt.link_01 a p{text-align: center; display: table-cell; width: 156px; bottom: 20px; position: absolute;}
#new_contents_left dl dt.link_02 a p{text-align: center; display: table-cell; width: 155px;  bottom: 20px; position: absolute;}
#new_contents_left dl dt.link_03 a p{text-align: center; display: table-cell; width: 155px;  bottom: 20px; position: absolute;}
#new_contents_left dl dt.link_04 a p{text-align: center; display: table-cell; width: 156px;  bottom: 20px; position: absolute;}
#new_contents_left dl dt.link_05 a p{text-align: center; display: table-cell; width: 155px;  bottom: 20px; position: absolute;}
#new_contents_left dl dt.link_06 a p{text-align: center; display: table-cell; width: 155px;  bottom: 20px; position: absolute;}
#new_contents_left dl dt.link_07 a p{text-align: center; display: table-cell; width: 156px;  bottom: 20px; position: absolute;}
#new_contents_left dl dt.link_08 a p{text-align: center; display: table-cell; width: 155px;  bottom: 20px; position: absolute;}
#new_contents_left dl dt.link_09 a p{text-align: center; display: table-cell; width: 155px;  bottom: 20px; position: absolute;}
#new_contents_left dl dt.link_01 a,#new_contents_left dl dt.link_02 a,#new_contents_left dl dt.link_03 a,#new_contents_left dl dt.link_04 a,#new_contents_left dl dt.link_05 a,#new_contents_left dl dt.link_06 a,#new_contents_left dl dt.link_07 a,#new_contents_left dl dt.link_08 a,#new_contents_left dl dt.link_09 a {display: inline-block;}
#new_contents_left dl dt.link_01 a:hover img,#new_contents_left dl dt.link_02 a:hover img,#new_contents_left dl dt.link_03 a:hover img,#new_contents_left dl dt.link_04 a:hover img,#new_contents_left dl dt.link_05 a:hover img,#new_contents_left dl dt.link_06 a:hover img,#new_contents_left dl dt.link_07 a:hover img,#new_contents_left dl dt.link_08 a:hover img,#new_contents_left dl dt.link_09 a:hover img {visibility: hidden;}
#new_contents_left dl dt.link_01 a p,#new_contents_left dl dt.link_02 a p,#new_contents_left dl dt.link_03 a p,#new_contents_left dl dt.link_04 a p,#new_contents_left dl dt.link_05 a p,#new_contents_left dl dt.link_06 a p,#new_contents_left dl dt.link_07 a p,#new_contents_left dl dt.link_08 a p,#new_contents_left dl dt.link_09 a p {font-size: 14px; text-decoration: underline;}
#new_contents_left dl dt.link_01 a:hover p,#new_contents_left dl dt.link_02 a:hover p,#new_contents_left dl dt.link_03 a:hover p,#new_contents_left dl dt.link_04 a:hover p,#new_contents_left dl dt.link_05 a:hover p,#new_contents_left dl dt.link_06 a:hover p,#new_contents_left dl dt.link_07 a:hover p,#new_contents_left dl dt.link_08 a:hover p,#new_contents_left dl dt.link_09 a:hover p {color: black; text-decoration: underline;}

#new_contents_right{float: right; width: 470px; margin-bottom: 10px; margin-top:-5px;}

.article {
	width: 470px;
	margin: 0 auto;
}
/*----------------------------------
	コンテンツ
----------------------------------*/
#article1 .section {
}

#article2 .section {
}
/*----------------------------------
	tab.UI
----------------------------------*/
.article {
	display: none;
}
#article1 {
	display: block;
}
ul.tabMenu {
	margin-left: auto;
	margin-bottom: 16px;
	margin-right: auto;
	width: 470px;
	height: 30px;
	padding: 0 0 0 0px;
	background: url("/img/new_contents_img/tab_menu.jpg") no-repeat ;
}
ul.tabMenu li {
	float: left;
	text-indent: -999em;
	cursor: pointer;
}
ul.tabMenu li#tabMenu_01 {
	width: 180px;
	height: 28px;
	background: url("/img/new_contents_img/tab_menu_01.jpg") no-repeat ;
}
ul.tabMenu li#tabMenu_02 {
	width: 179px;
	height: 28px;
	background: url("/img/new_contents_img/tab_menu_02.jpg") no-repeat ;
}
ul li.current {
	visibility: hidden;
}
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
*:first-child+html .cf { zoom: 1; } /* IE7 */

dl.link_btn_box{width: 480px;}
dl.link_btn_box dt{padding-bottom: 6px; padding-right: 10px; float: left;}
#next_Bottombnr{padding-right: 10px; clear: both; padding-top: 15px; width: 976px; margin: 0 auto ;}
#next_Bottombnr dd{float: left; padding-left: 12px;}
#new_contents_center{clear: both; padding-top: 5px; width: 964px; margin: 0 auto ;}
dl.sns_area { width: 964px; margin: 0 auto ;}
dl.sns_area dt{padding-left: 10px; float: left;}
dl.sns_area dd{padding-top: 7px; line-height: 1.2em; float: left;}

#appli_rank_02 {
	width:250px;
	margin-bottom:10px;
}


#appli_rank_02 h2 {
	color: #333;
	font-size:18px;
	font-weight:bold;
	padding-bottom:7px;
	margin-bottom: 5px;
	background:url(/ecsuites/img/top//bg_arrivaldata01.gif);
	background-size:250px 2px;
	background-repeat: no-repeat;
	background-position:left bottom;
}

#appli_rank_02 .box {
	line-height:1.3em;
	letter-spacing:0.8px;
	text-align:left;
	border-bottom:1px solid #cfcfcf;
	overflow:auto;
	margin-bottom: 1px;
}

#appli_rank_02 .box dl dt {
	padding-top: 3px;
	padding-bottom: 1px;
	font-size: 14px;
	font-weight: bold;
	width:250px;
	float: left;
}
#appli_rank_02 .box dl dd span {
	padding-right: 7px;
	float: left;
	padding-top: 2px;
}
#appli_rank_02 .box dl dd span img {
	border-color: #bfbfbf;
	border-width: 1px;
	border-style: solid;
}
#appli_rank_02 .box dl dd {
	width: 250px;
	position: relative;
	float: left;
	line-height: 1.3em;
	font-size: 13px;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 3px;
}
#appli_rank_02 .box dl dd a:link p{
	text-decoration: underline;
}
#appli_rank_02 .box dl dd a:hover p{
	color: black;
	text-decoration: none;
}
#appli_rank_02 .box dl dd.middle_01 {
	padding-top: 30px;
}
#appli_rank_02 .box dl dd.middle_02 {
	padding-top: 15px;
}
#appli_rank_02 .box dl dd p.middle_02 {
	float: left;
	padding-top: 4px;
}
#appli_rank_02 .box dl dd.copy {
	float: left;
	width: 138px;
	display: table-cell;
	vertical-align: middle;
}

#reco_box {
	width:250px;
	margin-bottom:10px;
}

#reco_box h2 {
	color: #333;
	font-size:18px;
	font-weight:bold;
	padding-bottom:7px;
	margin-bottom: 5px;
	background:url(/ecsuites/img/top//bg_arrivaldata01.gif);
	background-size:250px 2px;
	background-repeat: no-repeat;
	background-position:left bottom;
}
#reco_box dl {padding-bottom: 10px; width: 250px;}
#reco_box dl dt {padding-bottom: 5px;}
#reco_box dl dd {line-height: 1.2em; font-size: 15px;}
#reco_box dl dd a{color: black;}
#reco_box dl dd a:hover{text-decoration: underline;}