/* @override http://www.ecoad.co.jp/wp/wp-content/themes/sample2_theme/css/styles.css */

@charset "utf-8";

div#side_tw_inner {
/*	margin-bottom: 10px;*/
	margin-top: 20px;
/*	background: silver url(../image/tw_ft.gif) no-repeat 0 bottom;*/
/*	padding-bottom: 10px;*/
}

div#side_tw_inner_inner {
	margin-top: 0;
	padding: 55px 5px 5px;
	background: url(../image/tw_title-.gif) no-repeat;
}

#side_tw_inner img {
	float: left;
	clear: both;
	margin-left: 0;
	margin-right: 5px;
}

#side_tw_inner p {
	margin-top: 5px;
	margin-bottom: 10px;
	color: black;
	background: url(../image/tw_line.gif) no-repeat;
	padding-top: 10px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 98%;
	vertical-align: baseline;
	background: transparent;
}

html {
	background: none repeat-x;
}
body {
	line-height: 1.5;
	color:#666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:20px;
/*	background: #ccc url(../image/bg.gif) repeat-x;*/
	background: #ccc url(../image/bg_a.gif) repeat-x;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*///////////////////////

container

//////////////////////*/

body#index div#container {
	margin:0 auto;
	position:relative;
}


body#index div#content {
		position:relative;
		margin:0;
		padding:0;
		width:100%;
}

body#index div#blocks {
		position: absolute;
		width: auto;
		top: 0;
		left: 0;
		margin:0 0 40px 0;
}

body#index div#blocks div.block {
		position: absolute;
		width: 195px;
		text-align: left;
}


 
/*////////////////////////////

side

///////////////////////////*/
#side {
	width:195px;
}

#side #side_inner{
	width:195px;
	background:url(../image/globalnav_head.gif) top left;
	padding:5px 0 0px;
}
#side #side_inner .wrap{
	width:195px;
	background:url(../image/left_menu_bg.jpg) repeat-x bottom;
	padding:0px 0 10px;
}
#side div.h {
	background: url(../image/ecoad_logo.gif) no-repeat center;
	width:195px;
	height:179px;
	text-indent:-9999px;
}
#side div.h a {
	display: block;
	width:195px;
	height:179px;
}
/* #side nav */
#side ul#globalnav , #side_right ul#blognav{
	width:195px;
	text-indent:-9999px;
}

/* globalnav */

#side ul#globalnav{
	margin:0px 0px 0px 3px;
}
#side ul#globalnav li a{
	display:block;
	width:192px;
	height:29px;
}

#side li#globalnav_miss a{
	background:url(../image/left_menu1.jpg) no-repeat;
	background-position:5px 0;
}

#side li#globalnav_hansoku a{
	background:url(../image/left_menu2.jpg) no-repeat;
	background-position:5px 0;
}

#side li#globalnav_web a{
	background:url(../image/left_menu3.jpg) no-repeat;
	background-position:5px 0;
}

#side li#globalnav_eizo a{
	background:url(../image/left_menu4.jpg) no-repeat;
	background-position:4px 0;
}

#side li#globalnav_sys a{
	background:url(../image/left_menu5.jpg) no-repeat;
	background-position:5px 0;
}

#side li#globalnav_ecom a{
	background:url(../image/left_menu6.jpg) no-repeat;
	background-position:5px 0;
}

#side li#globalnav_mob a{
	background:url(../image/left_menu7.jpg) no-repeat;
	background-position:5px; 0;
}

#side ul#globalnav li a:hover{
	background-position:-195px 0;
}

/* blognav */

#side_right ul#blognav{
/*	padding:10px 5px;*/
	width:193px;
}

#side_right ul#blognav li a{
	display:block;
	width:193px;
	height:100px;
	padding:15px 0 0;
}
#side_right li#banner_twitter a{
	background:url(../image/banner_twitter.jpg) no-repeat;
}
#side_right li#banner_blog a{
/*	background:url(../image/banner_blog.jpg) no-repeat;*/
	background:url(../image/banner_blog.gif) no-repeat;
}
#side_right li#banner_gallery a{
	background:url(../image/banner_gallery.jpg) no-repeat;
}
#side_right li#banner_doshisya a{
	background:url(../image/banner_doshisya.jpg) no-repeat;
}


/*#side_right li#blogbanner_eigyou a{
	background:url(../image/blogbanner_eigyou.jpg) no-repeat;
}

#side_right li#blogbanner_okyakusama a{
	background:url(../image/blogbanner_okyakusama.jpg) no-repeat;
}

#side_right li#blogbanner_nara a{
	background:url(../image/blogbanner_nara.jpg) no-repeat;
}

#side_right li#blogbanner_doshisya a{
	background:url(../image/blogbanner_doshisya.jpg) no-repeat;
}

#side_right li#blogbanner_higashitomigaoka a{
	background:url(../image/blogbanner_higashitomigaoka.jpg) no-repeat;
}
*/


/*//////////////////////

content

//////////////////////*/

body#index .entry {
	background:url(../image/entrybox_head.gif) no-repeat top left;
}

body#index .entry_inner{
	background: url(../image/entrybox_foot.gif) no-repeat bottom left;
	padding:5px 0;
	}

body#index .entry:hover {
	background:url(../image/entrybox_head_hover.gif) no-repeat top left;
}

body#index .entry_inner:hover{
	background: url(../image/entrybox_foot_hover.gif) no-repeat bottom left;
}

.entry .wrap {
	background: #FFFFFF url(../image/entrybox_head.gif) repeat-y top right;
	padding:0 5px;
	position:relative;
}


body#index .entry .wrap:hover {
	background: #edecec url(../image/entrybox_head_hover.gif) repeat-y top right;
}

body#index .doublesize {
	background:url(../image/entrydoublebox_head.gif) no-repeat top left;
}

body#index .doublesize .entry_inner{
	background: url(../image/entrydoublebox_foot.gif) no-repeat bottom left;

	padding:5px 0;
	}

body#index .doublesize:hover {
	background:url(../image/entrydoublebox_head_hover.gif) no-repeat top left;
}

body#index .doublesize .entry_inner:hover{
	background: url(../image/entrydoublebox_foot_hover.gif) no-repeat bottom left;
}


body#index .entry .new_icon{
	background:url(../image/new_icon.jpg) no-repeat;
	text-indent:-9999px;
	width:68px;
	height:20px;
	position:absolute;
	top:30px;
	left: 5px;
}


body#index #content p.contTitle {
	margin: 5px 0 10px 0;
	clear:both;
	font-weight:bold;
	
}
body#index #content p.contTitle a {
	color:#444444;
	font-size:12px;
	line-height:1.3em;
	text-decoration: none;
}
body#index #content h2 {
	margin: 5px 0 10px 0;
	clear:both;
	font-weight:bold;
	
}
body#index #content h2 a {
	color:#444444;
	font-size:12px;
	line-height:1.3em;
	text-decoration: none;
}
p .more/* tag & more */
 {
	background:url(../image/more.png) no-repeat center;
	display:block;
	margin:0 auto;
	width:100%;
	text-indent:-9999px;
}



/* mission */
.entry_miss p.tag{
	clear:both;
	background:url(../image/tag_miss.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	float:right;
	width:130px;
	height:22px;
}

.entry_shinchiku p.more {
	width:100%;
	background:#ff6699;
}

/* hansoku */
.entry_hansoku p.tag{
	background:url(../image/tag_hansoku.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_hansoku p.more {
	width:100%;
	background:#006600;
}

/* web */
.entry_web p.tag{
	background:url(../image/tag_web.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_web p.more {
	width:100%;
	background:#833030;
}

/* eizou */
.entry_eizou p.tag{
	background:url(../image/tag_eizou.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_eizou p.more {
	width:100%;
	background:#6633FF;
}

/* system */
.entry_system p.tag{
	background:url(../image/tag_system.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_system p.more {
	width:100%;
	background:#669900;
}

/* eigyou */
.entry_eigyou p.tag{
	background:url(../image/tag_eigyou.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_eigyou p.more {
	width:100%;
	background:#000099;
}

/* mobile */
.entry_mobile p.tag{
	background:url(../image/tag_mobile.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_mobile p.more {
	width:100%;
	background:#000099;
}


/* staff */
.entry_staff p.tag{
	background:url(../image/tag_staff.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_staff p.more {
	width:100%;
	background:#000099;
}
/* tweet */
.entry_tweet p.tag{
	background:url(../image/tag_twi.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_tweet p.more {
	width:100%;
	background:#000099;
}

/* info */
.entry_info p.tag{
	background:url(../image/tag_info.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_info p.more {
	width:100%;
	background:#000099;
}

/* staffs */
.entry_staff p.tag{
	background:url(../image/tag_staff.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_staffs p.more {
	width:100%;
	background:#000099;
}

/* tweet */
.entry_tweet p.tag{
	background:url(../image/tag_twi.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_tweet p.more {
	width:100%;
	background:#000099;
}

/* infor */
.entry_info p.tag{
	background:url(../image/tag_info.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_info p.more {
	width:100%;
	background:#000099;
}

/* wnew */
.entry_news p.tag{
	background:url(../image/tag_sintyaku.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_news p.more {
	width:100%;
	background:#000099;
}

/* blog */
.entry_blog p.tag{
	background:url(../image/tag_blog.gif) no-repeat;
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
}

.entry_blog p.more {
	width:100%;
	background:#000099;
}

/* link */
.entry_link p.tag{
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
	background: url(../image/tag_link.gif) no-repeat;
}

.entry_link p.more {
	width:100%;
	background:#000099;
}

/* kanren */
.entry_kanren p.tag{
	text-indent:-9999px;
	width:130px;
	height:22px;
	float:right;
	background: url(../image/tag_kanren.gif) no-repeat;
}

.entry_kanren p.more {
	width:100%;
	background:#000099;
}






/* lp */
.entry_lp p.tag{
	clear:both;
	background:url(../image/tag_lp.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	float:right;
	width:130px;
	height:22px;
}

.entry_lp p.more {
	width:100%;
	background:#ff6699;
}


/* hp */
.entry_hp p.tag{
	clear:both;
	background:url(../image/tag_hp.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	float:right;
	width:130px;
	height:22px;
}

.entry_hp p.more {
	width:100%;
	background:#ff6699;
}


/* flyer */
.entry_flyer p.tag{
	clear:both;
	background:url(../image/tag_flyer.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	float:right;
	width:130px;
	height:22px;
}

.entry_flyer p.more {
	width:100%;
	background:#ff6699;
}


/* sign */
.entry_sign p.tag{
	clear:both;
	background:url(../image/tag_sign.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	float:right;
	width:130px;
	height:22px;
}

.entry_sign p.more {
	width:100%;
	background:#ff6699;
}









/*///////////////////////

side_right

///////////////////////*/
body#index div#side_right {
		width:193px;
		margin: 10px 0;
		float:right;
		position:absolute;
}


#side_right #side_otoi_inner{
	width:193px;
	background:#a60000;
	text-align:center;
	border:1px solid #999999;
}

#side_right #side_otoi_inner span{
	font-size:25px;
	color:#ffffff;
	font-weight:bold;
}

#side_right #side_otoi_inner #side_otoi_mail a{
	display:block;
	background:url(../image/right_contact.jpg) no-repeat;
	text-indent:-9999px;
	width:193px;
	height:75px;
}

#side_right #utility{
	background:url(../image/globalnav_head.gif) no-repeat top left;

}


#side_right ul#utility_inner{
	background-color:#666666;
	width:193px;
}

#side_right ul#utility_inner{
	padding:0;
	border:1px solid #999999;
}

#side_right ul#utility_inner li#utility_simulation{
	padding:0;
}

#side_right ul#utility_inner li a{
	display:block;
	text-indent:-9999px;
	width:193px;
}

#side_right ul#utility_inner li#utility_title a{
	background:url(../image/right_menu_title.jpg) no-repeat;
	height:53px;
}

#side_right ul#utility_inner li#utility_shintyaku a{
	background:url(../image/right_menu1.jpg) no-repeat;
	height:19px;
}

#side_right ul#utility_inner li#utility_info a{
	background:url(../image/right_menu2.jpg) no-repeat;
	height:20px;
}
#side_right ul#utility_inner li#utility_staff a{
	background:url(../image/right_menu3.jpg) no-repeat;
	height:19px;
}
#side_right ul#utility_inner li#utility_aisatu a{
	background:url(../image/right_menu4.jpg) no-repeat;
	height:20px;
}

#side_right ul#utility_inner li#utility_gaiyou a{
	background:url(../image/right_menu5.jpg) no-repeat;
	height:20px;
}

#side_right ul#utility_inner li#utility_concept a{
	background:url(../image/right_menu6.jpg) no-repeat;
	height:19px;
}
#side_right ul#utility_inner li#utility_jigyou a{
	background:url(../image/right_menu7.jpg) no-repeat;
	height:20px;
}
#side_right ul#utility_inner li#utility_kanren a{
	background:url(../image/right_menu8.jpg) no-repeat;
	height:20px;
}
#side_right ul#utility_inner li#utility_link a{
	background:url(../image/right_menu9.jpg) no-repeat;
	height:23px;
}

/*///////////////////////

footer

///////////////////////*/
body#index #footer  {
	background:#ffffff;
	width:100%;
	position: absolute;
	margin: 120px 0 0 ;
}

#footer {
	clear:both;
	background:#ffffff;
	width:100%;
}

#footer p{
/*	background:url(../image/footer_pagetop_bg.gif) repeat-x;*/
	background:url(../image/footer_pagetop_bg.jpg) repeat-x;
	padding:10px 0;
}

#footer p a{
	background:url(../image/pagetop.jpg) no-repeat;
	display:block;
	margin:0 auto;
	width:78px;
	height:40px;
	text-indent:-9999px;
}

#footer address{
	padding:5px;
	font-size:80%;
	text-align:center;
	color:#233656;
}


/*///////////////////////////

entrypage

///////////////////////////*/

body#entrypage div#container {
	margin:0 auto;
	width:995px;
}

body#entrypage #discription {
	margin:10px 0;
	color:#FFFFFF;
}
 

body#entrypage div#container div#content{
	float:left;
	width:790px;
	margin:0 0 50px;
}


body#entrypage div#side{
	float:left;
	width:191px;
}

body#entrypage div.entry {
	width:590px;
	float:right;
}

body#entrypage div#side_right{
	float:right;
	width:193px;
	margin:0 0 0 10px;
}



body#entrypage .entry {
	background:url(../image/entrypage_entry_head.gif) no-repeat top left;
}

body#entrypage .entry_inner{
	background: url(../image/entrypage_entry_foot.gif) no-repeat bottom left;
	padding:8px 0;
	}
body#entrypage .entry_inner p{
	margin-top:10px;
}
body#entrypage .entry .wrap {
	background:#ffffff;
	padding:2px 10px;
	position:relative;
	width:570px;
}

body#entrypage .entry .new_icon{
	background:url(../image/new_icon.jpg) no-repeat;
	text-indent:-9999px;
	width:68px;
	height:20px;
	position:absolute;
	top:2px;
	left:10px;
}

body#entrypage .entry .buttom a{
	float:left;
	display:block;
	width:134px;
	height:30px;
	text-indent:-9999px;
}
body#entrypage .entry .buttom a.start{
	margin:0;
}
body#entrypage .entry .buttom a.syousai{
	margin: 0 11px 0 0;
	background:url(../image/utility_shousai.jpg) no-repeat;
}
body#entrypage .entry .buttom a.blog{
	margin: 0 11px 0 0;
	background:url(../image/utility_blog.jpg) no-repeat;
}
body#entrypage .entry .buttom a.shiryou{
	margin: 0 11px 0 0;
	background:url(../image/entrypage_shiryou.jpg) no-repeat;
}
body#entrypage .entry .buttom a.otoi{
	background:url(../image/entrypage_otoi.jpg) no-repeat;
}


body#entrypage .entry .text{
	margin:15px;
}

body#entrypage .entry .text strong{
	font-size:100%;
}

body#entrypage h2 {
	clear:both;
	text-indent:30px;
	color:#233656;
	margin:70px 0 30px;
	background: url(../image/entrypage_h2_shinchiku.jpg) no-repeat left;
}
body#entrypage .entry_shinchiku h2 {
	background:url(../image/entrypage_h2_shinchiku.jpg) no-repeat left;

}

body#entrypage h3{
	clear:both;
	text-indent:30px;
	margin:30px 0;
	background:url(../image/entrypage_h3.jpg) no-repeat left;
}

body#entrypage ul#gallery{
	margin:0 auto;
	width:530px;
}

body#entrypage ul#gallery li{
	float:left;
	margin:5px;
}

body#entrypage p#gaiyou {
	width:530px;
	background:url(../image/bg_noteline.gif) repeat 0 0;
	line-height :30px;
	margin :0 auto;
	padding:0 0 20px;
}

/* ブラインド処理 */
div#blind {
		background-color: #CCCCCC;
		width: 100%;
		height: 100%;
		z-index: 9999;
		text-align: center;
		position: absolute;
		top: 0px;
		left: 0px;
}

div#blind-inner{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -82px; /* image-height / 2 */
		margin-left: -125px; /* image-width /2 */
}


.waku1
.waku2,
.waku3,
.waku4,
.waku5,
.waku6,
.waku7,
.waku8 {
	border: 1px solid;
}
h2#text {
	font-size:70% !important;
	padding:15px 5px 50px !important;
	color:#fff !important;
	font-weight:200 !important;
	background-image:none !important;
	margin:0px auto !important;
	text-indent:0 !important;
	width:165px;
}
body #discription {
	text-indent:35px !important;
	margin:10px 10px 0 !important;
	color:#FFFFFF !important;
	font-weight:400 !important;
	font-size:80% !important;
}




/*実績ページ用CSS*/
img#jisseki_img{
	margin-bottom:30px;
}
p#jisseki_p{
	width:560px;
	margin:0px auto 30px;
}
div#per_con{
	margin-left:5px;
}
div.p_con{
	float:left;
	width:180px;
	padding-bottom:20px;
}
.p_con_margin{
	margin-right:10px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}