@charset "UTF-8";
/*
    [Base]
        0. Resetting default margin and padding
        1. HTML, Body, Anchor
        2. Heading, Paragraph
        3. List
        4. Table
        5. Other
        6. For IE6/7

    [Layout]
        0. Container
        1. Header
        2. Content
        3. Footer

    [Module]
        1. Common Module
        90. Other
        99. Clearfix
*/
/* ===============================================
    [Base]
================================================== */

/* --------------------------------------------------
    0. Resetting default margin and padding
-------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend {
  margin: 0;
  padding: 0;
}

/* --------------------------------------------------
    1. HTML, Body, Anchor
-------------------------------------------------- */
html {
  overflow-y: scroll;
}

/* for mozilla: always display scrollbar */
body {
    color: #666;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /* for ie6/7 */
    font-size: 12px;
    line-height: 1.4;
    *font-size: 82%;
    /* for ie6/7 */
}




a:link {
  color:#FF9900;
  text-decoration: underline;
}
a:visited {
  color:#FF9900;
}

a:hover,
a:active {
  color:#FF9900;
  text-decoration: none;
}

p.sml {
font-size:10px;
}

/* --------------------------------------------------
    2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight:normal;
}


/* --------------------------------------------------
    3. List
-------------------------------------------------- */
li {
  list-style: none;
}

/* --------------------------------------------------
    4. Table
-------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-family: inherit;
}

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

/* --------------------------------------------------
    5. Other
-------------------------------------------------- */
img {
  border: none;
  vertical-align: bottom;
}

object {
  outline: none;
}

em, strong {
  font-weight: bold;
  font-style: normal;
}

abbr, acronym {
  border: none;
  font-variant: normal;
}

q:before, q:after {
  content: '';
}

address, caption, cite, code, dfn, var {
  font-weight: normal;
  font-style: normal;
}

code, pre {
  font-family: monospace;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

hr {
  display: none;
}

/* ------------------------------------------------------------
    6. For IE6/7
------------------------------------------------------------ */
/* --- for ie7: page zoom bug fix --- */
*:first-child + html body,
*:first-child + html br {
  letter-spacing: 0;
}

/* --------------------------------------------------
    [Layout] 
----------------------------------------------------- */
/* --------------------------------------------------
    0. Container
-------------------------------------------------- */
#container {
	background-image: url(/img/back.gif); 
	background-repeat : repeat-x ;
	width: 100%;
	margin: auto ;
	height:680px;
}
/* --------------------------------------------------
    1. Header
-------------------------------------------------- */
#headNavi{
    width: 930px;
    padding: 0px 20px 10px 0px;
    text-align:right;
    font-size: 0;
}
#header {
    width: 900px;
    position: relative;
padding: 0 0 40px 0;
margin:0;
}

/* --------------------------------------------------
    2. Content
-------------------------------------------------- */

#content {
    width: 900px;
    text-align:center;
    padding:0;
background-image: none;
margin:auto;
}

#content h1{
	font-size: 14px;
	line-height: 25px
}

#bannerarea{
	margin: auto ;
	width:800px;
	height:418px;
	font-size:10px;
}

#banner-left{
	width:189px;
	padding-top:40px;
	float:left;
}

#banner-center{
	float:left;
	padding-top:40px;
	width:189px;
}


#banner-right{
	float:left;
	width:366px;
	padding-top:40px;
	margin-right:40px;
}



/* --------------------------------------------------
    4. Index
-------------------------------------------------- */

#index{
    margin:18px;
}

#index a{
  color: #BF4D33 !important;
  text-decoration: none !important;
}

#recent{
    width:500px;
    float:left;
    background:url(../../img/index_recent.gif) no-repeat 0 0px;
    padding-left:92px;
    font-size:10px;
}
#news{
    width:390px;
    float:left;
}
#newslist{
    float:right;
    font-size:10px;
}



/* --------------------------------------------------
    5. Contents
-------------------------------------------------- */

#main{
    width:900px;
    background: url(../img/bk_under.gif) repeat-y 0px 0;
    padding:0 30px 5px 23px;
}

#mainNavi{
    margin:0 0 21px 0;
}

#mainNavi li{
    display:inline;
    padding:0 8px 0 0;
}
#blog{
    width:889px;
    background: url(../../img/blog_bk.gif) repeat-y 0px;
    padding:0px 30px 5px 23px;
}

/* -----------------------------------------------
    [Module] 
-------------------------------------------------- */

/* --------------------------------------------------
    1. Contents Module
-------------------------------------------------- */

#main h1,#blog h1{
    margin-bottom:10px;
}

#main h2.mainh2{
    margin-bottom:20px;
}
#main h3.mainh3{
    margin-bottom:25px;
}
#main h3.mainh3Text{
    color:#BF4D33;
    font-weight:bold;
    margin-bottom:0.2em;
}

#main p{
    line-height:1.4em;
    margin-bottom:1.2em;
}

/* --------------------------------------------------
    2. Vision
-------------------------------------------------- */
#visionLogo{
    font-size: 0.8em;
    margin-bottom: 30px;
}

#visionLogo img{
    float:left;
    padding-right:10px;
}
#visionLogo p{
    padding-top:20px;
}

#flowArea{
    width:711px;
    margin:20px 58px 20px 80px;

}

#phaseArea{
    margin-bottom:20px;
    width: 530px;
    font-size: 12px;
}
.phaseBox{
    height:60px;
    padding:0 0 25px 70px;
}
.phaseBox p{
    margin-bottom:1.5em !important;
}

.phase1{
    background: url(../../img/vision_p1.gif) no-repeat;
}

.phase2{
    background: url(../../img/vision_p2.gif) no-repeat;
}
.phase3{
    background: url(../../img/vision_p3.gif) no-repeat;
}
.phase4{
    background: url(../../img/vision_p4.gif) no-repeat;
}
.phase5{
    background: url(../../img/vision_p5.gif) no-repeat;
}

#projectArea{
    margin-bottom:20px;
    width: 530px;
}

.projectBox{
    margin-bottom:12px;
}
.projectImg{
    float:left;
    margin-right:12px;
}
.projectBox p{
    margin-bottom:1em !important;
}
.projectBox li{
    display:inline;
}


/* --------------------------------------------------
    3. Company
-------------------------------------------------- */
.comTab{
    padding:0.8em;
}

.comTab th{
    padding:0.6em 0 1.2em 0;
    width:60px;
}


.comTab td{
    padding:0.6em 0 0.6em 0.2em;
}


/* --------------------------------------------------
    4. Project
-------------------------------------------------- */
#projectList{
    padding-top:10px;
}


.projectListBox{
    float:left;
    width:200px;
    margin:0 0 30px 0;
}

.projectListBox img{
    margin:0 0 9px 0;
}

.rmgn{
    margin-right:29px;
}

.projectListBox h2{
    margin:0 0 0.3em 0;
}

.projectListBox p{
    font-size:0.8em;
}

#main h2.projecth2{
    background:#333;
    padding-left: 15px;
    padding-top: 12px;
    color:#FFF;
    font-size:16px;
    height: 32px;
}
#main h2.projecth2 span{
    font-size:0.6em;
    font-weight:normal;
    padding-left:1em;
}

#main h2.projecth2 span a{
    color:#FFF !important;
}

#projectDatail{
    padding-top:24px;
}

#projectDatail img{
    float:left;
    padding-right:25px;
    display:block;
}
#projectDatailText{
    float:right;
    width:340px;
}

#projectDatailText p{
    line-height: 1.5!important;
}

#datailBlog{
    clear:both;
    text-align:right;
    padding:23px 0;
}


#main h3.featureh3{
    background:#333;
    padding:0.4em;
}

#featrureArea{
    background-image: url(../img/bk_dot.gif);
    padding: 1.2em;
}

/* --------------------------------------------------
    5. blog
-------------------------------------------------- */

#blog #left{
    width:695px;
    padding:10px 25px 0 0;
    float:left;
}

#blog #right{
    width:142px;
    padding:10px 0 0 25px;
    float:right;
}

#blog #left .entryTitle{
    width:665px;
    padding:20px 15px 15px 15px;
    background: url(../../img/blog_h2_bk.gif) repeat-x;
    position: relative;
}
#blog #left h2{
    font-size:1.3em;
    line-height: 1.5!important;
}
#blog #left .dateTime{
    position: absolute;
    top: 20px;
    right:0;
    margin-right:15px
}
#blog #left .blogEntry{
    margin-bottom:11px;
    padding:25px 0 40px 0;
}



#blog #left #pageNavi{
    clear:both;
    padding:10px 0;
    text-align:center;
}

#blog #left #pageNavi li{
    display:inline;
    padding-right:25px;
}

#blog #right h3{
    margin-bottom:11px;
}
#blog #right ul{
    margin-bottom:25px;
}
#blog #right li{
    margin-bottom:0.5em;
}

/* --------------------------------------------------
    99. Clearfix
-------------------------------------------------- */
.group, .siteInfo {
  *zoom: 1;
}

/* for ie6/7 */
.group:after, .siteInfo:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}


.conpanyname {
	font-size:12px;
	font-weight:bold;
}