@charset "shift_jis";
/* CSS Document */

/*----------------------
▼cssセレクタについて
div > ul　→　divの直下のulのみ適用
li:nth-child(2)　→　2番目のliに適用
li:nth-child(4n)　→　4,8,12…番目のliに適用
li:nth-child(n+4)　→　4番目から最後まで
div[id^="ka"]　→　kaで始まるdiv#
div[id$="rank"]　→　rankで終わるdiv#
----------------------*/


#kids {
	margin:0 auto;
	width:750px;
	text-align:center;
	background:url(../IMAGE/kids_shunou/bg.jpg);
}
#kids * {
	margin:0;
	padding:0;
}
#kids h3 {
}
#kids h4 {
}
#kids ul, #kids ul li,#kids dl, #kids dl dt, #kids dl dd {
	list-style:none;
}
#kids .ul_m {
	width:730px;
	padding:0 0 12px 10px;
	overflow:hidden;
}
#kids .ul_m li {
	float:left;
	list-style:none;
}
#kids dt, #kids dd {
	float:left;
}
#kids dl.w190 dd ul{
	width:195px;
}
#kids img {
	vertical-align:bottom;
	border:none;
}
#kids a:hover img{
	opacity:0.9;
	filter: alpha(opacity=90);
	background: #fff;
}
#kids a:hover img.imgover {
	filter: alpha(opacity=100);
	opacity:1.0;
	background:none;
}
#kids .p_top {
	text-align:right;
	padding:10px 10px 30px 0;
}
#kids .cr,
#kids ul[class^="ul_col"] > li.cr{
	background:none;
	margin-top:13px;
	margin-left:10px;
	text-align:left;
}
#kids .cr2,
#kids ul[class^="ul_col"] > li.cr2{
	background:none;
	margin-top:8px;
	margin-bottom:-32px;
	text-align:left;
        clear:both;
        width:710px;
}
#kids .cr2 a {
margin:0 auto;
padding:0;
}
/* --- 中バナー2つ並び --- */
#kids ul.bn2{
	width:700px;
	margin:10px auto;
	overflow:hidden;
}
#kids ul.bn2 li{
	float:left;
	width:350px;
	text-align:center;
}
/*■■■　クーポン　■■■*/
#kids #c_1000en {
	width:750px;
	margin-bottom: 30px;
}
#kids #c_1000en ul{
	width:700px;
	margin-left:70px;
}
#kids #c_1000en ul li {
	margin-bottom:20px;
	font-size: 12px;
	font-weight: bold;
	color: #6B4637;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: 0 0 5px #FFF, 0 0 0px #FFF, 0 0 0.10px #FFF;
	float:left;
	text-align:left;
}
#kids #c_1000en ul li strong {
	font-size: 16px;
	font-weight: bold;
	color: #FF0033;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: 0 0 5px #FFF, 0 0 0px #FFF, 0 0 0.10px #FFF;
	float:left;
	text-align:left;
}
#kids #c_1000en ul li.btt {
	padding:30px 0 0 20px;
}

/*■■■　ナビ　■■■*/
#kids ul#navi{
	width:750px;
	height:506px;
	position:relative;
	background:url(../IMAGE/kids_shunou/map.jpg?160512) no-repeat;
}
#kids li[class^="map"]{
	position:absolute;
	width:160px;
	text-align:left;
}
#kids li.map1{ top:60px; left:370px; }
#kids li.map2{ top:270px; left:200px; }
#kids li.map3{ bottom:140px; right:0px; }
#kids li.map4{ bottom:40px; right:0px; }
#kids li.map5{ top:80px; left:100px; }
#kids li.map6{ top:160px; left:150px; }
#kids li.map7{ top:38px; left:32px; }
#kids li.map8{ bottom:75px; right:120px; }
#kids li.map9{ bottom:110px; right:200px; }


/*■■■　テーブル　■■■*/
#kids table {
	margin:0 15px;
	width:678px;
	background:#FFF;
	border-top:solid 1px #CDCAC5;
	border-left:solid 1px #CDCAC5;
	text-align:center;
}
#kids table th {
	background:#FAFAF0;
	
}
#kids table th, #kids table td {
	border-bottom:solid 1px #CDCAC5;
	border-right:solid 1px #CDCAC5;
}
#kids table td.pink {
	background:#FEF7FA;
}
#kids table .line1 {
	border-bottom:dotted 1px #CDCAC5;
	border-right:dotted 1px #CDCAC5;
}
#kids table .line2 {
	border-bottom:dotted 1px #CDCAC5;
}
#kids table .line3 {
	border-right:dotted 1px #CDCAC5;
}
/*FEF7FA*/

/*■■■ ブロック ■■■*/

#kids div[id^="m"]{
	width:730px;
	margin:0 auto;
	background:#FFF;
	text-align:center;
	overflow:hidden;
}

#kids #m_pickup ul[class^="ul_col"] { background:url(../IMAGE/kids_shunou/osusume_bg.jpg?160517) repeat-y; }
#kids #m0 ul[class^="ul_col"],#kids #m1 .div_box { background:url(../IMAGE/kids_shunou/aki/pic_bg.jpg) repeat-y; }
#kids #m1 ul[class^="ul_col"],#kids #m1 .div_box { background:url(../IMAGE/kids_shunou/t1_bg.jpg) repeat-y; }
#kids #m2 ul[class^="ul_col"] { background:url(../IMAGE/kids_shunou/t2_bg.jpg) repeat-y; }
#kids #m3 ul[class^="ul_col"] { background:url(../IMAGE/kids_shunou/t6_bg.jpg) repeat-y; }
#kids #m4 ul[class^="ul_col"] { background:url(../IMAGE/kids_shunou/t4_bg.jpg) repeat-y; }
#kids #m5 ul[class^="ul_col"] { background:url(../IMAGE/kids_shunou/t9_bg.jpg) repeat-y; }
#kids #m6 ul[class^="ul_col"] { background:url(../IMAGE/kids_shunou/t7_bg.jpg) repeat-y; }
#kids #m7 ul[class^="ul_col"] { background:url(../IMAGE/kids_shunou/t8_bg.jpg) repeat-y; }

/*#kids #m3 ul[class^="ul_col"] { background:url(../IMAGE/kids_shunou/t3_bg.jpg) repeat-y; }*/
/*#kids #m5 ul[class^="ul_col"] { background:url(../IMAGE/kids_shunou/t5_bg.jpg) repeat-y; }*/

/*■■■ 商品 ■■■*/

#kids ul[class^="ul_col"],#kids .div_box{
	width:710px;
	margin:0 auto 15px;
	padding:10px 0;
	overflow:hidden;
	border-radius:0 0 7px 7px;
}
#kids ul[class^="ul_col"] > li{
	float:left;
}
#kids ul[class^="ul_col"] > li > a{
	margin:0 auto;
	display:block;
	padding-bottom:22px;
}
#kids ul[class^="ul_col"] > li > a.none{
	background:none;
	padding-bottom:0;
}

#kids ul[class^="ul_col"] dl{
	width:190px;
	overflow:hidden;
	margin:0 auto 15px;
}
#kids ul[class^="ul_col"] dl.col3{
	width:160px;
	overflow:hidden;
	margin:0 auto 15px;
}
#kids ul[class^="ul_col"] dl.col3_2{
	width:190px;
	overflow:hidden;
	margin:0 auto 15px;
}
#kids ul[class^="ul_col"] dl.col3_2 dd a{
	width:186px;
	height:21px;
	margin:0 0 3px;
	display:block;
}

#kids ul[class^="ul_col"] dd a{
	width:166px;
	height:21px;
	margin:0 0 3px;
	display:block;
}

#kids ul[class^="ul_col2"] dd a{
	width:200px;
	height:21px;
	margin:0 0 3px;
	display:block;
        z-index:1;
}

#kids ul[class^="ul_col"] dd .imgover{
	float:left;
}

#kids .ul_col3 > li{
	width:236px;
	background:url(../IMAGE/kids_shunou/bg3.png?160420) center bottom no-repeat;
}
#kids .ul_col4 > li{
	width:176px;
	background:url(../IMAGE/kids_shunou/bg4.png) center bottom no-repeat;
}

#kids .ul_col3_long > li:nth-child(1){ margin-left:2px; }

#kids .ul_col4, #kids .ul_col4p, #kids .ul_col4_long li:nth-child(1){ margin-left:2px; }

#kids .ul_col4p > li{
	width:176px;
	background:url(../IMAGE/kids_shunou/bg4.jpg) center bottom no-repeat;
}
#kids .ul_col5 > li{
	width:142px;
	background:url(../IMAGE/kids_shunou/bg5.png) center bottom no-repeat;
}
#kids .ul_col3_long > li{
	width:176px;
	background:url(../IMAGE/kids_shunou/180928/bg3.jpg) center bottom no-repeat;
}

#kids .ul_col4_long > li{
	width:176px;
	background:url(../IMAGE/kids_shunou/bg6.jpg) center bottom no-repeat;
}
#kids .ul_col8 > li{
	background-color:#ffffff;
        height: 230px;
}
#kids .ul_col8 > li:first-child{
        height: 61px;
}

#kids ul.ul_col1{
	padding:0;
	background:none;
}
#kids ul.ul_col1 > li{
	width:710px;
	overflow:hidden;
	position:relative;
}
#kids ul.ul_col1 > li > a{
	padding-bottom:0;
}

#kids ul.ul_col1 > li dl{
	width:395px;
	overflow:hidden;
	position:absolute;
	left:25px;
	bottom:16px;
}
#kids ul.ul_col1 > li dd a{
	width:395px;
}

#kids .ul_col2 > li{
	width:355px;
	position:relative;
}
#kids ul.ul_col2 > li dl{
	overflow:hidden;
	position:absolute;
	left:25px;
	bottom:20px;
}
#kids ul.ul_col2_2{
	padding:0;
	background:none;
}
#kids ul.ul_col2_2 > li{
	width:355px;
	overflow:hidden;
	position:relative;
}
#kids ul.ul_col2_2 > li > a{
	padding-bottom:0;
}

#kids ul.ul_col2_2 > li dl{
	width:308px;
	overflow:hidden;
	position:absolute;
	left:25px;
	bottom:20px;
}
#kids ul.ul_col2_2 > li dd a{
	width:308px;
}
#kids ul.ul_col8{
	padding:0;

	background-color:#FFFFFF;
        width:680px;
		
}




/*1カラム>リンク1つの場合*/
#kids ul.ul_col1 > li a dd{
	width:300px;
	text-align:center;
}
#kids ul.ul_col1 > li a dd .imgover {
	position:absolute;
	right:0px;
	bottom:0px;
}
/*2カラム>リンク1つの場合*/

#kids ul.ul_col2_2 > li a dd{
	width:150px;
	text-align:center;
}
#kids ul.ul_col2_2 > li a dd .imgover {
	position:absolute;
	right:0px;
	bottom:0px;
}

/*[おもちゃ・絵本収納]GIFアニメ*/
#kids #m2 .anime{
	position:absolute;
	right:12px;
	bottom:15px;
}

/*汎用*/
#kids .awase{
	margin:0 auto -10px!important;
	padding:10px 0;
}



/*■■■ キャンペーン説明 ■■■*/
#m10{
	width:750px;
	margin:0 auto;
	text-align:center;
	height:350px;
	
}
#m10 *{
	font-family:"メイリオ", Meiryo, sans-serif;
}

#m10 ul{
	width:730px;
	margin:0 auto 15px;
	padding:0;
	overflow:hidden;
	border-radius:0 0 7px 7px;
	background:#FE4976;
}

#m10 li{
	width:350px;
	float:left;
}
#m10 li:nth-child(1){
	margin:0 5px 10px 10px;
}
#m10 li:nth-child(2){
	margin:0 10px 10px 5px;
}
#m10 dl{
	width:700px;
	/*width:350px;*/
	padding:10px 0;
	margin:0 auto;
	background:#FFF;
	color:#5B4B3E;
}
#m10 dt,#m10 dd{
	width:680px;
	/*width:330px;*/
	line-height:130%;
	text-align:none;
	/*text-align:left;*/
	text-align:left;
	
}
#m10 dt{ 
	margin:10px auto 0; 
	font-weight:bold; 
}
#m10 dd{
	margin:5px auto; 
	font-size:12px;
}

#m10 dd.dd_red {
	color:#FF0000;}


#m10 dl.att{
	/*border-top:dashed #C1BEB9 1px;*/
	color:#FF0000;
	
	
}
#m10 dl.att dt{ 
	margin:0 auto;
	padding-top:10px; 
}



/*■■■ おすすめの特集 ■■■*/
#m11 {
	width:730px;
	margin:40px auto 0;
	padding-bottom:10px;
	text-align:center;
	border-radius:7px;
	background:#7BD37C;
}
#m12 {
	width:730px;
	margin:30px auto 20px !important;
	padding-bottom:10px;
	text-align:center;
	border-radius:7px;
	background:#7BD37C;
}

#m11 a:hover img, #m12 a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	background: #fff;
}
#m11 ul, #m12 ul{
	width:710px;
	margin:0 auto;
	overflow:hidden;
	background:#FFF;
}
#m11 li, #m12 li{
	float:left;
	width:355px;
	margin:8px 0;
	text-align:center;
}
#m0_bn {
	width:730px;
	margin:0 auto;
	padding-bottom:10px;
	text-align:center;
	border-radius:7px;
	background:#7BD37C;
}

#m0_bn a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	background: #fff;
}
#m0_bn ul{
	width:710px;
	margin:0 auto;
	overflow:hidden;
	background:#FFF;
}
#m0_bn li{
	float:left;
	width:355px;
	margin:8px 0;
	text-align:center;
}

/* ■■■■■ 価格 ■■■■■ */

#kids .buy_price, #kids .buy_price li {
	float:none;
	line-height:100%;
	width:auto;
	margin:2px 0 5px;
	padding:0;
	border:none;
	background:none;
}
#kids li.motoprice {
	display:none;
}
#kids li.price {
	display:inline;
	color:#ff0000;
	font-size:18px;
	font-weight:bold;
}
#kids .intax {
	display:inline;
	font-size:10px;
	color:#ff0000;
}
#kids span.spesicalprice {
	display:none;
	font-size:10px;
	color:#00F;
}

/*個別指定*/
#kids table li.price { font-size:15px;}
#kids table span.spesicalprice{ display:block; }

#kids ul[class^="ul_col"] dl li.price { font-size:15px; }
#kids ul.ul_col1 dl li.price { font-size:18px; }


.cap{display:block;text-align:right;font-size:11px;margin-top:5px;}


/*----------------------
　　　　全体
----------------------*/
#coupon * {
	margin:0;
	padding:0;
}
#coupon {
	width:750px;
	margin:0 auto;
	/*padding-bottom:90px;*/
	background:#FFF;
	color:#634D2E;
	font-size:14px;
	line-height:130%;
	overflow:hidden;
	
}

#coupon img {
	border:none;
	vertical-align:bottom;
}
#coupon ul,#coupon dl{
	list-style-type:none;
}
#coupon h2{
}
#coupon h3{
	padding-top:10px;
	clear:both;
}
#coupon a{
	color:#09C;
}
#coupon a:hover{
	color:#F36;
}

/*----------------------
　タイトル下の注意書き
----------------------*/
#coupon .box{
	background:url(../IMAGE/140501coupon/bg.jpg) repeat-y;
}
#coupon p.mukou{
	width:480px;
	height:41px;
	float:left;
	line-height:41px;
	font-size:11px;
	text-align:center;
}

/*----------------------
　　　　発行状況
----------------------*/
#coupon #hakkou {
	width:750px;
	height:200px;
	background:url(../IMAGE/140501coupon/ti1.jpg) no-repeat;
	clear:both;
	float:left;
}
#coupon #hakkou .name{
	height:56px;
	line-height:56px;
	font-size:24px;
	font-weight:bold;
	color: #886600;
	padding-left:130px;
	float:left;
}

/*----------------------
　　クーポンの使い方
----------------------*/
#coupon #howto ul li{
	width:375px;
	float:left;
}

/*----------------------
　　 事前にチェック
----------------------*/
#coupon #check{
	background:url(../IMAGE/140501coupon/bg3.jpg) repeat-y;
	padding:0 30px;
}
#coupon #check ul li,#coupon #check dl dt{
	padding:6px 0 10px 38px;
	background:url(../IMAGE/140501coupon/icon.jpg) no-repeat top left;
}
#coupon #check dl dd{
	padding:0 0 10px 38px;
}
#coupon #check dl dt{
	font-weight:bold;
	color:#D71344;
}
#coupon .check_btm{
	height:50px;
	padding-right:34px;
	text-align:right;
	font-weight:bold;
	background:url(../IMAGE/140501coupon/btm3.jpg) no-repeat top left;
}

/*----------------------
　　 　　バナー
----------------------*/
#coupon .bn p{
	margin:15px 0;
	text-align:center;
}
ul.coolitem{
}
ul.coolitem li{
	float:left;
}

ul.coolitem a:hover img , .more a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

p.more{
	text-align:right;
}

.norogin img{
	float:left;
}