@charset "UTF-8";


#CONTAINER{
background: url(/another-side-square/resources_shared/images/bg2.jpg) center fixed;
}


/* COMMON SETTING for ALL PAGES */
/* コンテンツエリア外パーツ */


/* FLOAT WINDOW CANCEL MASK */

#MSKTRANS{
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}
#MSK{
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background:#000;
	filter:alpha(opacity=80);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=80)"; /* IE8用 */
	-moz-opacity:0.8; /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity: 0.8;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity: 0.8; /* Firefox 1.5以上, Opera, Safari用 */
	text-align:center;
	display:none;
}

/* BRAND SITE GROBAL NAVIGATION */

#GNAVI{
	width:960px;
	height:38px;
	margin-top:10px;
	position:relative;
	margin-bottom:5px;
	z-index:20;
}
#GNAVI ul{
	letter-spacing:-1em;
}
#GNAVI ul li{
	letter-spacing:normal;
	position:relative;
}
#GNAVI ul.cateLink li{
	float:left;
	height:38px;
	padding-left:1px;
	background:url(../images/gnavi/bar.gif) no-repeat left top;
}
#GNAVI ul.cateLink li a{
	display:block;
	height:38px;
	background:url(../images/gnavi/gnavi.png) no-repeat;
	_background-image:url(../images/gnavi/gnavi.gif);
}
#GNAVI ul.cateLink li a span{
	display:none;
}
#GNAVI ul.cateLink li.home{
	padding-left:0;
	background:none;
}
#GNAVI ul.cateLink li.home a{
	width:65px;
}
#GNAVI ul.cateLink li.home a:hover,
#GNAVI ul.cateLink li.home a.cur{
	background-position:0 -40px !important;
}
#GNAVI ul.cateLink li.news a{
	width:71px;
	background-position:-66px 0;
}
#GNAVI ul.cateLink li.news a:hover,
#GNAVI ul.cateLink li.news a.cur{
	background-position:-66px -40px !important;
}
#GNAVI ul.cateLink li.concept a{
	width:83px;
	background-position:-138px 0;
}
#GNAVI ul.cateLink li.concept a:hover,
#GNAVI ul.cateLink li.concept a.cur{
	background-position:-138px -40px !important;
}
#GNAVI ul.cateLink li.item a{
	width:61px;
	background-position:-222px 0;
}
#GNAVI ul.cateLink li.item a:hover,
#GNAVI ul.cateLink li.item a.cur,
#GNAVI ul.cateLink li.item a.ovr{
	background-position:-222px -40px !important;
}
#GNAVI ul.cateLink li.item ul{
	position:absolute;
	width:130px;
	height:auto;
	z-index:30;
	top:34px;
	left:-4px;
	display:none;
}
#GNAVI ul.cateLink li.item ul li{
	width:130px;
	height:auto;
	float:none;
	background:transparent none;
}
#GNAVI ul.cateLink li.item ul li .t{
	width:130px;
	height:5px;
	background:url(../images/gnavi/box_submenu.png) no-repeat;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
}
#GNAVI ul.cateLink li.item ul li .b{
	width:130px;
	height:9px;
	background:url(../images/gnavi/box_submenu.png) no-repeat left bottom;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
}
#GNAVI ul.cateLink li.item ul li ul{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	padding:0 0 0 4px;
	background:url(../images/gnavi/box_submenu.png) repeat-y right top;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
	_zoom:1;
}
#GNAVI ul.cateLink li.item ul li ul li{
	border-top:solid 1px #d7d7d7;
	width:120px;
	margin-top:-1px;
}
#GNAVI ul.cateLink li.item ul li ul li a,
#GNAVI ul.cateLink li.item ul li ul li a:hover{
	width:auto;
	height:auto;
	background:none;
	background:url(../images/icn_arrow_r_bgwht.gif) no-repeat 10px center !important;
	padding:7px 0 7px 19px;
	font-size:80%;
}

#GNAVI ul.cateLink li.style a{
	width:77px;
	background-position:-284px 0;
}
#GNAVI ul.cateLink li.style a:hover,
#GNAVI ul.cateLink li.style a.cur,
#GNAVI ul.cateLink li.style a.ovr{
	background-position:-284px -40px !important;
}
#GNAVI ul.cateLink li.style ul{
	position:absolute;
	width:130px;
	height:auto;
	z-index:30;
	top:34px;
	left:-4px;
	display:none;
}
#GNAVI ul.cateLink li.style ul li{
	width:130px;
	height:auto;
	float:none;
	background:transparent none;
}
#GNAVI ul.cateLink li.style ul li .t{
	width:130px;
	height:5px;
	background:url(../images/gnavi/box_submenu.png) no-repeat;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
}
#GNAVI ul.cateLink li.style ul li .b{
	width:130px;
	height:9px;
	background:url(../images/gnavi/box_submenu.png) no-repeat left bottom;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
}
#GNAVI ul.cateLink li.style ul li ul{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	padding:0 0 0 4px;
	background:url(../images/gnavi/box_submenu.png) repeat-y right top;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
	_zoom:1;
}
#GNAVI ul.cateLink li.style ul li ul li{
	border-top:solid 1px #d7d7d7;
	width:120px;
	margin-top:-1px;
}
#GNAVI ul.cateLink li.style ul li ul li a,
#GNAVI ul.cateLink li.style ul li ul li a:hover{
	width:auto;
	height:auto;
	background:none;
	background:url(../images/icn_arrow_r_bgwht.gif) no-repeat 10px center !important;
	padding:7px 0 7px 19px;
	font-size:80%;
}

#GNAVI ul.cateLink li.shop a{
	width:84px;
	background-position:-362px 0;
}
#GNAVI ul.cateLink li.shop a:hover,
#GNAVI ul.cateLink li.shop a.cur{
	background-position:-362px -40px !important;
}
#GNAVI ul.cateLink li.blog a{
	width:68px;
	background-position:-447px 0;
}
#GNAVI ul.cateLink li.blog a:hover,
#GNAVI ul.cateLink li.blog a.cur,
#GNAVI ul.cateLink li.blog a.ovr{
	background-position:-447px -40px !important;
}
#GNAVI ul.cateLink li.special{
	z-index:20;
	/zoom:1;
}
#GNAVI ul.cateLink li.special a{
	width:80px;
	background-position:-516px 0;
}
#GNAVI ul.cateLink li.special a:hover,
#GNAVI ul.cateLink li.special a.cur{
	background-position:-516px -40px !important;
}
#GNAVI ul.cateLink li.blog ul{
	position:absolute;
	width:130px;
	height:auto;
	z-index:30;
	top:34px;
	left:-4px;
	display:none;
}
#GNAVI ul.cateLink li.blog ul li{
	width:130px;
	height:auto;
	float:none;
	background:transparent none;
}
#GNAVI ul.cateLink li.blog ul li .t{
	width:130px;
	height:5px;
	background:url(../images/gnavi/box_submenu.png) no-repeat;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
}
#GNAVI ul.cateLink li.blog ul li .b{
	width:130px;
	height:9px;
	background:url(../images/gnavi/box_submenu.png) no-repeat left bottom;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
}
#GNAVI ul.cateLink li.blog ul li ul{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	padding:0 0 0 4px;
	background:url(../images/gnavi/box_submenu.png) repeat-y right top;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
	_zoom:1;
}
#GNAVI ul.cateLink li.blog ul li ul li{
	border-top:solid 1px #d7d7d7;
	width:120px;
	margin-top:-1px;
}
#GNAVI ul.cateLink li.blog ul li ul li a,
#GNAVI ul.cateLink li.blog ul li ul li a:hover{
	width:auto;
	height:auto;
	background:none;
	background:url(../images/icn_arrow_r_bgwht.gif) no-repeat 10px center !important;
	padding:7px 0 7px 19px;
	font-size:80%;
}

#GNAVI ul.funcLink{
	position:absolute;
	right:0;
	top:0;
	height:28px;
}
#GNAVI ul.funcLink li{
	float:left;
	height:28px;
}
#GNAVI ul.funcLink li.left{
	width:11px;
	background:url(../images/gnavi/gnavi.png) no-repeat -608px 0;
	_background-image:url(../images/gnavi/gnavi.gif);
}
#GNAVI ul.funcLink li.right{
	width:11px;
	background:url(../images/gnavi/gnavi.png) no-repeat right top;
	_background-image:url(../images/gnavi/gnavi.gif);
}
#GNAVI ul.funcLink li a{
	display:block;
	height:28px;
	background:url(../images/gnavi/gnavi.png) no-repeat;
	_background-image:url(../images/gnavi/gnavi.gif);
}
#GNAVI ul.funcLink li a span{
	display:none;
}

#GNAVI ul.funcLink li.store a{
	width:102px;
	background-position:-619px 0;
}
#GNAVI ul.funcLink li.store a:hover,
#GNAVI ul.funcLink li.store a.cur,
#GNAVI ul.funcLink li.store a.ovr{
	background-position:-619px -40px !important;
}
#GNAVI ul.funcLink li.favorite a{
	width:153px;
	background-position:-722px 0;
}
#GNAVI ul.funcLink li.favorite a:hover,
#GNAVI ul.funcLink li.favorite a.cur{
	background-position:-722px -40px !important;
}
#GNAVI ul.funcLink li.mobile a{
	width:74px;
	background-position:-875px 0;
}
#GNAVI ul.funcLink li.mobile a:hover,
#GNAVI ul.funcLink li.mobile a.cur{
	background-position:-875px -40px !important;
}

#GNAVI ul.funcLink li.store ul{
	position:absolute;
	width:130px;
	height:auto;
	z-index:30;
	top:27px;
	left:-4px;
	display:none;
}
#GNAVI ul.funcLink li.store ul li{
	width:130px;
	height:auto;
	float:none;
	background:transparent none;
}
#GNAVI ul.funcLink li.store ul li .t{
	height:5px;
	background:url(../images/gnavi/box_submenu.png) no-repeat;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
}
#GNAVI ul.funcLink li.store ul li .b{
	height:9px;
	background:url(../images/gnavi/box_submenu.png) no-repeat left bottom;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
}

#GNAVI ul.funcLink li.store ul li ul{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	padding:0 0 0 4px;
	background:url(../images/gnavi/box_submenu.png) repeat-y right top;
	_background-image:url(../images/gnavi/box_submenu.gif);
	overflow:hidden;
	_zoom:1;
}
#GNAVI ul.funcLink li.store ul li ul li{
	border-top:solid 1px #d7d7d7;
	width:120px;
	margin-top:-1px;
}
#GNAVI ul.funcLink li.store ul li ul li a,
#GNAVI ul.funcLink li.store ul li ul li a:hover{
	width:auto;
	height:auto;
	background:none;
	background:url(../images/icn_arrow_r_bgwht.gif) no-repeat 10px center !important;
	padding:7px 0 7px 19px;
	font-size:80%;
}


#GNAVI ul.cateLink:after,
#GNAVI ul.funcLink:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#GNAVI ul.cateLink,
#GNAVI ul.funcLink{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #GNAVI ul.cateLink,
html #GNAVI ul.funcLink{
	* height:1%;
}
#GNAVI ul.cateLink,
#GNAVI ul.funcLink{
	display:block;
}
/* */

/* MOBILE FLOAT WINDOW */
#MOBQR{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:101;
	display:none;
	text-align:center;
}
#MOBQR .box{
	position:relative;
	width:400px;
	margin:0 auto;
	top:100px;
}
#MOBQR .box .t{
	height:25px;
	background:url(../images/gnavi/box_mobile.gif) no-repeat;
}
#MOBQR .box .bd{
	border-left:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
	background-color:#fff;
	position:relative;
}
#MOBQR .box .bd p{
	text-align:center !important;
}
#MOBQR .box .b{
	width:400px;
	height:25px;
	background:url(../images/gnavi/box_mobile.gif) no-repeat left bottom;
}
#MOBQR .box .bd .close{
	position:absolute;
	top:-32px;
	right:-13px;
}
#MOBQR .box .bd .close a{
	display:block;
	width:27px;
	height:27px;
	background:url(../images/btn_close.png) no-repeat;
	_background:url(../images/btn_close.gif) no-repeat;
}
#MOBQR .box .bd .close a:hover{
	background-position:0 -30px;
}
#MOBQR .box .bd .close a span{
	display:none;
}
#MOBQR .box .bd .qrcode{
	background:url(../images/gnavi/qr_shadow.gif) no-repeat center bottom;
	padding-bottom:6px;
	margin-bottom:7px;
}
#MOBQR .box .bd .url{
	margin-top:7px;
	font-size:90%;
}

/* SUB NAVIGATION */

#SNAVI{
	width:190px;
	border-top:solid 2px #333;
	background:url(../images/h2_top_shadow.png) repeat-x left top;
	_background:transparent none;
	padding:10px 0 0;
	margin-bottom:10px;
}
#SNAVI ul{
	background:url(../images/hr_w190.png) no-repeat left bottom;
	_behavior:url(/resources_shared/pngfix/iepngfix.htc);
	padding-bottom:10px;
}
#SNAVI ul li{
	width:190px;
	height:32px;
}
#SNAVI ul li a{
	display:block;
	width:190px;
	height:32px;
}
#SNAVI ul li a span{
	display:none;
}
#SNAVI ul.news li a{
	width:190px;
	background:url(../images/snavi/news.png) no-repeat left top;
	_background:url(../images/snavi/news.gif) no-repeat left top;
}
#SNAVI ul.news li.sn01 a{
	background-position:0 0;
}
#SNAVI ul.news li.sn01 a:hover,
#SNAVI ul.news li.sn01 a.cur{
	background-position:-200px 0 !important;
}
#SNAVI ul.news li.sn02 a{
	background-position:0 -42px;
}
#SNAVI ul.news li.sn02 a:hover,
#SNAVI ul.news li.sn02 a.cur{
	background-position:-200px -42px !important;
}
#SNAVI ul.news li.sn03 a{
	background-position:0 -84px;
}
#SNAVI ul.news li.sn03 a:hover,
#SNAVI ul.news li.sn03 a.cur{
	background-position:-200px -84px !important;
}
#SNAVI ul.news li.sn04 a{
	background-position:0 -126px;
}
#SNAVI ul.news li.sn04 a:hover,
#SNAVI ul.news li.sn04 a.cur{
	background-position:-200px -126px !important;
}



/* SUB NAVI BANNER w190(img w178) */

ul.bnW178 li{
	padding-bottom:3px;
}
ul.bnW178 li .text{
	margin-top:0;
	font-size:90%;
}




/* BLOG SUB NAVIGATION */

.blogNav{
	width:190px;
	background:url(../images/hr_w190.png) no-repeat left bottom;
	_behavior:url(/resources_shared/pngfix/iepngfix.htc);
	padding-bottom:10px;
	margin-bottom:20px;
}
.blogNav h2{
	border-top:solid 2px #333;
	background:url(../images/h2_top_shadow.png) repeat-x left top;
	_background:transparent none;
	border-bottom:solid 1px #ededed;
	padding:13px 0 8px 10px;
}
.blogNav h2 img{
	_behavior:url(/resources_shared/pngfix/iepngfix.htc);
}
.blogNav ul{
	padding:10px 10px 0;
}
.blogNav ul li{
	width:170px;
	padding-bottom:5px;
	/zoom:1;
}
.blogNav ul li a{
	display:block;
	/width:170px;
	background:url(../images/icn_arrow_r.png) no-repeat 0 0.3em;
	/background-position:0 0.3em;
	_background-image:url(../images/icn_arrow_r.gif);
	padding-left:10px;
}

.blogNav table.calendar{
	width:190px;
	margin:10px 0 5px;
}
.blogNav table.calendar caption{
	font-weight:bold;
	text-align:center;
	padding:0 0 5px;
}
.blogNav table.calendar caption a.prev{
	display:inline-block;
	display:-moz-inline-box;
	/display:inline;
	/zoom:1;
	width:3em;
	height:1em;
	vertical-align:middle;
	background:url(../images/icn_arrow_prev.png) no-repeat 2.2em 0.2em;
	_background-image:url(../images/icn_arrow_prev.gif);
}
.blogNav table.calendar caption a.next{
	display:inline-block;
	display:-moz-inline-box;
	/display:inline;
	/zoom:1;
	width:3em;
	height:1em;
	vertical-align:middle;
	background:url(../images/icn_arrow_r.png) no-repeat 0.5em 0.2em;
	_background-image:url(../images/icn_arrow_r.gif);
}
.blogNav table.calendar caption a.prev span,
.blogNav table.calendar caption a.next span{
	display:none;
}
.blogNav table.calendar th,
.blogNav table.calendar td{
	vertical-align:top;
	text-align:center;
	padding:3px !important;
}
.blogNav table.calendar td a{
	text-decoration:underline !important;
}
.blogNav table.calendar th.red,
.blogNav table.calendar td.red,
.blogNav table.calendar td.red a{
	color:#c31616 !important;
}
.blogNav table.calendar th.blue,
.blogNav table.calendar td.blue,
.blogNav table.calendar td.blue a{
	color:#0561c5 !important;
}