@charset "utf-8";

/* ------------------------------------------------------------------------------------

	new_header.css
	header stylesheet data
	Copyright(c) Fujisan Magazine Service Co., Ltd. All Rights Reserved.
		
------------------------------------------------------------------------------------ */

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

 layout style

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

/* -- header -- */
#header {
	width:100%;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

#header-wrapper01 {
	width:1000px;
	margin:10px auto 9px auto;
	height:35px;
}

#header-wrapper01 img {
	border:none;
}

#header-wrapper01 h1 {
	width:164px;
	float:left;
	margin:0;
	padding:0;
}

#header-wrapper01 div.fujisan-ci {
  width:164px;
  float:left;
  margin:0;
  padding:0;
}

#header-wrapper01 div#header-search01 {
	width:402px;
	float:left;
	margin:0;
	padding:0;
}

#header-wrapper01 div#header-search01 div#header-search01-box {
	float:left;
	padding:5px 8px 0 12px;
}

#header-wrapper01 div#header-search01 div#header-search01-text {
	float:left;
	padding:12px 0 0 0;
	font-size:12px;
}

#header-wrapper01 div#header-search01 div#header-search01-text a:link {
	color:#4185e7;
	text-decoration:none;
}

#header-wrapper01 div#header-search01 div#header-search01-text a:visited {
	color:#61c;
	text-decoration:none;
}

#header-wrapper01 div#header-search01 div#header-search01-text a:hover{
	color:#ffa800;
	text-decoration:underline;
}

#header-wrapper01 div#header-search01 div#header-search01-text a:active {
	color:#f00;
	text-decoration:underline;
}

#search-text01 {
	width:250px;
}

#search-bt01 {
	margin:0 0 0 5px;
	line-height:1.2em;
}

#header-wrapper01 ul {
	width:434px;
	float:right;
	margin:0;
	padding:0;
	list-style-type:none;
}

#header-wrapper01 ul li {
	float:left;
	
}


#header-wrapper01 ul li.bt01 {
	background-image:url("../images/header/header_bt_b_01_ovr.png");
	background-repeat:no-repeat;
}

#header-wrapper01 ul li.bt02 {
	background-image:url("../images/header/header_bt_b_02_ovr.png");
	background-repeat:no-repeat;
}

#header-wrapper01 ul li.bt03 {
	background-image:url("../images/header/header_bt_b_03_ovr.png");
	background-repeat:no-repeat;
}

#header-wrapper01 ul li.bt04 {
	background-image:url("../images/header/header_bt_b_04_ovr.png");
	background-repeat:no-repeat;
}

#header-wrapper01 ul li.bt05 {
	background-image:url("../images/header/header_bt_b_05_ovr.png");
	background-repeat:no-repeat;
}

#header-wrapper02 {
	width:1000px;
	height:30px;
	margin:0 auto;
	padding:4px 0 0 0;
	background-image:url("../images/header/categories_wrapper_bgimage.png");
	background-repeat:no-repeat;
}

#header-wrapper02 ul.categories-wrapper01 {
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
}

#header-wrapper02 ul.categories-wrapper01 li.categories01,
#header-wrapper02 ul.categories-wrapper01 li.categories02,
#header-wrapper02 ul.categories-wrapper01 li.categories03 {
	height:23px;
	font-size:13px;
	line-height:23px;
	text-align:center;
}

#header-wrapper02 ul.categories-wrapper01 li.categories01 {
	float:left;
	margin:0;
	padding:0;
}

#header-wrapper02 ul.categories-wrapper01 li.categories01 img.icon01 {
	margin-left:3px;
}

#header-wrapper02 ul.categories-wrapper01 li.categories02 {
	float:left;
	margin:0 0 0 5px;
	padding:0 0 0 7px;
	background-image:url("../images/header/header_text_line_01.png");
	background-position:left center;
	background-repeat:no-repeat;
}

#header-wrapper02 ul.categories-wrapper01 li.categories03 {
	float:left;
	margin:0 0 0 5px;
	padding:0 0 0 7px;
	background-image:url("../images/header/header_text_line_01.png");
	background-position:left center;
	background-repeat:no-repeat;
}

#header-wrapper02 ul.categories-wrapper01 li.categories03 img.icon02 {
	margin:0 3px -1px 0;
}

#header-wrapper02 ul.categories-wrapper01 li a:link,
#header-wrapper02 ul.categories-wrapper01 li a:visited {
	color:#fff;
	text-decoration:none;
}

#header-wrapper02 ul.categories-wrapper01 li a:hover,
#header-wrapper02 ul.categories-wrapper01 li a:active {
	color:#FFA800;
	text-decoration:underline;
}

#nametext-area01 {
	width:1000px;
	height:15px;
	margin:0 auto;
	padding:2px 0;
	font-size:12px;
	text-align:right;
	font-weight:bold;
}

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

 etc

/////////////////////////////////////////////////////////////// */
/* -- ヘッダボタンの透明度 -- */
a:hover img.btnover-head {
    /* Firefox */
     -moz-opacity: 0;
    /* IE */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    /* Standard */
    opacity: 0;
    /* firefox10のバグ対応 */
    background:#ffffff;
}

/* -- ヘッダボタンの透明度変化の時間を設定 -- */
a img.btnover-head {
    /* Firefox */
    -moz-transition: 0.6s;
    /* WebKit */
    -webkit-transition: 0.6s;
    /* Opera */
    -o-transition: 0.6s;
    /* Standard */
    transition: 0.6s;
}

/* -- 画像のリンクボーダー非表示対応（IE関連対応） -- */
a img.btnover-head {
	border:0;
}

/* -- clearfix -- */
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}