@charset "utf-8";

/*------------------------------*/
/* CSS Reset                    */
/*------------------------------*/
html, body  {
	margin: 0;
	padding: 0;
}
p, ul, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, h7 {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}



/*------------------------------*/
/* Tag Override                 */
/*------------------------------*/
body {
	font-size: small;
	background-color: #f7f5e6;
}
td {
	font-size: small;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #e5d148;
	text-decoration: underline;
}
a:active {
	color: #e5d148;
	text-decoration: underline;
}



/*------------------------------*/
/* Layout                       */
/*------------------------------*/
div#header {
	position: relative;
	width: 1024px;
	height: 77px;
	margin: 0px auto 0px auto;
	background-color: #f7f5e6;
}

div#navi {
/*	width: 1024px;*/
width: 100%;
	height: 55px;
	margin: 0px auto 0px auto;
	background: url(../img/navi_bg.jpg) top left repeat-x;
}
div#GLnavi {
	width: 948px;
	height: 45px;
	margin: 0px auto 0px auto;
	background: url(../img/navi.jpg) top left no-repeat;
}

div#wrapper {
	width: 967px;
	margin: 11px auto 0px auto;
}
div#left-box {
	width: 731px;
	float: left;
}
div#right-box {
	width: 236px;
	float: right;
}
div#banner-boxTOP {
	width: 235px;
}
div#banner-boxMDL {
	width: 235px;
	background-image: url(../img/banner/middle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
div#banner-boxBTM{
	width: 235px;
}

div#contents {
	width: 720px;
	margin-top: 5px;
}
div#cont-boxLEFT {
	float: left;
}
div#cont-boxRIGHT {
	float: right;
}

div#project {
	width: 720px;
	margin-top: 24px;
}

div.Gototop {
	width: 1024px;
	height: 16px;
	margin: 26px auto 0px auto;
	background: url(../img/Gototop_bg.jpg) top left repeat-x;
}

div#footer {
	width: 994px;
	height: 47px;
	margin: 0px auto 0px auto;
	padding-top: 13px;
	padding-left: 30px;
	background-color: #478425;
	color: #ffffff;
}


/*===styles=======================*/
.floatclear {
	clear: both;
}


/*+++ ヘッダ +++*/
div#header p {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
div#header p.left-logo {
	top: 20px;
	left: 37px;
	width: 200px;
	height: 35px;
	background: url(../img/left_logo.jpg) top left no-repeat;
}
#header p.left-logo a {
	display: block; /*ロゴをクリックできるようにする*/
	width: 200px;
	height: 35px;
}
div#header p.PJ {
	top: 24px;
	left: 259px;
	width: 471px;
	height: 27px;
	background: url(../img/PJ.jpg) top left no-repeat;
}
div#header p.right-logo {
	top: 20px;
	left: 786px;
	width: 200px;
	height: 35px;
	background: url(../img/right_logo.jpg) top left no-repeat;
}


/*+++ ナビ +++*/
#navi ul {
	list-style: none;
}
#navi li{
	list-style: none;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
}
#navi li a {
	height: 45px;
	display: block;
	background-image: url(../img/navi.jpg);
}
#navi li.home a {
	width: 105px;
	background-position: 0px 0px;
}
#navi li.home a:hover, #navi li.home-SLCT a  {
	width: 105px;
	background-position: 0px -125px;
}
#navi li.project a {
	width: 168px;
	background-position: -105px 0px;
}
#navi li.project a:hover, #navi li.project-SLCT a {
	width: 168px;
	background-position: -105px -125px;
}
#navi li.special a {
	width: 168px;
	background-position: -273px 0px;
}
#navi li.special a:hover, #navi li.special-SLCT a {
	width: 168px;
	background-position: -273px -125px;
}
#navi li.map a {
	width: 168px;
	background-position: -441px 0px;
}
#navi li.map a:hover, #navi li.map-SLCT a {
	width: 168px;
	background-position: -441px -125px;
}
#navi li.naegi a {
	width: 168px;
	background-position: -609px 0px;
}
#navi li.naegi a:hover, #navi li.naegi-SLCT a {
	width: 168px;
	background-position: -609px -125px;
}
#navi li.blog a {
	width: 168px;
	background-position: -777px 0px;
}
#navi li.blog a:hover, #navi li.blog-SLCT a {
	width: 168px;
	background-position: -777px -125px;
}


/*+++ プロジェクトアーカイブ +++*/
div#project h2 {
	width: 720px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/projectA/title_project.jpg) top left no-repeat;
}
div#project p {
	margin-left: 7px;
	font-size: x-small;
	line-height: 1.6em;
	color: #635f5c;
}
table.projectTBL {
	margin-top: 10px;
}
table.projectTBL td.imgLnk {
	width: 180px;
}
table.projectTBL p.txtLnk{
	margin-top: 9px;
}
table.projectTBL p.txtLnk a {
	padding-left: 10px;
	background: transparent url(../../img/marker_LNK.gif) center left no-repeat;
}
table.projectTBL a:link {
	color: #635f5c;
	text-decoration: underline;
}
table.projectTBL a:visited {
	color: #635f5c;
	text-decoration: underline;
}
table.projectTBL a:hover {
	color: #478425;
	text-decoration: underline;
}
table.projectTBL a:active {
	color: #478425;
	text-decoration: underline;
}


/*+++ バナー +++*/
div#banner-boxMDL p {
	margin-left: 19px;
	padding-bottom: 9px;
}


/*+++ ページトップ リンク +++*/
div.Gototop p {
	margin-left: 927px;
}


/*+++ フッタ +++*/
div#footer p.FTlink {
	font-size: x-small;
}
div#footer p.cpyright {
	margin-top: 5px;
	margin-left: 7px;
	font-size: x-small;
}
div#footer a:link {
	color: #ffffff;
	text-decoration: none;
}
div#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
div#footer a:hover {
	color: #e5d148;
	text-decoration: underline;
}
div#footer a:active {
	color: #e5d148;
	text-decoration: underline;
}