@charset "utf-8";
/**
 * 初期処理
 */
*{
  margin:0;
  padding:0;
}
ul,ol{list-style-type:none;}
a{
  color:#089ac4;
  text-decoration:none;
  outline:0;
}
a:hover{
  text-decoration:underline;
}
#contents a:hover{text-decoration:underline;}
img{border:0;}
/**
 * 文字サイズ可変
 */
body{
  color:#4e4129;
  width:100%;
  font-size:10px;
  _font-size:62.5%; /* for IE6 */
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,'ＭＳ Ｐゴシック',sans-serif;
  text-align:center;
  letter-spacing:0.1em;
  margin:20px 0 0;
  background:#fff url(../images/common/body_background.gif) repeat-x top center;
  overflow-x:hidden;
}
*html body{
  font-family:Verdana,'ＭＳ Ｐゴシック';
　　padding-left: 1px;
}
/**
 * デフォルトフォントサイズ
 */
caption,th,td,input,textarea,select,dl,p{
  font-size:1.2em;
  line-height:1.8em;
}
/**
 * 汎用パーツ
 */
h1,h2{
  width:100%;
  font-size:8px;
  margin:0 auto;
  text-align:center;
  position:absolute;
  z-index:10;
  top:110px;
  left:0;
}
a#siteId{
  float:left;
  width:200px;
  text-align:left;
  display:block;
  position:relative;
  left:15px;
  top:10px;
}
#gContact{
  float:right;
  width:166px;
  height:90px;
  background:url(../images/common/head_right_contact.jpg) no-repeat top left;
}
#gContact a{
  float:left;
  position:relative;
  left:21px;
  top:60px;
}
h3{
  color:#f7b525;
  font-size:1.6em;
  height:30px;
  margin:0 0 10px;
}
h4{
  font-size:1.2em;
}
#contents p{
  text-indent:1em;
  margin:0 0 0.8em;
}
.h3Green{
  background:url(../images/common/h3_green_bar.gif) no-repeat top left;
}
.h3Yellow{
  background:url(../images/common/h3_yellow_bar.gif) no-repeat top left;
}
#contents p.check01{
  margin:10px 0 10px 8px;
  padding:0 0 0 2em;
  background:url(../images/common/icon01.gif) no-repeat 0.2em left;
}
/**
 * グローバルナビ
 */
#gNav{
  height:30px;
}
#gNav li{
  float:left;
  display:inline;
}
#headLeftContact{
}
#headCenterAttention{
  width:527px;
  height:30px;
  background:#eee;
}
li.nav{
  width:75px;
  height:30px;
  text-indent:-9999px;
  position:relative;
  left:-8px;
}
div.navT{
  float:right;
  width:10px;
  height:30px;
  background:url(../images/common/gNav_top_spacer.gif) no-repeat top left;
  position:relative;
  top:60px;
  right:-22px;
}
li.navL{
  width:13px;
  height:30px;
  background:url(../images/common/gNav_left_spacer.gif) no-repeat top left;
  position:relative;
  left:-8px;
}
li.navR{
  width:72px;
  height:30px;
  background:url(../images/common/gNav_right_spacer.gif) no-repeat top left;
  position:absolute;
  right:0px;
  top:120px;
}
li.nav a{
  float:left;
  display:block;
  width:75px;
  height:30px;
}
#gNavHome a{background:url(../images/common/gNav_home.gif) no-repeat top left;}
#gNavService a{background:url(../images/common/gNav_service.gif) no-repeat top left;}
#gNavAbout a{background:url(../images/common/gNav_about.gif) no-repeat top left;}
#gNavLab a{background:url(../images/common/gNav_lab.gif) no-repeat top left;}
#gNavRelease a{background:url(../images/common/gNav_release.gif) no-repeat top left;}
#gNavContact a{background:url(../images/common/gNav_contact.gif) no-repeat top left;}
#gNavHome a:hover,
#gNavService a:hover,
#gNavAbout a:hover,
#gNavLab a:hover,
#gNavRelease a:hover,
#gNavContact a:hover{
  /*background-position:left -30px;*/
}
/**
 * フッタ
 */
#footer p{
  position:absolute;
  z-index:10;
}
#footer ul{
  width:100%;
  height:50px;
  background:url(../images/common/foot_center.gif) repeat-x top left;
  position:relative;
  z-index:20;
}
#footer li{
  float:left;
}
#fLeft{
}
li#fRight{
  float:right;
}
#footer img{
  vertical-align:middle;
}
#footer a{
  font-size:1.2em;
}
/**
 * レイアウト
 */
#inbox{
  width:700px;
  margin:0 auto;
  text-align:left;
  background:url(../images/common/head_center.gif) repeat-x top left;
  position:relative;
  z-index:20;
}
#header{
  width:700px;
  height:150px;
  margin:0 0 10px;
  background:url(../images/common/head_left.gif) no-repeat top left;
}
#contents{
  float:right;
  width:435px;
  margin:190px 0 0;
}
#sideTree{
  float:left;
  width:245px;
}
#footer{
  width:700px;
  margin:20px 0 20px;
}
/**
 * clear
 */
.clear{
  text-indent:-9999px;
  height:0;
  font-size:0;
  line-height:0;
  clear:both;
}
/**
 * キャラクター
 */
.red{
  color:#a34;
}
.blue{
  color:#f7b525;
}
.bold{
  font-weight:bold;
}