@charset "utf-8";

/* ====================================================================
    +1 : RESET setting
======================================================================= */
*{ margin:0; padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea,
p, blockquote, th, td{margin:0;padding:0;}
a {outline: none; color:#0059A5;}
img { border:none }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

/* Clearfix
------------------------------------------------------------------------*/
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clear { clear:both; }

/* ====================================================================

======================================================================= */
* {
 margin: 0;
 padding: 0;
}
html,body {
 font-size:13px;
 font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 line-height:140%;
 color:#333333;
 height: 100%;
 /*overflow: auto;*/
 background-color: #fff;
 text-align: center;
 margin: 0 auto;
}
div#container {
 width: 100%;
 height: auto !important;
 min-height: 100%;
 text-align: left;
 position: relative;
 background:url(../image/common/container_bg.png) repeat;
 margin: 0 auto;
}
body > #container {
 height: auto;
}

/* =================================================================
  ヘッダー
================================================================= */
#container #header_area{
 width:950px;
 height:120px;
 margin:0 auto;
}

/* ヘッダー[レフト] */
#container #header_area #header_left{
 float:left;
 width:475px;
 padding-top:18px;
}
/* ヘッダー[ライト] */
#container #header_area #header_right{
 float:left;
 width:475px;
 text-align:right;
 padding-top:54px;
}

/* =================================================================
  メインコンテンツ
================================================================= */
#container #content_area{
 width:100%;
 height: auto;
 text-align:center;
 padding-bottom:200px;
 margin:0;
}

/* キービジュアル */
#container #content_area #key_area_first{
 position: relative;
 height: 600px;
 background: #F38A2F;
 width: 100%;
 overflow: hidden;
}
#container #content_area #key_area_first img{
 position:absolute;
 top: 0;
 left: 50%;
 margin-left: -1000px;
}
#container #content_area #key_area{
 width:100%;
 height:600px;
 position: relative;
 margin: 0 auto;
 overflow: hidden;
}
#container #content_area #key_area #key_logo{
 position:absolute;
 top:0;
 left: 50%;
 margin-left: -1000px;
 z-index:100;
}

/* メインボックス */
#container #content_area #main_box_area{
 width:975px;
 margin:20px auto 0 auto;
}
#container #content_area #main_box_area_bg{
 background:url(../image/menu/menu_line.png) top repeat-x;
 padding-top:10px;
}
#container #content_area #menu_box_area_bg{
 background:url(../image/menu/menu_main_box_bg.png) repeat;
}
#container #content_area .main_box{
 float:left;
 width:295px;
 height:auto;
 position:relative;
 margin:30px 15px;
}
#container #content_area .main_box .po_new{
 position:absolute;
 z-index:1;
 top:-15px;
 left:-15px;
}

/* =================================================================
  フッター
================================================================= */
#container #footer_area{
 width:100%;
 height:200px;
 background:url(../image/common/footer_line.png) top repeat-x;
 text-align:center;
 position: absolute;
 bottom:0px;
 margin:0;
}
#container #footer_logo{ margin:40px 0;}
#container #footer_logo img{ margin:0 20px;}