/*
Base Screen CSS
Copyright (c) ECS All Rights Reserved.
*/

/***** Screen Version *****/

/* Frame */
html, body 		{ width:100%; min-height:100%; margin:0; padding:0; text-align:center; color:#333;}
body			{ background:#fff url("images/bodyback.gif") repeat-x;}
#content 		{ width:678px; margin:0 auto; padding:0 0 30px; clear:both; text-align:left;}
#top #content	{ padding:30px 0;}
#flashcontent 	{ width:100%; height:100%;}
#header 		{ width:678px; margin:0 auto; clear:both; text-align:left;}
#footer 		{ width:678px; height:30px;	margin:0 auto; border-top:1px solid #333; clear:both; text-align:left;}
#newwin			{ text-align:left;}

/* Style */
body 				{ font-size:12px; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif; line-height:1.2em;}
* html body		 	{ font-size:76%;}
p					{ margin:0 0 10px; padding:0; line-height:1.6em;}
img 				{ border:0;}
h1,h2,h3,h4,h5		{ margin:0; padding:0;}
h1					{ margin:20px 0 10px; padding:0; border:0;}
h2					{ margin:0 0 20px; padding:8px; background:#333; font-size:1.2em; color:#fff; font-weight:normal; line-height:1em;}
h3					{ margin:0 0 10px; line-height:1.2em; font-size:1.6em; background:url("images/head_back.gif"); padding:5px; color:#333; font-weight:normal;}
#top h2				{ margin:0 0 10px; line-height:1.2em; font-size:1.2em; background:url("images/head_back.gif"); padding:5px; color:#333; font-weight:normal;}
#top h2 img			{ vertical-align:bottom; margin-right:5px;}
* html #top h2 img	{ vertical-align:middle;}
*+html #top h2 img	{ vertical-align:middle;}
#top h3				{ font-size:1.2em; margin:0 0 10px; background:none; padding:0;}
h4					{ font-size:1.2em; margin:0 0 10px;}
h5					{ font-size:1em; margin-bottom:10px; font-weight:normal;}
hr					{ height:1px; border:none; border-width:1px 0 0; clear:both; margin-top:15px; margin-bottom:15px;}
* html hr 			{  margin-top:5px; margin-bottom:5px; border:1px solid #fff;}
a 					{ text-decoration:none;}
a:link 				{ color:#da1a11;}
a:visited 			{ color:#da1a11;}
a:active 			{ color:#da1a11;}
a:hover 			{ color:#da1a11;}
ul 					{ padding:0; margin:0; list-style-type:none;}
dl					{ margin:0; padding:0;}
dd					{ margin:0 0 0 10px; padding:0; line-height:1.4em}

/* Global Navi */
.gnav 			{ width:679px;}
.gnav ul 		{ padding:0; margin:0; list-style-type:none;}
.gnav ul ul 	{ width:100px;}
.gnav li 		{ float:left; width:84px; position:relative;}
.gnav a,
.gnav a:visited {
				  display:block;
				  color:#333;
				  font-size:10px;
				  text-decoration:none;
				  width:80px; height:18px;
				  border-bottom:1px solid #333;
				  background-color:#e5e5e5;
				  line-height:1.6em;
				  padding:0 0 0 3px;
}
* html .gnav a,
* html .gnav a:visited 			{ width:83px; w\idth:80px;}

.gnav ul li.active a,
.gnav ul li.active a:visited	{ background-color:#da1a11; color:#fff;}
.gnav ul li.active ul a,
.gnav ul li.active ul a:visited	{ background-color:#da1a11;}
.gnav ul ul ul a,	
.gnav ul ul ul a:visited 		{ background:#da1a11;}
.gnav ul ul ul a:hover 			{ background:#f25c55;}

.gnav ul ul 					{ visibility:hidden; position:absolute; height:0; top:18px; left:0; width:97px; color:#FFFFFF;}
* html .gnav ul ul 				{ top:17px; t\op:18px;}

.gnav ul ul ul					{ left:84px; top:0; width:84px;}
.gnav ul ul ul.left 			{ left:-84px;}

.gnav table 					{ position:absolute; top:0; left:0;}

.gnav ul ul a,
.gnav ul ul a:visited 					{ width:77px; background:#da1a11; color:#fff; height:auto; line-height:1em; padding:3px; border:none; border-top:1px solid #fff;}
* html .gnav ul ul a,
* html .gnav ul ul a:visited			{ width:82px; w\idth:77px;}

.gnav a:hover							{ background:#da1a11; color:#fff;}
.gnav ul ul a:hover 					{ background:#f25c55 !important;}

.gnav ul li:hover ul,
.gnav ul a:hover ul						{ visibility:visible;}

.gnav ul :hover ul ul,
.gnav ul :hover ul :hover ul ul			{ visibility:hidden;}
.gnav ul :hover ul :hover ul,
.gnav ul :hover ul :hover ul :hover ul 	{ visibility:visible;}

.gnav ul ul li a.hide,
.gnav ul ul li a:visited.hide,
.gnav ul ul li a.sub,
.gnav ul ul li a:visited.sub		 	{ border-right:1px solid #fff;}
* html .gnav ul li a.hide,
* html .gnav ul li a:visited.hide,
* html .gnav ul li a:hover ul li a.hide { display:none;}

/* Class */
.fL{ float:left;}			.fR{ float:right;}
.aC{ text-align:center;}	.aL{ text-align:left;}	.aR{ text-align:right;}
.vT{ vertical-align:top;}	.vM{ vertical-align:middle;}.vB{ vertical-align:bottom;}
.copyright 			{ font-size:0.8em; color:#333; margin-top:5px;}
.cgray				{ color:#999;}
.cgreen				{ color:#6fb90f;}
.stxt				{ font-size:0.9em;}
.mtxt				{ font-size:1em; font-weight:normal;}
.Ltxt				{ font-size:1.2em;}
.border				{ border:1px solid #e5e5e5; padding:5px;}
#newwin .margin		{ padding:5px; margin:20px;}
img.imgright		{ float:right; margin:0 0 15px 15px; border:1px solid #ccc;}
img.imgleft			{ float:left; margin:0 15px 15px 0; border:1px solid #ccc;}
.dlbox				{ border:1px solid #e5e5e5; padding:0 15px 15px;}
.dlbox dt			{ margin:15px 0 3px;}
.w100				{ width:99%;}
.w80				{ width:80%;}
.w60				{ width:60%;}
.w20				{ width:20%;}
.w10				{ width:10%;}
.hissu				{ font-size:0.9em; color:#6fb90f;}

.left				{ float:left; width:430px;}
.right				{ float:right; width:200px;}

.txlk-bsc			{ font-weight:normal; background:url("images/arrow_small.gif") no-repeat left center !important;}
.txlk-bsc a			{ display:block; padding-left:12px;}
.txlk-bsc a:hover	{ background:url("images/arrow_small_over.gif") no-repeat left center;}

#top .works 		{ background-color:#f5f5f5;}
* html #top .works 	{ padding-bottom:10px;}
#top .works h2 		{ font-size:1.2em; line-height:1.1em; margin-bottom:10px;}
.works h3 			{ font-size:1em; padding:0; margin-bottom:5px;}
#top .works h3 		{ font-size:0.9em; padding:0; margin-bottom:3px;}
.works p 			{ padding:10px; background-color:#f5f5f5; clear:both;}
#top .works p 		{ font-size:0.9em; padding:10px;}
* html #top .works p{ padding-bottom:0;}
.works hr			{ margin-top:10px; margin-bottom:10px; height:1px; border:1px solid #e5e5e5; border-width:1px 0 0;}
.works img 			{ float:left; margin:0 10px 0 0; border:1px solid #ccc;}

ul.box li			{ font-size:0.9em; padding:5px; background-color:#f5f5f5; margin-bottom:5px;}
ul.box li			{ font-size:0.9em; padding:5px; background-color:#f5f5f5; margin-bottom:5px;}
ul.square			{ list-style:square;}
ul.square li		{  margin:0 0 3px 20px;}


/* work */
.left .thumb		{ float:left; margin-right:10px; width:185px; border:10px solid #F5F5F5; background-color:#F5F5F5;}

#top .left .thumb h3		{ font-size:12px;}
.left .thumb img	{ float:left; margin-right:7px;}
.left .thumb p		{ font-size:0.9em;}

.column3 .thumb	{ width:121px; margin-right:8px; border:7px solid #F5F5F5;}
#top .left .column3 .thumb h3		{ font-size:11px;}
.left .column3 .thumb img	{ margin:0 0 0 20px;}
.left .column3 .thumb p		{ font-size:10px;}



/* top */
#top .blog_area h2	{ margin-bottom:0px; clear:both;}
.blog_area .txlk-bsc{ float:right;}
.blog_area table{ background-color:#FFFFFF; font-size:12px; border-bottom:1px solid #CCCCCC; width:100%; margin:0 0 3px; padding:0;}
.blog_area tr:hover{ background-color:#F3F3F3;}
.blog_area th,
.blog_area td{ padding:2px 0;}
.blog_area th{ width:90px; font-weight:normal;}
.box_twmanual{ border:1px solid #DA1A11; background:#FFFFFF url("/assets/images/top_twmanual_main.gif") 0 0 no-repeat;
				padding:50px 8px 10px;}
.box_twmanual h4{ width:235px; font-size:114%; color:#009009; font-weight:bold; line-height:1.3; text-indent: -0.5em;}
.box_twmanual p	{ width:225px; line-height:1.3;}
.btn_dl_twmanual { text-align:right;}

.btn_dl_twmanual a{ background:url("images/btn_dl_twmanual.gif") no-repeat 0 0; margin:0 0 0 auto;
			 	  height:37px; display:block; overflow:hidden; width:290px;
				  padding:37px 0 0 0;
				  height:0px !important;
				  height /**/:37px; /* for IE5/Win only */
				  }
.btn_dl_twmanual a:hover{ background-position:0 -40px;}


.box_ecconsult{ border:1px solid #DA1A11; margin-bottom:10px; padding-bottom:10px; background:#FFFFFF url("/assets/images/top_ecconsult_bg.jpg") 0 0 no-repeat;}
.btn_ecconsult { text-align:right;}
.btn_applyhere a{ background:url("images/btn_applyhere.gif") no-repeat 0 0; margin:0 10px 0 auto;
			 	  height:37px; display:block; overflow:hidden; width:220px;
				  padding:37px 0 0 0;
				  height:0px !important;
				  height /**/:37px; /* for IE5/Win only */
				  }
.btn_applyhere a:hover{ background-position:0 -40px;}





/* Table */
.table-style1		{ width:100%; border-top:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; font-size:1em; margin-bottom:10px;}
.table-style1 td 	{ padding:10px; border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; vertical-align:top;}
.none-style td 		{ border:0;}
tr.bnone td 		{ border:0;}

/*map*/
#map					{ width:678px; height:450px;}

.blog { margin-bottom:15px;}
.blog a { display:block; background:url(/assets/templates/ECS01/images/bnr_blog.gif) no-repeat; width:200px; height:50px;}
.blog a span { display:none;}


.listleft
.listleft li	{}

ul.listleft 			{ padding:0; margin:0; list-style:none; position:relative;}
ul.listleft li 			{ display:inline; padding:0; margin:0;}
ul.listleft li a img 	{ margin:0 5px 5px 0;}
ul.listleft li a:hover img{ filter:Alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

/* Hack 
*******************/
.pkg:after			{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg			{ display: inline-block; }
/* no ie mac ¥*/
* html .pkg			{ height: 1%; }
.pkg				{ display: block; }
/* */
*+html .pkg			{ height:1%;}