@charset "utf-8";

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

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

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

 layout style

/////////////////////////////////////////////////////////////// */
/* -- footer -- */

#footer-link01 {
	width:1000px;
	margin:0 auto;
	padding-bottom:10px;
	background-color:#00acdc;
	background-image:url("../images/footer/footer_bgimage_01.png");
	background-position:top;
	background-repeat:repeat-x;
	color:#fff;
	font-size:12px;
	line-height:1.5em;
	text-align:left;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

#footer-link01 li {
        font-size:12px;
}
#footer-link01 a:link,
#footer-link01 a:visited {
	color:#fff;
	text-decoration:none;
}

#footer-link01 a:hover {
	color:#ffa800;
	text-decoration:underline;
}

#footer-link01 a:active {
	color:#f00;
	text-decoration:underline;
}

#footer-link01 .link-area01 {
	width:231px;
	padding:0 15px 0 15px;
	float:left;
}

#footer-link01 .link-area02 {
	width:231px;
	padding:0 15px 0 0;
	float:left;
}

#footer-link01 .link-area03 {
	width:232px;
	padding:0 15px 0 0;
	float:right;
}

#footer-link01 .link-area01 p,
#footer-link01 .link-area02 p,
#footer-link01 .link-area03 p {
	display:block;
	padding:0 5px 3px 5px;
	margin:0 0 3px 0;
	border-bottom:1px dotted #fff;
	font-weight:bold;
}

#footer-link01 .link-area01 ul,
#footer-link01 .link-area02 ul,
#footer-link01 .link-area03 ul {
	padding:0 5px;
	list-style-type:none;
}

#footer-link01 .link-area01 ul li,
#footer-link01 .link-area02 ul li,
#footer-link01 .link-area03 ul li {
	margin-bottom:3px;
}

#footer-link01 div.image01 {
	margin-bottom:10px;
}

.footer-link01-end {
	width:1000px;
	margin:0 auto;
	font-size:0px;
}

#footer-link02 {
	width:1000px;
	margin:0 auto;
	padding:0 0 5px 0;
	font-size:12px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

#footer-link02 img {
	border:none;
}

#footer-link02 .link-area01 {
	width:205px;
	float:left;
	padding:34px 20px 0 0;
}

#footer-link02 .link-area02 {
	float:left;
	width:510px;
	padding:40px 10px 0 0;
	text-align:left;
}

#footer-link02 .link-area03 {
	width:165px;
	float:left;
	padding:17px 0 0 0;
	text-align:center;
}

#footer-link02 .link-area04 {
	width:75px;
	float:right;
	padding:15px 0 0 0;
	margin:0;
}

#footer-link02 .link-area02 ul {
	padding:0 0 8px 0;
	margin:0;
	list-style-type:none;
}

#footer-link02 .link-area02 ul li {
	float:left;
	padding:0 10px 0 0;
	margin:0;
}

#footer-link02 .link-area02 ul li.list-end {
	padding:0;
}

#footer-link02 .link-area02 p {
	font-size:10px;
	margin:0;
	padding:0;
	color:#444;
}

#footer-link02 .link-area03 p {
	padding-top:5px;
	font-size:8px;
	line-height:1.1em;
	color:#444;
}

#footer-link02 a:link,
#footer-link02 a:visited {
	color:#444;
	text-decoration:none;
}

#footer-link02 a:hover {
	color:#ffa800;
	text-decoration:underline;
}

#footer-link02 a:active {
	color:#f00;
	text-decoration:underline;
}


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

 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;
}