@charset "utf-8";
/* 
----------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	color: #333333;
	background-image: url(company/img/gaiback.gif);
	background-repeat: repeat-x;
	background-color: #C5D5EE;
	line-height: 1.4;
}
hr {
	display: none;
}
/* link style
----------------------------*/
a img {
	border-style: none;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}
/* basic layout
----------------------------*/
#wrapper {
	background-color: #FFFFFF;
	width: 840px;
	margin: 0px auto;
	background-image: url(company/img/gaisideback.gif);
	background-repeat: repeat-x;
}
#main {
	padding: 15px;
	float: right;
	width: 630px;
	background-color: #FFFFFF;
}
#sidebar {
	padding: 15px 5px 80px 25px;
	float: left;
	width: 150px;
	margin-bottom: 20px;
	background-image: url(company/img/sidefude.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#footer {
	color: #FFFFFF;
	background-color: #000000;
	padding: 15px;
	clear: both;
	font-size: 75%;
	margin: 0px;
	width: 810px;
}

/* sidebar style
----------------------------*/
#sidebar ul li {
	list-style: none;
}
/* gaiyou #main table style
----------------------------*/
#gaiyou #wrapper #main table {
	font-size: 87.5%;
	line-height: 2em;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	clear: both;
}
#gaiyou   #wrapper   #main   table   tr th  {
	background-color: #CCCCCC;
}
#gaiyou #wrapper #main table tr td {
	border-bottom: 1px solid #666666;
	padding-left: 30px;
}
#gaiyou #main #takahasi {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 150px;
}
#gaiyou #wrapper #main p {
	padding: 10px 30px;
}


#footer em {
	font-size: 120%;
	line-height: 1.5em;
}
#footer  ul  {
	text-align: center;
}
#footer ul li {
	display: inline;
	list-style: none;
	padding-right: 20px;
}


#gaiyou #wrapper #main h2 {
	clear: both;
}

.mainimg {
	float: right;
}

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	text-align: left;
	cursor: pointer;
	float: left;
	font-family: "lr o", "qMm Pro W3", "";
	position: relative;
	width: 140px;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 75%;
	z-index: 1020;
	cursor: default;
	width: 140px;
	position: absolute;
	left: 1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 140px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	color: #CCCCCC;
	text-decoration: none;
	padding: 0.5em 0.75em;
	background-color: #000000;
}
ul.MenuBarHorizontal /* Menu items that have mouse over or focus have a blue background and white text */
 a:visited  
{
	color: #CCCCCC;
	text-decoration: none;
}
ul.MenuBarHorizontal /* Menu items that have mouse over or focus have a blue background and white text */
 a:hover
{
	background-color: #333333;
	color: #FF0000;
	background-image: url(img/fude1.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	color: #FF0000;
	text-decoration: none;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryAssets/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(img/fude1.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	background: #FFFFFF;
	}
ul.MenuBarHorizontal li ul li a {
	background-color: #666666;
	border-bottom: 1px solid #CCCCCC;
	text-decoration: none;
}
ul.MenuBarHorizontal  li  ul  li  a:hover,ul.MenuBarHorizontal a:focus {
	color: #FF0000;
	background-color: #666666;
	background-image: none;
}
#gaiyou #header #nCompany a,
#concept #header #nCompany a,
#map #header #nCompany a,
#wasi #header #nKatudou a,
#kagu #header #nKatudou a,
#sitiran #header #nSekourei a,
#kodate #header #nSekourei a,
#syugou #header #nSekourei a,
#tenpo #header #nSekourei a,
#sesyu #header #nSekourei a,
#aitiran #header #nSyokai a,
#gitiran #header #nSyokai a,
#archi #header #nSyokai a,
#gsyosai #header #nSyokai a,
#contact #header #nInfo a,
#flow #header #nInfo a,
#eitiran #header #nHiroba a,
#event #header #nHiroba a,
#eve-syo #header #nHiroba a,
#genba #header #nHiroba a{
	background-color: #666666;
}
/* page body style
----------------------------*/



#sitiran, #kodate, #syugou, #tenpo
 {
	background-image: url(sekourei/img/seback.gif);
	background-color: #EDEEED;
}
#sitiran   #wrapper   
{
	background-image: url(sekourei/img/sesideback.gif);
}
#syugou     #wrapper,#kodate #wrapper,#tenpo #wrapper       {
	background-color: #767EBD;
	background-image: none;
}

#aitiran, #gitiran, #asyosai, #gsyosai {
	background-image: url(syokai/img/syoukaiback.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#aitiran #wrapper, #gitiran #wrapper {
	background-image: url(syokai/img/syosideback.jpg);
	background-repeat: repeat-x;
}
#wasi,
#oxy,
#syanetu,
#midori,
#kagu {
	background-color: #FFFFFF;
	background-image: url(katudou/img/katuback.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#wasi #wrapper,
#oxy #wrapper,
#syanetu #wrapper,
#midori #wrapper,
#kagu #wrapper {
	background-image: url(katudou/img/katusideback.jpg);
	background-repeat: repeat-x;
}



/* sekourei itiran　and aitiran style
----------------------------*/
#sitiran  #main,
#aitiran #main
 {
	padding: 0px;
	width: 660px;
	margin: 0px;
	float: right;
	border-width: 0px;
	border-style: none;
}
#sitiran #main dl dt, #sitiran #main dl dd,
#aitiran #main dl dt, #aitiran #main dl dd 
{
	float: left;
}


#sitiran #main dl,
#aitiran #main dl {
	margin: 0px auto;
	width: 620px;
	padding: 0px;
}

#sitiran #main dl dt,
#mitiran #main dl dt {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100px;
}
#sitiran    #main    dl    dd, #aitiran #main dl dd
       {
	background-color: #000000;
	height: 58px;
	width: 200px;
	color: #FFFFFF;
	margin: 0px 10px 20px 0px;
	text-align: center;
	font-size: 16px;
	padding: 42px 0px 0px;
}
#sitiran #main h2,
#aitiran #main h2 {
	margin-bottom: 20px;
	margin-left: 10px;
	clear: both;
}
#sitiran #main ul {
	list-style: none;
	margin-bottom: 20px;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}
#sitiran #main ul li {
	display: inline;
	padding-left: 5px;
	font-size: 75%;
}
#sitiran #main dd a,
#aitiran #main dd a {
	color: #FFFFFF;
}

/* skourei syosai style
----------------------------*/

#setumei {
	padding: 10px;
	background-image: url(sekourei/img/setumeiback.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 380px;
	margin: 0px;
}
#kodate #setumei h1,
#syugou #setumei h1,
#tenpo #setumei h1,
#keireki h1  {
	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝";
	font-weight: bold;
	background-image: url(sekourei/img/daimeiback.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 100%;
	margin: 35px 0px 10px 20px;
	padding-left: 40px;
	padding-top: 10px;
}

#lImg {
	float: right;
	width: 400px;
	margin: 5px;
	padding: 5px;
}


#sImg {
	clear: both;
	margin: 0px;
	padding: 3px 0px 10px 3px;
	background-color: #000000;
	border-bottom: 1px solid #666666;
}
#sImg  ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#sImg img {
	margin: 0px;
	padding: 0px 1px;
	border-right: 1px solid #999999;
	width: 101px;
}

#setumei ul {
	padding: 20px 20px 20px 50px;
}
#setumei li {
	list-style: square;
	padding-bottom: 5px;
	font-size: 75%;
}
#setumei a:link {
	color: #333333;
}
#setumei a:visited {
	color: #333333;
}
#setumei a:hover {
	color: #CCCCCC;
}
#setumei a:active {
	color: #CCCCCC;
}
/* aitiran style
----------------------------*/

#aitiran #main dl dd {
	font-size: 14px;
	height: 65px;
	padding-top: 35px;
	margin-bottom: 20px;
}
#aitiran #main p {
	margin-bottom: 20px;
	margin-left: 20px;
}
#aitiran #main p a {
	margin-bottom: 20px;
	float: right;
	margin-right: 20px;
}

/* archi syosai style
----------------------------*/

#asyosai #wrapper
 {
	background-color: #000000;
	color: #CCCCCC;
	background-image: none;
}
#keireki {
	float: left;
	height: 500px;
	width: 430px;
	border-top: 1px solid #999999;
	background-image: url(syokai/img/keirekiback.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#sComment {
	clear: both;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #999999;
	border-left-color: #999999;
	padding: 10px 30px;
}
#syasin ul li {
	display: inline;
	list-style: none;
	border-right: 1px solid #999999;
}
#syasin {
	margin: 0px;
	border-top: 1px solid #999999;
}
#keireki img {
	float: left;
	padding-right: 30px;
}
#keireki h1  {
	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝";
	font-weight: bold;
	background-image: url(syokai/img/kdaiback.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 100%;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-right: 0px;
	margin-left: 120px;
	margin-top: 0px;
	padding-top: 10px;
	border-bottom: 1px solid #CCCCCC;
}
#keireki h2 {
	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝";
}

#keireki   ul   {
	font-size: 75%;
	margin: 30px 0px 0px 150px;
}
#keireki  ul  li  {
	margin: 0px;
	padding: 0px 0px 10px;
}
.ｒight {
	float: right;
	margin-right: 50px;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
#keireki a:link {
	color: #FFFFFF;
}
#keireki a:visited {
	color: #CCCCCC;
}
#keireki a:hover {
	color: #CCCCCC;
}
#keireki a:active {
	color: #CCCCCC;
}

/* map style
----------------------------*/

#map #main h2 {
	margin-bottom: 20px;
	margin-top: 20px;
}
/* wasi,oxy,syanetu,contact,event,midori,kagu h2style
----------------------------*/

#wasi #main h2,
#oxy #main h2,
#contact h2,
#event h2,
#eve-syo h2,
#syanetu h2,
#midori h2,
#kagu h2{
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 600px;
	border-bottom: 1px dotted #6666FF;
	padding-left: 10px;
	font-size: 100%;
}
/* wasi,oxy,syanetu,midori,kagu style
----------------------------*/
#wasi #main p,
#oxy #main p,
#syanetu #main p,
#midori #main p,
#kagu #main p{
	width: 600px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#wasi #main p img,
#oxy #main p img,
#syanetu #main p img,
#midori #main p img {
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
/* em style 
----------------------------*/

#main em {
	font-weight: bold;
}
/* contact style
----------------------------*/

#main input[type="text"], #main textarea {
	padding: 2px;
	border: 1px solid #999999;
}
#contact #main th,#contact #main td   {
	border-bottom: 1px dotted #999999;
	padding: 10px;
	margin-right: 30px;
	margin-left: 30px;
}
#contact #main p {
	padding-bottom: 20px;
	padding-left: 20px;
}
#contact #main table {
	width: 500px;
	font-size: 75%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#contact    #main    input#sousin  {
	padding: 0px;
	margin-left: 280px;
	width: 50px;
	margin-bottom: 20px;
}
#main form p {
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 200px;
}
/* flow style
----------------------------*/

#flow #main p {
	margin: 20px;
}

#flow #main p a {
	clear: both;
	float: right;
}
#flow #main td {
	font-size: 75%;
	padding: 15px;
}
.flowTable   {
	border-style: none;
	padding-top: 20px;
	padding-bottom: 40px;
	background-image: url(info/img/yajirusi.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#flow  #main ul {
	width: 350px;
	border: 1px solid #999999;
	margin-left: 60px;
	padding: 15px;
	list-style: none;
}
/* event style
----------------------------*/
#event #main table {
	font-size: 75%;
	line-height: 1.6em;
	margin: 15px 0px;
	border-bottom: 1px solid #666666;
}
#event #main td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.tb-even {
	font-size: 100%;
	font-weight: bold;
	background-color: #FFFFCC;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	padding: 5px;
}
#event   #main  ul li {
	display: inline;
	padding: 15px 5px;
	float: right;
}
#event #main h3 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 100%;
}
#event #main p {
	margin: 15px;
}
#event #main h4 {
	font-weight: normal;
	float: right;
}
#eve-syo  #main ul li {
	list-style: square;
	font-size: 75%;
	padding: 5px;
}
#eve-syo #main p {
	margin: 10px 20px;
}

#eve-syo #main ul {
	padding: 30px;
}
#eve-syo #main p img {
	margin-bottom: 20px;
	margin-left: 25px;
}
#eve-syo  #main h3 {
	font-size: 75%;
	float: right;
	margin: 10px;
	font-weight: normal;
}


/* gyosya syokai style
----------------------------*/
#gitiran h2 {
	margin: 15px;
}
#gitiran #main table {
	font-size: 75%;
	color: #CCCCCC;
	background-color: #000000;
}
#gitiran #main  td h3 {
	font-size: 120%;
	margin: 3px 10px;
}
#gitiran #main td h4 {
	font-size: 80%;
	font-weight: normal;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-right: 5px;
}

#gitiran  #main  td  p {
	padding: 2px 10px;
}


#daiku img {
	margin-right: 50px;
	margin-left: 50px;
}



.gyokan {
	font-size: 75%;
	margin: 15px;
}
.gyoTD {
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #666666;
	border-left-color: #666666;
}
#dai-keireki {
	border: 1px dotted #666666;
	padding: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#daikuImg {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
}

/* policy style
----------------------------*/

#policy #main h2 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 20px;
}
#policy #main dt {
	margin-top: 15px;
	margin-bottom: 15px;
}
#policy #wrapper #main dd {
	font-size: 75%;
}

/* concept style
----------------------------*/
#concept #sidebar {
	background-image: none;
	padding: 0px;
	background-color: #FFFFFF;
	height: 100px;
	margin: 0px;
}
#concept #wrapper {
	background-image: none;
}

#concept #main a {
	margin-left: 150px;
}
#keireki a:visited {
}
#copy #main h2 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 20px;
}
#copy  #main  ul {
	margin: 20px;
}

/* kagu style
----------------------------*/


#kagu #main table td {
	font-size: 75%;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #999999;
	border-left-color: #999999;
}
#kagu  #main table {
}
#kagu #main h3 {
	font-size: 100%;
}
#sitemap #main ul {
	margin: 15px 15px 15px 30px;
}
#sitemap #main ul li {
}

#sitemap  #main    ul   li ul li {
	font-size: 75%;
}
#genba #main ul {
	padding: 20px;
}
#genba #main ul li {
	height: 50px;
	width: 450px;
	border: 1px dotted #FFCC99;
	list-style: none;
	padding-left: 20px;
	padding-top: 20px;
	background-color: #FFFFCC;
}
#genba #main h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
#rireki #wrapper #main {
	font-size: 75%;
}
#rireki  #main dt {
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#rireki #wrapper #main dl {
	padding: 10px 10px 10px 20px;
}