@charset "utf-8";

/*Library--------------------------------------------------
※ライブラリhtml5reset-1.6.1.cssを使用
---------------------------------------------------------*/
@import 'lib/html5reset-1.6.1.css';

/*Align----------------------------------------------------
※ボックスの揃え指定
---------------------------------------------------------*/
body{
  text-align:center;
}
div,article,section,header{
  text-align:left;
}
footer{
  text-align:center;
}

/*Scrolling------------------------------------------------
※常に右スクロールバーを表示する
---------------------------------------------------------*/
html{
  overflow-y:scroll;
}

/*Font-----------------------------------------------------
※各デフォルトのフォント指定
---------------------------------------------------------*/
body{
  color:#333;
  font:13px/1.7 Verdana,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,serif;
  *font:x-small;
  *font-size:small;
}
body#english{
  color:#333;
  font:13px/1.7 "Times New Roman",Georgia,Century,serif;
  *font:x-small;
  *font-size:small;
}
body *,body p{
  line-height:1.7;
}
table{
  font:100%;
  font-size:inherit;
}
pre,code,kbd,samp,tt{
  line-height:99%;
  font-family:monospace;
  *font-size:108%;
}
input,textarea,select,option{
  font-family:Verdana,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,sans-serif;
}
#english input,#english textarea,#english select,#english option{
  font-family:"Times New Roman",Georgia,Century,serif;
}

/*Modules--------------------------------------------------
※テキストサイズ相対指定モジュール
  t10=10px、t11=11px、t12=12px、t13=13px～
---------------------------------------------------------*/
.t10{
  font-size:77%;
}
.t11{
  font-size:85%;
}
.t12{
  font-size:93%;
}
.t13{
  font-size:100%;
}
.t14{
  font-size:108%;
}
.t15{
  font-size:116%;
}
.t16{
  font-size:123.1%;
}
.t17{
  font-size:131%;
}
.t18{
  font-size:138.5%;
}
.t19{
  font-size:146.5%;
}
.t20{
  font-size:153.9%;
}
.t21{
  font-size:161.6%;
}
.t22{
  font-size:167%;
}
.t23{
  font-size:174%;
}
.t24{
  font-size:182%;
}
.t25{
  font-size:189%;
}
.t26{
  font-size:197%;
}
.t27{
  font-size:205.4%;
}
.t28{
  font-size:213%;
}
.t29{
  font-size:220.6%;
}
.t30{
  font-size:228.2%;
}

/*AnchorText-----------------------------------------------
※アンカーテキスト設定
---------------------------------------------------------*/
a:link,a:visited{
  color:#011fff;
  text-decoration:none;
}
a:active,a:hover{
  color:#dc0000;
  text-decoration:underline;
}
a:link{
  -webkit-tap-highlight-color:#dc0000;
}
a{
  outline:none;
}

/*AnchorImg------------------------------------------------
※画像リンク設定
---------------------------------------------------------*/
a img:hover{
  position:relative;
  -webkit-opacity:0.8;
  -moz-opacity:0.8;
  -o-opacity:0.8;
  -ms-opacity:0.8;
  opacity:0.8;
  filter:alpha(opacity=80);
  behavior:url("/css/htc/PIE.htc");
}

/*Block----------------------------------------------------
※ラッパー等共通使用するブロック要素のスタイル指定
---------------------------------------------------------*/
.wrapper{
  margin:0 auto;
  width:850px;
}
.container{
  margin:0 2.5em 3em 2.5em;
}

/*Clearfix-------------------------------------------------
※クリアフィックス
---------------------------------------------------------*/
.clearfix:before,.clearfix:after{
  display:block;
  overflow:hidden;
  height:0;
  content:"\0020";
}
.clearfix:after{
  clear:both;
}
.clearfix{
  zoom:1;
}

/*Align----------------------------------------------------
※テキストの揃え
---------------------------------------------------------*/
.alignCenter{
  text-align:center;
  margin:0 auto;
}
.alignLeft{
  text-align:left;
}
.alignRight{
  text-align:right;
}
.valignTop{
  vertical-align:top;
}
.valignMiddle{
  vertical-align:middle;
}
.valignBottom{
  vertical-align:bottom;
}

/*Float----------------------------------------------------
※フロート（回り込み）と解除
---------------------------------------------------------*/
.wrapLeft{
  float:left;
}
.wrapRight{
  float:right;
}
.clearLeft{
  clear:left;
}
.clearRight{
  clear:right;
}
.clearBoth{
  clear:both;
}

/*Margin---------------------------------------------------
※マージン
---------------------------------------------------------*/
.marginBottom{
  margin-bottom:1em;
}

/*For Site-------------------------------------------------
※サイト用
---------------------------------------------------------*/
#sitebar{
  width:100%;
  border-top:#e6e6e6;
  background:#f7f7f7;
  color:#777;
  font-size:108%;
}
#sitecontent h1{
  font-size:153.9%;
  margin-bottom:1em;
}
#siteheader{
  height:200px;
  margin:10px auto 40px;
}
#siteheader .title{
  height:200px;
  width:330px;
}
#siteheader .title h1{
  font-size:213%;
  font-family:Georgia,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,sans-serif;
  font-weight:normal;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height:200px;
  width:330px;
}
#sitecontent header{
  margin:0 0 40px;
}
#sitecontent table{
  border-collapse:collapse;
  width:100%;
}
#sitecontent th{
  background:#f9f9f9;
  border:1px solid #ebebeb;
}
#sitecontent td{
  border:1px solid #ebebeb;
}
#sitecontent th,#sitecontent td{
  padding:10px 20px;
}
#sitecontent dl{
}
#sitecontent dt{
  clear:left;
  float:left;
  width:60px;
}
#sitecontent dd{
  margin-left:60px;
}
/* IE 6 */
* html #siteheader section h1{
  display:inline;
  zoom:1;
}
/* IE 7 */
*:first-child+html #siteheader section h1{
  display:inline;
  zoom:1;
}
/*\*//*/
* html #siteheader section h1{
  display:inline-block;
}
/**/
#siteheader .title{
  width:305px;
}
#siteheader .logo{
  width:200px;
  margin:0 20px;
}
#sitefooter{
  border-top:1px solid #e5e5e5;
  padding:2em 0;
}

a.btn{
  font-size:131%;
  display:inline-block;
  padding:6px;
  color: #888;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  background: #F4F4F4;
  background: -moz-linear-gradient(top, #F4F4F4 0%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,white));
  background: -webkit-linear-gradient(top, #F4F4F4 0%,white 100%);
  background: -o-linear-gradient(top, #F4F4F4 0%,white 100%);
  background: -ms-linear-gradient(top, #F4F4F4 0%,white 100%);
  background: linear-gradient(top, #F4F4F4 0%,white 100%);
  -webkit-box-shadow: inset 0px 1px 1px #ededed;
  -moz-box-shadow: inset 0px 1px 1px #ededed;
  box-shadow: inset 0px 1px 1px #ededed;
  behavior:url("/css/htc/PIE.htc");
}
a.btn span{
  display: block;
  padding: 12px 45px 12px 55px;
  background: white;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  position: relative;
  -webkit-box-shadow: 0 0 2px #999, 0px 2px 3px #ddd;
  -moz-box-shadow: 0 0 2px #999, 0px 2px 3px #ddd;
  box-shadow: 0 0 2px #999, 0px 2px 3px #ddd;
  behavior:url("/css/htc/PIE.htc");
}
a.btn span.pdf{
  position:relative;
  background: url("../img/icon/pdf.png") no-repeat 15px center,-moz-linear-gradient(top, white 0%, #EDEDED 100%);
  background: url("../img/icon/pdf.png") no-repeat 15px center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#EDEDED));
  background: url("../img/icon/pdf.png") no-repeat 15px center,-webkit-linear-gradient(top, white 0%,#EDEDED 100%);
  background: url("../img/icon/pdf.png") no-repeat 15px center,-o-linear-gradient(top, white 0%,#EDEDED 100%);
  background: url("../img/icon/pdf.png") no-repeat 15px center,-ms-linear-gradient(top, white 0%,#EDEDED 100%);
  background: url("../img/icon/pdf.png") no-repeat 15px center,linear-gradient(top, white 0%,#EDEDED 100%);
  -pie-background: url("../img/icon/pdf.png") no-repeat 15px center,linear-gradient(top, white 0%,#EDEDED 100%);
  behavior:url("/css/htc/PIE.htc");
}
a.btn span.xls{
  position:relative;
  background: url("../img/icon/xls.png") no-repeat 15px center,-moz-linear-gradient(top, white 0%, #EDEDED 100%);
  background: url("../img/icon/xls.png") no-repeat 15px center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#EDEDED));
  background: url("../img/icon/xls.png") no-repeat 15px center,-webkit-linear-gradient(top, white 0%,#EDEDED 100%);
  background: url("../img/icon/xls.png") no-repeat 15px center,-o-linear-gradient(top, white 0%,#EDEDED 100%);
  background: url("../img/icon/xls.png") no-repeat 15px center,-ms-linear-gradient(top, white 0%,#EDEDED 100%);
  background: url("../img/icon/xls.png") no-repeat 15px center,linear-gradient(top, white 0%,#EDEDED 100%);
  -pie-background: url("../img/icon/xls.png") no-repeat 15px center,linear-gradient(top, white 0%,#EDEDED 100%);
  behavior:url("/css/htc/PIE.htc");
}
a.btn:hover{
  text-decoration:none;
  color:#333;
}
.icoenglish{
  background:url("../img/icon/en.png") no-repeat left center;
  display:inline-block;
  padding:0 0 0 20px;
}
.icojapanese{
  background:url("../img/icon/ja.png") no-repeat left center;
  display:inline-block;
  padding:0 0 0 20px;
}