@charset 'utf-8';

/**
 * 1.0 - common
 * 　　|- a
 *
 * 2.0 - SP-layout
 * 　　|- html, body
 * 　　|- header
 *  　　|- logo
 *  　　|- sns
 *  　　|-  bnr（2017年「秋」も、ヨコアリくんとあそぼうぜ！）
 * 　　|- kv
 *  　　|- pnav
 *  　　|- pnav-top
 * 　　|- バナーエリア
 * 　　|- h3（common）
 * 　　|- アンカーリンク調整（SP）
 *  　　|- 開催概要
 *  　　|- コンテンツ
 *   　　|- コンテンツ（リスト）
 *   　　|- コンテンツ（ポップアップ）
 *  　　|- スケジュール
 *  　　|- アクセス
 *  　　|- ヨコアリくん
 * 　　|- presented-by
 * 　　|- footer
 *  　　|- footer01
 *   　　|- policy
 *  　　|- footer02
 *   　　|- copyright
 * 　　|- page-top
 *
 * 3.0 - PC-layout
 * 　　|- html, body
 * 　　|- header
 *  　　|- logo
 *  　　|- sns
 *   　　|-  bnr（ヨコアリくんまつりをSNSでシェアしよう！）
 *  　　|-  bnr（2017年「秋」も、ヨコアリくんとあそぼうぜ！）
 * 　　|- kv
 *  　　|- pnav
 *  　　|- pnav-top
 * 　　|- バナーエリア
 * 　　|- h3（common）
 *  　　|- 開催概要
 *  　　|- コンテンツ
 *   　　|- コンテンツ（リスト）
 *   　　|- コンテンツ（ポップアップ）
 *  　　|- スケジュール
 *  　　|- アクセス
 *  　　|- ヨコアリくん
 * 　　|- presented-by
 * 　　|- footer
 *  　　|- footer01
 *   　　|- policy
 *  　　|- footer02
 *   　　|- copyright
 * 　　|- page-top
 *
 * --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 1.0 - common
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
* {max-height:99999px;}
* {font-family:"メイリオ", "Meiryo", Sans-Serif, verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";}
img {display:block;}

/* a */
a:link {color:#fff; text-decoration:none;}
a:visited {color:#fff; text-decoration:none;}
a:hover {color:#fff; text-decoration:none;}
a:active {color:#fff; text-decoration:none;}
a img {border:none;}

/* 2.0 - SP-layout
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:640px) {
.pc {display:none;}

/* html,body */
html, body {
	width:100%;
	color:#333;
	font-size:14px;
	line-height:1.7;
	background:#fff;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

/* header */
header {overflow: hidden; width:100%; border-bottom:3px solid #0057a8; background-color:#fff;}

/* logo */
#header_box h1 {float:left; width:44%; padding:2.5% 0 0 2%;}
#header_box h1 img {width:100%; height:auto; margin:0 auto;}

/* logo（seibu-group） */
#seibu-group-box {overflow:hidden; width:100%;}
#header_seibu-group-slogan {float:right; width:21%; height:auto; margin:13px 2.5% 0 0;}

/* sns */
#sns {float:left; text-align: right; width:56%; margin:2.3% 0 0.4% 0;}
#sns li {display:inline-block; margin:0 3.3% 0 -1.2%; width:18%; overflow:hidden;}
#sns li img {width:100%; height:auto; border-radius:8px;}

/* bnr（ヨコアリくんまつりをSNSでシェアしよう！） */
#header_sns-pc,#header_sns {display: none;}

/* bnr（ヨコアリくんとあそぼうぜ！） */
#header_yokoarikun-pc {display: none;}
#header_yokoarikun {width:100%; max-width:490px; height:auto; margin:0 auto; padding:2.5% 0 0 0;}

/* kv */
#kv {width:100%; background:url(../img/bg_kv.png); background-size:19px 25px;}
#kv h2 {font-size:0;}
#kv p img {width:100%; height:auto; margin:0 auto;}

/* バナーエリア */
#bnr_area {overflow:hidden; width:100%; padding:1.5% 0 2%;  background:url(../img/bg_bnr.jpg);}
#bnr_area img {width:96%; height:auto; margin:3% auto;}

/* pnav */
#pnav {
	overflow:hidden;
	width:100%;
	background:url(../img/bg_pnav.png);
	background-size:16px 19px;
	-moz-box-shadow:0px 6px 4px -6px #000000 inset;
	-webkit-box-shadow:0px 6px 4px -6px #000000 inset;
	box-shadow:0px 6px 4px -6px #000000 inset;
}
#pnav ul {overflow:hidden; line-height:50px; width:96%; margin: 0 auto; font-size:14px; font-weight:bold; text-align:center; padding:3% 0;}
#pnav li a {display:block; padding:0; width:50%; float:left;}
#pnav li:nth-child(1) a, #pnav li:nth-child(3) a {border-right:1px solid #bbb;}
#pnav li:nth-child(1) a, #pnav li:nth-child(2) a {border-bottom:1px solid #bbb;}
#pnav li a:hover {color:#ad3443;}
.fixed-pnav {position:fixed; top:0; z-index:99; margin-top:0px;}
.fixed-pnav#pnav {
	height:58px;
	-moz-box-shadow:0px 0px 8px 0px #000000;
	-webkit-box-shadow:0px 0px 8px 0px #000000;
	box-shadow:0px 0px 8px 0px #000000;
}
.fixed-pnav#pnav ul {font-size:11px; padding:2%;}
.fixed-pnav#pnav li a {width:24%; border:none;}

/* h3（common） */
h3 {
	font-size:25px;
	letter-spacing:2px;
	text-align:center;
	margin:40px 0 10px 0;
}
h3::before {
	content:'';
	display:inline-block;
	width:26px;
	height:26px;
	background:url(../img/icon_yokoarikun.png) no-repeat center center; 
	background-size:26px auto;
	position:relative;
	left:-8px;
	top:2px;
}

/* アンカーリンク調整 */
#sms-overview,#sms-content,#sms-schdule,#sms-access {margin-top:-38px; padding-top:38px;}

/* 開催概要 */
#sms-overview-img {display: none !important;}

#sms-overview dl {
	position:relative;
	display:block;
	width:100%;
	font-size:21px;
	color:#fff;
	letter-spacing:1px;
	line-height:1.4;
	font-weight:bold;
	background:url(../img/bg_pnav.png);
	background-size:16px 19px;
	margin:0 auto;
	padding:5% 2.5% 3% 2.5%;
	word-break: keep-all;
}

#sms-overview dt {
	width:100%;
	font-size:18px;
	color:#0057a8;
	background:#fff;
	border-radius:4px;
	padding:6px 0 2px 2%;
	margin:1% 0 0 0;
}

#sms-overview p {
	display:inline-block;
	width:100%;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	color:#fff;
	background:#a40000;
	padding:6% 0;
	margin:0;
}

#sms-overview dd {margin:3% 0 5% 0; padding:0 2.5% 0 0;}

.sms-overview-txt {display: block; font-size:13px; margin:10px 0 0;}

/* コンテンツ */
#sms-content {width:100%;}

#content_info {width:100%; max-width:490px; margin:0 auto;}
#content_info img {width:100%; height:auto; max-width:490px;}

/* コンテンツ（リスト） */
#content_box {width:100%; background:url(../img/bg_pnav.png); background-size:16px 19px;}
#content_box ul {
	overflow:hidden;
	width:100%;
	padding:25px 1%;
	margin:0 auto;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#content_box a {position:relative; display:block; float:left; width:48%; text-align:center; color:#0057a8; background:#fff; margin:0 1% 8px 1% !important; transition:0.1s; box-shadow: 0 0 0 2px #aaa inset;}

#content_box a h4 {font-size:14px; line-height:1.4; color:#0057a8; padding:16px 2% 0 2%;}
#content_box li img {width:90%; height:auto; margin:4% auto 6%;}

#content_box .content-copyright {font-size:10px; margin:0 0 5% 0; padding:0 1em; word-break:break-all; line-height:1.3;}
#content_box .yokohama-library {position:absolute; bottom:14%; left:0; right:0; margin:auto; line-height:1.2; font-size:9px; color:#333;}

/* コンテンツ（ポップアップ） */
.content-pop_box {overflow:hidden; padding:10px;}
.content-pop_hd {position:relative;}
.content-pop_hd h4 {font-size:17px; line-height:1.4; color:#fff; margin:2% 0 0.5% 0; text-align:center;}
.content-pop_hd p {font-size:14px; font-weight:bold; line-height:1.4; color:#fff; letter-spacing:1px; margin:0 0 2% 0; text-align:center;}
.content-pop_hd img {width:80%; height:auto; margin:0 auto; border:1px solid #bbb;}
.content-pop_hd .content-copyright {line-height:1.3; font-size:10px; color:#fff; margin:5px 0; text-align:center;}
.content-pop_hd .yokohama-library {position:absolute; bottom:12%; left:-8px; right:0; margin:auto; line-height:1.3; font-size:10px; text-align:center; color:#333;}

.content-pop_box dl {width:100%; background-color:#fff; padding:6px; margin:0 0 4% 0; border:1px solid #bbb;}
.content-pop_box dt {font-size:12px; width:70px; height:26px; line-height:28px; text-align:center; letter-spacing:2px; font-weight:bold; color:#fff; background:#0057a8;}
.content-pop_box dd {font-size:14px; padding:6px 0 8px 4px; line-height:1.6; text-align:left;}

/* スケジュール */
#sms-schdule ul {overflow:hidden; width:96%; background:#e6f5ff; border:2px solid #0057a8; margin:4.5% auto 0; padding:2.5% 2% 0 2%;}
#schdule-info {width:100%; margin:0 auto;}
#schdule-info img {width:100%; max-width:490px; height:auto; margin:0 auto;}

#sms-schdule li {isplay:block; width:100%; background:#fff; border:1px solid #0057a8; margin:0 0 3% 0; padding:3.5% 3%;}
#sms-schdule h4 {display:block; font-size:16px; line-height:1.3; color:#0057a8; border-left:4px solid #0057a8; padding:2px 0 3px 6px; margin:2% 0 4% 0;}
#sms-schdule .schdule-time {display:block; font-size:14px; color:#fff; font-weight:bold; width:100%; padding:2.5% 0 1.5% 0;  text-align:center; background:#0057a8; border-radius:2px; margin:2% 0;}
#sms-schdule li p {margin:4% 0 2% 0; padding:0 1.5%; line-height:2.2;}

/* アクセス */
#access-box {overflow:hidden; width:96%; background:#fff; margin:0 auto;}

#access-map {width:100%; padding:2% 0 4%;}
#access-map h4, #access-place h4 {font-size:16px; letter-spacing:1px; text-align:center; color:#fff; background:#0057a8; margin:-1.5% 0 5% 0; border-bottom:1px solid #0057a8; padding:4% 0 3.5%;}
#access-map p a {float:left; display:block; width:46%; background:#ff7a00; border-radius:6px; color:#fff; font-size:12px; letter-spacing:1px; text-align:center; font-weight:bold; margin:0 2% 6% 2%; padding:5% 0 4.5%; transition:0.3s;}
#access-map p a:hover {background:#0057a8;}

#access-place {width:100%;}
#access-place img {margin:0 auto 6.5% auto; width:100%; max-width:490px; height:auto;}

/* ヨコアリくん */
#ft-yokoari {margin:5% 0 1% 0;}
#ft-yokoari img {width:86%; max-width:490px; height:auto; margin:0 auto;}

/* presented-by */
#presented-by {background:#0057a8; color:#fff; font-size:14px; border-top:2px solid #bbb; padding:20px 0 40px 0; margin:0;}
#presented-by dl {width:98%; margin:0 auto;}
#presented-by dd {margin:6px 14px 23px 14px; line-height:1.8;}
#presented-by a {text-decoration: underline;}

/* footer */
footer {width:100%; background:#2d2d2d; color:#fff; font-size:13px;}
footer a {text-decoration:none;}

/* footer01 */
#footer01 {width:100%;}
.ft-logo {width:190px; margin:30px auto;}
.ft-logo img {width:190px; height:auto;}
.ft-map {width:77px; margin:20px auto 30px auto;}
.ft-map img {width:77px; height:auto;}
address, #footer01 p {font-style:normal; text-align:center;}

/* policy */
#footer01 ul {padding:25px 0 5px 5%; font-size:13px; border-bottom:1px solid #bbb; border-top:1px solid #bbb;}
#footer01 ul li {line-height:1; padding:0 0 30px 0; list-style: disc; margin:0 0 0 14px;}
#footer01 ul li:nth-child(even) {display:none;}

/* footer02 */
/* copyright */
#footer02 {width:100%; background:#262626; border-top:1px solid #bbb;}
.copyright {width:100%; height:60px; line-height:60px; font-size:11px; text-align:center;}

/* page-top */
#page-top {position:fixed; bottom:30px; right:20px;}

}


/* 3.0 - PC-layout
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:641px) {

.sp {display:none;}

/* html,body */
html, body {
	min-width:1220px;
	color:#333;
	font-size:14px;
	line-height:1.7;
	background:#fff;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

/* header */
header {width:100%; height:110px; border-bottom:6px solid #0057a8; background:#fff;}

#header_box {position:relative; width:1205px; height:110px; margin:0 auto;}

/* logo */
#header_box h1 {position:absolute; top:20px;}

/* logo（seibu-group） */
#header_seibu-group-slogan {position:absolute; top:20px; right:0; width:100px; height:auto;}

/* sns */
#sns {position:absolute; top:37px; right:365px;}
#sns li {float:left; margin:0 0 0 10px; width:50px; height:50px; overflow:hidden;}
#sns li img {width:50px; height:auto; border-radius:10px;}
#sns li img:hover {opacity:0.6; transition:0.3s;}

/* bnr（ヨコアリくんまつりをSNSでシェアしよう！） */
#header_sns {display: none;}
#header_sns-pc {position:absolute; top:43px; left:376px;}

/* bnr（2017年「秋」も、ヨコアリくんとあそぼうぜ！） */
#header_yokoarikun {display: none;}
#header_yokoarikun-pc {position:absolute; top:35px; right:-4px;}

/* kv */
#kv {width:100%; height:590px; background: url(../img/bg_kv.png);}
#kv h2 {font-size:0;}
#kv p img {width:1205px; height:auto; margin:0 auto;}

/* バナーエリア */
#bnr_wrapper {overflow:hidden; width:100%; padding:26px 0 30px; background:url(../img/bg_bnr.jpg);-moz-box-shadow:0px 4px 4px -3px #333333; -webkit-box-shadow:0px 4px 4px -3px #333333; box-shadow:0px 4px 4px -3px #333333;}
#bnr_area {width:1225px; margin:0 auto;}
#bnr_area img {width:552px; height:auto; margin:0 auto;}
#bnr_area a {float:left; width:552px; margin:0 30px; transition:0.3s; text-align:center;}
#bnr_area a:hover {opacity:0.75;}

/* pnav */
#pnav {width:100%; height:72px; background:url(../img/bg_pnav.png);}
#pnav ul {height:72px; max-width:1380px; line-height:72px; font-size:22px; letter-spacing:3px; font-weight:bold; text-align:center; margin:0 auto;}
#pnav li {display:inline-block; padding:0 4.8%;}
#pnav li a {transition:0.3s;}
#pnav li a:hover {color:#ad3443;}
.fixed-pnav {position:fixed; top:0; z-index:99; transition:0.3s;}
.fixed-pnav#pnav {
	height:52px;
	-moz-box-shadow:0px 0px 5px 0px #000000;
	-webkit-box-shadow:0px 0px 5px 0px #000000;
	box-shadow:0px 0px 5px 0px #000000;
}
.fixed-pnav#pnav  ul {height:52px; line-height:50px; font-size:18px; letter-spacing:1px; font-weight:bold; text-align:center;}

/* h3（common） */
h3 {
	clear:both;
	position:relative;
	font-size:36px;
	letter-spacing:2px;
	text-align:center;
	margin:125px 0 15px 0;
}
h3::before {
	content:'';
	display:block;
	width:46px;
	height:41px;
	background:url(../img/icon_yokoarikun.png); 
	background-size:contain;
	position:absolute;
	top:-98px;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

/* アンカーリンク調整 */
#sms-overview,#sms-content,#sms-schdule,#sms-access {margin-top:-1px; padding-top:1px;}

/* 開催概要 */
#sms-overview {position:relative; width:1185px; margin:0 auto;}
#sms-overview p img {width:184px; height:184px; position:absolute; bottom:92px; right:35px;}

#sms-overview dl {
	position:relative;
	display:block;
	width:1185px;
	height:356px;
	font-size:34px;
	color:#fff;
	letter-spacing:1px;
	line-height:2.1;
	font-weight:bold;
	background:url(../img/bg_pnav.png);
	margin:0 auto;
	padding:23px 0 0 32px;
}
#sms-overview dl::before {
	position:absolute;
	content:'';
	display:block;
	width:1177px;
	height:348px;
	border:2px solid #fff;
	box-sizing:border-box;
	top:4px;
	left:4px;
}

#sms-overview dt {
	float:left;
	width:92px;
	height:40px;
	font-size:23px;
	line-height:42px;
	text-align:center;
	color:#0057a8;
	background:#fff;
	border-radius:4px;
	margin:14px 25px 0 0;
}

.sms-overview-txt {display:block;  font-size:18px; margin:0 0 0 117px; line-height:1;}

/* コンテンツ */
#sms-content {width:100%;}

#content_info_pc {width:1185px; position:relative; margin:0 auto;}
#content_info_pc img {position:absolute; top:-98px; right:7px;}

/* コンテンツ（リスト） */
#content_box {width:100%; background:url(../img/bg_pnav.png);}
#content_box ul {overflow:hidden; width:1201px; padding:46px 0 33px 13px; margin:0 auto;}
#content_box a {position:relative; display:block; float:left; width:284px; min-height:236px; text-align:center; color:#0057a8; background:#fff; margin:0 13px 13px 0; transition:0.1s;}
#content_box a::before {
	position:absolute;
	content:'';
	display:block;
	width:98.5%;
	height:98.2%;
	border:2px solid #0057a8;
	top:0.8%;
	left:0.8%;
	box-sizing: border-box;
}
#content_box a h4 {font-size:15px; line-height:1.4; color:#0057a8; padding:16px 0 0 0;}
#content_box li img {width:220px; height:auto; margin:0px auto 1px;}

#content_box .content-copyright {font-size:10px; margin:0 0 8px 0;}
#content_box .yokohama-library {position:absolute; bottom:36px; left:0; right:0; margin:auto; line-height:1.3; font-size:10px; color:#333;}

#content_box a:hover {-webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
#content_box a:hover::before {border:2px solid #00a9ff;}

/* コンテンツ（ポップアップ） */
.content-pop_box {overflow:hidden; padding:25px;}
.content-pop_hd {float:left; position:relative; width:410px;}
.content-pop_hd h4 {font-size:26px; line-height:1.4; color:#fff; letter-spacing:1px; margin:10px 0 2px 0;}
.content-pop_hd p {font-size:22px; font-weight:bold; line-height:1.4; color:#fff; letter-spacing:2px; margin:0 0 15px 0;}
.content-pop_hd img {width:390px; height:auto;}
.content-pop_hd .content-copyright {line-height:1.3; font-size:11px; color:#fff; margin:7px 0 0 0;}
.content-pop_hd .yokohama-library {position:absolute; bottom:49px; left:-8px; right:0; margin:auto; line-height:1.3; font-size:10px; text-align:center; color:#333;}

.content-pop_box dl {float:right; width:480px; background-color:#fff; min-height:430px; padding:17px 15px;}
.content-pop_box dt {width:72px; height:34px; line-height:34px; text-align:center; letter-spacing:3px; font-weight:bold; color:#fff; background:#0057a8;}
.content-pop_box dd {font-size:15px; padding:10px 0 20px 8px; line-height:1.6;}

/* スケジュール */
#sms-schdule ul {overflow:hidden; width:1185px; background:#e6f5ff; border:2px solid #0057a8; margin:76px auto 0; padding:27px 0 24px 24px;}
#schdule-info_pc {width:1185px; position:relative; margin:0 auto;}
#schdule-info_pc img {position:absolute; top:-20px; left:0;}

#sms-schdule li {float:left; display:block; width:547px; min-height:380px; background:#fff; border:1px solid #0057a8; margin:9PX; padding:21px 12px;}
#sms-schdule h4 {display:block; font-size:19px; line-height:1.3; color:#0057a8; border-left:4px solid #0057a8; padding:2px 0 0 10px; min-height:48px;}
#sms-schdule .schdule-time {display:block; font-size:16px; color:#fff; font-weight:bold; width:100%; height:32px; line-height:32px; text-align:center; background:#0057a8; border-radius:4px; margin:17px 0 0 0;}
#sms-schdule li p {margin:15px 0 0 0; line-height:2;}

.sms-schdule-txt1 {padding:13px 0 0 10px !important;}

/* アクセス */
#access-box {overflow:hidden; width:1185px; background:#fff; margin:0 auto 150px;}

#access-map {float:left; width:594px; border-right:1px solid #0057a8; padding:15px 0 25px;}
#access-map h4 {font-size:19px; letter-spacing:2px; text-align:center; color:#fff; background:#0057a8; margin:0 30px 17px 0; border-bottom:1px solid #0057a8; padding:8px 0 7px 0;}
#access-map p a {float:left; display:block; width:238px; height:56px; background:#ff7a00; border-radius:6px; color:#fff; font-size:15px; line-height:57px; letter-spacing:2px; text-align:center; font-weight:bold; margin:0 20px 20px 20px; transition:0.3s;}
#access-map p a:hover {background:#0057a8;}

#access-place {float:right; width:590px; padding:15px 0 15px 30px;}
#access-place h4 {font-size:19px; letter-spacing:2px; text-align:center; color:#fff; background:#0057a8; margin:0 0 17px 0; border-bottom:1px solid #0057a8; padding:8px 0 7px 0;}
#access-place img {margin:0 0 20px 0;}

/* ヨコアリくん */
#ft-yokoari {margin:0 0 5px 0;}
#ft-yokoari img {width:530px; height:auto; margin:0 auto;}

/* presented-by */
#presented-by {min-width:1205px; background-color:#0057a8; color:#fff; font-size:15px; border-top:5px solid #bbb; border-bottom:2px solid #bbb; padding:35px 0 45px 0; margin:0;}
#presented-by dl {width:1135px; margin:0 auto;}
#presented-by dd {margin:6px 0 23px 16px; line-height:1.8;}
#presented-by a {text-decoration: underline;}

/* footer */
footer {width:100%; min-width:1205px; background:#2d2d2d; color:#fff; font-size:14px;}
footer a {text-decoration:none;}

/* footer01 */
#footer01 {width:1205px; text-align:center; margin:0 auto;}
.ft-logo {width:255px; margin:0 auto 30px auto;}
.ft-map {width:97px; margin:20px auto 45px auto;}
.ft-logo:hover, .ft-map:hover {opacity:0.6; transition:0.3s;}
address {font-style:normal;}

/* policy */
#footer01 ul {padding:35px 0 40px 0;}
#footer01 ul li {display:inline; line-height:1; padding:0 3px;}
#footer01 ul li a:hover {opacity:0.6; transition:0.3s;}

/* footer02 */
#footer02 {width:100%; min-width:1205px; background:#262626;}

/* copyright */
.copyright {width:1205px; height:106px; line-height:101px; font-size:13px; margin:0 auto; padding:0 0 0 30px;}

/* page-top */
#page-top {position:fixed; bottom:30px; right:20px;}
#page-top img:hover {opacity:0.8;}

}