@charset "UTF-8";
/* CSS Document */

/**基本情報
-------------------------------------------------------**/
* { margin: 0;  padding: 0; }

html{ height: 100%;  overflow-y:scroll;}




/** base */
body {
height: 100%;
font-size: 13px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #444;
line-height:1.6;
 background:#dedede;  /* ●背景色● */
}

#wrapper { width: 820px; margin: 0 auto; padding: 20px 0;}

/**リンク関連　基本情報
-------------------------------------------------------**/
a:link {
text-decoration: none;
color: #007E4E;
}
a:visited {
text-decoration: none;
color: #007E4E;
}
a:hover {
text-decoration: none;
color: #0BB772;
}
a:active {
text-decoration: none;
}

/* 画像のリンクにボーダーをつけない
------------------------------------------------------- */
a img {   border-style:none;  }

/* フロートクリアと罫線
-------------------------------------------------------*/
.clear {  clear:both;  height: 0;  }
.clearLine {  clear:both;  height: 0; border-bottom:1px dotted; padding-top:15px; margin-bottom:15px; }
.clearLineB {  clear:both;  height: 0; border-bottom:5px solid #A06B6E; padding-top:30px; margin-bottom:30px; }
.dLine {  border-bottom:1px dotted; }

/*ロールオーバーのフェイド
-------------------------------------------------------*/
    .fade {  
        -webkit-transition: 0.3s ease-in-out;  
           -moz-transition: 0.3s ease-in-out;  
             -o-transition: 0.3s ease-in-out;  
                transition: 0.3s ease-in-out;  
    }  
    .fade:hover {  
        opacity: 0.6;  
        filter: alpha(opacity=60);  
    }   

/**画像関連　基本情報
-------------------------------------------------------**/
img {
border:0;
vertical-align:top;
}

.borderImg{
border:1px dotted #aaa;
padding:3px
}

/**クラス指定　一括
-------------------------------------------------------**/

p.reader{margin-bottom:20px;}

p.center{  text-align:center;  }
p.right{  text-align:right;  }
td.right{  text-align:right;  }

.bold{  font-weight:bold;  }
.italic{  font-style:italic;  }
.underline{  text-decoration: underline;  }

.size110{  font-size:110%;  }
.size120{  font-size:120%;  }
.size90{  font-size:90%;  }
.size80{  font-size:80%;  }

.left20{  margin-left:15px;  }
.left30{  margin-left:30px;  }
.left40{  margin-left:40px;  }
.left60{  margin-left:60px;  }


.bottom5{margin-bottom:5px;}
.bottom10{margin-bottom:10px;}
.bottom15{margin-bottom:15px;}
.bottom20{margin-bottom:20px;}
.bottom30{margin-bottom:30px;}
.bottom40{margin-bottom:40px;}
.bottom50{margin-bottom:50px;}

.ruby{color:#b90b50;}

.indent01{  padding-left: 1em;  text-indent: -1em;  }
.indent02{  padding-left: 1.5em;  text-indent: -1.5em;  }


.floatL{float:left;}
.floatR{float:right;}




h1 { color: #A31B20; font-size: 21px; line-height: 1; text-align: right;margin-bottom:30px; font-family:serif; }

.content img + p { padding-top: 1em; }

/** タブナビ */
.tab ul { *zoom: 1; }
.tab ul:after { content: ""; display: block; clear: both; }
.tab li { float: left; width: 140px; height: 40px; margin-right: 5px; background-color: #999; border-radius: 0px 8px 0 0; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms;  border-right:3px solid #ccc;}
.tab li a { display: block; padding: 14px 20px 10px; text-decoration: none; color: #ddd; }
.tab li:hover { background-color: #ccc; }
.tab li:hover a { color: #333; }
.tab li.active { background-color: #fff; }
.tab li.active a { color: #c00; }

/** コンテンツ */
#container { position: relative; }
#container .page { display: none; position: absolute; left: 0; top: 0; padding: 25px; background-color: #fff; width:770px; }


/**ページ0  トップページ */

#topL{float:left; width:500px; min-height:350px; background:#fff; margin-top:25px;}
.topBar{margin-bottom:15px;}
dl.news{margin-left:10px; line-height:1.4;}
dl.news dt.date{font-weight:bold; font-size:90%;}
dl.news dd{margin-bottom:10px;}


#topR{float:right; width:200px; background:#fff; margin-top:25px;}

/** ページ1　概要 */

table.about{border-collapse: separate; border-spacing: 15px;margin-left:-15px;}
td.td01{text-align:left; font-weight:bold; padding:0.5em 1em 0.1em 0; border-bottom:1px dotted #ccc;}
td.td02{text-align:left;  padding:0.5em 1em 0.1em 0;  border-bottom:1px dotted #ccc;}
td.td03{text-align:left;  padding:0.5em 1em 0.1em 7em;  border-bottom:1px dotted #ccc;}

/** ページ2　クライアントワークス */

.linkTex{width:560px; float:left;}
.linkImg{float:right;}

h3.clientName{font-size:110%; color:#a31b20; font-weight:bold;}

.subtitle{
width:100%;
font-weight:bold;
font-size:110%;
color:#fff;
padding:8px 0;
background:#A06B6E  ;
margin-bottom:20px;
}

p.ashua{
text-align:right;
color:#000;
margin-top:10px;
font-size:85%;
}

/**ページトップ
-------------------------------------------------------**/
p.pagetop{
text-align:center;}

/**フッタ
-------------------------------------------------------**/

#footer{
width:820px;
height:100px;
  margin: 0 auto;
  margin-left: -25px;
  text-align: center;
background:#00f;
color:#0ff;
}

.footerP1{
color:#fff;
font-size:125%;
font-weight:bold;
}

.footerP2{
color:#fff;
font-size:106%;
}

h1.bottom{
text-align:center;
}


/**著作権copyright
-------------------------------------------------------**/

#copyright{
font-size:80%;
height:auto;
  margin-top: 20px;
   padding: 10px 0 10px 0;
  text-align: center;
border-top:1px solid #dedede;
background:#dedede;
}