@charset "Shift_JIS";

/* -------------------------
ワシントン株式会社
------------------------- */

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 100%;
	line-height: 1.0em;
	font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
	background-color: #e9ecfc;
	}


/*
--------------------------------------------------
	default styles
-------------------------------------------------- */
h1			{ font-size: 120%; line-height: 1.3em; margin: 0; padding: 0;}
h2			{ font-size: 100%; line-height: 1.3em; margin: 0; padding: 0;}
h3			{ font-size: 90%; line-height: 1.3em; margin: 0; padding: 0;}
h4, h5, h6	{ font-size: 80%; line-height: 1.3em; margin: 0; padding: 0;}
p			{ font-size: 80%; line-height: 1.4em; margin: 0; padding: 0;}
ul, ol		{ font-size: 75%; line-height: 1.3em; list-style: none; margin: 0; padding: 0;}
li			{ margin: 0; padding: 0;}
dl			{ font-size: 75%; line-height: 1.3em; margin: 0; padding: 0;}
dt, dd		{ margin: 0; padding: 0;}
div			{ margin: 0; padding: 0;}
table		{ font-size: 75%; line-height: 1.3em; margin: 0; padding: 0;}
th, td		{ margin: 0; padding: 0;}
img			{ margin: 0; padding: 0; border-style: none;}
a			{ color: #006CD7; text-decoration: underline;}
a:hover		{ color: #006CD7; text-decoration: none;}

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

.clearfix {
  min-height: 1px;
}

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

/*Georgia, Times New Roman, Times, serif */
/*Geneva, Arial, Helvetica, san-serif */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0%;
}


/*
--------------------------------------------------
	contaienr
-------------------------------------------------- */
#container { width: 780px; margin: 0 auto; position: relative; background-color:#FFFFFF;}
#top { background: url(../img/common/bg02.gif) repeat-y center;}

#container #main{ padding: 20px; border-bottom: 1px solid #ccc;}

#container #header {background: url(../img/common/header_bg_b.gif) repeat-x left bottom; height: 70px;}
#container #logo { background: url(../img/common/logo02.gif) no-repeat left top; display:block; height: 60px; width: 330px; text-indent: -9999px; float:left;}
/*
--------------------------------------------------
	INDEX　nav(青バージョン)
-------------------------------------------------- */
#gnav_b { margin: 0px; padding: 0px; width: 450px; height:70px; zoom: 100%; float:right; background:url(../img/common/nav01_b.gif) no-repeat left top;}
#gnav_b:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }/* float解除 */
#gnav_b li { float: left; display: block;}
#gnav_b li a {	height: 70px; text-indent: -10000px; text-decoration: none; display: block; float: left;}

#gnav_b #nav01 { width: 90px; height: 70px;}
#gnav_b #nav02 { width: 270px; height: 70px;}
#gnav_b #nav03 { width: 90px; height: 70px;}

#gnav_b #nav01:hover { background: url(../img/common/nav01_b.gif) no-repeat 0 -70px;}
#gnav_b #nav02:hover { background: url(../img/common/nav01_b.gif) no-repeat -90px -70px;}
#gnav_b #nav03:hover { background: url(../img/common/nav01_b.gif) no-repeat -360px -70px;}

/*
--------------------------------------------------
	PAGE　nav(青)
-------------------------------------------------- */
#container #header2 {/*background: url(../img/common/header_bg.gif) repeat-x left bottom;*/ height: 90px;}

#gnav02_b { margin: 0px; padding-left: 30px; width: 750px; height:30px; zoom: 100%; clear:both; background:url(../img/common/nav02_b.gif) no-repeat left top;}
#gnav02_b:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }/* float解除 */
#gnav02_b li { float: left; display: block;}
#gnav02_b li a {	height: 30px; text-indent: -10000px; text-decoration: none; display: block; float: left;}

#gnav02_b #nav04 { width: 120px; height: 30px;}
#gnav02_b #nav05 { width: 120px; height: 30px;}
#gnav02_b #nav06 { width: 360px; height: 30px;}
#gnav02_b #nav07 { width: 120px; height: 30px;}

#gnav02_b #nav04:hover { background: url(../img/common/nav02_b.gif) no-repeat -30px -30px;}
#gnav02_b #nav05:hover { background: url(../img/common/nav02_b.gif) no-repeat -150px -30px;}
#gnav02_b #nav06:hover { background: url(../img/common/nav02_b.gif) no-repeat -270px -30px;}
#gnav02_b #nav07:hover { background: url(../img/common/nav02_b.gif) no-repeat -630px -30px;}
/*current*/
#company #gnav02_b #nav05{ background: url(../img/common/nav02_b.gif) no-repeat -150px -30px;}
#contract #gnav02_b #nav06{ background: url(../img/common/nav02_b.gif) no-repeat -270px -30px;}
#district #gnav02_b #nav07{ background: url(../img/common/nav02_b.gif) no-repeat -630px -30px;}

/*
--------------------------------------------------
	footer(青)
-------------------------------------------------- */
#footer{ width: 800px; margin:0 auto; background: url(../img/common/bg02.gif) repeat-y center;}
#footer_main { width: 780px; padding:5px 0px 0 20px;}
#footer_under {width: 800px; margin:0 auto; height: 20px; background: url(../img/common/bg_footer_under.gif) no-repeat center;}
/*
--------------------------------------------------
	index_main
-------------------------------------------------- */
#left-col{ float:left; width: 370px;}
#right-col{ float:right; width: 350px; margin-left: 20px;}
h2#hd_index{ width: 370px; height:120px; background: url(../img/common/hd_index.jpg) no-repeat left top; text-indent: -10000px; margin-bottom: 10px;}
#info{ background: #f5fafe url(../img/common/bg_info.gif) no-repeat left top; border-bottom: 1px solid #bfc3e1; padding:60px 5px 5px 5px; line-height: 120%;}
#info h3{ color: #0068b7; line-height: 1.5em;}
#info hr{ border-width:1px 0 0 0; border-style: solid; border-color:#cccccc; height: 1px;}
#info p { line-height: 120%;}
#info p a{ font-size: 85%; color: #333333;}
p.read{ padding: 0 15px 0 0;}
/*
--------------------------------------------------
	company.html
-------------------------------------------------- */
h2#hd_company{ height:30px; background: url(../img/common/hd_company.gif) no-repeat left top; text-indent: -10000px; margin-bottom: 15px;}
h3#shd_company01{ height:30px; background: url(../img/common/shd_company01.gif) no-repeat left top; text-indent: -10000px; margin-bottom: 10px;}
h3#shd_company02{ height:30px; background: url(../img/common/shd_company02.gif) no-repeat left top; text-indent: -10000px; margin-bottom: 10px;}
#washington, #randb{ width: 340px; float:left; margin: 15px 0;}
#washington p, #randb p{ padding-left:10px;}


/*
--------------------------------------------------
	contract.html
-------------------------------------------------- */
h2#hd_contract01{ height:30px; background: url(../img/common/hd_contract01.gif) no-repeat left top; text-indent: -10000px; margin-bottom: 15px;}
h2#hd_contract02{ height:30px; background: url(../img/common/hd_contract02.gif) no-repeat left top; text-indent: -10000px; margin-bottom: 15px;}
h2#hd_contract03{ height:30px; background: url(../img/common/hd_contract03.gif) no-repeat left top; text-indent: -10000px; margin-bottom: 15px;}
h3.hds_workimage{ height:18px; background: url(../img/common/hds_workimage.gif) no-repeat left top; text-indent: -10000px; margin: 10px 0 5px 15px;}
#contract #main img{ padding-left: 15px; margin-bottom: 20px;}
/*
--------------------------------------------------
	district.html
-------------------------------------------------- */
h2#hd_district{ height:30px; background: url(../img/common/hd_district.gif) no-repeat left top; text-indent: -10000px; margin-bottom: 15px;}
h3#hds_area{ height:18px; background: url(../img/common/hds_area.gif) no-repeat left top; text-indent: -10000px; margin-bottom: 10px;}
h3#hds_meyasu{ height:18px; background: url(../img/common/hds_meyasu.gif) no-repeat left top; text-indent: -10000px; margin-bottom: 10px;}
#district #area01{ width: 360px; float: left; margin-bottom: 15px;}
#district #area02{ width: 360px; float: right; margin-bottom: 15px;}
#district dl.list dt{ color: #0068b7; font-weight: bold; font-size: 110%;}
#district dl.list dd{ padding-left: 15px; padding-bottom: 5px;}
#district .list02 { margin-bottom: 5px;}
#district .list02 li{ background: url(../img/common/arrow01.gif) no-repeat left 3px; padding-left: 12px; padding-bottom: 3px;}
/*
--------------------------------------------------
	Image Surfing Style
-------------------------------------------------- */
.imagesurfing { width: 360px; overflow: hidden; margin: 15px 0; background: #fff; float:right;}
.imagesurfing ul { width: 362px; margin: 0; list-style: none;}
.imagesurfing ul li { width: 90px; padding-top: 2px; margin: 0; float: left;}
.imagesurfing ul li a {
	width: 89px;
	height: 55px;
	border-bottom: 4px solid #eee;
	display: block;
	float: left;
	outline: none;
	overflow: hidden;
	}
.imagesurfing img { vertical-align: bottom;}
.imagesurfing ul li a.imagesurfing-selected {
	border-bottom: 4px solid #0099cc;
	}
.imagesurfing p.imagesurfing-caption {
	font-size: 10px;
	line-height: 1.2;
	margin: 0 !important;
	padding: 3px 0;
	}