@charset "shift_jis";

/* JBF WEBSITES
   ----------------------------------------
   2007.6.23
   auter:Shirai Hiroto
   ----------------------------------------*/

/* swf_img ######################################## */

#swf_img {
	width:780px;
	height:84px;
	margin:0px 0px 2px 0px;
}

/* ############################################## */
   
/* right_nav ######################################## */

#right_nav {
	float:right;
	width:609px;
	background:url(../img/common/contents_back_001.jpg) no-repeat;
}
#office_case {
	width:588px;
	padding:0px 11px 25px 10px;
}

/* ############################################## */

/* office_case ######################################## */
#right_nav h3 {
	width:588px;
	height:36px;
	background:url(../img/office_case/office_case_002.gif) no-repeat;
	text-indent:-9876px;
	margin:0px 0px 2px 0px;
}

.office_case_001 {
	width:565px;
	background:url(../img/common/maincontents_back_001.jpg) no-repeat;
	font-size:12px;
	line-height:16px;
	color:#666666;
	padding:30px 11px 0px 12px;
	margin:0px 0px 20px 0px;
}
.office_case_002 {
	float:left;
	width:276px;
	margin:0px 9px 9px 0px;
	padding:0;
	background:url(../img/office_case/office_case_bg.gif) repeat-y;
}
.office_case_002 img {
	float:left;
	padding:0px 4px 0px 5px;
}

.office_case_002 h6 {
	font-size:14px;
	font-weight:bold;
	color:#007bbe;
	margin:5px 0px 5px 5px;
}
.office_case_003 {
	float:right;
	width:276px;
	margin:0px 0px 9px 0px;
	padding0;
	background:url(../img/office_case/office_case_bg.gif) repeat-y;
}
.office_case_003 img {
	float:left;
	padding:0px 5px 0px 4px;
}
.office_case_003 h6 {
	font-size:14px;
	font-weight:bold;
	color:#007bbe;
	margin:5px 0px 5px 5px;
}
.office_case_003 h6 a:link {
	text-decoration:none;
	color:#007bbe
}
.office_case_003 h6 a:visited {
	text-decoration:none;
	color:#007bbe
}
.office_case_003 h6 a:hover {
	text-decoration:none;
	color:#007bbe
}
.office_case_003 h6 a:active {
	text-decoration:none;
	color:#007bbe
}
.office_case_002 h6 a:link {
	text-decoration:none;
	color:#007bbe
}
.office_case_002 h6 a:visited {
	text-decoration:none;
	color:#007bbe
}
.office_case_002 h6 a:hover {
	text-decoration:none;
	color:#007bbe
}
.office_case_002 h6 a:active {
	text-decoration:none;
	color:#007bbe;
}

.office_case_002 div,.office_case_003 div {
	float:right;
	width:153px;
}


.ttl{
	background:url(../img/office_case/case_ttl.gif) no-repeat 0 0;
	margin:0;
	font-weight:bold;
	text-indent:14px;
	width:276px;
	height:24px;
	padding-top:8px;
}

*html .ttl{
	height:24px;
} 


div.service{
	background:url(../img/office_case/office_case_btm.gif) no-repeat 0 bottom;
	margin-top:8px;
	width:276px;
	height: 9px;
}

*html div.service{
	margin-top:8px;
	float:left;
	width:272px;
}


div.service dt{
	float:left;
	width:105px;
}

div.service dt img{
	border:none;
	padding-top:4px;
	padding-left:8px;
}


div.service dd{
	float:right;
	width:153px;
}

div.service dd a{
	background:url(../img/common/arrow_003.gif) right center no-repeat;
	color:#0066FF;
	font-size: 85%;
	padding-right:14px;
	text-decoration:none;
}

div.service dd a:hover{
	text-decoration:underline;
}

.office_case_navi{
	background-color:#e8f1f8;
	color:#007bbe;
	font-size:12px;
	margin:30px 10px 0 10px;
	text-align:center;
	padding:4px 0;
}

.office_case_navi a{
	color:#007bbe;
}

#gocontact {
	width:478x;
	height:112px;
	padding:0px 55px;
}
#gocontact a {
	width:478px;
	height:112px;
	background:url(../img/office_design/contact_001.jpg) no-repeat;
	text-indent:-9876px;
	display:block;
}
#gocontact a:hover {
	width:478px;
	height:112px;
	background:url(../img/office_design/contact_001.jpg) no-repeat;
	background-position:-478px 0px;
	text-indent:-9876px;
	display:block;
}