/* ___COMMON STYLE___ */
body { margin:0 auto;
    padding:0;
	background:#fff;
	font-size:90%;
    text-align:center;   /* 下記のautoに未対応用のセンタリング */
}

#main {
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  width:744px;         /* 幅を決定する */
  text-align:left;     /* 中身を左側表示に戻す */
}

#main2 {
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  width:744px;         /* 幅を決定する */
  text-align:left;     /* 中身を左側表示に戻す */
}

h1{font-size:100%; color:#666; font:lighter; margin:0; padding:0; font-family: "ヒラギノ角ゴ Pro W6", "ＭＳ ゴシック";}
h1 a{ color:#666; text-decoration: none;}
h1 a:visited {color:#666; text-decoration:none; font-weight:lighter;}

#top-container {/* ページ全体 */
	width:744px;
	margin:5px auto auto 27px;
	background: #fff;
	overflow:hidden;
	padding:0;
	text-align:left;
	color:#000;
}

#container {/* ページ全体 */
	width:744px;
	margin:0;
	background: #fff;
	overflow:hidden;
	padding:0;
	text-align:left;
	color:#000;
}


#top-header {/* ヘッダ */
	height:391px;
	width:744px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#header {/* ヘッダ */
	height:89px;
	width:744px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#top-header a.head-title{/* ヘッダタイトル */
	display: block;
	text-align: left;
	height:97px; width:744px;
	text-decoration: none;
	text-indent:-9999em;
	overflow:hidden;
	background:url(/img/top_logo.gif) no-repeat;
	border-bottom:8px solid #ff7f00;
}
#header a.head-title{/* ヘッダタイトル */
	display: block;
	text-align: left;
	height:89px; width:744px;
	text-decoration: none;
	text-indent:-9999em;
	overflow:hidden;
	background:url(/img/title_logo.jpg) no-repeat;
}

#flash {/*Flashエリア*/
	width:744px;
	height:281px;
	background: #fff;
	margin:0 0 5px 0; padding:0;
	clear:both;
}

/* メインメニュー部分 */
#main-menu{
	width:745px;
	height:30px;
}

#dropdown {
	width:745px; height:30px;
	margin:0;
	padding:0;
}

#dropdown li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	height:30px;
}

#dropdown li a.menu {
	display: block;
	text-align: center;
	background: #600;
	padding: 0;
	margin: 0;
	width: 160px;
	text-decoration: none;
}
#dropdown li a.menu-policy ,#dropdown li a.menu-works ,#dropdown li a.menu-network ,#dropdown li a.menu-jigyousyo ,#dropdown li a.menu-recruit ,#dropdown li a.menu-company ,
#dropdown li a.menu-policy-on ,#dropdown li a.menu-works-on ,#dropdown li a.menu-network-on ,#dropdown li a.menu-jigyousyo-on ,#dropdown li a.menu-recruit-on ,#dropdown li a.menu-company-on {
	display: block;
	text-align: center;
	background: url(/img/btn001.gif) no-repeat;
	padding: 0;margin: 0;
	width: 149px; height:30px;
	text-decoration: none;
	text-indent:-9999em;
}
#dropdown li a.menu-policy {
	background: url(/img/btn001.gif) no-repeat;
}
#dropdown li a.menu-works {
	background: url(/img/btn002.gif) no-repeat;
}
#dropdown li a.menu-network {
	background: url(/img/btn003.gif) no-repeat;
}
#dropdown li a.menu-jigyousyo {
	background: url(/img/btn001.gif) no-repeat;
}
#dropdown li a.menu-recruit {
	background: url(/img/btn004.gif) no-repeat;
}
#dropdown li a.menu-company {
	background: url(/img/btn005.gif) no-repeat;
}

#dropdown li a.menu-policy-on {
	background: url(/img/btn001on.gif) no-repeat;
}
#dropdown li a.menu-works-on {
	background: url(/img/btn002on.gif) no-repeat;
}
#dropdown li a.menu-network-on {
	background: url(/img/btn003on.gif) no-repeat;
}
#dropdown li a.menu-jigyousyo-on {
	background: url(/img/menu_jigyousyo-on.gif) no-repeat;
}
#dropdown li a.menu-recruit-on {
	background: url(/img/btn004on.gif) no-repeat;
}
#dropdown li a.menu-company-on {
	background: url(/img/btn005on.gif) no-repeat;
}

#dropdown li a.menu:hover {
	background: #49A3FF;
}
#dropdown li a.menu-policy:hover {
	background: url(/img/btn001on.gif) no-repeat;
}
#dropdown li a.menu-works:hover {
	background: url(/img/btn002on.gif) no-repeat;
}
#dropdown li a.menu-network:hover {
	background: url(/img/btn003on.gif) no-repeat;
}
#dropdown li a.menu-jigyousyo:hover {
	background: url(/img/menu_jigyousyo-on.gif) no-repeat;
}
#dropdown li a.menu-recruit:hover {
	background: url(/img/btn004on.gif) no-repeat;
}
#dropdown li a.menu-company:hover {
	background: url(/img/btn005on.gif) no-repeat;
}

.submenu {
	background: #F9F8DA;
	width:148px;
	font-size:80%;
	border:1px solid #ccc;
	visibility: hidden;
	position: absolute;
	Z-index:6;
}

.submenu a {
  display: block;
  text-align: left;
  padding-left:15px;
  line-height:150%;
  color:#000;
  background: url(/img/submenu-arrow.gif) no-repeat;
  text-decoration: none;
}

.submenu a:hover {
  color: #000;
  text-decoration:underline;
}

/* 各ページタイトル部分 */
#page-title {
	width:800px;
	height:440px;
	background: #fff;
	margin:0; padding:0;
	border-bottom:3px solid #a00;
	clear:both;
}


/*通常ページ用*/

#main{/* サイドメニュー含むメインコンテンツ */
	width:744px;
	padding:0;
	margin:1em 0 0 0;
	overflow:hidden;
	clear:both;
}

#main p{
	font-size:90%; line-height:140%;
}
#main strong{
	font-weight:lighter;
}

#top-new{/* トップページ　左　Whats new */
	width:600px;
	margin:0; padding:0;
	float:left;
}

#top-contact{/* トップページ　右　お問合せ */
	width:120px;
	margin:0; padding:0;
	float:right;
}

#whatsnew_info{/* What's NEWページ　左インフォ */
	width:179px;
	margin:0; padding:0;
	float:left;
}


#article{/* 各ページメイン記事部分 */
	width:545px;
	overflow:hidden;
	background: url(../img/back_article.jpg) repeat;
	float:right;
}
#article p{
	margin:0 0 1em 0;
}

.midashi_top{/* トップページH2見出し */
	margin:0; paddhing:0;
	background: url(/img/midashi_top.gif) repeat-x bottom;
}

.midashi_01{/* ページトップH2見出し画像に使用 */
	width:544px; height:30px;
	display:block; orverflow:hidden;
	padding:0 ; margin:0 0 1em 0;
	clear:both;
	text-decoration:none;
}

.midashi_02{/* 主に中見出しに使用する見出し画像に使用 */
	width:544px; height:18px;
	display:block; orverflow:hidden;
	padding:0 ; margin:0 0 1em 0;
	clear:both;
	text-decoration:none;
	border-bottom:1px dotted #666;
}

.midashi_03{/* 主に小見出しに使用する見出し */
	width:520px;
	font-size:15px;
	display:block; orverflow:hidden;
	padding:5px 0 0 0; margin:1em 0 0.5em 0;
	color:#039; font-family: "ヒラギノ角ゴ Pro W6", "ＭＳ ゴシック";
	clear:both;
	border-bottom:1px solid #396;
}

.midashi_03half{/* 主に中見出しに使用する半分サイズの見出し背景 */
	width:255px; height:26px;
	font-size:110%; font-weight:lighter;
	display:block; orverflow:hidden;
	padding:5px 0 0 8px; margin:1em 0 0.5em 25px;
	color:#fff; font-family: "ヒラギノ明朝 Pro W6", "ＭＳ 明朝";
	background: url(../img/midashi_03half.gif) no-repeat center left;
	_line-height:100%;
	clear:both;
}

.midashi_04{/* 主に小見出しに使用する見出し背景 */
	padding:0 0 0 8px; margin:1em 0 0.5em 30px;
	color:#900; font-family: "ヒラギノ角ゴ Pro W6", "ＭＳ ゴシック"; line-height:150%;font-size:100%;
	border-bottom: 3px double #a00; border-left: 3px solid #a00;
	clear:both;
}

.midashi_bnr{/* 主に小見出しに使用する見出し背景 */
	margin:1em 0 1em 25px;
	clear:both;
}

h2 { font-family: "ヒラギノ角ゴ Pro W6", "ＭＳ ゴシック";}
h3 {font-size:110%; font-family: "ヒラギノ角ゴ Pro W6", "ＭＳ ゴシック";}
h4, h5 {font-size:100%; font-family: "ヒラギノ角ゴ Pro W6", "ＭＳ ゴシック";}

.page-contents{
	width:450px; text-align:center; padding:0.5em;
	border:1px dashed #36c; background:#9cf;
	margin:1em 0 1em 75px;
}

img {border:none;vertical-align:bottom;}
.article-img {margin-left:10px;}

.img_right{float:right; margin-left:10px;}
.img_left{float:left; margin-right:10px;}

/* 新着情報　コラム */
#news ,#column {
	width:520px; margin:0; padding:0; font-size:90%;
}
#news_top {
	width:520px; height:40px; margin:0 0 0 25px; padding:0;
	background: url(/img/news_top.gif) no-repeat bottom left ;
}
#column_top {
	width:520px; height:40px; margin:0 0 0 25px; padding:0;
	background: url(/img/column_top.gif) no-repeat bottom left ;
}
#news_top span ,#column_top span {display:none;}
#news_top h2 ,#column_top h2 {
	font-size:100%; color:#fff; padding:25px 0 0 0; 
}
.news_middle ,#column_middle {
	width:520px; margin:0 0 0 25px; padding-left:30px;
	font-size:90%;
	background: url(/img/news_middle.gif) repeat-y ;
}
#news_bottom ,#column_bottom {
	width:520px; margin:0 0 0 25px; padding:0; clear:both;
	background: url(/img/news_bottom.gif) no-repeat  top left;
}
#news_middle dt{
	float:left;
	width:8em;
	padding-top:5px;
	font-weight:bolder;
}
#news_middle dd{
	margin-left:8em;
	padding-top:5px;
	_text-indent:-4px; /* for IE */
}

/* 各部品 */
.c-both{clear:both; height:0; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.photo_left { float:left; margin:0 1em 1em 0;}
.photo_right { float:right; margin:0 0 1em 1em;}
.attention {color:#c00;}
.attention2 {color:#006f00;}
.attention3 {color:#00c;}
.attention_column{border:1px solid #f00; padding:0.5em; }
.notice {color:#F00;font-size:90%;}
.notice2 {color:#080;font-size:90%;}
.bold {font-weight:bolder;}
.marker-t {color:#009899}
.important {color:#c00; font-size:110%;}
.lighter {font-weight:lighter;}
.caption {font-size:70%; color:#066;}
.date {font-size:90%;text-align:right;}
.small {font-size:85%;font-weight:normal}
.big { font-size:16px;}
.huge { font-size:20px; line-height:120%;}
.pagenavi {color:#009899;margin:1em 0 50px 0;line-height:150%;}
.pagenavi img {vertical-align:baseline;}

.frame {border:1px solid #009899; padding:10px;margin:5px 20px 1em 35px;}
.frame-c {border:1px solid #009899; padding:10px;background-color:#EBF8F8;margin:5px 20px 1em 35px;;}
.frame-notice {border:1px solid #F00; padding:10px;margin:5px 0 1em 0;color:#F00;}
.frame li, .frame-c li {list-style-type:none;margin:5px 0}
.frame ul.cllist li, .frame-c ul.cllist li {list-style-type:disc;margin:5px 0}
.frame ol.cllist li, .frame-c ol.cllist li {list-style-type:decimal;margin:5px 0 5px 10px}
#main p.submitline {text-align:center; margin:25px 0;}
.backbtn {margin-right:2em}
.submitbtn {width:10em;}
.resetbtn {margin-left:2em}
.main-text:first-letter{font-size:180%; _line-hight:200%; float:left;}


/*リスト*/
ul, ol { font-size:90%;}
.list_circle { list-style-image: url(../img/list_circle.gif); padding-left:25px; margin-left:25px; }
.list_arrow { list-style-image: url(../img/list_arrow.gif); padding-left:25px; margin-left:25px; }
.yoko-list {
	list-style-type: none;
	width:520px; padding:0 0 0 25px; margin-left:5px;
}
.yoko-list_circle {
	float:left; background: url(../img/list_circle.gif) left no-repeat; padding-left:15px;
	width:8em;
}

/* テーブル */
 table {margin:1em 0 1em 0; font-size:90%;}
 table caption {font-size:100%; color:#c30; background:#ff9;}
 
.chart-gray, .chart-gray-l {background:#666;margin-bottom:1em;}
.chart-orange, .chart-orange-l {background:#c30;margin-bottom:1em;}
.chart-red, .chart-red-l {background:#c00;margin-bottom:1em;}
.chart-blue, .chart-blue-l {background:#036;margin-bottom:1em;}
.chart-pink, .chart-pink-l {background:#f66;margin-bottom:1em;}
.chart-clear, .chart-clear-l {margin-bottom:1em;}

.chart-gray caption, .chart-orange caption, .chart-red caption, .chart-blue caption, .chart-pink caption, .chart-clear caption,
.chart-gray-l caption, .chart-orange-l caption, .chart-red-l caption, .chart-orange-l caption, .chart-blue-l caption, .chart-clear-l caption
{text-align:center;font-weight:bold;padding:2px 0;}

.chart-gray td, .chart-gray-l td, .chart-orange td, .chart-orange-l td, .chart-red td, .chart-red-l td,
.chart-blue td, .chart-blue-l td, .chart-pink td, .chart-pink-l td
{background:#fff; color:#333;}

.chart-gray th, .chart-gray-l th {background:#999;color:#fff;}
.chart-orange th, .chart-orange-l th {background:#f60;color:#fff;}
.chart-red th, .chart-red-l th {background:#ffc;color:#a00;}
.chart-blue th, .chart-blue-l th {background:#375aae;color:#eee;}
.chart-pink th, .chart-pink-l th {background:#fcc;color:#666;}
.chart-clear th, .chart-clear-l th {background:#375aae;color:#eee;}

.chart-gray th.mi-sub, .chart-gray-l th.mi-sub {background:#666;color:#FFF;}
.chart-gray th.mi-subsub, .chart-gray-l th.mi-subsub {background:#ccc;color:#fff}
.chart-orange th.mi-sub, .chart-orange-l th.mi-sub {background:#f93;color:#222;}
.chart-orange th.mi-subsub, .chart-orange-l th.mi-subsub {background:#fc9;color:#222}
.chart-red th.mi-sub, .chart-red-l th.mi-sub {background:#f99;color:#333;}
.chart-red th.mi-subsub, .chart-red-l th.mi-subsub {background:#fcc;color:#333}
.chart-blue th.mi-sub, .chart-blue-l th.mi-sub {background:#C2C2CC;color:#222;}
.chart-blue th.mi-subsub, .chart-blue-l th.mi-subsub {background:#EBEBF7;color:#222;}
.chart-pink th.mi-sub, .chart-pink-l th.mi-sub {background:#fdd;color:#333;}
.chart-pink th.mi-subsub, .chart-pink-l th.mi-subsub {background:#fee;color:#333;}
.chart-clear th.mi-sub, .chart-clear-l th.mi-sub {background:#666;color:#fff;}
.chart-clear th.mi-subsub, .chart-clear-l th.mi-subsub {background:#ccc;color:#333;}

.chart-gray th, .chart-orange th, .chart-red th, .chart-blue th, .chart-pink th, .chart-clear th,
.chart-gray th.mi-sub, .chart-gray th.mi-subsub, .chart-orange th.mi-sub, .chart-orange th.mi-subsub, .chart-blue th.mi-sub, .chart-blue th.mi-subsub, .chart-clear th.mi-subsub
 {text-align:center}
.chart-gray-l th, .chart-orange-l th, .chart-red-l th, .chart-blue-l th, .chart-pink-l th, .chart-clear-l th,
.chart-gray-l th.mi-sub, .chart-gray-l th.mi-subsub, .chart-orange-l th.mi-sub, .chart-orange-l th.mi-subsub, .chart-blue-l th.mi-sub, .chart-blue-l th.mi-subsub, .chart-clear-l th.mi-subsub
 {text-align:left}
 

/* ___フッタ___ */
#footer {
	clear:both;
	margin:0 0 1px 0; padding:0;
	font-size:80%;
	text-align:right;
	border-bottom:1px solid #7E7E7E;
}
#footer .left {float:left; margin:2em 0 0 0; padding:0 0 5px 0;}/*フッター内の左側*/
#footer .right {float:right; margin:0; padding:0;}/*フッター内の右側　コピーライト表示*/
#footer a:link {color:#fff; text-decoration:none;}
#footer a:visited {color:#ccc; text-decoration:none;}
#footer a:hover {color:#ccc; text-decoration:underline;}
#footer a:active {color:#ccc; text-decoration:none;}