@charset "utf-8";

body{
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: url('img/header_bg.gif') repeat-x left top;
	}

#header{
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	width: 970px;
	}
h1{
	height: 40px;
	}
h1 a{
	text-indent: -9999px;
	height: 40px;
	width: 401px;
	background: url('img/h1.gif') no-repeat left center;
	display: block;
	}
#globalNavi{
	margin: 0;
	padding: 0;
	}
#globalNavi li{
	text-align: center;
	margin-right: 14px;
	float: left;
	}
#globalNavi li.menu05{
	margin-right: 0;
	}
#globalNavi li a{
	text-indent: -9999px;
	height: 70px;
	width: 150px;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	cursor: pointer;
	}
#globalNavi li.menu00 a{
	background-image: url('img/menu_00.gif');
	}
#globalNavi li.menu01 a{
	background-image: url('img/menu_01.gif');
	}
#globalNavi li.menu02 a{
	background-image: url('img/menu_02.gif');
	}
#globalNavi li.menu03 a{
	background-image: url('img/menu_03.gif');
	}
#globalNavi li.menu04 a{
	background-image: url('img/menu_04.gif');
	}
#globalNavi li.menu05 a{
	background-image: url('img/menu_05.gif');
	}
#globalNavi li a:hover,
#globalNavi li a.menuOn{
	background-position: center bottom;
	}
#main{

	text-align: left;
	margin: 0 auto;
	_margin: -3px auto 0;
	padding: 0px;
	width: 978px;
	background: url('img/main_bg.gif') repeat-y center top;
	}
#content{
	text-align: left;
	margin: 0px;
	padding: 16px 0 0 34px;
	float: left;
	width: 690px;
	}
#utilities{
	margin: 0 34px 0 0;
	_margin: 0 17px 0 0;
	padding: 40px 0px 130px 0;
	float: right;
	clear: right;
	width: 210px;
	background-color: #93b9e8;
	}
#utilities li{
	margin: 0 0 1.5em;
	padding: 0;
	}
.return{
	font-size:12px;
	text-align: right;
	margin: 0;
	padding: 15px 0 0;
	clear: both;
	height: 110px;
	width: 970px;
	background: url('img/return_bg.gif') no-repeat center bottom;
	}
.return a{
	color: #000000;
	text-decoration: none;
	padding: 14px 0 13px 30px;
	background: url('img/returnBtn.gif') no-repeat 0px -31px;
	}
.return a:hover{
	color: #009966;
	background-position: 0px 7px;
	}
.return.inner{
	font-size:12px;
	text-align: right;
	margin: 0;
	padding: 15px 0;
	clear: both;
	height: 50px;
	width: 680px;
	background: none;
	}
#footer{
	color: #fff;
	margin: 0;
	padding: 0;
	background: #0089ce url('img/footer_bg.gif') no-repeat center top;
	}
#footerInner{
	text-align: left;
	margin: 0 auto 0;
	padding: 15px 0 5px;
	width: 970px;
	}
#footerInner a:link{
	color: #CCFFFF;
	}
#footerInner a:visited{
	color: #99CCCC;
	}
#footerInner a:hover{
	color: #FFFFCC;
	position: relative;
	top: 1px;
	left: 1px;
	}

/*--------------------------------------
 
 				column set

---------------------------------------- */
.grid2col .column{
	float: left;
	width: 340px;
	}
.grid2col .column.last{
	float: right;
	width: 340px;
	}
.grid3col .column.first{
	margin-right: 15px;
	float: left;
	width: 220px;
	}
.grid3col .column{
	margin-right: 15px;
	float: left;
	width: 220px;
	}
.grid3col .column.last{
	margin-right: 0px;
	float: right;
	width: 220px;
	}

#footer .grid2col .column{
	float: left;
	width: 475px;
	}
#footer .grid2col .column.last{
	float: right;
	width: 475px;
	}
#footer .grid3col .column.first{
	margin-right: 13px;
	float: left;
	width: 315px;
	}
#footer .grid3col .column{
	margin-right: 12px;
	float: left;
	width: 315px;
	}
#footer .grid3col .column.last{
	margin-right: 0px;
	float: right;
	width: 315px;
	}	

/*--------------------------------------
 
 			Ēcolumn set

---------------------------------------- */
#eyecatch{
	margin-top: 40px;
	position: relative;
	height: 400px;
	background: url('../img/eyecatch_bg.jpg') repeat-x center top;
	}
#eyecatchInner{
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 970px;
	}
#rec_bn{
	position: absolute;
	z-index: 20;
	top: -230px;
	left: -50px;
	}
#utilities div.flashBn{
	padding: 0 0 25px 10px;
	}
.content #eyecatch{
	margin-top: 40px;
	height: 200px;
	background: url('../img/eyecatch_bg.jpg') repeat-x center top;
	}
#contact{
	clear: both;
	}
.newslist dt{
	margin: 0 10px 15px 0;
	padding: 0px;
	float: left;
	clear: both;
	width: 100px;
	}
.newslist dt a img{
	border: 3px solid #CCCCCC;
	}
.newslist dt a:hover img{
	border: 3px solid #33CCFF;
	}
.newslist dd h3{
	color: #333333;
	font-weight: bold;
	margin: 0 0 0.5em;
	padding: 0 0 0 25px;
	border-bottom: 4px solid #CCCCCC;
	position: relative;
	background: url('img/newslist_arrow.gif') no-repeat left 7px;
	}
.newslist dd p.data{
	font-weight: normal;
	text-align: right;
	}
.newslist dd {
	margin: 0 0 15px;
	float:left;
	width:210px;
}
.newslist.long dd {
	margin: 0 0 15px;
	float:left;
	width:560px;
}
*+html .newslist > dd {
	float:none;
}
h2{
	font-weight: bold;
	line-height: 67px;
	margin: 0 0 0.8em;
	padding: 0 0 0 85px;
	height: 67px;
	background: url('img/h2.gif') no-repeat left center;
	}
h3{
	color: #004382;
	font-weight: bold;
	margin: 0 0 0.5em;
	padding: 5px 10px;
	background-color: #E6E6E6;
	}
h4{
	margin: 0 0 0.8em;
	padding: 0 0 0 0.4em;
	border-bottom: 5px solid #ccc;
	}
.sitemap li{
	padding-left: 1.5em;
	line-height: 2;
	background: url('img/sitemap_listmark.gif') no-repeat left 0.9em;
	}
.sitemap li li{
	padding-left: 0;
	background: none;
	}
.sitemap li ul{
	margin: 0.2em 0 0.2em 0.2em;
	padding: 0.3em 0 0.3em 5px;
	border-left: 5px solid #CCFFFF;
	}
address{
	padding: 2em 0 0;
	text-align: center;
	}
.contact li{
	margin: 0 0 0.8em 0;
	padding: 0px;
	}
dl.profile dt{
	text-align: center;
	padding-bottom: 30px;
	float: left;
	clear: both;
	width: 150px;
	}
dl.profile > dd {
	float: left;
	width: 520px;
	padding-bottom: 30px;
}
dl.profile dd table{
	width: 520px;
	margin: 10px 0 0;
	padding: 0;
	}
dl.profile dd table th{
	width: 8em;
	}
*+html dl.profile > dd {
	float:none;
}
.aboutlocalNavi{
	margin: 0 0 1.5em 0;
	padding: 0;
	}
.aboutlocalNavi li{
	float: left;
	}
.aboutlocalNavi li a{
	text-align: center;
	margin: 0 10px 0 0;
	padding: 8px 5px;
	border: 1px solid #CCCCCC;
	background-color: #E6E6E6;
	width: 8em;
	display: block;
	}
.aboutlocalNavi li a:hover{
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #3399FF;
	background-color: #66CCFF;
	}
#localNavi{
	margin: 0 0 1.5em 0;
	padding: 0;
	}
#localNavi li{
	margin: 0 0 1px 0;
	float: left;
	}
#localNavi li a{
	text-indent: -9999px;
	padding: 10px 0 5px;
	height: 50px;
	width: 138px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	}
#localNavi li.menu001 a{
	background-image: url('img/localNavi01.gif');
	}
#localNavi li.menu002 a{
	background-image: url('img/localNavi02.gif');
	}
#localNavi li.menu003 a{
	background-image: url('img/localNavi03.gif');
	}
#localNavi li.menu004 a{
	background-image: url('img/localNavi04.gif');
	}
#localNavi li.menu005 a{
	background-image: url('img/localNavi05.gif');
	}
#localNavi li.menu006 a{
	background-image: url('img/localNavi06.gif');
	}
#localNavi li.menu007 a{
	background-image: url('img/localNavi07.gif');
	}
#localNavi li.menu008 a{
	background-image: url('img/localNavi08.gif');
	}
#localNavi li.menu009 a{
	background-image: url('img/localNavi09.gif');
	}
#localNavi li.menu010 a{
	background-image: url('img/localNavi10.gif');
	}
#localNavi li a:hover,
#localNavi li a.menuOn{
	background-position: right top;
	}
.worksList,
.worksListWeb{
	margin: 0 0 1em;
	padding: 0px;
	}
.worksList li{
	margin: 0 0 15px 18px;
	padding: 0px;
	float: left;
	width: 80px;
	}
.worksListWeb li{
	font-size: 77%;
	margin: 0 10px 15px 0;
	padding: 0px;
	float: left;
	height: 130px;
	width: 128px;
	display: block;
	}
.worksListWeb li a{
	font-size: 122%;
	}
.aboutList{
	margin: 0 0 1.5em 0.5em;
	padding: 0;
	}
.aboutList dt{
	margin: 0 1em 0 0;
	padding: 2px 0;
	font-weight: bold;
	text-align: right;
	float: left;
	clear: both;
	width: 8em;
	}
.aboutList dd{
	margin: 0 0 8px 0;
	padding: 2px 0;
	border-bottom: 1px solid #CCCCCC;
	}
.recruitList{
	margin: 0 0 1.5em 0.5em;
	padding: 0;
	}
.recruitList dt{
	margin: 0 1em 0 0;
	padding: 2px 0;
	font-weight: bold;
	text-align: right;
	float: left;
	clear: both;
	width: 7em;
	}
.recruitList dd{
	margin: 0 0 8px 7.5em;
	padding: 2px 0 5px;
	border-bottom: 1px solid #CCCCCC;
	}
table.about{
	margin: 0 0 1.5em 1em;
	padding: 0;
	width: 670px;
	}
table.about td,
table.about th{
	margin: 0px;
	padding: 5px 10px;
	}
table.about th{
	font-weight: bold;
	}

dl.mailform {
	background-color:#DEF1FF;
	border:medium none;
	margin: 0.5em 0 10px;
	padding:0;
}
dl.mailform dt {
	border-top:1px solid #FFFFFF;
	color:#003366;
	float:left;
	margin:0;
	padding:0.4em 0;
	text-indent:15px;
	width:13em;
}
dl.mailform dt span{
	font-size: 77%;
	color: #CC0033;
	margin: 0;
	padding: 0 0.7em;
}
dl.mailform dd {
	background-color:#FFFFFF;
	background-image:url("img/dot.gif");
	background-position:left bottom;
	background-repeat:repeat-x;
	border-top:1px solid #FFFFFF;
	color:#666666;
	margin:0 0 0 13em;
	padding:0.6em 0 0.6em 10px;
}
dl.mailform dd p{
	margin: 0 0 0.5em;
	padding: 0;
}
fieldset {
	text-align: right;
}
input.submit {
	background-color: #abe2ff;
}

input.submit:hover {
	color: #FFFFFF;
	border: 1px solid #66CCFF;
	background-color: #219fe0;
}
.postcard{
	margin: 20px 0 20px 10px;
	padding: 0px;
	}
.postcard li{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 160px;
	width: 130px;
	}
.itemBody{
	margin: 0 0 20px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	}
.itemBody .itemPict,
.itemBody .itemPict2{
	margin-right: 10px;
	float: left;
	width: 350px;
	}
.itemBody .itemTxt{
	float: right;
	width: 308px;
	}
.itemBody h4{
	font-weight: bold;
	margin: 0 0 8px;
	padding: 0 0 0 23px;
	background: url('img/itemh4.gif') no-repeat 2px center;
	}
p.btn{
	text-align: right;
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #CCCCCC;
	clear: both;
	}
dl.price{
	margin: 0;
	padding: 0;
	}
dl.price dt{
	font-weight: bold;
	text-align: center;
	float: left;
	width: 4em;
	padding: 8px 0;
	border-top: 1px dashed #CCCCCC;
	}
dl.price dd{
	margin: 0 0 5px 4em;
	padding: 8px 0;
	border-top: 1px dashed #CCCCCC;
	}
dl.price dt.last,
dl.price dd.last{
	padding: 8px 0;
	border-bottom: 1px dashed #CCCCCC;
	}
.itemPict ul,
.itemPict2 ul{
	margin: 0px;
	padding: 0px;
	}
.itemPict ul li,
.itemPict2 ul li{
	margin: 0 6px 0 0;
	padding: 0px;
	display: inline;
	}
.itemPict ul li.last,
.itemPict2 ul li.last{
	margin: 0;
	}
dl.shoppingList{
	margin: 0 0 20px;
	}
dl.shoppingList dt{
	font-weight: bold;
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	border-bottom: 3px solid #CCCCCC;
	background: url('img/shoppingList.gif') no-repeat 3px center;
	}
dl.shoppingList dd{
	margin: 0 0 10px;
	padding: 0 1em;
	}
.sister ul{
	margin: 0;
	padding: 0;
	}
.sister ul li{
	text-align: center;
	margin: 0 7px 0 0;
	padding: 0;
	float: left;
	width: 160px;
	display: block;
	}
.shoppingList td{
	text-align: center;
	vertical-align: top;
	}
ul.listset01{
	margin-left: 1em;
	list-style-type: disc;
	}