@charset "Shift_JIS";


/*基本レイアウトのスタイル*/
body{color:#000000; text-align:left; margin: 0; padding: 0; background-color: #F6F5F7;}

img {border:none;}
hr {display:none;}

p {
	margin:0;
	padding:0;
	line-height:1.5;
}

ul, ol {margin-top:    5px; margin-bottom: 0px;}
ol li {margin-bottom: 5px; margin-left: -5px;}
ul li {margin-bottom: 0px; margin-left: -10px;}
h2 {display:block; margin: 0; padding: 0;}
a:link {text-decoration: none; color: #0C43F6;}
a:visited {text-decoration: none; color: #0C43F6;}
a:hover {text-decoration: underline; color: #0C43F6;}

.invisible{position : absolute; left : -9999px;}
.uline{text-decoration: underline;}
.clear{clear:both;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.tright {text-align:right;}
.nobr {white-space: nowrap;}
img.border {border: 3px double #DDDDDD; margin:3px;}
img.borderlink {border: 3px double #0C43F6; margin:3px;}
img.right {float:right; border: 3px double #DDDDDD; margin-bottom:10px; margin-left:10px;}
img.left {float:left; border: 3px double #DDDDDD; margin-bottom:10px; margin-right:10px;}
div.figborder {border: 3px double #DDDDDD; padding:5px;}

div.line1 {border-top: 1px solid #CCCCCC; padding-top:10px;}
div.line2 {border-top:1px dashed #CCCCCC; padding:10px;}
div.left {float:left;}
div.right {float:right;}
div.box1 {background-color: #F5F5F5; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #DEDFE1; border-bottom: 1px solid #DEDFE1; padding: 10px; text-align:  left;}
input.textbox {border: 1px solid #9FA2A7; height:22px; vertical-align: middle; background-color:#F7F6F4;}
form {margin:0; padding:0; display:inline;}
.textarea {scrollbar-3dlight-color:#E1E1E1; scrollbar-arrow-color:#5A660A; scrollbar-darkshadow-color:#B3B3B3; scrollbar-face-color:#F7F7F7; scrollbar-highlight-color:#F3F3F3; scrollbar-shadow-color:#F3F3F3; background-color:#F7F6F4; border: 1px solid #9FA2A7;}
.button input {font-size: 14px; margin: 20px 5px 5px 5px;
}
.reset {color: #FFFFFF;background-color: #999999;border-top: solid 1px #BEBEBE;border-left: solid 1px #BEBEBE; border-right: solid 1px #878787;border-bottom: solid 1px #878787; width: 80px; height: 26px;}
.submit {color: #FFFFFF; font-weight: bold; background-color: #2F3032; border-top:    solid 1px #737580; border-left:   solid 1px #737580; border-right:  solid 1px #0A0B0E; border-bottom: solid 1px #0A0B0E; width: 200px; height: 26px;}

.m0{margin-top:   1px;}
.m1{margin-top:   5px;}
.m2{margin-top:  10px;}
.m3{margin-top:  15px;}
.m4{margin-top:  20px;}
.m5{margin-top:  25px;}
.m6{margin-top:  30px;}
.m7{margin-top:  35px;}
.m8{margin-top:  40px;}
.m9{margin-top:  45px;}
.m10{margin-top: 50px;}

.i1{margin-left:   5px;}
.i2{margin-left:  10px;}
.i3{margin-left:  15px;}
.i4{margin-left:  20px;}
.i5{margin-left:  25px;}
.i6{margin-left:  30px;}
.i7{margin-left:  35px;}
.i8{margin-left:  40px;}
.i9{margin-left:  45px;}
.i10{margin-left: 50px;}
.i11{margin-left: 55px;}
.i12{margin-left: 60px;}
.i13{margin-left: 65px;}
.i14{margin-left: 70px;}
.i15{margin-left: 75px;}
.i16{margin-left: 80px;}
.i17{margin-left: 85px;}
.i18{margin-left: 90px;}

.e1{margin-right:   5px;}
.e2{margin-right:  10px;}
.e3{margin-right:  15px;}
.e4{margin-right:  20px;}
.e5{margin-right:  25px;}
.e6{margin-right:  30px;}
.e7{margin-right:  35px;}
.e8{margin-right:  40px;}
.e9{margin-right:  45px;}
.e10{margin-right: 50px;}
.e11{margin-right: 55px;}
.e12{margin-right: 60px;}
.e13{margin-right: 65px;}
.e14{margin-right: 70px;}
.e15{margin-right: 75px;}
.e16{margin-right: 80px;}
.e17{margin-right: 85px;}
.e18{margin-right: 90px;}

/*共通のスタイル*/
div#layout   { width: 763px; position: absolute; left: 50%; background-repeat: repeat-y; 
               background-image: 
               url('../images/bg.gif'); 
               margin-left: -381px }
div#handb {width:749px; margin-left:7px;}


/* contents */

#contents {
	width:749px;
	margin:0 auto;
	padding:0;
}

div#contents {
	width: 749px;
}

div#contents div#layout-l {
	width: 549px; float:left;
}

div#contents div#layout-r {
	width: 200px; float:left;
}

div#contents div#layout-l div#contents-bg { display: block; background-image: 
               url('../images/contents_bg.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               margin: 0; padding-left: 5px; padding-right: 5px; padding-top: 
               14px; padding-bottom: 0; background-position: 0px }
               


#top_photo {
	width:749px;
	height:200px;
	margin:0 0 0 0;
	padding:0;
}

#contents_main {
	width:555px;
	margin:0 0 0 0;
	padding:0;
	float:right;
}
#contents_main p.text {
	margin:0px 10px 20px 10px;
	text-align:left;
	font-size:12px;
}

#contents_main h2.top_ad {
	display:block;
	height:55px;
	margin:0 0 0 0;
	padding:0;
	text-indent:-9999px;
	background:url("../images/top_ad.gif") no-repeat;
}

#top_service_left {
	width:363px;
	margin:0 0px 20px 0;
	padding:0;
	float:left;
}

#top_service_right {
	width:188px;
	margin:0 0 20px 0;
	padding:0;
	float:right;
}
#top_service_right h3 a {
	display:block;
	height:40px;
	margin:0 8px 0 0 ;
	text-indent:-9999px;
	background:url("../images/service_template.gif") no-repeat;
}

p.top_service_right2 {
	display:block;
	height:50px;
	margin:0 8px 0 0 ;
	text-indent:-9999px;
    background:url("../images/template_img.jpg") no-repeat;
}

#sub_service_left {
	width:180px;
	margin:0 ;
	padding:0;
	float:left;
		line-height:2.0;
}
#sub_service_left h3 a {
	display:block;
	height:40px;
	margin:0;
	text-indent:-9999px;
	background:url("../images/service_design.gif") no-repeat;
}

#sub_service_right {
	width:180px;
	margin:0;
	padding:0;
	float:right;
}
#sub_service_right h3 a {
	display:block;
	height:40px;
	margin:0;
	text-indent:-9999px;
	background:url("../images/service_results.gif") no-repeat;
}

p.top_service_text {
	display:block;
	width:168px;
	margin:0;
	padding:0 5px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	text-align:left;
	font-size:12px;
}

p.top_service_text2 {
	display:block;
	width:168px;
	margin:0 7px 0 0 ;
	padding:0 5px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	text-align:left;
	font-size:12px;
}
p.top_service_bottom {
	display:block;
	height:30px;
	margin:0;
	padding:0;
	font-size:12px;
	background:url("../images/service_bottom_bk.gif") no-repeat bottom;
}

p.top_service_botto2 {
	display:block;
	height:30px;
	margin:0 8px 0 0 ;
	padding:0;
	font-size:12px;
	background:url("../images/service_bottom_bk.gif") no-repeat bottom;
}

#news {
	clear:both;
	width:555px;
	margin:0;
	padding:0;
}
#news p.news_right {
	clear:both;
	text-align:right;
	margin:0 10px 0 0;
	padding:0 13px 0 0;
	background:url("../images/arrow.gif") no-repeat right;
}

dl.list {
	width:560px;
	margin:10px 0 0 0;
	padding:0;
	color:#444444;
	text-align:left;
	font-size:12px;
}
dl.list dt {
	float:left;
	clear:both;
	display:block;
	width:100px;
	padding:10px 0 10px 0;
	margin:0;
	line-height:10px;
	color:#cd0000;
	font-size:12px;
	background:url("../images/dotted.gif") repeat-x bottom;
}
dl.list dd {
	float:left;
	display:block;
	width:450px;
	padding:10px 0 10px 0;
	margin:0;
	line-height:10px;
	font-size:12px;
	background:url("../images/dotted.gif") repeat-x bottom;
}


#contents_left {
	width:190px;
	margin:0 0 0 0;
	padding:0;
	float:left;
}
#company_info {
	width:190px;
	margin:0 0 10px 0;
	padding:0;
}
#company_info h4.information {
	display:block;
	width:188px;
	height:38px;
	margin:0 0 0 0;
	padding:0;
	border:solid 1px #cccccc;
	text-indent:-9999px;
	background:url("../images/information.gif") no-repeat;
}
#company_info h4.information2 {
	display:block;
	width:188px;
	height:38px;
	margin:0 0 0 0;
	padding:0;
	border:solid 1px #cccccc;
	text-indent:-9999px;
	background:url("../images/information2.gif") no-repeat;
}
#company_info h4.information3 {
	display:block;
	width:188px;
	height:38px;
	margin:0 0 0 0;
	padding:0;
	border:solid 1px #cccccc;
	text-indent:-9999px;
	background:url("../images/information33.gif") no-repeat;
}
#company_info h4.information5 {
	display:block;
	width:188px;
	height:38px;
	margin:0 0 0 0;
	padding:0;
	border:solid 1px #cccccc;
	text-indent:-9999px;
	background:url("../images/information5.gif") no-repeat;
}

#company_info ul {
	display:block;
	width:188px;
	margin:0 0 0 0;
	padding:0;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	text-align:left;
}
#company_info li {
	margin:0;
	padding:7px;
	list-style:none;
}
#company_info a {
	padding:0 0 0 16px;
	font-size:12px;
	background:url("../images/arrow.gif") no-repeat left;
	
}

               
               
/* right menu */
div#menu     { display: block; width: 190px; background-image: 
               url('../images/menu_bg.gif'); 
               background-repeat: repeat-y; background-attachment: scroll; 
               padding: 0; background-position: 0px }
div#menu-b   { display: block; text-indent: -9999px; width: 190px; height: 6px; 
               background-image: 
               url('../images/menu_bg_u.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               overflow: hidden; margin: 0; padding: 0; background-position: 
               0px }
div#menu-lo {
	display:block; width:178px; margin:0 0 0 6px; padding:0;
}


div#menu ul {
	display:block; list-style-type: none; margin:0; padding:0;
}

div#menu li.gbg {
	display:block; background-color:#EAEAEA; border-bottom: 1px solid #FFFFFF; margin:0; padding:8px 10px;
}

div#menu li.gbg-select {
	display:block; background-color:#FFFFFF; border-bottom: 1px solid #FFFFFF; margin:0; padding:8px 4px 8px 4px;
}

div#menu li.gbg a { display: block; color: #000000; background-image: 
               url('../images/ico_arrow.gif'); 
               background-repeat: no-repeat; background-color: left; 
               background-attachment: scroll; text-decoration: none; margin: 0; 
               padding-left: 17px; padding-right: 0; padding-top: 0; 
               padding-bottom: 0; background-position: center }
div#menu li.gbg-select a {
	display:block; margin:0; padding: 0 0 0 22px; color:#000000; text-decoration:none;
}

div#menu li a:hover {
	text-decoration:underline; color:#000000;
}

/* rightmenu */
div#menu ul div#menu-s ul {
	display:block; list-style-type: none; margin:8px 0 0 0; padding:0; _width: 100%;
}
div#menu ul div#menu-s ul li.gbgs {
	display:block; border-top: 1px solid #EAEAEA; margin:0; padding:6px 0px 6px 10px;
}

div#menu ul div#menu-s ul li.gbgs-select {
	display:block; border-top: 1px solid #EAEAEA; margin:0; padding:6px 0px 6px 10px;
}

div#menu ul div#menu-s ul li.gbgs a { display: block; color: #727272; background-image: 
               url('../images/ico_arrow2.gif'); 
               background-repeat: no-repeat; background-color: left; 
               background-attachment: scroll; text-decoration: none; margin: 0; 
               padding-left: 14px; padding-right: 0; padding-top: 0; 
               padding-bottom: 0; background-position: center }
div#menu ul div#menu-s ul li.gbgs-select a {
	display:block; margin:0; padding: 0 0 0 14px; color:#000000; text-decoration:none;
}
div#menu ul div#menu-s ul li a:hover {
	text-decoration:underline; color:#000000;
}

/* rightmenu */
div#menu ul div#menu-s ul div#menu-ss ul {
	display:block; list-style-type: none; margin:6px 0 0 0; padding:0 0 0 14px; _width: 100%;
}
div#menu ul div#menu-s ul div#menu-ss ul li.gbgss {
	display:block; border-top: 1px dashed #EAEAEA; margin:0; padding:3px 0px 4px 5px;
}

div#menu ul div#menu-s ul div#menu-ss ul li.gbgss-select {
	display:block; border-top: 1px dashed #EAEAEA; margin:0; padding:3px 0px 4px 5px;
}

div#menu ul div#menu-s ul div#menu-ss ul li.gbgss a { display: block; color: #727272; background-image: 
               url('../images/ico_arrow3.gif'); 
               background-repeat: no-repeat; background-color: left; 
               background-attachment: scroll; text-decoration: none; margin: 0; 
               padding-left: 16px; padding-right: 0; padding-top: 0; 
               padding-bottom: 0; background-position: center }
div#menu ul div#menu-s ul div#menu-ss ul li.gbgss-select a {
	display:block; margin:0; padding: 0 0 0 16px; color:#000000; text-decoration:none;
}
div#menu ul div#menu-s ul div#menu-ss ul li a:hover {
	text-decoration:underline; color:#000000;
}

/* headline */
h5           { display: block; color: #000000; background-image: 
               url('../images/h5_bg.gif'); 
               background-repeat: repeat-x; background-color: left; 
               background-attachment: scroll; border-left: 1px solid #E0E0E0; 
               border-right: 1px solid #E0E0E0; 
               border-bottom: 1px solid #E0E0E0; margin-left: 0; 
               margin-right: 0; margin-top: 0; margin-bottom: 10px; 
               padding-left: 10px; padding-right: 10px; padding-top: 8px; 
               padding-bottom: 8px; background-position: bottom }
div.subhead {
	display:block; margin: 20px 0 15px 0; color:#333399;
}

div.headline {
	display:block; padding:5px; margin: 20px 0 10px 0; color:#000000; border-bottom: 3px double #E8E8E8;
}

/* link-arrow */
div.link     { background-image: 
               url('../images/ico_arrow.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               margin: 0; padding-left: 21px; background-position: 0px 2px }
div.nolink   { background-image: 
               url('../images/ico_noarrow.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               margin-left: 0; margin-right: 0; margin-top: 5px; 
               margin-bottom: 5px; padding-left: 12px; background-position: 
               0px 2px }
div.line-top {
	border-top: 2px dotted #CCCCCC; padding: 13px 0 0 0; margin-top:14px;
}


/* link-pdf */
div.pdf      { background-image: 
               url('../images/pdficon_small.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               margin: 0; padding-left: 26px; padding-right: 0; padding-top: 
               2px; padding-bottom: 2px; background-position: 0px 2px }
/* link-window */
div.winopen  { background-image: 
               url('../images/ico_winopen.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               margin: 0; padding-left: 26px; padding-right: 0; padding-top: 
               2px; padding-bottom: 2px; background-position: 0 2px }
/* button-pagetop */
div.pagetop-lo {
	display:block; clear:both; float:right;
}

div.pagetop  { display: block; overflow: hidden; text-indent: -9999px; width: 190px; height: 
               30px; background-image: 
               url('../images/btn_pagetop.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 
               10px; margin-top: 20px; margin-bottom: 15px; padding: 0 }
div.pagetop a.pagetop {
	display:block; width:190px; height:30px;
}

div.pagetop a {
	text-decoration: none;
}

div.pagetop a.pagetop:hover { display: block; width: 190px; height: 30px; background-image: 
               url('../images/btn_pagetop_o.gif'); 
               background-repeat: no-repeat }
div.pagetop-e { display: block; overflow: hidden; text-indent: -9999px; width: 190px; height: 
               30px; background-image: 
               url('../images/btn_pagetop_e.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 
               10px; margin-top: 20px; margin-bottom: 15px; padding: 0 }
div.pagetop-e a.pagetop-e {
	display:block; width:190px; height:30px;
}

div.pagetop-e a {
	text-decoration: none;
}

div.pagetop-e a.pagetop-e:hover { display: block; width: 190px; height: 30px; background-image: 
               url('../images/btn_pagetop_e_o.gif'); 
               background-repeat: no-repeat }
/* button-close */
div.close-lo {
	display:block; clear:both; margin-left:172px;
}

div.close    { display: block; overflow: hidden; text-indent: -9999px; width: 190px; height: 
               30px; background-image: 
               url('../images/btn_close.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 20px; margin-bottom: 20px; padding: 0 }
div.close a.close {
	display:block; width:190px; height:30px;
}

div.close a {
	text-decoration: none;
}

div.close a.close:hover { display: block; width: 190px; height: 30px; background-image: 
               url('../images/btn_close_o.gif'); 
               background-repeat: no-repeat }
/* button-pageback */
div.pageback { display: block; overflow: hidden; text-indent: -9999px; width: 86px; height: 
               10px; background-image: 
               url('../images/btn_pageback.gif'); 
               background-repeat: no-repeat; clear: both; float: right; 
               margin-left: 0px; margin-right: 5px; margin-top: 20px; 
               margin-bottom: 0px; padding: 0 }
div.pageback a.pageback {
	display:block; width:108px; height:10px;
}

div.pageback a {
	text-decoration: none;
}

/*ヘッダのスタイル(上からパンくずまで)*/
body div#head { display: block; width: 749px; height: 82px; background-repeat: repeat-x; 
               background-image: 
               url('../images/head_bg.gif'); 
               overflow: hidden }
body div#print-head {
	position : absolute; left : -9999px;
}

body div#head h1 {

}
body div#head h1 a {
	text-decoration: none;
}
body div#head h1.logo { display: block; text-indent: -9999px; width: 159px; height: 68px; 
               background-image: 
               url('../images/logo2.gif');
               background-repeat: no-repeat; background-attachment: scroll; 
               overflow: hidden; margin-left: 20px; margin-right: 0; 
               margin-top: 6px; margin-bottom: 0; background-position: 0px }
               
body div#head h1.logo a.gohome {
	display:block; width:159px; height:68px;
}

body div#head h1.logo2 { display: block; text-indent: -9999px; width: 83px; height: 84px; 
               background-image: 
               url('../images/img1.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               overflow: hidden; margin-left: 200px; margin-right: 0; 
               margin-top: 6px; margin-bottom: 0; background-position: 0px }
               
body div#head h1.logo2 a.gohome {
	display:block; width:83px; height:84px;
}

/* ヘッダー部分.共通ナビ */
div#headnavi {
	position:absolute ; top: 0px; margin-left:500px; padding-top:0px; overflow: hidden;
}

div#headnavi ul {
	margin-top:38px; margin-left:0px; padding-top:0px; padding-left:0px; float:left; margin-right:42px;
}

div#headnavi li {
	float:left; margin:0; padding:0; display:block; text-indent:-9999px;
}

div#headnavi a {
	text-decoration: none;
}

div#headnavi li.sitemap { float: left; display: block; width: 102px; height: 23px; background-image: 
               url('../images/headnavi_user.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 3px; 
               margin-top: 0; margin-bottom: 0; padding: 0px }
div#headnavi a.sitemap {
	display:block; width:102px; height:23px;
}

div#headnavi a.sitemap:hover, div#headnavi .sitemap-select { display: block; width: 102px; height: 23px; background-image: 
               url('../images/headnavi_user_o.gif'); 
               background-repeat: no-repeat }
div#headnavi li.english { float: left; display: block; width: 102px; height: 23px; background-image: 
               url('../images/headnavi_company.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0px }
div#headnavi a.english {
	display:block; width:20px; height:23px;
}

div#headnavi li.company { float: left; display: block; width: 102px; height: 23px; background-image: 
               url('../images/headnavi_company.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 3px; 
               margin-top: 0; margin-bottom: 0; padding: 0px }
div#headnavi a.company{
	display:block; width:102px; height:23px;
}
div#headnavi a.company:hover, div#headnavi .company-select { display: block; width: 102px; height: 23px; background-image: 
               url('../images/headnavi_company_o.gif'); 
               background-repeat: no-repeat }


div#headnavi a.english:hover, div#headnavi .english-select { display: block; width: 102px; height: 23px; background-image: 
               url('../images/headnavi_company_o.gif'); 
               background-repeat: no-repeat }
div#headnavi div.tel { float: left; display: block; text-indent: -9999px; width: 166px; height: 46px; 
               background-image: 
               url('../images/headnavi_tel.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               margin-left: 0px; margin-top: 17px; padding-left: 0px; 
               padding-top: 0px; background-position: 0px }
div#navi     { width: 749px; height: 44px; background-color: #FFFFFF; background-image: 
               url('../images/navi_bg.gif'); 
               background-repeat: no-repeat; margin: 0px; padding: 0 }
div#navi ul {
	margin:0 0 0 20px; padding:0; 
}
div#navi li {
	float:left;margin:0; padding:0px; display:block; text-indent:-9999px; overflow: hidden; 
}
div#navi a {
	text-decoration: none; overflow: hidden;
}
div#navi li.home { float: left; display: block; width: 103px; height: 44px; background-image: 
               url('../images/navi_home.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0px }
div#navi a.home {
	display:block; width:103px; height:44px;
}
div#navi a.home:hover, div#navi .home-select { display: block; width: 103px; height: 44px; background-image: 
               url('../images/navi_home_o.gif'); 
               background-repeat: no-repeat }
div#navi li.service { float: left; display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_service.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0px }
div#navi a.service {
	display:block; width:101px; height:44px;
}
div#navi a.service:hover, div#navi .service-select { display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_service_o.gif'); 
               background-repeat: no-repeat }
div#navi li.case { float: left; display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_case.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0px }
div#navi a.case {
	display:block; width:101px; height:44px;
}
div#navi a.case:hover, div#navi .case-select { display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_case_o.gif'); 
               background-repeat: no-repeat }
div#navi li.library { float: left; display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_library.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0px }
div#navi a.library {
	display:block; width:101px; height:44px;
}
div#navi a.library:hover, div#navi .library-select { display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_library_o.gif'); 
               background-repeat: no-repeat }
div#navi li.company { float: left; display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_company.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0px }
div#navi a.company {
	display:block; width:101px; height:44px;
}
div#navi a.company:hover, div#navi .company-select { display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_company_o.gif'); 
               background-repeat: no-repeat }
div#navi li.est { float: left; display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_est.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0px }
div#navi a.est {
	display:block; width:101px; height:44px;
}
div#navi a.est:hover, div#navi .est-select { display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_est_o.gif'); 
               background-repeat: no-repeat }
div#navi li.inquiry { float: left; display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_inquiry.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0px }
div#navi a.inquiry {
	display:block; width:101px; height:44px;
}
div#navi a.inquiry:hover, div#navi .inquiry-select { display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_inquiry_o.gif'); 
               background-repeat: no-repeat }
div#navi li.qa { float: left; display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_qa.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0px }
div#navi a.qa {
	display:block; width:101px; height:44px;
}
div#navi a.qa:hover, div#navi .qa-select { display: block; width: 101px; height: 44px; background-image: 
               url('../images/navi_qa_o.gif'); 
               background-repeat: no-repeat }
/* ヘッダー部分.ナビゲーション.パンくず */
div#breadcrumbs {
	margin: 5px 1px; background-color: #EAEAEA; padding:5px 0;
}

div#breadcrumbs div {
	padding:0px 25px;
}



/*フッタのスタイル(下部フッタ)*/
div#footer2   { width: 749px; height: 50px; background-repeat: repeat-x; background-image: 
               url('../images/foot_bg.gif'); 
               clear: both; border-bottom: 3px solid #EEEDEF; margin: 5px 0 0 0; 
               padding-left: 0; padding-right: 0; padding-top: 11px; 
               padding-bottom: 0 }
               
p.title_bar2 {
	
	display:block;
	width: 749px; height: 80px; background: url('../images/foot_bg.gif') no-repeat; >text-align:left;
               clear: both; border-bottom: 3px solid #EEEDEF; margin: 0; 
               padding-left: 0; padding-right: 0; padding-top: 0; 
               padding-bottom: 0 }
	
	
             

div#footnavi2 {
	margin-top:1px; padding-left:10px;
}

  
div#footer   { width: 749px; height: 30px; background-repeat: repeat-x; background-image: 
               url('../images/foot_bg.gif'); 
               clear: both; border-bottom: 3px solid #EEEDEF; margin: 5px 0 0 0; 
               padding-left: 0; padding-right: 0; padding-top: 11px; 
               padding-bottom: 0 }
               
p.title_bar {
	display:block;
	height:30px;
	margin:0;
	padding:0 0 0 20px;
	line-height:30px;
	text-align:left;
	font-size:12px;
	background:url("../images/title_bar.gif") no-repeat;
}            
               
div#footer div.copy { float: right; display: block; text-indent: -9999px; width: 279px; height: 11px; 
               background-image: 
               url('../images/coty2.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               background-position: 5px }
div#footnavi {
	margin-top:1px; padding-left:10px;
}

div#footnavi ul {
	margin-top:0px; margin-left:0px; padding-top:0px; padding-left:0px;
}

div#footnavi li {
	float:left; margin:0; padding:0; display:block; text-indent:-9999px;
}

div#footnavi a {
	text-decoration: none; overflow: hidden;
}

div#footnavi li.protect { float: left; display: block; width: 135px; height: 11px; background-image: 
               url('../images/footnavi_protect.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0 }
div#footnavi a.protect {
	display:block; width:135px; height:11px;
}

div#footnavi a.protect:hover, div#footnavi .protect-select { display: block; width: 135px; height: 11px; background-image: 
               url('../images/footnavi_protect_o.gif'); 
               background-repeat: no-repeat }



/*個別ページのスタイル*/
#home {
	width: 749px;
}

/* イメージグラフィック */
#home div#graphictitle {
	display:block; margin: 0 0 0 5px; padding: 2px 0 0 0;
}


#home div#contents div#homelayout-l {
	width: 729px; float:left;
}



#home h3 {
	margin: 0; padding: 0px;
}

/* コンテンツの左側 */
#home div#homelayout-l div#box-l {
	width: 729px; display:block; margin:10px 0 20px 10px; padding:0; overflow: hidden;
}

/* サブタイトル：更新情報 */
#home div#homelayout-l div#box-l h3.news { display: block; text-indent: -9999px; width: 729px; height: 24px; 
               background-image: 
               url('../images/subtitle_news.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               margin-left: 0px; margin-right: 0; margin-top: 20px; 
               margin-bottom: 10px; padding: 0; background-position: 0px }
#home div#homelayout-l div#box-l div.newsbox {
	display:block; width:435px; margin: 10px 0 0 15px; padding:0;
}


.margin_t10 { margin-top:10px;}
.padding_5 { padding:5px;} 

.line { border-bottom:3px solid #AA1E19; height:20px;}
.news_pic_bg { background:url(../images/news_pic_bg.gif) no-repeat; text-align:center; height:223px;}
.news_text_bg { background:url(../images/news_text_bg.gif) repeat-y; padding:10px;}
.box_list2 ul { list-style: url(../images/jiao.gif); list-style-position:inside;}
.box_list2 ul li { background:url(../images/dot.gif) repeat-x; height:21px;}

.box_bg1 { background:url(../images/box_bg2.gif) repeat-x; vertical-align:top;}
.box_bg2 { background:url(../images/box_bg2.gif) repeat-x; vertical-align:top;}
.box_list ul { list-style:none; width:100%;margin-left: 0px;}
.box_list ul li { float:left; padding:30px 3px;}
.box_list ul li.img { width:85px;}
.box_list ul li.text { width:160px; margin-top: 5px; margin-left: 5px; }
.box_list ul li h3 { color:#901814; margin-bottom:8px; clear:both;}
.box_list ul li h3 a { font-size: 11pt;color:#901814; text-decoration:none;}
.box_list ul li ul li {margin-left: 5px; background:url(../images/jiao.gif) no-repeat; padding:0; border-bottom:1px dotted #979797; padding-left:20px; clear:both; width:100%; }
a {color:#323232; text-decoration:none;}
a:hover { color:#CC0000; text-decoration:underline;}
.box2_bk { border-bottom:1px solid #AA1E19;}

span.sample1 { LINE-HEIGHT: 100%}

span.sample2 { font-size: 9pt; LINE-HEIGHT: 130%}

#service div {background: url(../images/h2a.gif) no-repeat;}




#home div#homelayout-l div#box-l dl.newsblock {
	width: 99.9%; display:block; padding:10px 0px 0px 0px; clear: both; margin: 0;
}

#home div#homelayout-l div#box-l dl.newsblock dt.newsdate {
	width:24%; float:left; padding:0 0 0 10px; margin: 0; line-height:110%;
}

#home div#homelayout-l div#box-l dl.newsblock dd.newstxt {
	float:left; width:69.9%; padding: 0; margin: 0; line-height:120%;
}

/* サブタイトル：サービス */
#home div#homelayout-l div#box-l h3.service { display: block; text-indent: -9999px; width: 729px; height: 24px; 
               background-image: 
               url('../images/subtitle_service2.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               overflow: hidden; margin-left: 0; margin-right: 0; margin-top: 
               0; margin-bottom: 10px; padding: 0; background-position: 0px }
#home div#homelayout-l div#box-l div.servicebox { display: block; width: 455px; background-image: 
               url('../images/service_bg.gif'); 
               background-repeat: repeat; background-attachment: scroll; 
               overflow: hidden; margin-left: 5px; margin-right: 0; 
               margin-top: 0; margin-bottom: 0; padding-left: 0; 
               padding-right: 0; padding-top: 10px; padding-bottom: 10px; 
               background-position: 0% }
#home div#homelayout-l div#box-l div.serviceinbox { display: block; width: 435px; background-image: 
               url('../images/service_in_bg.gif'); 
               background-repeat: repeat; background-attachment: scroll; 
               overflow: hidden; border-top: 1px solid #BABAC9; 
               border-bottom: 1px solid #BABAC9; margin-left: 10px; 
               margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 0; 
               background-position: 0% }
#home div#homelayout-l div#box-l div.serviceinbox div.title { display: block; text-indent: -9999px; width: 145px; height: 175px; 
               background-image: 
               url('../images/service_in_title.gif'); 
               background-repeat: repeat; background-attachment: scroll; 
               float: left; margin: 0; padding: 0; background-position: 0% }
#home div#homelayout-l div#box-l div.serviceinbox div.title a.title {
	display:block; text-decoration: none; width:145px; height:175px;
}


#home div#homelayout-l div#box-l div.serviceinbox div.easylink {
	display:block; width:290px; margin: 0; padding:0; float:left;
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink ul {
	display:block; width:275px; margin: 5px 0 2px 8px; padding:0px; list-style-type: none; overflow: hidden;
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink li {
	margin:0; padding:0; display:block; text-indent:-9999px; overflow: hidden; 
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink a {
	text-decoration: none;
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink li.e01 { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e01.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 3px; padding: 0px }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e01 {
	display:block; width:275px; height:23px;
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e01:hover { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e01_o.gif'); 
               background-repeat: no-repeat }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink li.e02 { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e02.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 3px; padding: 0px }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e02 {
	display:block; width:275px; height:23px;
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e02:hover { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e02_o.gif'); 
               background-repeat: no-repeat }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink li.e03 { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e03.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 3px; padding: 0px }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e03 {
	display:block; width:275px; height:23px;
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e03:hover { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e03_o.gif'); 
               background-repeat: no-repeat }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink li.e04 { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e04.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 3px; padding: 0px }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e04 {
	display:block; width:275px; height:23px;
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e04:hover { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e04_o.gif'); 
               background-repeat: no-repeat }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink li.e05 { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e05.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 3px; padding: 0px }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e05 {
	display:block; width:275px; height:23px;
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e05:hover { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e05_o.gif'); 
               background-repeat: no-repeat }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink li.e06 { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e06.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 3px; padding: 0px }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e06 {
	display:block; width:275px; height:23px;
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e06:hover { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e06_o.gif'); 
               background-repeat: no-repeat }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink li.e07 { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e07.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 3px; padding: 0px }
#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e07 {
	display:block; width:275px; height:23px;
}

#home div#homelayout-l div#box-l div.serviceinbox div.easylink a.e07:hover { display: block; width: 275px; height: 23px; background-image: 
               url('../images/service_in_e07_o.gif'); 
               background-repeat: no-repeat }
/* コンテンツの右側 */
#home div#homelayout-r div#box-r {
	width: 244px; display:block; margin:10px 0 0 0; padding:0; overflow: hidden;
}

#home div#homelayout-r div#box-r h3.casestudy { display: block; text-indent: -9999px; width: 244px; height: 24px; 
               background-image: 
               url('../images/subtitle_casestudy.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               overflow: hidden; margin-left: 0; margin-right: 0; margin-top: 
               0; margin-bottom: 10px; padding: 0; background-position: 0px }
/* バナー */
#home div#homelayout-r div#box-r div.casestudybox {
	width: 234px; display:block; margin:0 0 5px 5px;
}

#home div#homelayout-r div#box-r div.casestudybox ul {
	margin: 0px; padding:0px; list-style-type: none; overflow: hidden;
}

#home div#homelayout-r div#box-r div.casestudybox li {
	margin:0; padding:0; display:block; text-indent:-9999px; overflow: hidden; 
}

#home div#homelayout-r div#box-r div.casestudybox a {
	text-decoration: none;
}

#home div#homelayout-r div#box-r div.casestudybox li.bnr01 { display: block; width: 234px; height: 60px; background-image: 
               url('../images/linkbnr01.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 5px; padding: 0px }
#home div#homelayout-r div#box-r div.casestudybox a.bnr01 {
	display:block; width:234px; height:60px;
}

#home div#homelayout-r div#box-r div.casestudybox a.bnr01:hover { display: block; width: 234px; height: 60px; background-image: 
               url('../images/linkbnr01_o.gif'); 
               background-repeat: no-repeat }
#home div#homelayout-r div#box-r div.casestudybox li.bnr02 { display: block; width: 234px; height: 60px; background-image: 
               url('../images/linkbnr02.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 5px; padding: 0px }
#home div#homelayout-r div#box-r div.casestudybox a.bnr02 {
	display:block; width:234px; height:60px;
}

#home div#homelayout-r div#box-r div.casestudybox a.bnr02:hover { display: block; width: 234px; height: 60px; background-image: 
               url('../images/linkbnr02_o.gif'); 
               background-repeat: no-repeat }
#home div#homelayout-r div#box-r div.casestudybox li.bnr03 { display: block; width: 234px; height: 60px; background-image: 
               url('../images/linkbnr03.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 5px; padding: 0px }
#home div#homelayout-r div#box-r div.casestudybox a.bnr03 {
	display:block; width:234px; height:60px;
}

#home div#homelayout-r div#box-r div.casestudybox a.bnr03:hover { display: block; width: 234px; height: 60px; background-image: 
               url('../images/linkbnr03_o.gif'); 
               background-repeat: no-repeat }
#home div#homelayout-r div#box-r div.casestudybox li.bnr04 { display: block; width: 234px; height: 60px; background-image: 
               url('../images/linkbnr04.gif'); 
               background-repeat: no-repeat; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 5px; padding: 0px }
#home div#homelayout-r div#box-r div.casestudybox a.bnr04 {
	display:block; width:234px; height:60px;
}

#home div#homelayout-r div#box-r div.casestudybox a.bnr04:hover { display: block; width: 234px; height: 60px; background-image: 
               url('../images/linkbnr04_o.gif'); 
               background-repeat: no-repeat }
#home div#homelayout-r div#box-r div.casestudylink {
	margin:0 0 15px 0; padding: 0; display:block;
}

#home div#homelayout-r div#box-r div.casestudylink div {
	margin:0; padding:0; display:block; text-indent:-9999px; overflow: hidden; 
}

#home div#homelayout-r div#box-r div.casestudylink div.casestudy { display: block; width: 244px; height: 23px; background-image: 
               url('../images/btn_casestudy.gif'); 
               background-repeat: no-repeat; margin: 0; padding: 0px }
#home div#homelayout-r div#box-r div.casestudylink a.casestudy {
	display:block; width:244px; height:23px;
}

#home div#homelayout-r div#box-r div.casestudylink a.casestudy:hover { display: block; width: 244px; height: 23px; background-image: 
               url('../images/btn_casestudy_o.gif'); 
               background-repeat: no-repeat }









/*　FAQリスト
------------------------------------------------------------------*/
ul.faq {
	padding: 0.5em 5px 0em 5px;
	list-style-type: none;
	margin: 5px;
	line-height: 200%;} 
}
ul.bottom {
	border-bottom: 1px solid #428385;
	margin-bottom: 3em;
	padding-bottom: 1em;
}
ul.faq li.q {
	color:#428385;
	background: url(../images/faq_q.gif) no-repeat left top;
	padding-left: 30px;
}
ul.faq li.a {
	background: url(../images/faq_a.gif) no-repeat left top;
	padding-left: 30px;
}
ul.faq li.top {
	padding-left: 30px;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #DBECEC;
	margin-bottom: 0.5em;
	text-align: right;
}
ul.faq .top a {
	background: url(../images/faq_arrow_top.gif) no-repeat left center;
	padding-left: 20px;
}
ul.faq a:hover {
	color: #3b6d6e;
}