﻿/* base */
body,td,th {
	font-size: 12px;
	color: #666;
	line-height:1.4em;
}

body {
	background-color: #E6E6E6;
	margin:0px;
	padding:0px;
}

h1 {
	margin:0px;
	border:0;
	padding:10px 0px 10px 10px;
	color:#FF9900;
	font-size:x-large;
	font-weight:bold;
}	

h2 {
	margin:0px;
	border:0;
	padding:0px 0px 0px 0px;
	color:#666666;
	font-size:large;
	font-weight:bold;
}	

h3 {
	margin:0px;
	border-bottom:solid 2px #0099cc;
	padding:0px 0px 0px 0px;
	color:#0099CC;
	font-size:medium;
	font-weight:bold;
	width:550px;
}	

h4 {
	margin:0px;
	border:0;
	padding:10px 1px 5px 10px;
	font-size:medium;
	font-weight:bold;
	color:#0099CC;
}	

h5 {
	margin:0px;
	border:0;
	padding:5px 0px 5px 30px;
	color:#ffffff;
	background-color:#0066CC;
	font-size:large;
	font-weight:bold;
}
	
p  {
	margin:1em;
	border:0;
	padding:0px 0px 0px 10px;
}	
	
a:link {
	color:#666666;
}



#wrapper{
	width:770px;
	margin:0 auto;
	padding:0;
	background:url(./common_img/bg.gif) repeat-y;
}
#header{
	width:770px;
	margin:0;
	padding:0;
}
#content{
	width:760px;
	margin:0 5px 0 5px;
	padding:0;
	background:url(./common_img/content_bg.gif);
}
#sideL{
	width:165px;
	border:0;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0;
}


	
#sideR{
	width:595px;
	margin:5px 0 0 0;
	padding:0;
	float:right;
	vertical-align:top;
}


#footer{
	width:770px;
	height:35px;
	padding:0;
	clear:both;
}
#menu{
	margin:0 0 0 2px;
	float:left;
}

/*TOP*/
#news{
	float:left;
	width:405px;
	height:340px;
	margin:0;
	background-color: #FFF;
}
div#news p{
	background: transparent url(./common_img/triangle.gif) 0px 5px no-repeat;
	margin:10px 5px 0 10px;
	padding:0 0 0 8px;
}
#banner{
	float:left;
	width:180px;
	margin:0 0 0 10px;
}
/*news topics*/
#topics{
	float:left;
	width:590px;
	height:470px;
	margin:0;
	background-color: #FFF;
}
div#topics p{
	background: transparent url(./common_img/triangle.gif) 0px 5px no-repeat;
	margin:10px 5px 0 10px;
	padding:0 0 0 8px;
}
#sitemap{
	float:left;
	width:590px;
	margin:0;
	background-color: #FFF;
}
div#sitemap p{
	background: transparent url(./common_img/triangle.gif) 0px 5px no-repeat;
	margin:0 5px 0 10px;
	padding:0 0 0 8px;
}
#people{
	float:left;
	width:590px;
	height:650px;
	margin:0;
	background-color: #FFF;
}
/*サブページ*/
#subpage{
	width:590px;
	padding:0;
	margin:0;
	background-color: #FFF;
}
/*企業理念　高さ保持用*/
#our_ploicy{
	float:left;
	width:590px;
	height:660px;
	margin:0;
	background-color: #FFF;
}

#flow_txt{
	margin:0 0 5px 0;
	padding:3px;
}
#flow_txt2{
	margin:10px 0 0 0;
	padding:3px;
}
#flow_txt3{
	font-size:10px;
	margin:10px 0 0 0;
	padding:3px;
}
/*パンくずリスト*/
#navi{
	width:740px;
	font-size:11px;
	padding:0;
	margin:5px 15px 5px 15px;
}
#box1{
	float:left;
}
#to_top{
	height:40px;
	margin:20px 10px 0 0;
}
/*セカンドメニュー*/
div#sideL ul#sec_menu{
	height: 83px;
	width: 137px;
	background: transparent url(./common_img/menu.gif) top left no-repeat;
	margin: 15px 0 0 10px;
	padding: 0;
	position: relative;
}
div#sideL ul#sec_menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0;
}
	
ul#sec_menu li, ul#sec_menu a {
	width: 137px;
	height:20px;
	display: block;
}
	
div#sideL ul#sec_menu li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#bt1nav,
#bt2nav,
#bt3nav,
#bt4nav{left:0px}

#bt1nav a:hover	{background: transparent url(common_img/menu.gif) -137px 0px no-repeat;}
#bt2nav a:hover {background: transparent url(common_img/menu.gif) -137px -20px no-repeat;}
#bt3nav a:hover {background: transparent url(common_img/menu.gif) -137px -40px no-repeat;}
#bt4nav a:hover {background: transparent url(common_img/menu.gif) -137px -60px no-repeat;}

/*submenu1*/
div#sideL ul#menu1{
	height: 23px;
	width: 150px;
	background: transparent url(./common_img/submenu1.gif) top left no-repeat;
	margin: 2px 0 0 0;
	padding: 0;
	position: relative;
}
div#sideL ul#menu1 li {
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0;
}
	
ul#menu1 li, ul#menu1 a {
	width: 150px;
	height:24px;
	display: block;
}
	
div#sideL ul#menu1 li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#bt11nav,
#bt12nav{left:0px}

#bt11nav a:hover {background: transparent url(common_img/submenu1.gif) -150px 0px no-repeat;}
#bt12nav a:hover {background: transparent url(common_img/submenu1.gif) -150px -24px no-repeat;}


/*submenu2*/
div#sideL ul#menu2{
	height: 286px;
	width: 150px;
	background: transparent url(./common_img/submenu2.png) top left no-repeat;
	margin: 2px 0 0 0;
	padding: 0;
	position: relative;
}
div#sideL ul#menu2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0;
}
	
ul#menu2 li, ul#menu2 a {
	width: 150px;
	height:24px;
	display: block;
}
	
div#sideL ul#menu2 li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#bt21nav,
#bt22nav,
#bt23nav,
#bt24nav,
#bt25nav,
#bt26nav,
#bt27nav,
#bt28nav,
#bt29nav,
#bt2anav,
/* #bt2bnav, */
#bt2cnav,
#bt2dnav{left:0px}

#bt21nav a:hover {background: transparent url(common_img/submenu2.png) -150px 0px no-repeat;}
#bt22nav a:hover {background: transparent url(common_img/submenu2.png) -150px -24px no-repeat;}
#bt23nav a:hover {background: transparent url(common_img/submenu2.png) -150px -48px no-repeat;}
#bt24nav a:hover {background: transparent url(common_img/submenu2.png) -150px -72px no-repeat;}
#bt25nav a:hover {background: transparent url(common_img/submenu2.png) -150px -96px no-repeat;}
#bt26nav a:hover {background: transparent url(common_img/submenu2.png) -150px -120px no-repeat;}
#bt27nav a:hover {background: transparent url(common_img/submenu2.png) -150px -144px no-repeat;}
#bt28nav a:hover {background: transparent url(common_img/submenu2.png) -150px -168px no-repeat;}
#bt29nav a:hover {background: transparent url(common_img/submenu2.png) -150px -192px no-repeat;}
#bt2anav a:hover {background: transparent url(common_img/submenu2.png) -150px -216px no-repeat;}
/* #bt2bnav a:hover {background: transparent url(common_img/submenu2.png) -150px -240px no-repeat;} */
#bt2cnav a:hover {background: transparent url(common_img/submenu2.png) -150px -240px no-repeat;}
#bt2dnav a:hover {background: transparent url(common_img/submenu2.png) -150px -264px no-repeat;}

/*submenu3*/
div#sideL ul#menu3{
	height: 142px;
	width: 150px;
	background: transparent url(./common_img/submenu3.png) top left no-repeat;
	margin: 2px 0 0 0;
	padding: 0;
	position: relative;
}
div#sideL ul#menu3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0;
}
	
ul#menu3 li, ul#menu3 a {
	width: 150px;
	height:24px;
	display: block;
}
	
div#sideL ul#menu3 li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#bt31nav,
#bt32nav,
#bt33nav,
#bt34nav,
#bt35nav,
#bt36nav{left:0px}

#bt31nav a:hover {background: transparent url(common_img/submenu3.png) -150px 0px no-repeat;}
#bt32nav a:hover {background: transparent url(common_img/submenu3.png) -150px -24px no-repeat;}
#bt33nav a:hover {background: transparent url(common_img/submenu3.png) -150px -48px no-repeat;}
#bt34nav a:hover {background: transparent url(common_img/submenu3.png) -150px -72px no-repeat;}
#bt35nav a:hover {background: transparent url(common_img/submenu3.png) -150px -96px no-repeat;}
#bt36nav a:hover {background: transparent url(common_img/submenu3.png) -150px -120px no-repeat;}

/*submenu5*/
div#sideL ul#menu5{
	height: 46px;
	width: 150px;
	background: transparent url(./common_img/submenu5.gif) top left no-repeat;
	margin: 2px 0 0 0;
	padding: 0;
	position: relative;
}
div#sideL ul#menu5 li {
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0;
}
	
ul#menu5 li, ul#menu5 a {
	width: 150px;
	height:24px;
	display: block;
}
	
div#sideL ul#menu5 li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#bt51nav,
#bt52nav{left:0px}

#bt51nav a:hover	{background: transparent url(common_img/submenu5.gif) -150px 0px no-repeat;}
#bt52nav a:hover {background: transparent url(common_img/submenu5.gif) -150px -24px no-repeat;}

/*submenu6*/
div#sideL ul#menu6{
	height: 118px;
	width: 150px;
	background: transparent url(./common_img/submenu6.png) top left no-repeat;
	margin: 2px 0 0 0;
	padding: 0;
	position: relative;
}
div#sideL ul#menu6 li {
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0;
}
	
ul#menu6 li, ul#menu6 a {
	width: 150px;
	height:24px;
	display: block;
}
	
div#sideL ul#menu6 li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#bt61nav,
#bt62nav,
#bt63nav,
#bt64nav,
#bt65nav{left:0px}

#bt61nav a:hover {background: transparent url(common_img/submenu6.png) -150px 0px no-repeat;}
#bt62nav a:hover {background: transparent url(common_img/submenu6.png) -150px -24px no-repeat;}
#bt63nav a:hover {background: transparent url(common_img/submenu6.png) -150px -48px no-repeat;}
#bt64nav a:hover {background: transparent url(common_img/submenu6.png) -150px -72px no-repeat;}
#bt65nav a:hover {background: transparent url(common_img/submenu6.png) -150px -96px no-repeat;}

/*submenu7*/
div#sideL ul#menu7{
	height: 46px;
	width: 150px;
	background: transparent url(./common_img/submenu7.png) top left no-repeat;
	margin: 2px 0 0 0;
	padding: 0;
	position: relative;
}
div#sideL ul#menu7 li {
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0;
}
	
ul#menu7 li, ul#menu7 a {
	width: 150px;
	height:24px;
	display: block;
}
	
div#sideL ul#menu7 li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#bt71nav,
#bt72nav{left:0px}

#bt71nav a:hover {background: transparent url(common_img/submenu7.png) -150px 0px no-repeat;}
#bt72nav a:hover {background: transparent url(common_img/submenu7.png) -150px -24px no-repeat;}

	
.subtitle{
	margin:20px 0 0 0;
}
.rec{
	margin:10px 0 0 0;
}
.menu_img{
	margin:2px 0 0 0;
}
.address{
	margin:20px 0 10px 5px;
}
.margin5{
	margin:5px 0 0 0;
}
.left_margin10{
	margin:0 10px 0 10px;
}
.left_margin20{
	margin:0 10px 10px 20px;
}	
.margin10{
	margin:10px 10px 0 10px;
}
.margin10_map{
	margin:10px 10px 0 0;
}
.margin20{
	margin:20px 10px 0 10px;
}
.margin20_0{
	margin:20px 0 0 0;
}
.margin0_20{
	margin:0 0 20px 0;
}
.margin30{
	margin:30px 10px 0 10px;
}
.float_right{
	float:right;
}
.float_left{
	float:left;
}
.page_img_right{
	float:right;
	margin:10px 10px 0 10px;
}
.orange{
	color:#FF9900;
}
.orange_big{
	font-size:14px;
	color:#FF9900;
}
.blue{
	color:#0033FF;
}
.blue_large{
	color:#0099CC;
	font-size:large;
	font-weight:bold;
	text-align:center;
}
.light_blue{
	color:#0099FF;
}
.big{
	line-height:1.4em;
	font-size:x-large;
}
.big2{
	line-height:1.4em;
	font-size:xx-large;
}
.bg_orange{
	background-color:#FFE3BB;
	border:solid #FF9900 1px;
}
.bg_yellow1{
　　background-color:#FFFF99;
    border:#FFFF33
}
.bg_lime{
　　background-color:#CCFF66;
}
.bg_yellow2{
	background-color:#FFFF99;
}
.bg_glay{
	border:solid #999999 1px;
}
.bg_blue{
	background-color:#DFEEF7;
	border:solid #0099FF 1px;
}
.bg_white{
	background-color:#FFFFFF;
	border:solid #0099FF 1px;	
}
.tbh{
	background-color:#0033FF;
	color:#FFFFFF;
	font-size:large;
	text-align:center;
	outline-color:#999999;
	outline-width:1px;
	outline-style:solid;
}
.tbh2{
	background-color:#66FFFF;
	font-size:medium;
	text-align:center;
	outline-color:#999999;
	outline-width:1px;
	outline-style:solid;
}
.tbhle{
	background-color:#0033FF;
	color:#FFFFFF;
	font-size:medium;
	text-align:left;
	outline-color:#999999;
	outline-width:1px;
	outline-style:solid;
}
.tbcn{
	background-color:#FFFFFF;
	color:#666666;
	text-align:center;
	outline-color:#999999;
	outline-width:1px;
	outline-style:solid;	
}
.tbcngl{
	background-color:#cccccc;
	color:#666666;
	text-align:center;
	outline-color:#666666;
	outline-width:1px;
	outline-style:solid;	
}
.tble{
	background-color:#FFFFFF;
	color:#666666;
	text-align:left;
	outline-color:#999999;
	outline-width:1px;
	outline-style:solid;	
}
.tblele{
	background-color:#FFFFFF;
	color:#666666;
	text-align:center;
	outline-color:#999999;
	outline-width:1px;
	outline-style:solid;	
}			
.att{
	font-size:small;
	color:#999999;
}
.attri{
	font-size:small;
	color:#999999;
	text-align:right;
}
.align_center{
	text-align:center;
}
.align_right{
	text-align:right;
}			
.deco_under{
	text-decoration:underline;
}	
.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.2;
	font-size: 12px;
	margin:1em;
}

.medium2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#0099CC;
	line-height:1.2;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
}
.big {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:1.2;
	font-size: 16px;
	font-weight:bold;
}

.xbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border: 1px solid;
}

.box3 {
	padding: 3px;
	background-color:#FFFFCC;
	text-align:center;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.ararm {
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.0;
	font-size: 12px;
	color:#FF0000;
	font-weight:bold;
}	
.title{
	color:#FF9900;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
}
.midasi{
	font-size:12px;
	font-weight:bold;
}	
.sideLm{
	padding:0;
	border:0;
	margin:0;
}	

.sideLitem{
	width:138px;
	padding:0px 0px 0px 8px;
	border:solid 1px #999999;
	margin:2px 1px 2px 1px;
	list-style-type:square;
	font-size:small;
	font-weight:normal;
	background-color:#FFFFFF;
	color:#999999;
}	

.font_HGSG_b{
	font-family: "HGS創英角ｺﾞｼｯｸUB";
}	