/* 100521更新ここから-
--------------------------------------------------------------------------*/
.clear-b {/*add*/
clear:both;
float:none;
}
.totop{/*add*/
font-size:10px;
text-align:right;
}

#contents #interview strong {/*add*/
font-weight:bold;
}
#contents #interview address {/*add*/
font-style:normal;
}
#contents #interview .sub_contents p,
#contents #interview .sub_contents ul,
#contents #interview .sub_contents ol {/*add*/
font-size:14px;
line-height:160%;
margin:0 0 10px;
padding: 0 10px 15px;
}
#contents #interview .sub_contents ul li {/*add*/
list-style-type:disc;
list-style-position:outside;
margin-left:1em;
}
#contents #interview .sub_contents ol li {/*add*/
list-style-type:decimal;
list-style-position:outside;
margin-left:1em;
}

#contents #interview .list li{/*add*/
	background:url(../nejp_images/allow_submenu.gif) no-repeat left 3px;
	padding: 4px 0 0 17px;
	margin:0;
}

#contents #interview h2{background:none;
border:none;
margin:0px 0px 20px 0px;
padding:0px;}

#contents #interview h3{
clear:both;/*add*/
background:url(../nejp_images/client/interview/h2_bar.jpg) no-repeat;
border:none;
width:670px;
/*height:36px;*/
height:37px;
font-size:14px;
color:#222222;
/*padding:12px 0px 0px 20px;*/
padding:0 0 0 20px;
margin:0px 0px 0px 0px;
line-height:37px;}

#contents #interview h4{border:none;
background:none;
margin:0px;
padding:0px;}

#contents #interview #step{
vertical-align:middle;
text-align:center;
margin-bottom:20px;
margin:0 auto;}

#contents #interview #join_attention{border:1px solid #b3b3b3;
padding:10px 5px 8px 35px;
width:80%;
text-align:left;
margin:0 auto;
background:url(/nejp_images/common/icon_attention.jpg) no-repeat 5px 3px #e8e8e8;
font-size:10px;}


#contents #interview .point_half{width:330px;}

#contents #interview .point_half h4{width:330px; margin:0; padding:0;}

#contents #interview .point{
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#F5F0E0;
padding:5px;
display:block;
margin:0px 0px 20px 0px;}

#contents #interview .point p{margin:0px;
padding:0px;}

#contents #interview .point p.point_text{margin:10px;} 
#contents #interview .point ul.point_text{margin:0 10px 10px;} 

#contents #interview .point table{
border:1px solid #cccccc;
width:658px;
margin:0 auto;
background-color:#FFFFFF;}

#contents #interview .point table td{padding:5px;}

#contents #interview #step1,#contents #interview #step2,#contents #interview #step3 {
float:left;
height:131px;
line-height:150%;
}

#contents #interview #link {margin:20px auto;}
#contents #interview #link img{margin-right:5px;}


	/*サイトを作ってみよう、導入事例----------------------------*/

#contents #interview .box{border:1px solid #cccccc;
padding:10px;}

#contents #interview #casestudy h4{background:url(../nejp_images/client/interview/casestudy_site.gif) no-repeat;
font-weight:bold;
font-size:14px;
height:20px;
margin-bottom:20px;
padding:5px 0px 0px 15px;}

#contents #interview #casestudy .site,#contents #interview #try .site{float:left;
margin-left:15px;
width:28%;}

#contents #interview #casestudy .site_half{width:28%;}
#contents #interview #try .site{width:70%;}
#contents #interview #try h4{margin:5px 0px 15px 0px;}

#contents #interview #casestudy .site p{margin-bottom:10px;}

#contents #interview #casestudy .cach{margin-top:20px;}

#contents #interview #casestudy dl{border:1px solid #cccccc;
margin-bottom:30px;}

#contents #interview #casestudy dt,#contents #interview #casestudy dd{padding:10px 10px 8px 40px;
min-height:20px;}

#contents #interview #casestudy dt{background:url(../nejp_images/client/interview/casestudy_q.gif) no-repeat 7px 10px #e9e5d8;
color:#eb5e02;}
#contents #interview #casestudy dd{background:url(../nejp_images/client/interview/casestudy_a.gif) no-repeat 7px 10px;}

/* 100521更新ここまで-
--------------------------------------------------------------------------*/


@charset "utf-8";
/* CSS Document */

/*#contents img {
	margin:10px 15px;
}
#contents #list table {
	border-top:1px solid #ccc;
	border-collapse:collapse;
	padding:3px;
	width:600px;
	margin:10px 0 10px 35px;
}
#contents #list td, #contents #list th {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:5px;
}
#contents #list th {
	background-color:#eee;
	text-align:left;
	font-weight:normal;
	width:40%;
	font-size:13px;
}
#contents #list td {
	width:30%;
	text-align:center;
	font-size:13px;
}
#contents #list td.web {
	background-color:#0099FF;
	color:#FFF;
	font-size:13px;
}
#contents #list td.interview {
	background-color:#FF3399;
	color:#FFF;
	font-size:13px;
}
#contents #list td span, #contents span {
	color:#C00;
	font-weight:bold;
	font-size:14px;
}
#contents #list td span {
	font-size:12px;
}
#contents a.touroku {
	display:block;
	padding:5px 40px;
	margin:0 20px 0 423px;
	border:1px solid #C00;
	background-color:#FFFFFF;
	color:#C00;
	text-decoration:none;
	text-align:center;
}
#contents a.touroku:hover, #contents a.touroku:hover {
	text-decoration:underline;
}
#contents p.osusume {
	color:#C00;
	font-size:14px;
	font-weight:bold;
	margin-left:15px;
}

#imagebox{  margin-bottom:20px;}
#imagebox p{
	margin:15px;
	padding:0;
}
#imagebox img{ margin:10px; padding:0;}

.text_right{
	float:left;
	margin-left:10px;
	width:350px;
}
.text_right_img{
	float:right;
}
*/


/* add↓
--------------------------------------------------------------------------*/
#contents #interview .ecInfo {width:660px; margin:0 auto; padding:0 10px 0 0;}
#contents #interview .ecInfo .ecMainImg {text-align:center; margin:0 0 20px;}
#contents #interview .ecInfo .ecLead {margin:0 0 20px; padding:0;}
#contents #interview .ecInfo .ecProf {width:614px; margin:0 auto 20px; padding:20px; border: 4px #E8E8E8 solid;}
#contents #interview .ecInfo .ecProf .ecSiteImg {float:left; margin:0 20px 0 0; padding:0; border:1px solid #E8E8E8;}
#contents #interview .ecInfo .ecProf .ecTxt {margin:0 0 10px; padding:0;}
#contents #interview .ecInfo ul {clear:both; padding:20px 0 0; zoom:1/*for IE*/;}
#contents #interview .ecInfo li {float:left; width:290px;}

#contents #interview .ecBtn {float:right; margin:0; padding:0;}
#contents #interview .ecBtn a {display:block; margin:0 0 5px; padding:0;}
#contents #interview .ecBtn .inner {}
#contents #interview .ecBtn .inner span {display:block; font-weight:bold;}
#contents #interview .ecBtn .inner a {display:inline;}

#contents #interview .offerBtn {text-align:center}
#contents #interview .offerBtn table {width:100%; margin:0 auto; border-collapse:separate; border-spacing:3px; text-align:left;}
#contents #interview .offerBtn td {width:50%; padding:5px; vertical-align:top; border:2px solid #E8E8E8;}
#contents #interview .offerBtn td.no-border {border:none;}
#contents #interview .offerBtn td .cell {}
#contents #interview .offerBtn td .cell img {margin-left: 5px;}
#contents #interview .offerBtn td .cell span {display:block; margin-left: 5px; font-weight:bold;}
#contents #interview .offerBtn td .cell .ecBtn {clear:both; float:none; margin:0; padding:0;}
#contents #interview .offerBtn td .cell .ecBtn img {margin:0 0 0 2px; padding:0;}
#contents #interview .offerBtn td .cell .ecBtn a {display:inline; margin:0; padding:0;}

#contents #interview p.interviewer {
clear:both;
margin-bottom: 20px;
padding-top:10px;
padding-bottom:10px;
color:#990006; 
font-weight:bold;
border-left:1px dotted #000;
}
#contents #interview em {padding: 5px 0; font-style:normal; background:#e2f4ff;}

/*photo*/
#contents #interview .photo_l {float:left; margin-bottom:20px; margin-right:20px; padding:5px; background:#E8E8E8;}
#contents #interview .photo_r {float:right; margin-bottom:20px; margin-left:20px; padding:5px; background:#E8E8E8;}
#contents #interview .photo_c {display:table; clear:both; margin-bottom:20px; padding:5px; background:#E8E8E8;}
* html #contents #interview .photo_c {display:inline; zoom:1;}/*for IE6*/
*:first-child+html #contents #interview .photo_c {display:inline; zoom:1;}/*for IE7*/
#contents #interview .photo_l span,
#contents #interview .photo_r span,
#contents #interview .photo_c span {display:block; font-size:10px;}
#contents #interview .photo_l a,
#contents #interview .photo_r a,
#contents #interview .photo_c a {display:block; text-decoration:none;}
#contents #interview .photo_l a span,
#contents #interview .photo_r a span,
#contents #interview .photo_c a span {text-decoration:underline;}
#contents #interview .photo_l a:hover span,
#contents #interview .photo_r a:hover span,
#contents #interview .photo_c a:hover span {text-decoration:none;}