@charset "utf-8";
/* CSS Document */


/*default*/

html, body, 
h1, h2, h3, h4, h5, h6,
p, div, blockquote, address,
ul, ol, li, dl, dt, dd,
table, th, td {
	font-family: font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	margin: 0px;
	padding: 0px;
}

ol, ul, li {
	list-style-type: none;
}

img {
	border: none;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}
a img  {
	border:0;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
	position: relative;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.kerotto-cb {clear:both;}
/* End hide from IE-mac */
.bg-white {
	background-color:#fff;
}
.fl-l {
	float:left;
}
.fl-r {
	float:right;
}
.pad-l10 {
	padding-left:10px;
}
.mag-r7 {
	margin-right:7px;
}
.mag-b10 {
	margin-bottom:10px;
}
.mag-b20 {
	margin-bottom:20px;
}
.mag-t20 {
	margin-top:20px;
}



/* style.css */

#box-kerotto {
	width:950px;
	margin:0px auto;
	padding:0px;
	font-size: 12px;
	line-height: 1.4;
	text-align:left;
	}

a:link { color: #00f; }  
a:visited {	color: #00f;}
a:hover { color: #f06; text-decoration:underline; } 
a:active { color: #f06; text-decoration:underline; } 
a.active { color: #fff; text-decoration: none; font-weight:bold;}

.category a:link { color: #fff; text-decoration: none;}  
.category a:visited { color: #fff; text-decoration: none;}
.category a:hover { color: #fff; text-decoration: underline;} 
.category a:active { color: #fff; text-decoration: underline;} 



.item_name a:link { color: #39f;}  
.item_name a:visited { color: #39f;}
.item_name a:hover { color: #009;} 
.item_name a:active { color: #009;} 



#tab-toy .selected a:link { color: #fff; text-decoration: none;}  
#tab-toy .selected a:visited { color: #fff;  text-decoration: none;}
#tab-toy .selected a:hover { color: #f06; text-decoration: underline;} 
#tab-toy .selected a:active { color: #f06; text-decoration: underline;} 

/* box-selection-new */

#box-selection-new{
	width:950px;
	height:563px;
	margin-bottom:30px;
	background:url(../images/bg-contents02.jpg) left top no-repeat;
	position:static;
	}
	
#box-selection-new ul{
	position:relative;
	left:125px;
	top:81px;
	}

#box-selection-new li{
	margin-bottom:5px;
	float:left;
	display: block;
	}

#box-selection-new ul span{ font-weight:bold;color:#fff;}

#box-selection-new .tbl-item{
	position:relative;
	top:90px;
	background-image: url(../images/bg-contents02-bottom.jpg);
	background-repeat: repeat-y;
	background-position: left bottom;
	padding-bottom: 10px;
	padding-top: 10px;
}

#box-selection-new table{
	width:860px;
	margin:0px 50px;
}

#box-selection-new table.mag-btm15{ margin-bottom:15px;}

#box-selection-new table th{
	text-align:left;
	font-weight:bold;
	width: 25%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#box-selection-new table td{ width:195px;padding:0px 10px;}

#box-selection-new table th.category span{
	padding:2px;
	background-color:#F39;
	color: #FFF;
}

#box-selection-new table td.item_photo{ padding-bottom:3px;}
#box-selection-new table td.item_photo img{ border:1px #ccc solid;}

#box-selection-new table td.item_det{ color:#333;}

/* box-selection */

#box-selection{
	width:950px;
	height:585px;
	margin-bottom:10px;
	background:url(../images/bg-contents03.jpg) left top no-repeat;
	position:static;
	}
	
#box-selection ul{
	position:relative;
	left:125px;
	top:81px;
	}

#box-selection li{
	margin-bottom:5px;
	float:left;
	display: block;
	}

#box-selection ul span{ font-weight:bold;color:#fff;}

#box-selection .tbl-item{
	margin-bottom:5px;
	padding-top:90px;
}

#box-selection table{
	width:860px;
	margin:0px 50px;
}

#box-selection table.mag-btm15{ margin-bottom:15px;}

#box-selection table th{ text-align:left;font-weight:bold;padding:0px 10px 3px 10px;}
#box-selection table td{ width:195px;padding:0px 10px;}

#box-selection table th.category span{ padding:2px;background-color:#F39;}

#box-selection table td.item_photo{ padding-bottom:3px;}
#box-selection table td.item_photo img{ border:1px #ccc solid;}

#box-selection table td.item_det{ color:#333;}

#box-selection p.list-page{	margin:5px auto;}

#box-selection p.list-page span{	color:#39F;}




/*-- kerotto --*/
#sp-kerotto-bg {
	width:950px;
	height:auto;
	background:url(../images/bg-sp-kerroto.jpg) repeat-y;
	text-align:center;
	padding-bottom:18px;
	margin-bottom:25px;
}
.sp-kerotto-maintable {
	width:909px;
	height:auto;
	margin:0 auto;
}
.sp-kero-maintit{
	width:930px;
	height:128px;
	_width:950px;
	padding:0 20px 0 0;	
	background:url(../images/bg-kerotto-mainimg.jpg) no-repeat;
	text-align:right;
}

.sp-kero-nenne{
	width:445px;
	height:350px;
	background:#fff;
	float:right;
	text-align:center;
	_padding-bottom:5px;
}
.sp-kero-nenne .subtitle {
	width:445px;
	height:35px;
	background:url(../images/tit-kerotto-0banner.gif) no-repeat;
	text-align:right;

}
.sp-kero-nenne .nenne-innner {
	margin:5px 18px 0 18px;  
}
.sp-kero-nenne dl {
	float:left;
	width:225px;
}
.sp-kero-nenne dt {
	margin:0 0 5px 0;
	text-align:left;
}
.sp-kero-nenne dd.text {
	margin:0 0 5px 0;
	text-align:left;
	font-size:12px;
	line-height:1.4;
}
.sp-kero-nenne dd img {
	text-align:center;
	vertical-align:bottom;
	
}
.sp-kero-nenne img.btn-moni {
	margin:5px 10px 0 0;
}
.sp-kero-nenne dd.goodsimg {
	text-align:center;
	display:block;
}
.sp-kero-3tit {
	width:909px;
	height:35px;
	text-align:right;
	margin:20px auto 0 auto;
	background:url(../images/tit-kerotto-3.gif) no-repeat;
}
	
.sp-kero-3tit img.btn-moni {
	margin:5px 10px 0 0;
}
.sp-kerotto-maintable-white {
	width:909px;
	height:auto;
	margin:0 auto;
	background:#fff;
	padding:18px 0;
	text-align:center;
}
.sp-kerotto-maintable-white .kero-main-innder {
	margin:0 18px;
}
.kero-main-innder .ph-kerotto-3-aboutimg {
	width:476px;
	height:376px;
	background:url(../images/ph-kerotto-3-aboutimg.jpg) no-repeat;
	float:left;
	text-align:right;
}
.kero-main-innder .ph-kerotto-3-aboutimg img {
	position:absolute;
	top:320px;
	left:300px;
}
.kero-main-innder dl.kerotto-move {
	width:362px;
	float:right;
}
.kero-main-innder dl.kerotto-move dt {
	height:75px;
	background:url(../images/tit-kerotto-movetit.gif) no-repeat;
	text-align:right;
}
.kero-main-innder dl.kerotto-move img {
	position:absolute;
	top:55px;
	right:15px;
}
.kero-main-innder dl.kerotto-move dd {
	height:290px;
	padding-top:10px;
	text-align:center;
	background:url(../images/bg-kerotto-move-bg.gif) no-repeat;
}

.kero-main-innder .kero-ribon {
	width:872px;
	_width:100%;
	height:180px;
	background:url(../images/bg-kerotto-ribon-bg.jpg) no-repeat;
	margin:0 auto 15px auto;
	text-align:right;
}
.kero-ribon ul.ribon {
	width:445px;
	position:relative;
	top:122px;
	left:400px;
}
* html .kero-ribon ul.ribon {
	width:445px;
	position:absolute;
	top:1305px;
	left:495px;
}
ul.kero-monitorlink {
	width:909px;
	margin:20px 20px 0 20px;
	text-align:left;
}
ul.kero-monitorlink li {
	float:left;
	margin-right:5px;
}
.tit-kero-monitor {
	width:909px;
	height:74px;
	text-align:right;
	margin-bottom:10px;
	background:url(../images/bg-kerotto-monitor-tit01.gif) no-repeat;
}
.tit-kero-monitor img {
	margin-right:10px;
}


/*------ monitor ---------------------------*/
.bg-tbl{
	margin:0;
	border:1px solid #8FDADA;
	/*background:url(../images/bg-tbl-monitor.gif) left top no-repeat;*/
	}
	
.kero-main-innder table{
	width:870px;
	border-top:1px solid #8FDADA;
	background-color:#FFE;
	text-align:left;
	font-size:12px;
}
.kero-main-innder table.no-bd{border-top:none;}
.kero-main-innder table.bg-blu{background-color:#F4FDFF;}

.kero-main-innder table th img{ border:1px solid #ccc; }

.kero-main-innder table th.no-bd{
	width:53px;
	padding:5px;
	vertical-align:top;
	}
.kero-main-innder table th.no-bd01{
	width:53px;
	padding:5px;
	vertical-align:top;
	}

*html .kero-main-innder table th{width:58px;}
.kero-main-innder table td.td-blog{
	width:149px;
	padding:5px 2px 5px 0;
	vertical-align:top;
	border-right:1px solid #8FDADA;	
	}
.kero-main-innder table td.td-blog-no{
	width:149px;
	padding:5px 2px 5px 0;
	vertical-align:top;
	}	
*html .kero-main-innder table td{width:159px;}
.kero-main-innder table p.btn-more{ padding:5px 5px 0 0;text-align:right;}

.kero-main-innder table td.td-blog-no ul li{
	padding:0 0 0 20px;
	margin:2px 0 5px 0;
	background: url(../images/ico-kerotto-listicon.gif) no-repeat;
}
.kero-main-innder table td.td-blog ul li{
	padding:0 0 0 20px;
	margin:2px 0 5px 0;
	background: url(../images/ico-kerotto-listicon.gif) no-repeat;
}

.kero-main-innder p.name {
	font-weight:bold;
	color:#333;
}