@charset "utf-8";
/* -----このファイル「common.css」は、二階層目以降の全ページにリンクさせる共通のCSSです------------------- */

/* -----初期化---------------------------------------------------------------------- */
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0px;
}

/* -----基本設定---------------------------------------------------------------------- */
body{
	text-align:center;
	font-size:12px;
	color:#666666;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height:170%;
	height:100%;
	background-color: #FFFFFF;
}

a,
a:link,
a:visited {
	color:#666666;
	text-decoration:none;
}

a:hover,
a:active {
	color:#666666;
	text-decoration:underline;
}
.clear {/* float解除のhack box */
	clear:both;
}
.white {
	color:#FFFFFF;
	text-decoration: underline;
}
.orange {
	color:#FF7B60;
}
/* -----各コンテナの設定---------------------------------------------------------------------- */

#wrapper {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	position:relative;
	width: 840px;
	background-image: url(../shared/bg_img.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
}
#main {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: 100%;
}
#contents {
	width : 770px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#left {
	width: 220px;
	float: left;
	margin-bottom: 10px;
}
#right {
	width: 535px;
	float: right;
  margin-top : 1px;
  margin-left : 1px;
  margin-right : 1px;
  margin-bottom : 1px;
}
/* -----ヘッダー部分---------------------------------------------------------------------- */
#header {
	padding-bottom:0px;
	width: 800px;
	height: 165px;
	position: relative;
	margin-bottom: 10px;
}
#header h1 {
	height: 20px;
	width: 800px;
	font-size: 10px;
	background-color: #0C0CB5;
	font-weight: normal;
	color: #FFFFFF;
	text-indent: 15px;
	margin-bottom: 15px;
}


#header-logo {
	height: 130px;
	width: 102px;
	float: left;
	padding-left: 15px;
}
#header-center {
	height: 130px;
	width: 300px;
	float: left;
	padding-left: 36px;
}
#header-center img {
	padding-bottom: 5px;
}
#header-center h3 {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	width: 300px;
}
#header-tel {
	height: 130px;
	width: 301px;
	float: right;
	padding-right: 15px;
}
.header-tel-img {
	margin: 0px;
	padding: 0px;	
}

/* -----グローバルナビ---------------------------------------------------------------------- */
.menu h1 {display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
	background-color:#3399ff;
	width:109px;
	line-height:28px;}

.menu a	{display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
	background-color:#3399ff;
	width:109px;
	line-height:28px;}

.menu a:hover {background-color:#0066cc;
	width:109px;}

.submenu {visibility:hidden;
	position:absolute;
	top:auto;
	left:0;}

.submenu a {border-top:#ffffff 1px solid ;
	background-color:#3399ff;}

#menu1	{position:absolute;
	top:170px;
	left:35px;}

#menu2	{position:absolute;
	top:170px;
	left:145px;}

#menu3	{position:absolute;
	top:170px;
	left:255px;}

#menu4	{position:absolute;
	top:170px;
	left:365px;}

#menu5	{position:absolute;
	top:170px;
	left:475px;}

#menu6	{position:absolute;
	top:170px;
	left:585px;}

#menu7	{position:absolute;
	top:170px;
	left:695px;}


#gnavi {
	width:770px;
	height: 35px;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-bottom: 10px;
}

#gnavi a {display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
	background-color:#66cc33;
	width:96px;
	line-height:28px}

.gnavi a:hover {background-color:#009900}

.gnavisub {visibility:hidden;
	position:absolute;
	top:auto;
	left:0}

.gnavisub a {border-top:solid 1px#ffffff;
	background-color:#33cc66}

#gnavmenu1	{position:absolute;
	top:0;
	left:0}

#gnavmenu2	{position:absolute;
	top:0;
	left:96px}

#gnavmenu3	{position:absolute;
	top:0;
	left:192px}

#gnavmenu4	{position:absolute;
	top:0;
	left:0}

#gnavmenu5	{position:absolute;
	top:0;
	left:288px}

#gnavmenu6	{position:absolute;
	top:0;
	left:384px}

#gnavmenu7	{position:absolute;
	top:0;
	left:480}

#gnavmenu8	{position:absolute;
	top:0;
	left:576px}

#gnavi LI#gn-1 A {
	width : 96px;
	height: 35px;
	padding-right: 0px;
	background-image: url(../shared/bt_top_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi LI#gn-1 A:hover, #gnavi LI#gn-top A:active {
	width : 96px;
	padding-right: 0px;
	background-image: url(../shared/bt_top_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi LI#gn-works A {
	width : 96px;
	height: 35px;
	padding-right: 0px;
	background-image: url(../shared/bt_works_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi LI#gn-works A:hover, #gnavi LI#gn-works A:active {
	width : 96px;
	padding-right: 0px;
	background-image: url(../shared/bt_works_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi LI#gn-individua A {
	width : 96px;
	height: 35px;
	padding-right: 0px;
	background-image: url(../shared/bt_individua_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi LI#gn-individua A:hover, #gnavi LI#gn-individua A:active {
	width : 96px;
	padding-right: 0px;
	background-image: url(../shared/bt_individua_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#gnavi LI#gn-corporation A {
	width : 96px;
	height: 35px;
	padding-right: 0px;
	background-image: url(../shared/bt_corporation_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi LI#gn-corporation A:hover, #gnavi LI#gn-corporation A:active {
	width : 96px;
	padding-right: 0px;
	background-image: url(../shared/bt_corporation_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi LI#gn-interchange A {
	width : 96px;
	height: 35px;
	padding-right: 0px;
	background-image: url(../shared/bt_interchange_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi LI#gn-interchange A:hover, #gnavi LI#gn-interchange A:active {
	width : 96px;
	padding-right: 0px;
	background-image: url(../shared/bt_interchange_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#gnavi li#gn-inquiry a {
	width:96px;
	height: 35px;
	padding-right: 0px;
	background-image: url(../shared/bt_inquiry_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li#gn-inquiry a:hover, #gnavi li#gn-inquiry a:active {
	width:96px;
	padding-right: 0px;
	background-image: url(../shared/bt_inquiry_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li#gn-link a {
	width:96px;
	height: 35px;
	padding-right: 0px;
	background-image: url(../shared/bt_link_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li#gn-link a:hover, #gnavi li#gn-link a:active {
	width:96px;
	padding-right: 0px;
	background-image: url(../shared/bt_link_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi LI#gn-community A {
	width : 96px;
	height: 35px;
	padding-right: 0px;
	background-image: url(../shared/bt_community_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi LI#gn-community A:hover, #gnavi LI#gn-community A:active {
	width : 96px;
	padding-right: 0px;
	background-image: url(../shared/bt_community_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* 右エリアぱんくずリストの設定----------------------------------------------- */
#pankuzu {
	width:535px;
	font-size: 11px;
	padding-bottom: 10px;
	text-indent: 5px;
}

/* 左エリアサブナビの設定----------------------------------------------- */

#snavi {
	width:220px;
}

#snavi li {
	width:220px;
}

#snavi li a {
	display: block;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
	width:132px;
	height:60px;
}
#sn-01 {
	width:220px;
	height:60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-02 {
	width:220px;
	height:60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-03 {
	width:220px;
	height:60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-04 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-05 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-06 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#snavi li#sn-01 a {
	background-image:url(../shared/bt_basic_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-01 a:hover, #snavi li#sn-01 a:active {
	background-position:left top;
	background-image: url(../shared/bt_basic_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-02 a {
	background-image:url(../shared/bt_basic02_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-02 a:hover, #snavi li#sn-02 a:active {
	background-position:left top;
	background-image: url(../shared/bt_basic02_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-03 a {
	background-image:url(../shared/bt_basic03_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-03 a:hover, #snavi li#sn-03 a:active {
	background-position:left top;
	background-image: url(../shared/bt_basic03_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-04 a {
	background-image:url(../shared/bt_basic04_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-04 a:hover, #snavi li#sn-04 a:active {
	background-position:left top;
	background-image: url(../shared/bt_basic04_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-05 a {
	background-image:url(../shared/bt_basic05_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-05 a:hover, #snavi li#sn-05 a:active {
	background-position:left top;
	background-image: url(../shared/bt_basic05_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-06 a {
	background-image:url(../shared/bt_unc_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-06 a:hover, #snavi li#sn-06 a:active {
	background-position:left top;
	background-image: url(../shared/bt_unc_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
/* 左エリア最新情報の設定---------------------------------------- */
#news-area {
	width:220px;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#news {
	width:219px;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FF7B60;
	border-bottom-color: #FF7B60;
	border-left-color: #FF7B60;
}

/* 左エリアバナーの設定----------------------------------------------- */
#bana01 a {
	display: block;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
	background-image:url(../shared/bt_blog_off.gif);
	background-position:left top;
	width:220px;
	height:80px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#bana01 a:hover, #bana01 a:active {
	background-position:left top;
	background-image: url(../shared/bt_blog_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:80px;
	margin-bottom: 10px;
}
#bana02 {
	width:220px;
	height:120px;
	margin-bottom: 10px;
}
#bana02 img {
	margin: 0px;
	padding: 0px;	
}
/* 左エリア会社情報の設定----------------------------------------------- */
#info-area-top {
	width:220px;
	height:10px;
	background-image: url(../shared/img_info01_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
	padding:0px;
}
#info-area-top img {
	width:220px;
	height:10px;
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
}
#info-area-bottom {
	margin:0px;
	padding:0px;
}
#info-area-bottom img {
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
}
#info-area {
	width:220px;
	height:auto;
	background-image: url(../shared/img_info01_middle.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#info-area p {
	padding-left: 20px;
	padding-top: 5px;
	font-size: 11px;
	line-height: 150%;
}
/* ---ページトップへのボタン----------------------------- */
.pagetop {
	width:85px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 450px;
}

.pagetop a {
	background-image:url(../shared/bt_pagetop_off.gif);
	background-position:left top;
	width:85px;
	display: block;
	height: 19px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
	background-repeat: no-repeat;
}

.pagetop a:hover, .pagetop a:active {
	background-image:url(../shared/bt_pagetop_on.gif);
	background-position:left top;
	width:85px;
	display: block;
	height: 19px;
	overflow:hidden;
}

/* ---フッター部分------------------------------------------------------------------------ */
#footer {
	background-color: #0C0CB5;
	text-align: center;
	letter-spacing: 0.1em;
	width: 800px;
	color: #FFFFFF;
	padding-top: 10px;
}
#copy {
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer a {
	overflow:auto;
	height: auto;
	width: auto;
	text-decoration:none;
	color: #FFFFFF;
}
#footer a:hover, a:active {
	overflow:auto;
	height: auto;
	width: auto;
	text-decoration:underline;
	color: #FFFFFF;
}