@charset "utf-8";



/**************************************************************************************************



Layout



**************************************************************************************************/



/* @group basic */



body {

	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size: 12px;

	line-height: 18px;

}



a { color:#006699; }

a:hover { color:#530099; }

a:visited,a:active { color:#006699; }



div#wrapper {

  margin:0 auto;

  text-align:left;

  overflow:hidden;

}





/* header */

div#header {

	clear: both;

	height: 114px;

	text-align: center;

	background-image: url(../img/bg_header.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

}



div#header div#logo {

	width: 960px;

	height: 51px;

	text-align: left;

	overflow:hidden;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding: 0px;

}

/* header */
#hdr {
	width:970px;
	margin:0 auto;
	height:114px;
}

#hdr_logo{
	width:94px;
	text-align:right;
	float:left;
	padding:12px 0 0 0;
}

#hdr_cnt{
	width:861px;
	float:right;
}
#hdr_cnt li{
	float:left
}
#hdr_cnt li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#hdr_cnt p{
	width:50%;
	float:left;
	padding:0 0 10px 0;
	font-size:11px;
	color:#B8B8B8;
	font-weight:bold;
	padding:25px 0 5px 0;
}
#hdr_cnt #meganeichiba{
	width:50%;
	float:right;
	text-align:right;
	padding:16px 0 12px 0;
}
#hdr_cnt ul{
	clear:both;
}



  div#logo #logo_img{

    width: 159px;

    float: left;

  }



div#header div#logo2 {

	width: 652px;

	height: 51px;

	text-align: left;

	overflow:hidden;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}





.exp {

	height:18px;

	width:960px;

	text-align:left;

	font-size:10px;

	text-align: left;

	overflow:hidden;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



.exp2 {

	height:18px;

	width:652px;

	text-align:left;

	font-size:10px;

	text-align: left;

	overflow:hidden;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}





   div#logo p#header_copy{

    padding: 27px 0 0 175px;

  }



div#header div#pankuzu {

  clear: both;

  width: 960px;

  height: 26px;

  margin:0 auto;

  text-align: left;

  overflow:hidden;

}



  div#pankuzu ul {

  }



  div#pankuzu ul li{

    height: 26px;

    margin: 0 0 0 10px;

    padding: 7px 0 0 21px;

    float: left;

    font-size: 12px;

    line-height: 12px;

    background: url(../img/pankuzu_cursol.gif) no-repeat left top;

  }



  div#pankuzu ul li#pankuzu_home{

    padding: 0;

    background: none;

  }





/* main_contents */

div#contents {

  clear: both;

  text-align: center;

  padding: 0;

/*  background: url(../img/bg_contents.gif) repeat-x left top;*/

}



div#contents #page_title{

  margin: 0 0 53px 0;

}



div#contents div#contents_body{

  width: 980px;

  margin:0 auto;

  padding: 10px 0 0 0;

  text-align: left;

}

  div#contents_body #left_main{

    float: left;

    width: 700px;

  }



  div#contents_body #right_menu{

    float: right;

    width: 235px;

  }

    #right_menu ul{

      margin: 0;

      padding: 0;

    }

    #right_menu ul li {

      list-style:none;

    }

    #right_menu #twitter {

      margin: 19px 0 0 0;

    }



div#contents div#btn_pagetop{

  clear: both;

  width: 960px;

  margin:0 auto;

  text-align: right;

  padding: 71px 0 0 0;

}



/* footer */

div#footer {

  clear: both;

  text-align: center;

  height: 113px;

  background: url(../img/bg_footer.gif) repeat-x left top;

}



div#footer div#footer_body {

  width: 960px;

  height: 79px;

  margin:0 auto;

  padding: 0;

  text-align: left;

  overflow:hidden;

}



  div#footer_body div#footer_logo{

    margin-top: 25px;

    float: left;

  }

    div#footer_logo .logo{

      margin: 0 0 0 1px;

    }

    div#footer_logo .catchcopy{

      margin: 0 0 0 14px;

    }



  div#footer_body div#footer_menu{

    margin-top: 25px;

    float: right;

    text-align: right;

  }

    div#footer_menu ul{

      margin: 5px 0 15px 0;

    }



    div#footer_menu ul li {

      float:left;

    }

      li.privacy{

        padding: 0 28px 0 0;

      }

      li.sitemap{

        padding: 0 30px 0 0;

      }

      li.enquete{

        padding: 0 27px 0 0;

      }

      li.corporate{

        padding: 0 32px 0 0;

      }





div#footer div#footer_bottom {

  width: 960px;

  height: 34px;

  margin:0 auto;

  padding: 0;

  text-align: left;

  overflow:hidden;

}

  div#footer_bottom ul {

  }



  div#footer_bottom ul li {

    float: left;

    font-size: 12px;

    line-height: 12px;

    padding: 10px 12px 10px 0;

  }





a.linkbdr_ov img {

  border: 1px solid #999999;

}



.clear_all{

  clear:both;

}









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

clearfix:::フロートの解除

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



.clearfix:after {

 content: ".";

 display: block;

 clear: both;

 height: 0;

 visibility: hidden;

}

.clearfix { display: inline-block; }

* html .clearfix { height: 1% }

.clearfix {display:block;}









/* indent */

.center{text-align:center;}

.left{text-align:left;}

.right{text-align:right;}

.top5{margin-top:5px !important;}

.top10{margin-top:10px !important;}

.top23{margin-top:23px !important;}

.btm0{margin-bottom:0 !important;}

.btm5{margin-bottom:5px !important;}

.btm10{margin-bottom:10px !important;}

.btm15{margin-bottom:15px !important;}

.btm20{margin-bottom:20px !important;}

.btm25{margin-bottom:25px !important;}

.btm30{margin-bottom:30px !important;}

.btm35{margin-bottom:35px !important;}

.btm40{margin-bottom:40px !important;}

.btm45{margin-bottom:45px !important;}

.btm50{margin-bottom:50px !important;}

.btm55{margin-bottom:55px !important;}