@charset "UTF-8";
@import url("base.css");
@import url("extensions.css?v=2");
@import url("newtop.css");

/* BODY
------------------------------------------------------------------------- */
body {
	color: #333;
	/* background-color: #eee; */
}

/* HEADER
------------------------------------------------------------------------- */
#header {
	width: 100%;
	position: absolute;
	z-index: 99;
}
/*#header a { line-height: 0;}*/
#headerInner {
	width: 950px;
	margin: 0 auto;
	position: relative;
}
.headInnerBlock {
	position: absolute;
	right: 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	padding: 5px 16px 8px 16px;
	color: #fff;
	background: rgba(50, 50, 50, 0.75);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33333390',EndColorStr='#33333390')";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33333390',EndColorStr='#33333390'); /* IE5.5+ */
}
.headInnerBlock a { color: #fff;}
.headInnerBlock a:hover { color: #e9b800; text-decoration: underline;}
.headInnerBlock .block1 { text-align: right}
.headInnerBlock .block2 { display: block; float: right; overflow: hidden; margin-top: 8px;}
.headInnerBlock .block2 li { display: block; overflow: hidden; float: left;}




/* MAIN VISUAL
------------------------------------------------------------------------- */
#mainVisual1,
.mainVisual {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.mainVisualImage1,
.mainVisualImage {
	position: relative;
	z-index: 10;
	overflow: hidden;
}

#mainVisual1 { background: #e5eade;}
#mainVisual2 { background: #ede0da;}
#mainVisual3 { background: #e4e1e8;}
#mainVisual4 { background: #f8f6ea;}
#mainVisual5 { background: #f8f6ea;}
#mainVisual6 { background: #faf3ed;}
#mainVisual7 { background: #c36541;}
#mainVisual8 { background: #fff9f3;}
#mainVisual9 { background: #1e1915;}
#mainVisual10 { background: #f9dc98;}
#mainVisual11 { background: #e8edf3;}
#mainVisual12 { background: #e6e6e6;}
#mainVisual100 { background: #eddbcd;}
#mainVisual14 { background: #cedce9;}



.mainVisualImage1 {
	background: url(./img/bg_mainimg.jpg) top center;
	height: 166px;
	width: 1130px;
	margin: 0 auto;
}

.mainVisualImage {
	height: 166px;
	width: 1130px;
	margin: 0 auto;
}
.mainVisualImage-esthe { background: url(./img/bg_esthe.jpg) top center;}
.mainVisualImage-cosme { background: url(./img/bg_cosme.jpg) top center;}
.mainVisualImage-diet { background: url(./img/bg_diet.jpg) top center;}
.mainVisualImage-health { background: url(./img/bg_health.jpg) top center;}
.mainVisualImage-fashion { background: url(./img/bg_fashion.jpg) top center;}
.mainVisualImage-food { background: url(./img/bg_food.jpg) top center;}
.mainVisualImage-pet { background: url(./img/bg_pet.jpg) top center;}
.mainVisualImage-interior { background: url(./img/bg_interior.jpg) top center;}
.mainVisualImage-school { background: url(./img/bg_school.jpg) top center;}
.mainVisualImage-insurance { background: url(./img/bg_insurance.jpg) top center;}
.mainVisualImage-card { background: url(./img/bg_card.jpg) top center;}
.mainVisualImage-other { background: url(./img/bg_other.jpg) top center;}
.mainVisualImage14 { background: url(./img/bg_about.jpg) no-repeat top center;}
.mainVisualImage-shopping { background: url(./img/bg_shopping.jpg) no-repeat top center;}
.mainVisualImage-cm { background: url(./img/bg_cm.jpg) no-repeat top center;}

.mainVisualImage1 div,
.mainVisualImage div {
	width: 950px;
	height: 170px;
	margin: 0 auto;
	line-height: 1.5;
	position: relative;
}
.mainVisualImage1 div p {
	display: block;
	width: 400px;
	position: absolute;
	left: 240px;
	bottom: 1.5em;
	font-size: 12px;
	color: #333;
}
.mainVisualImage h2 {
	position: absolute;
	left: 234px;
	bottom: 4px;
}



/* WRAP
------------------------------------------------------------------------- */
#wrap { width: 980px; margin: 0 auto; font-size: 12px;}
#asideBlock {
	width: 251px;
	position: relative;
	top: -170px;
	margin-bottom: -150px;
	float: left;
	z-index: 9;
	overflow: hidden;
}
#container {
	overflow: hidden;
}

/* ASIDE
-------------------- */
.asideBlockInner {
	background: #fff;
	padding-top: 10px;
    margin-top: 4px;
	margin-bottom: 1em;
}
.asideBlockInner h1 {
	width: 109px;
	margin: 0 auto;
	padding: 45px 0 55px;
}

.menu_tab1,.menu_tab2{
	background-color:#656565;
	color:#fff;
	padding:8px 15px 4px;
	margin-top:-10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.menu_tab2{
	margin-left:5px;
}
.menu_tab_select{
	background-color: #eac035;
}

#globalNav li {
	padding: 1px 0;
	background: url(./img/common/img_line2.jpg) right bottom no-repeat;
}
#globalNav li img:hover,
#globalNav li img.over {
	background: #ddd;
}

.asideRankBlock1,
.asideRankBlock2 {
	margin-bottom: 1em;
	padding-bottom: 35px;
	background: #fff url(./img/common/aside_bg.jpg) bottom center no-repeat;
	background-size:251px;
}
.asideRankBlock1 ul,
.asideRankBlock2 ul {
	margin-top: 5px;
}
.asideRankBlock1 li,
.asideRankBlock2 li {
	width: 196px;
	margin: 0 auto;
	padding: 15px 0;
}
.asideRankBlock1 li.borderBlock,
.asideRankBlock2 li.borderBlock {
	border-bottom: 1px solid #dad5cb;
}

.asideRankBlock1 a {
	margin-top: 10px;
	text-decoration: underline;
	font-size: 10px;
}
.asideRankBlock2 p {
	font-size: 12px;
	padding-top: 14px;
}
.asideRankBlock1 .asideRankimage {
	padding: 0 4px 0 0;
}
.asideRankBlock2 .asideRankimage {
	padding: 0 18px 0 20px;
}




/* メインブロック
-------------------- */
#container .bnrBlock {
	margin-top: 8px;
	overflow: hidden;
}
.bnrBlock a {
	display: block;
	float: left;
}

.newsBlock {
	display: block;
	/* height: 33px; */
	width: 700px;
	margin-top: 15px;
	background: #fff;
	font-size: 12px;
	overflow: hidden;
}
.newsBlock dd {
	display: inline;
	/* height: 33px; */
	padding: 0 12px;
	/* line-height: 33px; */
}

#containerInner {
	margin-top: 8px;
	border-top: 1px dashed #aaa;
}
#containerInner a {
	text-decoration: underline;
	line-height: 1.6;
}
#containerInner .detailBlock {
	width: 700px;
	height: 115px;
	margin-top: 12px;
	position: relative;
	background: #fff;
	z-index: 999;
}
.detailBlock .checkbox1 {
	width: 20px;
	padding-left: 10px;
	padding-top: 50px;
}
.detailBlock .checkbox2 {
	width: 20px;
	padding-left: 10px;
	padding-top: 25px;
}
.detailBlock .blockInner1 {
	width: 320px;
	position: absolute;
	left: 130px;
	padding-top: 15px;
}
.detailBlock .blockInner1narrow {
	width: 300px;
	position: absolute;
	left: 150px;
	padding-top: 15px;
}
.detailBlock .blockInner1 li {
	margin-bottom: 8px;
}
.detailBlock .blockInner2 {
	width: 200px;
	height: 95px;
	position: absolute;
	left: 464px;
	padding: 18px 0 0 15px;
	border-left: 1px dashed #aaa;
}
.blockInner2 dl { line-height: 0; padding-bottom: 0.2em;}
.blockInner2 dt { font-size: 10px;}
.blockInner2 dd { padding-top: 8px;}

.detailPrice1 {
	color: #ff4848;
	margin-bottom: 4px;
	font-size: 10px;
}
.detailPrice1 dd {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	margin-top:-6px;
}
.detailPrice2 dd img{
    vertical-align: inherit;
    margin-top: -9px;
    height: 10px;
}
.detailPrice2 dt,
.detailPrice3 dt,
.detailPrice4 dt,
.detailPrice42 dt,
.detailPrice5 dt {
	width: 64px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin-right: 1em;
	color: #fff;
	text-align: center;
}
.detailPrice2 dt {
	background: url(./img/common/bg_green.jpg) repeat;
}
.detailPrice3 dt {
	background: url(./img/common/bg_blue.jpg) repeat;
}
.detailPrice4 dt,.detailPrice42 dt {
	background-color: #888;
}
.detailPrice5 dt {
	/*background: url(./img/common/bg_pink.jpg) repeat;*/
}

.detailBlock .blockInner3 {
	position: absolute;
	right: 0;
}
.detailBlock .blockInner1 .newIcon {
	color: red;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0;
	display: block;
	margin-right: 5px;
}


/* PANLIST INLINE
------------------------------------------------------------------------- */
div#panlist {
	padding-top: 1em;
	position: relative;
	z-index: 999;
}
div#panlist div.inner {
	position: relative;
	margin: 0px auto 0px auto;
	text-align: left;
	width: 950px;
}
div#panlist div.inner ul {
}
div#panlist div.inner ul li {
	float: left;
	font-size: 10px;
	background-color: transparent;
	background-image: url(./img/common/panlist_img.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-right: 7px;
	padding-left: 15px;
}
div#panlist div.inner ul li a {
	font-size: 10px;
	color: #aaa;
}
div#panlist div.inner ul li a:hover { text-decoration: underline;}
div#panlist div.inner ul li.top {
	padding-left: 0px;
	background: none;
}
div#panlist div.inner ul li.select {
	color: #000;
}

div#panList p.aboutCategory {
	width: 500px;
}





/* FOOTER
------------------------------------------------------------------------- */
#globalFooter {
	display: block;
	width: 100%;
	margin-top: 40px;
	padding-bottom: 1em;
	background: #424242;
	color: #fff;
	clear: both;
	border-top: 3px solid #e9b800;
}
#footerInner {
	width: 950px;
	position: relative;
	margin: 0 auto;
}

#totop {
	position: absolute;
	top: -32px;
	right: 0;
}
#footerInner .footerLogo {
	padding: 20px 10px;
	font-size: 10px;
}
#footerInner .footerLogo p {
	padding-top: 2em;
}
#footerInner .block1 {
	position: absolute;
	top: 25px;
	right: 0;
}
#footerInner .block2 {
	position: absolute;
	top: 50px;
	right: 0;
	font-size: 10px;
}
#footerInner .block1 a {
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
}
#footerInner .block1 a:hover { text-decoration: none;}