/* CSS Document */
/*-共通部分---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

span, div, a, h1, h2, h3, h4, div, form, input, dl, ul, li, dt, dd, img {
margin:0;
border:0;
padding:0;
text-decoration:none;
list-style-type: none;
}
body {
background:#FFFEEE url("images/bg.gif") repeat-y top center;
font-family: Arial, Helvetica, sans-serif;
font-size:62.5%;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#675C58;
margin:0;
padding:0;
}
#bg_top {
padding:0 0 0 0;
margin:0 auto 0 auto;
background:top url("images/header_bg.jpg") no-repeat;
height:130px;
text-align:center;
}
#container {
padding:0 0 0 0;
margin:0 auto 0 auto;
background:top repeat-y url("images/wrapper_bg.gif");
text-align:center;
width:800px;
}
#holder_top1 {
padding:0 0 0 0;
margin:0 auto 0 auto;
text-align:left;
width:800px;
}
.hidden_pic {
display:none;
}
#top {
background:url("images/header.jpg") no-repeat top;
width:800px;
height:126px;
text-align:left;
}
#logo {
	position:relative;
	width:209px;
	height:70px;
	margin:0 0 0 20px;
	padding:0;
}
#logo span {
position:absolute;
width:100%;
height:100%;
}
.columns_left {
float:left;
width:540px;
padding:20px 0 0 30px;
}
.columns_left_top {
float:left;
width:80px;
padding:10px 0 0 10px;
}
#column01 {
position:relative;
width:283px;
height:67px;
text-align:left;
}
#column01 span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_information.jpg") no-repeat;
}
.image {
border:none;
}
a.fimage:link,
a.fimage:visit,
a.fimage:hover,
a.fimage:active {
text-decoration:none;
border:none;
}
.column_wrapper {
float:left;
width:576px;
margin:0 auto 0 auto;
background:url("images/wrapper_bg.gif") repeat-y;
}
.company_text_title_top {
width:70px;
margin-top:0px;
padding:0;
}
/*----------------------------------------------------------------------*/
/*-共通部分終了---------------------------------------------------------------------------*/


/*-共通部分右カラム---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.columns_right {
float:right;
width:224px;
padding:0px 0px 0px 0px;
text-align:left;
margin:0 0 0 0;
}
.enquire1 {
width:224px;
margin-top:0px;
background:#FFF url("images/sidebar1.jpg") no-repeat;
text-align:left;
}
#enquire1 {position:relative; width:224px; height:18px; text-align:left;}
#enquire1 span {position:absolute; width:100%; height:100%;}

.enquire2 {
width:200px;
hight60px;
margin-top:0px;
background:#FFF url("images/sidebar2.jpg") no-repeat;
padding:35px 12px 12px 12px;
text-align:left;
}
#enquire2 {position:relative; width:212px; height:18px; text-align:left;}
#enquire2 span {position:absolute; width:100%; height:100%;}

.enquire3 {
width:200px;
margin-top:0px;
background:#FFF url("images/sidebar3.jpg") repeat-y;
padding:12px 12px 12px 12px;
text-align:left;
}
#enquire3 {position:relative; width:212px; height:18px; text-align:left;}
#enquire3 span {position:absolute; width:100%; height:100%;}

.enquire4 {
width:200px;
hight:50px;
margin-top:0px;
background:#FFF url("images/sidebar4.jpg") no-repeat;
padding:38px 12px 12px 12px;
text-align:left;
}
#enquire4 {position:relative; width:212px; height:18px; text-align:left;}
#enquire4 span {position:absolute; width:100%; height:100%;}
/*----------------------------------------------------------------------*/
/*-共通部分右カラム終了---------------------------------------------------------------------------*/


/*-共通部分フッター---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#footer {
background: url("images/footer.jpg") no-repeat center;
width:800px;
height:120px;
padding:0px 0 0 0px;
text-align:center;
font-size:10px;
margin:auto;
color:#ffffff;
}
.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
margin-bottom: -1px;
}
/*----------------------------------------------------------------------*/
/*-共通部分フッター終了---------------------------------------------------------------------------*/


/*-グローバルナビ---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#menu {
position:relative;
width:800px;
height:44px;
}
#nav {
position:absolute;
list-style: none;
margin: 4px 0 0 160px;
padding: 0;
height: 40px;
display: inline;
overflow: hidden;
width: 610px;
}
#nav li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
#nav a {
float: left;
padding: 40px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:40px; /* for IE5/Win */
text-decoration:none;
}
#nav a:hover {
background-position: 0 -40px;
text-decoration:none;
border:none;
}
#nav a:active, #nav a.selected {
background-position: 0 -80px;
text-decoration:none;
border:none;
}
#thome a  {width: 66px; background: url("images/navhome.png") top left no-repeat;}
#tnews a  {width: 69px; background: url("images/navnews.png") top left no-repeat;}
#tpress a  {width: 109px; background: url("images/navpress.png") top left no-repeat;}
#tservice a  {width: 69px; background: url("images/navservice.png") top left no-repeat;}
#tcompany a  {width: 69px; background: url("images/navcompany.png") top left no-repeat;}
#tportfolio a  {width: 111px; background: url("images/navportfolio.png") top left no-repeat;}
#trecruit a  {width: 72px; background: url("images/navrecruit.png") top left no-repeat;}
#tcontact a  {width: 108px; background: url("images/navcontact.png") top left no-repeat;}
/*----------------------------------------------------------------------*/
/*-グローバルナビ終了---------------------------------------------------------------------------*/


/*-ナビゲーション会社情報---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.company_menu {
position:relative;
width:203px;
height:120px;
padding:0 0 0 0;
text-align:left;
}
#nav2 {
position: absolute;
top: 0;
left:0;
list-style: none;
margin: 0 0 0 0px;
height:100px;
padding: 10px 0 10px 0;
display: inline;
overflow: hidden;
width: 203px;
border-bottom:#EDECE0 solid 1px;
}
#nav2 li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
#nav2 a {
float: left;
padding: 5px 0 0 203px;
overflow: hidden;
width: 0px !important; 
width /**/:203px; /* for IE5/Win */
text-decoration:none;
}
#nav2 a:hover {
background-position: -203px 0;
text-decoration:none;
border:none;
}
#nav2 a:active, #nav2 a.selected2 {
background-position: -406px 0;
text-decoration:none;
border:none;
}
#vcompnay_top a  {height:21px; width: 203px; background: url("images/sidenav_info.gif") top left no-repeat;}
#vcompany_vision a  {height:21px; width: 203px; background: url("images/sidenav_vision.gif") top left no-repeat;}
#vcompany_execive a  {height:21px; width: 203px; background:url("images/sidenav_executive.gif") top left no-repeat;}
#vcompany_map a  {height:21px; width: 203px; background:url("images/sidenav_map.gif") top left no-repeat;}
/*----------------------------------------------------------------------*/
/*-ナビゲーション会社情報終了---------------------------------------------------------------------------*/


/*-フォント---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
p {
color:#675C58;
font-size:14px;
margin:5px 0 0 0;
line-height:1.3em;
}
a:link,
a:visited {
color: #710101;
text-decoration: none;
}
a:hover {
color: #710101;
}
a:active {
color: #710101;
text-decoration: none;
}
a.plain {
color:#ffffff;
font-size:12px;
text-decoration:none;
font-weight:normal;
}
a.plain:hover {
color: #ffffff;
font-size:12px;
font-weight:normal;
}
.p_info {
color:#524641;
}
a.p_info {
color:#524641;
}
a.p_info:hover {
color:#710101;
}
.p_press {
color:#669900;
}
a.p_press {
color:#669900;
}
a.p_press:hover {
color:#710101;
}
.p_bold_large {
color: #669900;
}
h1 {
font-size:14px;
font-weight:normal;
color: #669900;
}
.h1_small {
font-size:14px;
}
ul, li {
float:inherit;
}
/*----------------------------------------------------------------------*/
/*-フォント終了---------------------------------------------------------------------------*/


/*-トップページ---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#index_flash {
width:800px;
height:150px;
text-align:left;
}
.columns_mid_top {
float:left;
width:440px;
padding:10px 0 0 5px;
margin:auto;
}
.columns_information {
float:left;
width:540px;
margin:0 auto 0 auto;
}
#title_media {
position:relative;
width:520px;
height:67px;
text-align:left;
}
#title_media span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_media.jpg") no-repeat;
}
/*----------------------------------------------------------------------*/
/*-トップページ終了---------------------------------------------------------------------------*/

/*-運用支援---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#title_webmedia1 {
position:relative;
width:520px;
height:67px;
text-align:left;
}
#title_webmedia1 span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_webmedia1.jpg") no-repeat;
}
#title_webmedia2 {
position:relative;
width:520px;
height:67px;
text-align:left;
}
#title_webmedia2 span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_webmedia2.jpg") no-repeat;
}
/*----------------------------------------------------------------------*/
/*-運用支援終了---------------------------------------------------------------------------*/

/*-プレスリリースページ---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#title_press {
position:relative;
width:296px;
height:67px;
text-align:left;
}
#title_press span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_press.jpg") no-repeat;
}
#title_press2 {
position:relative;
width:296px;
height:67px;
text-align:left;
}
#title_press2 span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_press2.jpg") no-repeat;
}
.service_contens {
width:530px;
margin-top:10px;
padding:0;
}
#title_press3 {
position:relative;
width:296px;
height:67px;
text-align:left;
}
#title_press3 span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_oshirase.jpg") no-repeat;
}
.service_contens {
width:530px;
margin-top:10px;
padding:0;
}
/*----------------------------------------------------------------------*/
/*-プレスリリースページ終了---------------------------------------------------------------------------*/


/*-事業内容ページ---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#title_service {
position:relative;
width:180px;
height:67px;
text-align:left;
}
#title_service span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_service.jpg") no-repeat;
}
/*----------------------------------------------------------------------*/
/*-事業内容ページ終了---------------------------------------------------------------------------*/


/*-会社情報ページ---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#title_company_top {
position:relative;
width:180px;
height:67px;
text-align:left;
}
#title_company_top span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_company_top.jpg") no-repeat;
}
.columns_left2 {
float:left;
width:120px;
padding:15px 0 0 30px;
}
.columns_mid {
float:left;
width:350px;
padding:15px 0 0 30px;
margin:auto;
}
.executive_contens {
width:530px;
margin-top:10px;
padding:0;
}
.vision_contens {
width:530px;
margin-top:10px;
padding:0;
}
#title_executive {
position:relative;
width:180px;
height:67px;
text-align:left;
}
#title_executive span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_executive.jpg") no-repeat;
}
#title_map {
position:relative;
width:180px;
height:67px;
text-align:left;
}
#title_map span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_map.jpg") no-repeat;
}
#vision_img_holder {
position:relative;
width:570px;
height:450px;
margin:10px 0px 0 0;
}
#vision_img {
float:left;
position:relative;
width:570px;
height:450px;
text-align:left;
margin:0 0px 0 0;
color:#FFFFFF;
}
#vision_img span {
position:absolute;
width:100%;
height:100%;
background: url("images/main_img.jpg") no-repeat top;
}
#map_holder {
position:relative;
width:530px;
height:371px;
margin:10px 0px 0 0;
}
#g_map {
float:left;
position:relative;
width:530px;
height:371px;
text-align:left;
margin:0 0px 0 0;
}
#g_map span {
position:absolute;
width:100%;
height:100%;
}
/*----------------------------------------------------------------------*/
/*-会社情報ページ終了---------------------------------------------------------------------------*/


/*-ポートフォリオページ---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#title_portfolio {
position:relative;
width:212px;
height:67px;
text-align:left;
}
#title_portfolio span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_portfolio.jpg") no-repeat;
}
.portfolio {
width:535px;
margin-top:30px;
}
/*----------------------------------------------------------------------*/
/*-ポートフォリオページ終了---------------------------------------------------------------------------*/


/*-採用ページ---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.recruit_contents {
width:500px;
margin:0 0 0 20px;
margin-top:10px;
padding:0;
}
#title_recruit {
position:relative;
width:180px;
height:67px;
text-align:left;
}
#title_recruit span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_recruit.jpg") no-repeat;
}
/*----------------------------------------------------------------------*/
/*-採用ページ終了---------------------------------------------------------------------------*/


/*-お問い合わせページ---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#title_contact {
position:relative;
width:180px;
height:67px;
text-align:left;
}
#title_contact span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_contact.jpg") no-repeat;
}
#contact_content {
float:left;
width:520px;
padding:0 0 30px 0;
margin:auto;
line-height:1.2em;
}
.form_holder {
background:#E0FFF3;
font-size:12px;
float:left;
width:520px;
padding:8px 8px 8px 8px;
margin:auto;
}
.form_l {
float:left;
width:250px;
line-height:1.2em;
}
.form_r {
float:right;
width:250px;
line-height:1.2em;
}
/*----------------------------------------------------------------------*/
/*-お問い合わせページ終了---------------------------------------------------------------------------*/


/*-フォーム部分---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.textfield {
width: 240px;
border: 1px solid #CCC;
font-size: 12px;
color: #666;
line-height: normal;	
margin: 4px 0 4px 0;
}	
.textfield:hover,
.textfield:focus  {
border: 1px solid #999;
}
.dropdown {
width: 240px;
border: 1px solid #CCC;
font-size: 12px;
color: #666;
line-height: normal;
margin: 4px 0 4px 0;
}	
.address_textfield {
border: 1px solid #CCC;
font-size: 12px;
width: 240px;
color: #666;
line-height: normal;
margin: 4px 0 0 0;
}
.address_texfield:hover,
.address_texfield:focus  {
border: 1px solid #999;
}	
.button {
float:left;
width:48px;
height:20px;
margin:15px 0 0 0;
}
/*----------------------------------------------------------------------*/
/*-フォーム部分終了---------------------------------------------------------------------------*/


/*-プライバシーページ---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#title_privacy {
position:relative;
width:325px;
height:67px;
text-align:left;
}
#title_privacy span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_privacy.jpg") no-repeat;
}
/*----------------------------------------------------------------------*/
/*-プライバシーページ終了---------------------------------------------------------------------------*/


/*-サイトマップページ---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#title_sitemap {
position:relative;
width:325px;
height:67px;
text-align:left;
}
#title_sitemap span {
position:absolute;
width:100%;
height:100%;
background:url("images/title_sitemap.jpg") no-repeat;
}
/*----------------------------------------------------------------------*/
/*-サイトマップページ終了---------------------------------------------------------------------------*/