@charset "UTF-8";

/*
@import url("debug.css");
*/

/* LAYOUT BLOCKS
----------------------- */

body{
font-size:84%;
line-height:1.7;
color:#444;
letter-spacing:0.2px;
font-family:verdana, helvetica, arial, sans-serif;
}

div.wrapper,
div.header,
div.utility,
ul.gnavi{
width:900px;
margin:0 auto;
}

div.header{
padding-top:10px;
}

div.gnavi{
margin-bottom:0px;
background:url(../imgs/bg_gn.jpg) repeat-x;
height:50px;
}

div.wrapper{
margin-top:20px;
}

div.contents{
margin-bottom:40px;
clear:both;
}

div.footer{
clear:both;
padding-bottom:40px;
}

div.maincol,
div.subcol{
}

div.maincol{
width:660px;
float:right;
}

div.subcol{
width:210px;
float:left;
}

div.contents,
div.section{

}

/* BASIC ELEMENTS
---------------------------- */
h1, h2, h3, h4, h5{
margin : 0 0 15px ;
font-weight:bold;
margin-bottom:15px;
}

dl, ul, ol, dl, p, blockquote,
address,form,th,td,table{
margin : 0 0 15px ;
}

ol li{
list-style:none;
}

em{
font-style:normal;
}
.entry_body em{
font-style:italic;
}


table{
margin : 0 0 15px ;
width:100%;
}


/* HEADING
---------------------------- */
h2{
font-size:150%;
border-bottom:5px solid #4584af;
padding-bottom:0.5em;
margin-bottom:1.5em;
}

div.promo_area h2{
border:none;
padding:0;
}

h3{
font-size:110%;
}

div.maincol h3{
border-bottom:1px solid #ccc;
color:#4584af;
padding-bottom:0.5em;
}


div.subcol h3{
background:#4584af url(../imgs/bg_hd_02.gif) no-repeat center top;
color:#fff;
padding:15px ;
border-bottom:2px solid #4584af;
}

h4{
font-size:110%;
}

h5{
font-size:90%;
}

 
/* LINK TEXT
---------------------------- */
a{
color:#0a4268;
}

a:visited{
color:#4584af
}

a:hover{
text-decoration:none;
color:#34738e;
}


/* HEADER
----------------------- */

/* LOGO */
p.logo{
width:293px;
height:54px;
float:left;
margin:0;
}

/* TAGLINE */
div.header h1{
margin:0;
}

/* GLOBAL NAVIGATION */
ul.gnavi li{
float:left;
margin:0;
}

/* HEAD NAVIGATION*/
ul.headnavi{
overflow:hidden;/* hide */
width:550px;
float:right;
margin:0 0 50px;
}

ul.headnavi li{
float:right;
margin-left:20px;
}

ul.headnavi li a{
background:url(../imgs/arrow_hn.gif) no-repeat left center;
padding-left:12px;
}

/* UTILITY AREA*/
div.header{
position:relative;
}

div.utility{
padding:5px 0px;
margin-bottom:0px;
background:#fafafa;
border-bottom:4px solid #eee;
font-size:75%;
line-height:20px;
}

/* BREADCRUMBS*/
dl.bread{
width:600px;
float:left;
margin:0 0 0 10px;
}

dl.bread dt{
width:4em;
float:left;
}

dl.bread dt.en{
width:8em;
}

dl.bread dd{
margin-left:4em;
margin:0;
}

dl.bread ol{
margin:0;
}

dl.bread ol li{
float:left;
margin:0 10px 0 0;
padding-left:12px;
background:url(../imgs/m_crumb.gif) no-repeat left center;
}

/* FONT CONTROL */
dl.font_control{
width:250px;
float:right;
margin:0 10px 0 0;
}

dl.font_control dt{
float:left;
color:#666;
width:180px;
text-align:right;
}

dl.font_control dd{
width:20px;
float:right;
margin:0 5px 0 0;
}

dl.font_control dd img{
vertical-align:middle;
}

/* MAININDEX - PROMOTIONAL AREA*/
div.promo_area{
height:200px;
margin-bottom:20px;
border-bottom:3px solid #eee;
}

/* FOOTER
----------------------- */

/* FOOTER PAGETOP NAVIGATION*/
ul.footnavi{
clear:both;
padding:1em 0;
background:url(../imgs/bg_footnavi.gif) no-repeat left bottom;
}


ul.footnavi li.back_home{
width:32em;
float:left;
}

ul.footnavi li.back_home strong{
font-weight:normal;
}

ul.footnavi li.back_home{
padding-left:240px;
}

ul.footnavi li.back_home a{
padding-left:18px;
background:url(../imgs/arrow_back_home.gif) no-repeat left center ;
}

ul.footnavi li.page_top{
width:13em;
float:right;
text-align:right;
}

ul.footnavi li.page_top a{
padding-left:18px;
background:url(../imgs/arrow_page_top.gif) no-repeat left center ;
}

div.footer ul.footnavi li{
display:inline;
border-right:1px solid #ccc ;
padding-right:0.5em;
margin-right:0.5em;
}


























div.footer ul.footnavi li.home{
}

div.footer ul.footnavi{

background:none;
}

p.copyright{
text-align:right;
}


div.footer{
border-top:3px solid #ccc;
padding:2em 0 ;
overflow:hidden/* hide */;
}


div.footer ul.footnavi li{
display:inline;
border-right:1px solid #ccc ;
padding-right:0.5em;
margin-right:0.5em;
line-height:1;
}

div.footer ul.footnavi{
width:480px;
float:left;
padding:0;
}

p.copyright{
padding:3px 0px 0px;
width:400px;
float:right;
font-size:80%;
}


/* CONTENTS
----------------------- */

/* HISTORY
---------------------------- */
th,td{
padding:15px;
border:1px solid #ccc;
}

th{
background:#fafafa;
}

table.form th,
div.profile th{
width:6em;
}

div.history th{
width:4em;
font-weight:bold;
}

div.history td{
padding:10px 10px 10px 0;
}

div.history_en th{
width:6em;
font-weight:bold;
}
div.history_en td{
padding:15px;
}

div.history dl{
margin:0;
}

div.history dt{
float:left;
clear:both;
width:3em;
text-align:right;
}

div.history dd{
margin:0 0 0 4em;
}


/* NEWS RELEASE
---------------------------- */

div.newsrelease dl dd{
margin-bottom:10px;
}

ul.news_list li{
margin-bottom:1em;
border-bottom:dotted 1px #ccc;
padding:0 0 10px;
}

ul.news_list p{
margin:0;
}

ul.news_list p.date{
width:9em;
float:left;

font-weight:normal;
}

div.newsrelease ul.news_list p.cat{
float:right;
}

div.newsrelease ul.news_list p.title{
clear:both;
margin:0 90px 0 0;
}

ul.news_list p.cat{
padding:0 0.2em;
font-size:75%;
text-align:center;
color:#4584af;
background:#eee;
background:#4584af;
color:#fff;
}

div.entry{
margin-bottom:2.5em;
}

div.entry h3{
border-bottom:5px solid #eee;
/*background:url(../imgs/bg_hd_slide.gif) no-repeat bottom right;*/
}

div.entry h3.opened{
border-bottom:2px solid #eee;
/*background:url(../imgs/bg_hd_slide_close.gif) no-repeat bottom right;*/
}

div.entry h3.hover{
border-bottom:2px solid #ccc;
}

p.page_top{
text-align:right;
}

p.page_top a{
padding-left:18px;
background:url(../imgs/arrow_page_top.gif) no-repeat left center ;
}

/* MAIN-INDEX
----------------------- */
div.newsrelease{
margin-bottom:40px;
}

div.newsrelease li{
border-bottom:dotted 1px #ccc;
padding:0.5em;
}

div.newsrelease p.date{
float:left;
width:10em;
}

div.newsrelease p.title{
margin-left:11em;
}

div.newsrelease h3{
border-bottom:2px solid #4584af;
padding-bottom:0.5em;
}

div.newsrelease{
position:relative;
}

div.newsrelease p.rss{
position:absolute;
right:0;
top:0;
}

div.newsrelease p.archive{
}

div.newsrelease p.archive a{

background:url(../imgs/arrow_link.gif) no-repeat 0px 1px ;
padding-left:12px;
}

div.newsrelease p.archive a:hover{
background:url(../imgs/arrow_link.gif) no-repeat 0px -69px ;
}

/* PIPELINE
---------------------------- */
div.project table{
clear:both;
}

div.project tbody th{
background:none;
font-weight:bold;
}

div.project tbody th.id{
width:168px;
}

div.project tbody td.name{
padding:10px 0px 10px 0px;
width:468px;
}

div.project td.phase span{
display:block;
margin:0px auto;
color:#fff;
padding:5px 30px 5px 10px;
}

div.project td.detail{
padding-right:0;
}

div.project thead th{
text-align:center;
font-weight:bold;
}

div.project th,
div.project td{
border-width:1px 0;
vertical-align:middle;
}

div.project td,
div.project th{
padding:10px 10px 10px 0 ;
}

div.project tbody th{
font-weight:bold;
}

div.project td.phase{
width:137px;
}

td.phase span{
background-position:right center;
}

div.project th.name{
width:8em;
}

div.project td.detail{
width:150px;
}

div.project ol.step li{
background-position:right center;
width:80px;
color:#fff;
font-weight:bold;
}
div.project ol.step li.en{
font-size:80%;
}
span.phase1,
div.project ol.step li.phase1,
div.project ol.step li.phase1en{
background-image:url(../imgs/bg_phase1.gif);
}

span.phase2,
div.project ol.step li.phase2,
div.project ol.step li.phase2en{
background-image:url(../imgs/bg_phase2.gif);
}

span.phase3,
div.project ol.step li.phase3,
div.project ol.step li.phase3en{
background-image:url(../imgs/bg_phase3.gif);
}

span.phase4,
div.project ol.step li.phase4,
div.project ol.step li.phase4en{
background-image:url(../imgs/bg_phase4.gif);
}

div.project ol.step li{
color:#666;
font-weight:normal;
}


div.project dl.phase{

}


div.project dl.phase dt{
margin-bottom:1em;
background:url(../imgs/m_bullet.gif) no-repeat left center;
padding-left:15px;
font-weight:bold;
}

div.project.category-index ol.step li,
div.project ol.step li.phase1,
div.project ol.step li.phase2,
div.project ol.step li.phase3,
div.project ol.step li.phase4{
height:50px;
color:#fff;
font-weight:bold;
vertical-align:middle;
}
div.project ol.step li.phase1en,
div.project ol.step li.phase2en,
div.project ol.step li.phase3en,
div.project ol.step li.phase4en{
height:auto;
color:#fff;
font-weight:bold;
}
div.project ol.step li.phase1,
div.project ol.step li.phase2{
padding:20px 30px 10px 15px;
height:40px;
}
div.project ol.step li.phase1e,
div.project ol.step li.phase2e{
padding:20px 30px 10px 15px;
height:40px;
}
div.project div.entry_body{
clear:both;
}

.detail_st{
clear:both;
margin:-15px 0px 15px;
color:#4584af;
}

/* DEVELOPER */



div.developer dt{
border-bottom:1px solid #000;
padding-bottom:0.5em;
margin:0 0 0.5em 15px;
clear:both;
}

div.developer dt em{
font-weight:bold;
font-size:130%;
margin-right:1em;
font-family: Gergia, "ＭＳ 明朝", serif;
}

div.developer dd p.photo{
float:left;
margin:0;
padding:0;
}

div.developer dd{
margin-bottom:2em;
}

div.developer dd p{
padding:8px;
text-align:justify;
}

div.project.description div.entry{
margin-bottom:4.5em;
}




/* COMPANY
---------------------------- */
div.privacy dt,
div.description dt{
font-weight:bold;
margin-bottom:0.5em;
}

div.privacy dd,
div.description dd{
margin-bottom:2em;
}

iframe/* Google Maps */{
border:1px solid #ccc;
padding:2px;
}


/* SUBCOL
---------------------------- */

div.subcol h3{
margin-bottom:0;
}

div.subcol ul{
background:#fafafa;
}

div.subcol ul li{
border-bottom:1px solid #ddd;
}

div.contents{
background:url(../imgs/bg_contents.gif) ;
}

div.subcol ul li.stay a,
div.subcol ul li a{
display:block;
padding: 15px 15px;
}

div.subcol ul li.stay,
div.subcol ul li a:hover,
div.subcol ul li .stay,
div.subcol ul a.stay:hover{
background:#eee;
}


div.subcol ul ul li a{
background:#fafafa;
padding:10px 15px 5px 45px;
}
div.subcol ul ul.lv02 li a{
background:#fafafa;
padding:10px 15px 5px 45px;
}
div.subcol ul ul.lv02 li a.stay,
div.subcol ul ul.lv02 li a.stay:hover{
background:#eee;
}
div.subcol ul ul li{
border:none;
}

div.subcol ul ul{
margin-bottom:0px;
}


/* CONTACT */

ol.step{
margin-bottom:2em;
}

ol.step li{
float:left;
background:url(../imgs/bg_step.gif) center right;
padding:10px 30px 10px 15px;
margin-right:10px;
}

ol.step li.current{
background:url(../imgs/bg_step_current.gif) center right;
margin-right:10px;
color:#fff;
font-weight:bold;
}


table.form{
float:none;
clear:both;
width:100%;
}

table.form input{/*
display:block;
margin:5px 0;*/
}
table.form input#m_number{
margin:10px 0px 0px 5px;
width:100px;
}
table.form input#address{
margin:10px 0px 0px;
width:400px;
}
span.red{
clear:both;
display:block;
margin:0px 0px 5px;
color:#c00;
}
table.form th{
width:12em;
}

table.form label{
display:block;
}

table.form{
margin-bottom:20px;
}

table.form{
margin-bottom:20px;
}

table.form th span{
display:block;
color:#ff0000;
}

.pparea{
overflow:auto;
margin:0px auto;
padding:5px 0px 5px 9px;
width:590px;
height:100px;
background:#fff;
border:1px solid #7f9db9;
font-size:100%;
line-height:1.4;
}
.font_bold{
font-weight:bold;
}
.txt_confirm{
margin:10px auto 20px;
width:590px;
}

p.submit input{
padding:0.5em 1em;
}

p.submit{
margin:0 auto;
width:200px;
}

div.subcol div.privacy p{
padding:15px 15px 0;
}

ul#contact_btn{
margin:0px auto;
width:300px;
}
.contact_cancel input,
.contact_submit input{
padding:0.5em 1em;
}

/* MANAGEMANT*/


div.management dt{
border-bottom:1px solid #000;
padding-bottom:0.5em;
margin:0 0 0.5em 0px;
clear:both;
}

div.management dt em{
font-weight:bold;
font-size:130%;
margin-right:1em;
font-family: Gergia, "ＭＳ 明朝", serif;
}

div.management dd p.photo{
float:left;
margin:0;
padding:0;
}

div.management dd{
margin-bottom:2em;
}

div.management dd p{
padding:8px;
text-align:justify;
}

p.illust{
text-align:center;
border:1px solid #ccc;
padding:15px 0 ;
}

/*NEWS RELEASE*/

p.date{
margin:0;
font-weight:bold;
color:#777;
}

div.entry_body h2{
margin-bottom:0.5em;
}

div.entry_body{
margin-bottom:2em;
}

p.continue{
text-align:right;
}

p.continue a{
background:url(../imgs/arrow_hn.gif) no-repeat left center;
padding-left:12px;
}

/* RECRUIT */

div.guideline dt{
padding:15px;
border-bottom:1px solid #ccc;
}

div.guideline dd li a{
padding-left:30px;
}

div.recruit ul.type li{
border:1px solid #ccc;
width:300px;
float:left;
margin:5px 20px 10px 0;

border-left:5px solid #4584af;
}

div.recruit ul.type li a{
padding:10px;
display:block;
}

div.recruit ul.type li a:hover{
background:#fafafa;
}

/* SITEMAP */

div.sitemap h3{
background:#edfaff;
border:none;
margin:0;
padding:0;
}

div.sitemap h3 a{
padding:0.5em 20px;
display:block;
}

div.sitemap h3 a:hover{
background:#eee
}
div.sitemap ul{
padding:0px;
}


div.sitemap ul ul{
padding-left:0px;
}

div.sitemap ul li{
border-bottom:1px dotted #ccc;
}

div.sitemap ul li a{
display:block;
padding:0.5em 20px 0.5em 35px ;
background:url(../imgs/arrow_link.gif) no-repeat 20px 13px ;
}

div.sitemap ul li a:hover{
background:#fafafa url(../imgs/arrow_link.gif) no-repeat 20px -57px ;
}

div.sitemap ul li li a{
padding:0.5em 40px;
}

div.sitemap div{
margin-bottom:2em;
}

div.sitemap div.section04 li{
border:none;
}

div.sitemap div.section04 li li{
border-bottom:1px dotted #ccc;
}

div.section04 li ul{
border-top:1px dotted #ccc;
}

/*EN*/

h3.com_en{
border-bottom:2px solid #4584af;
padding-bottom:0.5em;
}
.comen_list li{
margin:0px 20px 1em 50px;
list-style-type:decimal;
}

.ppen_list{
margin:0px 20px 1em 50px;
list-style-type:disc;
}

/*090325*/
.tops_link a,
.tops_link a:link,
.tops_link a:visited{
display:block;
padding:10px;
background:#fafafa;
border:2px solid #4584af;
}
.tops_link a:hover,
.tops_link a:active{
background:#eee;
}
.table_news,
.table_news th,
.table_news td{
border:none;
}

/*090330*/
.manaarea img{
padding:1px;
border:1px solid #ccc;
}
/*090331*/
.t_st dt,
.t_sth4{
margin:0px 0px 0.5em;
padding:0px 0px 0px 15px;
background:url(../imgs/m_bullet.gif) 0 7px no-repeat;
font-weight:bold;
font-size:100%;
}
.t_st dd{
margin:0px 0px 1em;
}
.use_list{
margin:0px 0px 15px 20px;
}
.use_list li{
list-style-type:decimal;
}