@charset "UTF-8";

/* rule reset */

html,head,body,div,span,h1,h2,h3,h4,h5,h6{ 
	margin:0;
	padding:0;
	border:0;
	outline:0;
	left:0;
	}

body {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	}


#header {
	color:#FFFFFF;
	background-color: #006699;
	padding-top:35px;
	position:fixed;
	height: 140px;
	width: 100%;
	}

img {
	border-style:none;
	}		

/*------タイトルの装飾関係------*/


h1,h2 {
	font-weight:100;
	font-size:10px;
	margin-top:-15px;
	margin-right:auto;
	margin-left:auto;
	width:788px;
	text-align:left;
	}
	h1 {
		font-size:35px;
		letter-spacing:2px;
		}
	h2 {
	line-height:4em;
	}


.title a:link {
	text-decoration: none;
	color:#FFFFFF;
	}
.title a:visited {
	text-decoration: none;
	color:#FFFFFF;
	}
.title a:hover {
	text-decoration: none;
	color: #FFFFFF;
	}
.title a:active {
	text-decoration: none;
	color:#FFFFFF;
	}

#title {
	height:65px;
	}


/*------タイトルの装飾関係<END>------*/


/*------ナビゲーションバーの装飾関係------*/

#menu ul{
    list-style:none;
    width:800px;
	margin-right:auto;
	margin-left:auto;
	padding-left:0px;
}
#menu ul li{
    list-style:none;
	margin-top:-19px;
	padding-top:0px;
    float:left;
    width:99px;
}
#menu ul a{
    display:block;
    width:99px;
    height:101px;
    overflow:hidden;
	border:0;
}



/*------ナビゲーションバーの装飾関係<END>------*/


/*------サブメニュー------*/
#submenu {
	width: 100%;
	height: 30px;
	top: 198px;
	position: absolute;
	font-size:14px;
	}



#submenu ul{
		list-style:none;
		width:788px;
		height: 15px;
		text-align:left;
		margin-left: auto;
		margin-right: auto;
		margin-top: -23px;
		padding-top: 8px;
		padding-bottom: 15px;
		background-color: #FFFFFF;
		}

#submenu li{

		width: 100%;
		display:inline;
		padding-right:3em;
		color: #000000;
		}

/*------サブメニュー<END>------*/



/*------ テキストリンクの装飾関係 ------*/

#submenu ul a:link {
	color: #999999;
	text-decoration: none;
	font-weight:bold;
	}
#submenu ul a:visited {
	text-decoration: none;
	color: #999999;
	}
#submenu ul a:hover {
	text-decoration: none;
	color:#000000;
	}
#submenu ul a:active {
	text-decoration: none;
	}

		
#open {
	font-size:18px;
	color:#000000 !important;	
	}		
		
/*------ テキストリンクの装飾関係 <END> ------*/



/*------ テキストリンクの装飾関係 ------*/

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

a {
	text-decoration:none;
		}
		
		
/*------ テキストリンクの装飾関係 <END> ------*/

/*------ メインボックス ------*/


#main {
	top: 215px;
	padding-top: 215px;
	overflow: hidden;
	width:788px;
	font-size: 11px;
	}

#gnavi {
	padding-top:7em;
	padding-bottom:1em;
	}

/*------ メインボックス <END> ------*/


	#main ul{
	list-style:none;
	margin-right:auto;
	margin-left:auto;
	width:788px;
	padding-left:5px;
	
		}
		#main li{
			padding-right:2em;
			display:inline;
			}

#works {
	width:450px;
	height:auto;
	}



#works dl dt {
	width:100px;
	height: 100px;
	margin:20px auto 10px auto;
	padding:20px 0 20px 300px;
	}

#works dl dd {
	width:300px;
	float: left;
	line-height:1.5em;
	text-align:left;
	margin-left: 45em;
	margin-top: -130px;
	}  

#works dl dd a{
	font-weight:bold !important;
	}

.border {
		font-size:14px;
		text-align:left;
		min-width: 788px;
		height:1em !important;
		margin-bottom:-30px;
		padding-left: 0px !important;
		line-height:3em;
		padding-top:30px;
		color:#666666;
		border-bottom:solid 1px;
		}

#inprogress {
	width:100px;
	height:75px;
	border:#999999 solid 1px;
	margin-top:0px;
	padding-top:0px;
	text-indent:5px;
	}

#footer {
	font-size:9px;
	padding-bottom:30px;
	width:788px;
	border-top:#666666 solid 1px;
	}

.top {
	font-size:12px;
	float:left;
	margin-top:3px;
	}
		

address {
	margin-top:0x;
	font-size:12px;
	font-style:normal;
	float:right;
	text-align:right;
	width:350px;
	margin-right:0;
	padding-right:0;
	font-weight:100;
	color:#000000;
	}

div#main,div#footer{
	margin-right:auto;
	margin-left:auto;
	max-width:788px;
	text-align:left;
	}
	
/*-----ここから「IE7」のCSSハック-----*/
/*-----スタイルを適用したいセレクタの前に	*:first-child+html	を付加すること-----*/

*:first-child+html #main {
	overflow:visible;
	}

*:first-child+html #footer {
	padding-bottom:30px;
	}
	
*:first-child+html #menu ul li{
	margin-top:-42px;
	padding-top: 3px;
	}

*:first-child+html #works dl dt {
	height: 100px;
	margin: 10px 0 8px 0;
	}


*:first-child+html #works dl dd {
	padding-right:300px;
	}
	
/*-----「IE7」のCSSハック < END > -----*/


/*-----ここから「IE6」のCSSハック-----*/
/*-----スタイルを適用したいセレクタの前に	* html	を付加すること-----*/


* html #header {
	padding-top:35px;
	max-height: 140px;
	width: 100%;
	}
* html h1 {
	padding-top: 10px;
	}

* html #title {
	height:65px;
	}


* html #menu{
	width: 860px;
	padding-top: 30px;
	padding-bottom: 0px;
	margin-bottom: -20px;
	border: 0px;
	background-color: #006699;
	}

* html #menu ul li{
    list-style:none;
	margin-top:-30px;
	padding-top:0px;
	padding-bottom: 0px;
	margin-bottom: -40px;
    width:99px;
}
* html #menu ul a{
    display:block;
    width:99px;
    height:135px;
    overflow:visible;
	border:0;
}

* html #works {
	}
* html #works img{
	}
* html #works dl dt {
height: 100px;
width: 100px;
padding-top: 80px;
	}
* html #works dd {
	float:none; 
	padding-top: 1.5em;
	}  
* html .border {
	padding-left: 0px !important;
	padding-bottom: 0px !important;
	margin-left: 0px !important;
	width: 788px !important; 
	}

/*------ メインボックス ------*/


* html #main {
	padding: 0;
	margin: 0;
	border: 0;
	}

/*------ メインボックス <END> ------*/
/*------サブメニュー------*/

* html #submenu {
	font-size:14px;
	margin-bottom: -50px;
	}


* html #submenu ul{
		height: 1em;
		margin-top: 0px;
		padding-top: 8px;
		}

* html #submenu li{
		width: 8em;
		margin-right: -1em;
		}

/*------サブメニュー<END>------*/

* html #footer{
	width: 788px !important;
	height: 2em;
	padding-bottom: 30px;	
	}
* html #footer p{
	margin-left:0px;
	}
* html address{
	margin-top: 0px;
	}


/*-----「IE6」のCSSハック < END > -----*/

/*-----ここから「FireFox」のCSSハック-----*/
/*-----適用したいセレクタのグループに「x:-moz-any-link 」を追加すること-----*/

#menu,x:-moz-any-link ul li{
}