﻿/* General Reset */
html{
	height: 100%;
	margin: 0;
}
body{
	margin:0;
	color:#000;
	font-size:14px;
	font-family:"Meiryo","PMingLiu", "Hiragino Kaku Gothic Pro","MS P Gothic","Osaka", Meiryo, Arial, Helvetica, sans-serif;
	background:#fff;
	height: 100%;
	behavior:url("csshover.htc");
}
img{border:0;}
a{
	color:#0066d0;
	text-decoration:none;
	outline:none; overflow:hidden;
}
a:hover{text-decoration:underline;}
#wrapper{
	width:957px;
	padding:151px 17px 0;
	margin:0 auto;
	position:relative;
	min-height: 100%;
}
a:hover img.lin { filter:alpha(opacity=80); opacity:0.8;}
* html #wrapper{
	height: 100%;
}
/* header */
#header{
	position:absolute;
	top:0;
	left:17px;
	width:957px;
}
/* logos */
.logo{
	width: 170px;
	height: 62px;
	overflow: hidden;
	background: url(../images/logo.gif);
	text-indent: -9999px;
	margin:0 0 19px;
	position:absolute;
	left:0;
}
.logo a{
	display: block;
	height: 100%;
}
.logo2{
	width: 152px;
	height: 24px;
	overflow: hidden;
	background: url(../images/logo2.gif);
	text-indent: -9999px;
	position:absolute;
	top:61px;
	left:0;
}
.logo2 a{
	display: block;
	height: 100%;
}
.top-nav{
	list-style:none;
	padding:0;
	position:absolute;
	top:70px;
	left:157px;
	margin:0;
}
#header .right{
	right:0px;
	left:auto;
	top:20px;
}
.top-nav li{
	float:left;
	font-weight:bold;
	font-size:10px;
	background: url(../images/hnv_01.gif) no-repeat 0 50%;
	padding:0 0 0 6px;
	margin:0 13px 0 0;
	display:inline;
}
.top-nav li a{
	color:#363636;
}
/* links */
.buttons{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	right:-3px;
	top:65px;
}
.buttons li{
	float:left;
	margin:0 3px 0 0;
	display:inline;
}
.buttons li a{
	display:block;
	width:129px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
}
.buttons .contact a{
	background: url(../images/btn-contact.gif) no-repeat;
}
.buttons .acess a{
	background: url(../images/btn-acess.gif) no-repeat;
}
.buttons a:hover{
	background-position:0 -23px;
}
/* nav */
#nav{
	list-style:none;
	margin:0;
	padding:0;
	background: url(../images/separator-nav.gif) no-repeat 100% 0;
	position:absolute;
	left:0;
	top:100px;
}
#nav:after{
	content:"";
	display:block;
	clear:both;
}
#nav li{
	float:left;
	position:relative;
	background: url(../images/separator-nav.gif) no-repeat;
	padding:0 0 0 1px;
}
#nav li a{
	display:block;
	width:158px;
	text-align:center;
	padding:10px 0 11px;
	color:#414141;
	line-height:15px;
}
#nav li a:hover{
	text-decoration:none;
}
/* drop */
.drop{
	position:absolute;
	display:none;
	top:36px;
	left:0;
	border-top:0;
	width:160px;
}
#nav li:hover a, #nav li.hover a{
	background:#ebf2ff;
}
#nav li.active a{
	background: url(../images/bg-nav-active.gif) repeat-x 0 100%;
}
#nav li.active a:hover{
	background: url(../images/bg-nav-active.gif) repeat-x 0 100%;
}
#nav li:hover .drop, #nav li.hover .drop{
	display:block;
}
#nav .drop ul{
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #d1d1d1;
}
#nav .drop li{
	float:none;
	background:none;
	padding:0;
}
#nav .drop li a{
	padding:5px 10px;
	background:#fff;
	border:1px solid #d1d1d1;
	text-align:left;
	font-size:12px;
	color:#0039ad;
	border-bottom:none;
	width:auto;
	height:1%;
}
#nav .drop li a:hover{
	background:#ebf2ff;
}
/* main */
#main{
	/*padding-bottom: 63px;*/
	overflow:hidden;
	width:100%;
}
/* flash */
.flash{
	margin:0px 0 22px;
}
.flash img{
	display:block;
}
.promo{
	overflow:hidden;
	height:1%;
	display:inline;
}
.column{
	width:350px;
	float:left;
	padding:0 11px 0 0;
}
* html .column{
	padding:0 9px 0 0;
}
/* news-holder */
.news-holder {
	border:2px solid #c9d3d5;
	padding:5px 0 0;
	overflow:hidden;
	margin:0 0 14px;
	height:1%;
}
*html div.news-holder{ padding-bottom:10px;}
*:first-child+html div.news-holder{ padding-bottom:10px;}
.news-holder .more{
background:transparent url(../images/bg-more.gif) no-repeat scroll 0 1px;
float:right;
font-size:10px;
margin:30px 0 0;
_margin:15px 0 0;
padding:0 0 0 10px;}
.news-holder .more:hover{
	color:#e50031;
	background-position:0 -11px;
	text-decoration:none;
}
.news-holder .heading{
	border-bottom:1px solid #8d8d8d;
	overflow:hidden;
	margin:0 7px 0 5px;
}
.news-holder .heading strong{
	font-size:16px;
}
/* post */
.news-holder .post{
	color:#414141;
	padding:0 16px 0 12px;
	margin:3px 0 -3px 0;
	display:block;
	cursor:pointer;
}
.news-holder .post .holder{
	background: url(../images/bg-border-post.gif) repeat-x 0 100%;
	overflow:hidden;
	width:100%;
	padding:8px 0;
	display:block;
}
.news-holder .post img{
	float:left;
	margin:0 11px 0 0;
}
.news-holder .post .post-holder{
	overflow:hidden;
	height:1%;
	display:block;
}
.news-holder .post strong{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:54px;
	height:16px;
	margin:0 0 6px;
}
.news-holder .post .intern{
	background: url(../images/ico-intern.png) no-repeat;
}
.news-holder .post .seminar{
	background: url(../images/ico-seminar.png) no-repeat;
}
.news-holder .post .news{
	background: url(../images/ico-news.png) no-repeat;
}
.news-holder .post em{
	font-style:normal;
	display:block;
}
.news-holder .post:hover, 
.news-holder .active{
	background-color:#e7ebf0;
	text-decoration:none;
}
.news-holder .post:hover span.link, 
.news-holder .active span.link{
	color:#e50042;
	text-decoration:none;
}
.post-holder span{
	color:#0066cc;
}
.entertainment{
	background: url(../images/btn-entertainment-frame.gif) no-repeat;
	padding:5px 0 7px 4px;
	width:349px;
	margin:0 0 0 -2px;
}
.entertainment a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/btn-entertainment.gif) no-repeat;
	width:342px;
	height:66px;
}
.entertainment a:hover{
	background-position:0 -66px;
}
/* boxes */
.boxes{
	background: url(../images/bg-boxes.gif) repeat-y; margin-bottom:15px;
}
.boxes .holder{
	background: url(../images/bg-boxes-t.gif) no-repeat;
}
.boxes .frame{
	background: url(../images/bg-boxes-b.gif) no-repeat 0 100%;
	overflow:hidden;
	height:1%;
	padding:7px 1px 10px 2px;
}
.boxes .title{
	margin:0 0 12px 23px;
	color:#481075;
	font-size:16px;
	display:block;
	line-height:20px;
}
.boxes .title span{
	display:block;
}
/* box */
.boxes .box{
	background:#eeeced;
	padding:0 24px;
	display:block;
}
.box .box-holder{
	border-bottom:1px solid #bfbdbd;
	padding:8px 0 4px;
	display:block;
}
.box .box-holder strong{
	font-size:14px;
	color:#000;
	margin:0 0 2px;
	display:block;
}
.box .box-holder .image{
	background:#fff url(../images/bg-arrow.gif) no-repeat 50% 4px;
	padding:4px 5px 4px;
	overflow:hidden;
	width:290px;
	display:block;
}
.box .box-holder .image img{
	float:left;
}
.box .box-holder .image img.after{
	float:right;
}
.box .heading {
	overflow:hidden;
	height:1%;
	display:block;
}
.box .heading span{
	color:#a80000;
	text-align:center;
	width:150px;
	float:left;
	font-weight:bold;
	font-size:14px;
}
.boxes .box:hover, 
.boxes .active{
	background:#fff;
	margin:0 0 1px;
	text-decoration:none;
	cursor:pointer;
}
.boxes .box:hover .box-holder, 
.boxes .active .box-holder{
	border:none;
}
/* ad */
.menu{
	float:right;
	width:235px;
	margin:0 -2px 0 0;
	padding:0;
	list-style:none;
}
.menu li{
	border:1px solid #b3b3b3;
	padding:3px;
	margin:0 2px 5px 0;
}
.menu a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:225px;
	height:72px;
}
.menu .no-9999 {
 margin: 0 2px 0 1px;
    width: 224px;
}
.menu .no-9999 img{
	display:inline-block;
	filter:alpha(opacity=90); opacity:0.9;
}
.menu .no-9999 a{
	text-indent: 0;
	text-align: center;
	vertical-align: middle;
	height: auto;
}
.menu .no-bdr {
	border: none;
	    height: auto;
    width: auto;
    padding: 0;
}
.menu .no-bdr a{
	text-indent: 0;
	    height: auto;
    width: auto;
}
.menu li.item1 a{
	background: url(../images/sidebar1_pana.png) no-repeat;
	height:72px;
}
.menu li.item2 a{
	background: url(../images/sidebar2-knowhow.png) no-repeat;
}
.menu li.item3 a{
	background: url(../images/sidebar3-qna.png) no-repeat;
}
.menu li.item4 a{
	background: url(../images/btn-ad4.gif) no-repeat;
}
.menu li.item5 a{
	background: url(../images/contact.png) no-repeat;
	width:225px;
	height:90px;
}
.menu li.item6 a{
	background: url(../images/sidebar4-eco.png) no-repeat;
}

div#main div.promo ul.menu li.item_new a{
	width:233px;
	height:52px;
	background-image:url(../images/banner_new.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:0px;
	color: #555555;
}
div#main div.promo ul.menu li.item_new a span{
	margin:10px 0 0 110px;
	line-height:1.2em;
	display:block;
	font-size:11px;
}
div#main div.promo ul.menu li.item_new a:hover{
	background-position:0 -52px;
	color: #222222;
}


div#main div.promo ul.menu li.item_new{
	border:none;
	padding:0;
	margin:0;
}
.menu li.item1 a:hover{
	background-position:0 -72px;
}
.promo .menu li.item5 a:hover{
	filter:alpha(opacity=70);
    opacity:0.7;
    background-position:0 0;
}
.menu li a:hover{
	background-position:0 -72px;
}
/* footer */
#footer {
	position:relative;
	width:957px;
	height:59px;
	margin:0px auto 0;
	background: url(../images/bg-footer.gif) repeat-x 0 43px;
	text-align:right;
	color:#303030;
	padding:12px 0 0;
}
/* footer */
.btm-nav{
	list-style:none;
	padding:0;	
	margin:20px 0 0 0;
	float:left;
}
.btm-nav li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/separator-top-nav.gif) no-repeat scroll 0 50%;
font-size:12px;
padding:0 0 0 7px;
}
.btm-nav li a {
	color:#363636;
}
.btm-nav li a:hover{
color:#999999;
text-decoration:none;
}
#footer a.rtn-top{
	background: url(../images/bullet-footer.gif) no-repeat 0 6px;
	padding:0 0 0 8px;display: inline-block;
}
#footer a.rtn-top:hover{
	color:#ee0031;
	text-decoration:none;
}
.copyright{
	margin:20px 0 0;
	float: right;
}
/* page */
/* breadcrumbs */
.breadcrumbs {
	margin: 0 0 13px;
	padding: 0;
	list-style: none;
	overflow:hidden;
	height:1%;
}
.breadcrumbs li{
	float:left;
	background: url(../images/separator-breadcrumbs.gif) no-repeat 0 67%;
	margin:0 7px 0 -7px;
	padding:0 3px 0 7px;
	line-height:13px;
}
.breadcrumbs li a{
	color:#000;
}
/* content */
#content{
	float:left;
	width:762px;
	background: url(../images/bg-border-content.gif) repeat-x;
	padding:30px 0 0;
	text-align:justify;
	line-height:21px;
}
#content .holder{
	padding:0 0 18px 0;
	overflow:hidden;
	width:100%;
}
#content img{
	float:left;
	margin:0 22px 0 0;
}
#content .content{
	overflow:hidden;
	height:1%;
	padding:111px 0 0;
}
#content h1{
	margin:0 0 21px;
	font-size:28px;
	font-weight:bolder;
	color:#333;
	background: url(../images/bg-h3.gif) no-repeat;
	padding:0 0 0 15px;
}
#content h2{
	margin:0 0 11px;
	color:#333;
	font-size:16px;
	font-weight: 500;
}
#content p{
	margin:0 0 5px;
}
/* box */
#content .box{
	padding:0 62px 30px 0;
	overflow:hidden;
	height:1%;
}
#content .box .box-content{
	overflow:hidden;
	height:1%;
}
#content h3{
    margin:0 0 21px;
	font-size:20px;
	color:#0039ad;
	background: url(../images/bg-h3s.gif) no-repeat;
	padding:0 0 11px 15px;
	font-weight:300;
	border-bottom:dotted #999 2px;
}
#content h3 span{
	display:block;
}
#content .box .alignleft{
	margin:0 59px 0 0;
}
#content .alignright{
	margin:0 0 0 55px;
	float:right;
}
#content div.cat22  h2 {
	    font-weight: bold;
    letter-spacing: 1px;
	margin-top: 25px;
}
#content div.cat22  .alignleft{
	margin:0 23px 20px 0;
	float:left;
}
#content div.cat22 .alignright{
	margin:0 0 15px 24px;
	float:right;
}
#content div.cat22 blockquote{
border-color: #A6C2ED;
    border-style: dashed;
    border-width: 1px 4px 1px 3px;
    clear: both;
    padding: 20px 20px 3px;
    margin: 20px 0 14px 36px;
}
/* nav */
.nav ul{
	list-style:none;
	margin:-2px 0 0 58px;
	padding:0;
}
#content .nav ul li a{
	color:#0036b2;
	font:18px/27px Arial, Helvetica, sans-serif;
}
#content .nav div{
	float:left;
	width:270px;
}
.nav ul li{
	padding:0 0 0 17px;
	background: url(../images/bullet-content-nav.gif) no-repeat 0 7px;
	overflow:hidden;
}
.nav ul ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	height:1%;
	float:left;
}
.nav ul ul li{
	padding:0 0 0 14px;
	background: url(../images/bullet-content-ul.gif) no-repeat 0 10px;
}
#content .nav ul ul a{
	float:none;
	width:auto;
}
/* sidebar */
#sidebar{
	float:right;
	width:178px;
}
/* subnav */
.subnav {
	margin:0 0 30px;
	padding:0;
	list-style: none;
	border-bottom:1px solid #c3c3c3;
}
.subnav li{
	vertical-align:middle;
	height:1%;
}
.subnav ul{
	list-style: none;
}
.subnav a{
	color:#0036b2;
	display:block;
	border-top:1px solid #c3c3c3;
	padding:0 0 0 12px;
	background: url(../images/bg-brd.gif) repeat-y;
}
.subnav a span{
	padding:7px 0 7px 8px;
	display:block;
}
.subnav a:hover, 
.subnav li.active a{
	text-decoration:none;
	color:#414141;
	background:#e8f2ff url(../images/bg-brd-hover.gif) repeat-y;
}
.subnav a:hover span, 
.subnav li.active a span{
}
#sidebar .entertainment{
	background: url(../images/btn-entertainment-frame2.gif) no-repeat;
	width:174px;
	margin:0 0 0 -2px;
}
#sidebar .entertainment a{
	background: url(../images/btn-entertainment2.gif) no-repeat;
	width:170px;
	height:96px;
}
#sidebar .entertainment a:hover{
	background-position:0 -96px;
}
#sidebar .entertainment a.bg2{
	background: url(../images/sidebar_banner2.png) no-repeat;
	width:170px;
	height:96px;
}
#sidebar .entertainment a.bg2:hover,#sidebar .entertainment a.bg3:hover{
	 filter:alpha(opacity=80);
    opacity:0.8;
}
#sidebar .entertainment a.bg3{
	background: url(../images/sidebar_banner3.png) no-repeat;
	width:170px;
	height:96px;
}


/*-------eguchi-------*/
.c-flp {
display:block;
}
div#section-head0 {
background-color:#E8EAF4;
height:321px;
position:relative;
}
div#section-head0 p#photo  {
position:absolute;
right:0;
top:0;
}
div#section-head0 h1 {
padding:27px 0 13px 23px;
}
div#section-head0 h2 {
padding:30px 0 0 23px;
}
div#section-head0 p {
font-size:116.6%;
padding:0 0 0 30px;
position:relative;
white-space:nowrap;
float:left;
}
div#section-latest {
border:10px solid #7280B3;
display:inline-block;
}
div#section-latest .c-flr {
float:right;
margin:0;
}
div#section-latest .c-fln {
float:none;
padding:21px 0 13px 26px;
}
div#section-latest span {
display:block;
padding:0 0 0 26px;
color:#1A1A1A;
font-size:16px;
}

*html div#section-latest a:hover span{
	text-decoration:none;
}
div#section-profile h2 {
float:left;
width:118px;
display:inline;
}
div#section-profile div {
border-left:4px solid #A33554;
float:right;
font-size:16px;
padding-left:15px;
width:625px;
display:inline;
}
div#section-profile img {
margin:0;
}
div#section-profile {

}
div#section-head1 {
padding-bottom:49px;
}
div#section-head1 h1 img {
border:0 none;
margin:0;
padding:0;
}
div#section-head1 h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:bold;
}
div#section-head1 p, li, dt, dd, h1, h2, h3, h4, h5, h6,
div#section-head0 p {
line-height:1.5;
}
#content h4{ font-size:14px; color:#0039ad; margin:10px 0 0; padding:0;}
div.section-left {
float:left;
width:488px;
display:inline;
}
div.section-left p.last {
padding-bottom:20px;
}
div.section-right {
float:right;
display:inline;
width:248px; font-size:12px;
}
div.section-left p {
display:inline-block;
padding:16px 30px 70px 12px;
}
#content div.section-left img{margin:0;}
div.section-left h2{display:inline-block;}
div#section-head1 h2{display:inline-block;}
/*-------style-------*/
#content img.st4,#content img.st3{ border: solid 1px #d5d5d5;}
#content img.st4{
margin:0 3px 0 0;}
#content img.st3{
margin:0 2px 0 0;}
#content a:hover img.st3,#content a:hover img.st4,
#main a:hover.topstyle_img img.topstyle_img{ filter:alpha(opacity=70); opacity:0.7;}
#content h2.c2,h2.jm2,h2.sm2,h2.nm2,h2.co2{padding-top:200px;}
/*-------style JP room-------*/
div#content div.box-room,div.box-step{
background-color:white;
border:1px solid #EEEEEE;
display:inline;
float:left;
height:300px;
margin-top:5px;
text-align:center;
width:250px;
overflow: hidden;
}
div#content div.box-step{
display:inline;
margin:5px 8px 0 0;
width:178px;
}
div#content div.box-step p{ padding:0 0 0 5px; text-align:left; color:#555555;}
/*------- professional -------*/
#content .advantage{
width:670px;
float:right;}
#content .advantage li {
display:block;
float:left;
margin:0 40px 20px 0;
}

#content .advantage a {
text-indent:-9999px;
display:block;
overflow:hidden;
width:242px;
height:146px;
}
#content .advantage li.m1 a {
background: url(../images/banner-1total.png) no-repeat;
}
#content .advantage li.m2 a {
background: url(../images/banner-2quority.png) no-repeat;
}
#content .advantage li.m3 a {
background: url(../images/banner-3clear.png) no-repeat;
}
#content .advantage li.m4 a {
background: url(../images/banner-41st.png) no-repeat;
}
#content .advantage li.m1 a:hover,
#content .advantage li.m2 a:hover,
#content .advantage li.m3 a:hover,
#content .advantage li.m4 a:hover{background-position:0 -146px;}
/*-------qna-------*/
#content div#section-head {
padding:25px 0 0 29px;
position:relative; height:250px; margin-bottom:20px;
background-color:#7376A7;}
display:inline;
div#section-head h1 {
margin-bottom:8px;
display:inline;
}
#content div#section-head img{ border:none; margin:0; padding:0;}
#content div#section-head p {
color:#FFFFFF;
font-size:14px;
padding:0;
width:460px;
z-index:10;
margin:7px 0 0;
line-height:1.5;
float:left;
}
#content div#section-head p.p01{ margin:20px 0 0;}
#content div#section-head p#head-img {
bottom:-27px;
position:absolute;
right:15px;
width:auto;
z-index:0;
}
#content .c-g5l4 { 
float:left;
display:inline;
width:762px;}
#content div#section-head p#head-btn {
padding:25px 0 5px;
width:auto;
height:57px;
width:286px;
}
#content div#section-head p#head-btn a{ background-image: url(../images/qna/ind_btn_head01-ch.jpg);
background-repeat:no-repeat;
display:block;
height:57px;
text-indent:-9999px;}
#content div#section-head p#head-btn a:hover{
background-position:0 -57px;}
#content div.section-cont table {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
margin:10px 0 30px;
width:762px;
}
#content div.section-cont table.top{ margin-top:50px;}
#content div.section-cont table th {
text-align:left;
vertical-align:middle; background-color:#FFFFFF;
}
#content div.section-cont table th,#content div.section-cont table td{
line-height:1.25;}
#content div.section-cont table th.type-a {
background-color:#CCD4EB;
padding-left:20px;
padding-top:3px;
}
#content div.section-cont table th.type-a,
#content div.section-cont table th.type-b{ height:15px;}
#content div.section-cont table th.type-b {
background-color:#BEDDCD;
padding-left:20px;
padding-top:3px;
}
#content div.section-cont table td {
background-color:#EAEAEA;
font-size:116.6%;
line-height:1.6;
padding:20px;
}
/*-------nofloat-------*/
div#main div#content img.nofloat{
float:none;
}
/*---contact form----*/
span.hissu{
color:#FF0000;
font-size:10px;
margin-left:5px;
}
table.formTable th{
background-color:#F9F7EB;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
font-weight:normal;
padding:0.5em 0.8em;
text-align:left;
vertical-align:middle;
width:180px;
}
table.formTable td {
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:0.5em 0.8em;
}
table.formTable {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin:0 auto;
width:560px;
}
/* clear */
.clear_l{ clear:left;}
.clear_r{ clear:right;}
.clear{ clear:both;}
#content div.section-cont table img{ margin:0;}
#content div.ikkan{
	height:500px;
	position:relative;
}

#content .popup{
	display:inline-block;
	width:71px;
}
/*
#content .popup img.pop1,img.pop2,img.pop3,img.pop4,img.pop5,img.pop6,img.pop7,img.pop8,img.pop9,img.pop10 {
display:block;
top:-10000px;
left:-10000px;
position:absolute;
}

#content .popup a:hover {
position:relative;
float:left;
}

#content .popup a:hover img.pop1 {
top:175px;
left:0px;
}
#content .popup a:hover img.pop2 {
top:175px;
left:-76px;
}
#content .popup a:hover img.pop3 {
top:175px;
left:-152px;
}
#content .popup a:hover img.pop4 {
top:175px;
left:-228px;
}
#content .popup a:hover img.pop5 {
top:175px;
left:-304px;
}
#content .popup a:hover img.pop6 {
top:175px;
left:-380px;
}
#content .popup a:hover img.pop7 {
top:175px;
left:-456px;
}
#content .popup a:hover img.pop8 {
top:175px;
left:-532px;
}
#content .popup a:hover img.pop9 {
top:175px;
left:-608px;
}
#content .popup a:hover img.pop10 {
top:175px;
left:-684px;
}*/
/*---contact page------*/
#content p.page-p{
margin-bottom:55px;
width:700px;
}
/*--company info--*/
.tbl1 {width:700px;}
.tbl1 th, .tbl1 td {
border-top-width:1px;
border-color:#CCCCCC;
border-style:solid;
margin:0;
padding:10px;
text-align:left;
vertical-align:top;
}
.tbl1 th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F9F9F9 none repeat scroll 0 0;
border-width:0 1px 1px;
}
.tbl1 td {
border-width:0 1px 1px 0;
}
.tbl1 tr.top th, .tbl1 tr.top td, .tbl1 .top {
border-top-width:1px;
}
.tbl1 tr.left th, .tbl1 tr.left td, .tbl1 .left {
border-left-width:1px;
}
/*--knowhow--*/
#content .knowhow{list-style:none;}

#content .knowhow a{
text-indent:-9999px;
display:block;
overflow:hidden;
width:644px;
height:179px;
}
#content .knowhow li.kh1 a{
background: url(../images/ind_btn_cont01-ch.png) no-repeat;
}
#content .knowhow li.kh2 a{
background: url(../images/ind_btn_cont02-ch.png) no-repeat;
}
#content .knowhow li.kh3 a{
background: url(../images/ind_btn_cont03-ch.png) no-repeat;
}
#content .knowhow li.kh1 a:hover{background-position:0 -179px;}
#content .knowhow li.kh2 a:hover{background-position:0 -179px;}
#content .knowhow li.kh3 a:hover{background-position:0 -179px;}

/*---events---*/
.box strong {display:block;
height:16px;
margin:4px;
text-indent:-9999px;
width:60px;
float:left;
}
.box-date{
display:block;
width:114px;
float:left;
}
.box .intern{background: url(../images/ico-intern.png) no-repeat;}
.box .seminar{background: url(../images/ico-seminar.png) no-repeat;}
.box .news{background: url(../images/ico-news.png) no-repeat;}
.event-intr{margin-bottom:32px;}
#content .post img.right {left:633px;position:relative;}
#content .post img.left {float:left;}
#content .post p.right {float:right;}
#content .post p {display:inline-block;}
#content div.cat22 p {display:block;}
strong.news {background:url("../images/ico-news.png") no-repeat scroll 0 0 transparent;}
div.post-d {position:relative;top:-32px;}
#content .post p.name_01{ width:120px;}
/* beforeafter */
div.beforeafterstep {
width:430px;
float:left;
margin:0;
padding:0;
}
#content div.beforeaftertop img {margin-top:50px; float:none;}
#content div.beforeafterstep p {margin:25px 60px 0 15px;}
#content div.beforeafterstep img {margin-bottom:25px;}
/*------- pro -------*/
.boxx {
float:right;
height:300px;
width:516px;
}
#content div.boxx img {
margin:0 15px 15px 0;
}
#content div.box-type a:hover img{ filter:alpha(opacity=60); opacity:0.6;}
#content div.box-type{ margin:5px 0 270px;}
#content div.box-type2{ margin:5px 0 270px; height:466px;}
/*----------style img----------*/
#content div.box-type img.st1{ margin:0 5px 0 0;}

/*----------- susumekata -------------*/
div.box-left {
float:left;
width:310px;
display:inline;
}
div.box-left p.img-cont {
padding:37px 0 16px 58px;
display:inline;
}
div.box-right {
float:right;
position:relative;
width:450px;
display:inline;
}

/*-------before n after-------*/
#content table.bf_af{ border:1px solid #999999; margin-bottom:5px; padding:2px 10px 2px 2px; width:730px;}
#content table.bf_af td.bf_af01{ width:160px; border:none;} 
#content table.bf_af td.bf_af02{ background-color:#efefef; width:80px; text-align:right; padding-right:2px; padding:0 5px 0 0;vertical-align: top;}
#content table.bf_af td.bf_af03{ text-align:center;padding-top: 4px;}
#content table.bf_af td.bf_af03 img{ margin-left:35px;}
#content table.bf_af img.left{ margin-left:80px;}
#content table.bf_af td.bf_af_img_a{
	}
#content table.bf_af td.bf_af_img_a img{
background-color:#FFFFFF;
border-color:#cfcfcf;
border-style:solid;
border-width:3px;
padding:2px 3px;
margin: 0 10px 0 4px;
}
#content table.bf_af td.bf_af_img_b{
	background-image:url(../images/before_after/after.png);
	background-repeat:no-repeat;
}
#content table.bf_af td a:hover img{filter:alpha(opacity=70); opacity:0.7;}
#content table.bf_af th{ height:36px; padding:0; margin:0;}
#content table.bf_af .tline{ border:solid 1px #cfcfcf; padding-left:5px;}
#content table.bf_af td.bf_afback1{ background-image:url(../images/ttop.jpg); border-bottom:solid 1px #cfcfcf; border-top:0;}
#content table.bf_af td.bf_afback2{ background-image:url(../images/ttable.png); border-top:solid 1px #cfcfcf; border-bottom:0;}
#content table.bf_af td.bf_afback1,
#content table.bf_af td.bf_afback2{ background-repeat:no-repeat; border-right: solid 1px #cfcfcf; border-left:0; background-color:#efefef; text-align:right; padding:0 5px 0 0;}
#content table.bf_af td.bf_afback2{ background-position:bottom left; height:24px;}

 /*----new- before n after spage---*/
#content .beforebox img, #content .afterbox img.postimgba {
margin:0 auto;
max-width:330px;
}
.height_mini{min-height:260px;height: auto !important;height:260px;}
#content h3.bline{ border-bottom:double #999 2px; background-image:url(../images/bg-h3s.gif); background-repeat:no-repeat; height:34px; margin:10px 0;}
div.nbf_af01,div.nbf_af02{ width:755px; color:#333333;}
div.nbf_af01 img,div.nbf_af02 img{ margin:5px 10px 0 5px;}
div.nbf_af01s,div.nbf_af02s,p.nbf_af01s{ width:350px; text-align:justify; padding:3px 15px 0 0;}
.nbf_af02 ul li{
	width:300px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}
#content div.nbf_af02 div.nbf_af01s p.nbf_af01{ margin:0 0 0 10px;}
div.nbf_af02 .beforebox p,div.nbf_af02 .afterbox p{ background-repeat:no-repeat; vertical-align:text-top; text-align:center; text-indent:-9999px;
background-position:-6px 0px; height:35px; padding:0; margin:5px 0;}
div.beforebox p{
	background-image:url(../images/beforeafter/box-before_title.gif);
}
#content div.beforebox,#content div.afterbox{ border:5px solid #dfdfdf;	display:block; padding:0 2px;}
.beforebox img,.afterbox img{ padding:0 0 10px;}
#content .beforebox p,#content .afterbox p{ display:block;}
#content div.afterbox p{
	background-image:url(../images/beforeafter/box-after_title.gif);
}
div.nbf_af02s,div.nbf_af01s{ display:table-cell; vertical-align:middle; margin:auto;}
div.nbf_af02s{ text-align:center;}
div.nbf_af01s{ text-align:left;}


#content h1.bline{ border-bottom:double #999 2px; background-image:url(../images/bar-red.png); background-repeat:no-repeat; height:34px; margin: 10px 0 10px 5px;padding-bottom: 2px;}

* html div.nbf_af01s{/* IE 6 */
display:inline;
zoom:1;}
*:first-child+html div.nbf_af01s{/* IE 7 */
display:inline;
zoom:1;}
* html div.nbf_af02s{/* IE 6 */
display:inline;
zoom:1;}
*:first-child+html div.nbf_af02s{/* IE 7 */
display:inline;
zoom:1;}
p.bg_images2{ background-image:url(../images/yaji.png); background-repeat:no-repeat; height:24px; width:27px; text-indent:-9999px; width:350px; background-position:160px 0px;}
.test{ height:200px;}
#content div.nbf_af01s p.name_01a{ padding:0; margin:70px 0 3px; display:block; color:#666666;}
#content div.nbf_af01s p.name_02,#content nbf_af01s p.name_03{ padding:0; margin:2px 0; display:block;}
#content div.nbf_af01s p.name_02{ font-weight:bolder;}
#content div.nbf_af01s img.pro{ margin:0 10px 0 0; padding:0; float:left;}
#content .post img.re{ margin:0 0 0 5px;}
.bf_af_images{ background-image:url(../images/beforeafter/be-af_fig.png); background-repeat:no-repeat; background-position:right bottom;}
/*-------top test-------*/
.image2{ display:block; overflow:hidden; padding:4px 5px; width:290px; background:#ffffff scroll 50% 4px;}
img.top_img_st0{ margin-left:19px;margin-right:5px;}
img.top_img_st{ margin-left:9px;margin-right:19px;}
#main .box-holder strong.top_st_t{ color:#666666; text-indent:0;}
 /*----progress------*/
.prog-descr{
position:relative;
top:37px;
}
/*------staff-------*/
#content dl.staff p {
left:10px;
position:relative;
width:600px;
margin:10px 0;
}
#content dl.staff dd {
height:180px;
margin:0;
}
#content dd {
margin-bottom:0.6em;
margin-left:20px;
}
#content dl.staff dd img {
float:none;
margin-bottom:-10px;
}
#content dl.staff ol {
padding-left:150px;
}*:first-child+html #content dl.staff ol {padding-left:0;}
/*------1st-------*/
div.w100 {padding:5px; float:left; width:100px;}
p.caption {text-align:center; margin:5px;}
#content p.caption, .post .p {text-align:center; margin:5px; display:block;}
div.holder th {vertical-align:top;}
#content img.nonemargin {margin:0;}
#content div.right {float:right;}
/*-------new_susumekata_table-------*/
table#susume{ width:750px; background-image:url(../images/process/ind_bg_main.gif); background-repeat:repeat;}
.table10 td.img1,.table9 td.img1,.table8 td.img1{vertical-align:top;}
.table10 td.word1,.table8 td.word1{vertical-align:bottom;padding:0 14px 0 0;}
.table9 td.word1{padding:0 44px 0 21px;vertical-align:top;}
.table10,.table9,.table8,.table7{margin:25px 0 25px 0;}
#content .table7 td.img2 img {bottom:-20px;left:242px;position:relative;}
.table7 td.word1{}
.table7 td.word2{padding:0 20px;}
table#susume{ width:750px; background-image:url(../images/process/ind_bg_main.gif); background-repeat:repeat; color:#555; font-size:14px;}
table#susume td{ text-align:left;}
table#susume td img{ vertical-align:top; margin:auto top;}
table#susume td p a.linkt{ display:block; width:114px; height:21px; border:none; background-image:url(../images/process/con_btn_.png); text-indent:-9999px; background-position:0 0;}
table#susume td a:hover.linkt{ background-position:0 -21px;}
table#susume td p.t01{ margin:0; padding:0;}
table#susume table.tab2 img{ position:relative;}
table#susume table.tab2 img.m01{ left:85px; top:20px;}
table#susume table.tab2 img.m02{ left:0px; top:-30px;}
table#susume table.tab2 p.p01{ margin:-20px 10px; padding:0;}
table#susume table.table5 img.t6room {}
table#susume table.table5 td.plan {
height:135px;}
table#susume img.m00{ margin:0 0;}
table#susume table.table5 img.m05{left:128px; position:relative; top:30px;}
table#susume table.table5 img.m06{ left:0; margin:0; position:relative; top:-40px;}
table#susume table.table5 td.m06{ vertical-align:top;}
/*-------new_susumekata-------*/
#content div#soto{ background:transparent url(../images/process/ind_bg_main.gif) repeat scroll left top; width:740px; height:auto; position:relative;}
#content div#soto p{ font-size:14px; font-family:Meiryo,'MS PGothic',Osaka,sans-serif; color:#555;}
#content div.soto{ margin-bottom:30px;}
#content div#soto h3,div#soto h4{ background-image:none; border:medium none; margin:0; padding:0; text-indent:0;}
#content div.soto div{ background-color:transparent;}
#content .float_l{ float:left;}
#content div#soto img{ margin:0;}
div.uti{ width:240px;}
div.uti01{ width:490px; margin:-50px 0 0;}
div.uti01s{ padding:2px; margin:0 0 0 12px;}
#content div#soto div.uti01s img.right{ margin:-90px 0 0; float:right;}
div.uti01s p.link a{ background-image:url(../images/process/con_btn_.png); height:21px; width:114px; display:block; background-repeat:no-repeat;}
div.uti01s p.link a:hover{ background-position:0 -21px; background-repeat:no-repeat;}
div.uti01s p.link { height:21px;margin:12px 7px 0;text-indent:-9999px;width:114px;}
div.uti01s2{ float:left; width:450px; padding:2px 0; margin:5px 0;}
div#soto div.uti01s2 p{ margin:0 2px 0; font-size:12px; line-height:13px;}
div#soto h3.soto,div#soto p.soto{ margin:20px 0 5px; clear:left;}
div#soto div.soto h3.soto,div#soto div.soto p.soto{ margin-top:2px;}
div.uti02{ width:380px; padding-left:20px;margin:20px 0 0;}
div.uti02 img{ margin-left:2px;}
#content div.uti02 img.m01{ position:relative; left:10px;}
#content div.uti02 img.m02{ position:relative; top:10px;}
div.uti02-2{ margin:-140px 0 0;width:320px;}
div#soto div.uti02-2 p{ letter-spacing:0px; line-height:15px; font-size:13px;}
div#soto div.uti02-2 p.up{ margin:5px 2px 0;}
div.uti02-2 p.img02{ position:relative; top:0; right:0;}
div.uti02-2 h4{ margin:0;}
div.uti02 p.p_r{ width:172px; padding:0 0 0 10px;}
div.uti02-3{ margin:-25px 0 0;width:320px;}
div#soto p.img03{left:505px; margin:0; position:relative; top:-150px;width:322px;}
.up01,.up02,.up03,.up04,.up05,.up06,.up07,.up08,.up09,.up10{ position:relative;}
.up01{ top:-230px;}
.up02{ top:-205px;}
.clear_l{ clear:left;}
div#soto p.img04{ left:167px; position:relative; top:-123px; width:160px;}
.up03{ top:-80px;}
.up04{ left:2px; padding:0 5px; top:-200px;}
p.text000{ width:150px;}
.up05{ left:2px; padding:0 0 40px; top:-200px;}
p.up05s{ margin:0 0 0 40px; width:220px;}
img.up05{ left:300px; top:-380px;}
.up06{ left:408px; top:-82px;}
.up07{ left:-265px; top:68px;}
.up08{ top:48px; left:-270px;}
p.ww{ width:280px;}
h4.up09{ top:-142px; left:-34px;}
p.up09{ top:130px; left:-5px;}
div.up09{ top:-120px;}
div.up10{ top:-260px;}

/*--site policy--*/
ol.policy {
border-bottom:2px dotted #999999;}

/*--eco life--*/
.box p.text-mid {
padding:30px;}

/*--picture shadow--*/
#content img.shadow,
#content img.shadow_2 {
background-color:#FFFFFF;
border-color:#DFDFDF #999999 #999999 #DFDFDF;
border-style:solid;
border-width:1px;
padding:7px 10px;
position:relative;

}
#content img.shadow{ margin:0px; top:-8px;left:-12px;}
#content img.shadow_2{ margin:10px 0 0 12px; top:-13px; left:-13px;}
#content .box span.shadow,#content span.shadow{ background:url(../images/shadow.jpg) right bottom; margin:10px 0 0 45px;}
#content .box span.shadow_2,#content span.shadow_2{ background:url(../images/shadow.jpg) right bottom; margin:5px 0 0 5px;}

/*--holder title--*/
#main img.holdertitle {
padding-bottom:5px;
}
/*--topstyle_img--*/
img.topstyle_img{ margin:0; padding:2px 0 0 2px;}
p.topicsen {
background:url("../images/icon-home.png") no-repeat scroll 0 0 transparent;
color:#393939;
font-size:14px;
line-height:18px;
margin:0;
padding:10px 0 10px 64px;
}
/*--style body--*/
.boxes .stylephoto{
	background:#eeeced;
	margin:0; 
	padding:0 0 0 5px;
	width:342px;
	min-height:415px !important;height:415px;
}
#main img.holdertitle {
padding-bottom:5px;
padding-left:10px;
}
/*-------¤Ê-------*/
a:hover img.link_hover{ filter:alpha(opacity=80); opacity:0.8;}

/*-------20100707 SEO?ô-------*/
h1.top_title,
h2.top_title2{ margin:5px 20px 1px; color:#534886; font-size:18px; font-weight:bolder;}
#main h1.top_title img.holdertitle{ padding-bottom:0;}
p.top_title{ margin:3px 5px; color:#444;}
.f_left{ float:left;}
span.link{ font-size:14px; color:#666; line-height:1.3; margin:2px 5px 0 0px;}
p.link{ font-size:13px; color:#666; line-height:1.3; margin:2px 5px 0 2px;}
.news-holder .speace_b{ margin-bottom:6px;}
img.top_title{ margin:0 7px 5px 10px;}
/*-------]ûæ¶ÇÁ-------*/
div#content div.section-right p.c-xc { text-align:center; width:200px; margin:0 auto;}
div#section-latest a{ background-color:#FFFFFF; display:table;}
div#section-latest a:hover{ background-color:#e8eaf4;}
*html div#section-latest a:hover{ background-color:#FFFFFF;}
div#section-latest p{ margin:0; padding:0;}
dl#section-backnumber {
	border-bottom:2px solid #6D79B1;
	margin-bottom:40px;
	display: table;
}
dl#section-backnumber ul { list-style:none; margin-top:6px;}
dl#section-backnumber dd,dl#section-backnumber ul li{ margin-left:0;}
dl#section-backnumber dt,dl#section-backnumber dd,dl#section-backnumber ul, div.c0703 dl#section-backnumber ul li {
list-style:none outside none;
margin:0;
padding:0}
dl#section-backnumber ul li {
height:42px;
margin-bottom:6px;}
dl#section-backnumber ul img{ margin:3px 0;}
dl#section-backnumber dt img{ margin-right:0;}
dl#section-backnumber ul li a{ background-color:#fff;}
dl#section-backnumber ul li a:hover{ background-color:#e8eaf4;}
div#content img.lin{ margin:0 auto; position:relative; left:80px;}
p.lin{ width:700px;}
th.sp201104{ width:81px;}
div.stuff-photo{ padding:3px 5px; background-color:#fff; border-width:1px; border-color:#ddd #bbb #bbb #ddd; border-style: solid; margin-left:7px;}
#content div.stuff-photo img{ margin:5px;}
p.dashe{ background:url("../images/dashe.png") 0 0 repeat;}
.contact-link{
display: block;
    height: 82px;
background:url("../images/condactus-banner.png") 1px 2px no-repeat;
    width: 174px;
    text-indent: -9999px;
    margin-top:2px;
}
.contact-link:hover{
    background-position: 1px -79px;
}
#content .width700{width:745px;}
#content .width475{width: 519px;}
.post div.event-intr {
    display: block;
    float: left;
    margin-right: 20px;
}
.post div.event-intr span {
    display: block;
    margin-right: 20px;
    width: 350px;
}

.contact_banner{
    background: url(../images/contact_footer.png) no-repeat scroll 0 42px transparent;
    clear: both;
    height: 208px;
    margin-left: 74px;
}
.contact_banner a{
    display:inline-block;
	left: 350px;
    position: relative;
    top: 111px;
}
.contact_banner a:hover img{
    filter:alpha(opacity=80); opacity:0.8;
}
.contact_banner span{
    clear: both;
    left: 70px;
    position: relative;
    top: 126px;
    font-size: 12px;
    color: #666;
    filter:alpha(opacity=70); opacity:0.7;
}
.contact_banner span img{
    position: relative;
    top: 1px;
}

/**VOICE**/
#customer .frame {
    background-image: url("../images/bg-boxes-bottom-voice.gif");
    color: #666666;
    padding: 5px 8px;
    height:	117px;
}
*:first-child+html #customer .frame {
    height:	120px;
}
.voice {
	margin: 0 0 0 3px;
}
a.photobox{
	border: 1px solid #CECECE;
    display: inline-block;
    padding: 1px;
    margin-right: 9px;
    _margin-right: 5px;
}
.voice p{
	margin: 0;
	font-size:13px;
	line-height: 18px;
}
#customer .more{
background: url("../images/bg-more.gif") no-repeat scroll 0 1px transparent;
    float: right;
    font-size: 12px;
    line-height: 14px;
    margin: 12px 1px 0 0;
    padding: 0 0 0 10px;
}
#customer .more:hover{
	color:#e50031;
	background-position:0 -11px;
	text-decoration:none;
}
*:first-child+html #customer .more{
    margin-top: 18px;
}
.voice .client{text-align: right;font-size: 12px;}
.customerdouble{}
#content .customerdouble img{margin: 0;}
#content .customerdouble a.photobox{float: right;margin-left: 12px;margin-right: 0;}
.customerdouble .box-content{
border-left: 4px solid #0E368E;
    float: left;
    height: 77px;
    margin: 10px 38px 12px 0;
    padding-left: 12px;
    width: 322px;
    }
.h2txt{display: inline-block;
    font-size: 84%;
    height: 20px;
}
#customer .top_title2{
	height: 27px;
    line-height: 27px;
}
.hrk{
height: 28px;
border-bottom: 1px solid #8D8D8D;
margin-bottom: 7px;}
*:first-child+html .hrk{padding-bottom: 6px;}
#content div.cat22 .aligncenter{
display: inline-block;
    margin: 0 auto;
    text-align: center;
}

