@charset "utf-8";

/* =========================================================
◆Link Style
========================================================= */

* {
	margin: 0;
	padding: 0;
}

/* Hides from IE7 \*/
*:first-child+html {
	letter-spacing: 0;
}

@media print {
	#toparea {
		display: none;
	}
}

.pbPage {
		width: 100%;
}
.pbPage:after{
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.pbHeaderArea {
		clear: both;
		overflow: hidden;
}

.pbFooterArea {
		clear: both;
		overflow: hidden;
}




/* =========================================================
◆基本
========================================================= */

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

Top Page Style

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

#W_wrap { padding-top:109px; width:100%; margin:0 auto; position:relative !important; text-align:center; overflow:hidden; z-index:2;}
#W_wrap #box1,
#W_wrap #box2,
#W_wrap #box3,
#W_wrap #box4,
#W_wrap #box5 { background: no-repeat 50% 100px fixed; margin: 0 auto; position: relative; overflow:hidden; }
#W_wrap .inner { padding-top:650px; text-align:center; position:relative; z-index:100;  background: url(/library/2013/images/top/contbg_btm.png) bottom left repeat-x;}
#W_wrap #box1 .inner { padding-top:550px !important; text-align:center; position:relative; background: url(/library/2013/images/top/contbg_btm.png) bottom left repeat-x; z-index:90;}

#W_wrap #box1 { position:relative; z-index:10 !important; }
#W_wrap #box2 { position:relative; z-index:11 !important; }
#W_wrap #box3 { position:relative; z-index:12 !important; }
#W_wrap #box4 { position:relative; z-index:13 !important; }
#W_wrap #box5 { position:relative; z-index:14 !important; }

#W_wrap #fixed_box { position:fixed; width:100%; }
#W_wrap #fixed_box > ul > li { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
#W_wrap .w_txt01 { width:32%; position:absolute; top:43%; left:15%; z-index:5;}
#W_wrap .w_txt02 { width:29%; position:absolute; top:60%; right:9%; z-index:5;}
#W_wrap .w_txt03 { width:32%; position:absolute; top:65%; left:17%; z-index:5;}
#W_wrap .w_txt04 { width:21%; position:absolute; top:45%; right:9%; z-index:5;}
#W_wrap .w_txt05 { width:32%; position:absolute; top:60%; right:9%; z-index:5;}
#Nav.disabled { display:none !important; }
#Nav { width:77px; position:fixed; bottom:43%; left:8%; z-index:20; }
#Nav li a { zoom:1; cursor:pointer; font-size:93% !important; }
#Nav li.disabled { visibility:hidden; }

#W_wrap #bg_box { position:fixed; width:100%; }
#W_wrap #bg_box li { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff; }
#W_wrap #bg_box li img { position:relative; }
#W_wrap .bg_inner { position:relative; z-index:5; }

#W_wrap .inner .boxstyle_01 { background:#FFF;}
#W_wrap .inner img {display:inline;}

#W_wrap .inner .boxstyle_01 .liststyle01 {  width:940px; margin:0 auto; padding-bottom:38px; position:relative;}
#W_wrap .inner .boxstyle_01 .liststyle01 .morebtn { width:83px; position:absolute; bottom:20px; right:0;}
#W_wrap .inner .boxstyle_01 .liststyle01 ul li { width:280px; float:left; display:inline; margin-right:50px; text-align:left; font-size:93%; line-height:1.5; height:204px;}
#W_wrap .inner .boxstyle_01 .liststyle01 ul li a { display:block; height:100%; width:100%;}
#W_wrap .inner .boxstyle_01 .liststyle01 ul li a:hover { color:#ca7f7b; text-decoration:none;}
#W_wrap #anc01,
#W_wrap #anc02,
#W_wrap #anc03,
#W_wrap #anc04,
#W_wrap #anc05 { position:absolute; top:-100px;}
#W_wrap h3 { padding:30px 0 20px;}
#W_wrap .inner .boxstyle_01 .bg_inner{  background: url(/library/2013/images/top/contbg_top.png) top left repeat-x; }
#W_wrap .inner .bg_pink { display:block; background:#ffd5d3; margin-bottom:11px;}



.rollover2_on { background:url(/library/2013/images/clear.gif); }

#pbBlock179770 {height:0}


/* =========================================================
◆キャンペーン　NewYearバナー
========================================================= */
#W_wrap .inner .boxstyle_01 .liststyle01 .NewYear li { width:940px; float:left; display:inline; margin-right:50px; text-align:left; font-size:93%; line-height:1.5; height:130px; margin-bottom: 74px;}
#W_wrap .inner .boxstyle_01 .liststyle01 .NewYear li a { display:block; height:100%; width:100%;}
#W_wrap .inner .boxstyle_01 .liststyle01 .NewYear li a:hover { color:#ca7f7b; text-decoration:none;}


/* =========================================================
◆キャンペーン　Springバナー
========================================================= */

#W_wrap .inner .boxstyle_01 .liststyle01 .Spring li { width:445px; float:left; display:inline; margin-right:50px; text-align:left; font-size:93%; line-height:1.5; height:204px;}
#W_wrap .inner .boxstyle_01 .liststyle01 .Spring li:last-child{margin-right:0px !important;}
#W_wrap .inner .boxstyle_01 .liststyle01 .Spring li a { display:block; height:100%; width:100%;}
#W_wrap .inner .boxstyle_01 .liststyle01 .Spring li a:hover { color:#ca7f7b; text-decoration:none;}

/* =========================================================
◆バナーサイズが大きい時
========================================================= */
#W_wrap .inner .boxstyle_01 .liststyle01 .bigbnr li { width:445px; float:left; display:inline; margin-right:0px; text-align:left; font-size:93%; line-height:1.5; height:204px;}
#W_wrap .inner .boxstyle_01 .liststyle01 .bigbnr li:first-child { margin-right:50px;}
#W_wrap .inner .boxstyle_01 .liststyle01 .bigbnr li a { display:block; height:100%; width:100%;}
#W_wrap .inner .boxstyle_01 .liststyle01 .bigbnr li a:hover { color:#ca7f7b; text-decoration:none;}

/* =========================================================
◆あなたはどっち？キャンペーン
========================================================= */
#W_wrap .inner .boxstyle_01 .liststyle01 .bigbnr2 li { width:470px; float:left; display:inline; margin-right:0px; text-align:left; font-size:93%; line-height:1.5; height:204px;}
#W_wrap .inner .boxstyle_01 .liststyle01 .bigbnr2 li:first-child{}
#W_wrap .inner .boxstyle_01 .liststyle01 .bigbnr2 li a { display:block; height:100%; width:100%;}
#W_wrap .inner .boxstyle_01 .liststyle01 .bigbnr2 li a:hover { color:#ca7f7b; text-decoration:none;}

/* =========================================================
◆熊本地震のお知らせ
========================================================= */

#W_wrap .caution201604_Wrap{
	width:940px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px;
}

#W_wrap .caution201604{
	padding:20px 30px;
	background:#EBEBEB;
	text-align:left;
}

#W_wrap .caution201604 p:before{
	content:">"
}

#W_wrap .caution201604 p a{
	font-size:110%;
	padding-left:5px;
	font-weight:bold;
	text-decoration:underline;
}