@charset "UTF-8";

/* ranking PC
===========================================*/
/* contentBodyMain */
#contentAll #contentBodyMain{
	background:#ffffff url(../img/item/bg_h1.jpg) repeat-x left top;
	border:#9ab4c1 4px solid;
	padding-bottom:0px;
}

/* mainArea */
#contentAll #contentBodyMain div.mainArea{
	padding:0px 21px 0px 0px;
	background:#ffffff url(img/bg_itemmain_l.png) repeat-y left top;
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

#contentAll #contentBodyMain div.mainArea:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentBodyMain div.mainArea             { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain div.mainArea { zoom: 1; } /* IE7 */

#contentAll #contentBodyMain div.mainAreaL{width:240px; float:left;}
#contentAll #contentBodyMain div.mainAreaR{width:675px; float:right; padding:20px 0px 10px;}

/* localNav */
#contentAll #contentBodyMain div.localNav{padding:0px;}

#contentAll #contentBodyMain div.localNav ul{
	padding: 0 15px;
}

#contentAll #contentBodyMain div.localNav ul li{
	font-size:16px;
	line-height:1.1;
	background:transparent url(img/bg_itemnav_line.gif) no-repeat left bottom;
	font-weight: bold;
}
#contentAll #contentBodyMain div.localNav ul li span{
	display:block;
	padding:13px 0px 13px 23px;
	background:transparent url(img/arrow04.png) no-repeat 0px 0.9em;
}

#contentAll #contentBodyMain div.localNav ul li .trigger{
	background-image:url(img/arrow04_down.png);
	cursor: pointer;
	color: #0d3ffb;
}

#contentAll #contentBodyMain div.localNav ul li .trigger:hover{
text-decoration: underline;
}

#contentAll #contentBodyMain div.localNav ul li .on {
background-image:url(img/arrow04_up.png);
}

/* localNav01  localNav02 */
#contentAll #contentBodyMain div.localNav01{
	background: #fff5a1 url(img/bg_itemmain_l02.png) 0 0 repeat-y;
	margin:0;
}

#contentAll #contentBodyMain div.localNav02{
	background: transparent url(img/bg_itemmain_l03.png) 0 0 repeat;
	margin:0;
}

#contentAll #contentBodyMain div.localNav01 ul,
#contentAll #contentBodyMain div.localNav02 ul{
	padding: 0 15px;
}

#contentAll #contentBodyMain div.localNav01 ul li{
	font-size:16px;
	line-height:1.1;
	background:transparent url(img/bg_itemnav_line02.gif) no-repeat left bottom;
	font-weight: bold;
}
#contentAll #contentBodyMain div.localNav01 ul li:last-child{
	background: none;
}

#contentAll #contentBodyMain div.localNav02 ul li{
	font-size:16px;
	line-height:1.1;
	background:transparent url(img/bg_itemnav_line03.gif) no-repeat left bottom;
	font-weight: bold;
}
#contentAll #contentBodyMain div.localNav02 ul li:last-child{
	background: none;
}

#contentAll #contentBodyMain div.localNav01 ul li span{
	display:block;
	padding:13px 0px 13px 23px;
	background:transparent url(img/arrow05.png) no-repeat 0px 0.9em;
}

#contentAll #contentBodyMain div.localNav02 ul li span{
	display:block;
	padding:13px 0px 13px 23px;
	background:transparent url(img/arrow06.png) no-repeat 0px 0.9em;
}

#contentAll #contentBodyMain div.localNav01 p.localttl{
	color:#ff7b3a;
	background-color: #fff5a1;
	font-size:18px;
	line-height:1.1;
	padding:15px 0px 10px 0px;
	margin-bottom:0px;
	font-weight:bold;
	display: block;
	text-align: center;
}

#contentAll #contentBodyMain div.localNav ul li a,
#contentAll #contentBodyMain div.localNav01 ul li a,
#contentAll #contentBodyMain div.localNav02 ul li a        {cursor:pointer;text-decoration:none;}

#contentAll #contentBodyMain div.localNav ul li a.on span,
#contentAll #contentBodyMain div.localNav01 ul li a.on span,
#contentAll #contentBodyMain div.localNav02 ul li a.on span{ color:#333; text-decoration:none;}

#contentAll #contentBodyMain div.localNav ul li a:hover,
#contentAll #contentBodyMain div.localNav01 ul li a:hover,
#contentAll #contentBodyMain div.localNav02 ul li a:hover   {color:#0d3ffb;text-decoration:underline;}
#contentAll #contentBodyMain div.localNav ul li a:visited,
#contentAll #contentBodyMain div.localNav01 ul li a:visited,
#contentAll #contentBodyMain div.localNav02 ul li a:visited  {color:#0d3ffb;}

#contentAll #contentBodyMain div.localNav ul.accordion ul.submenu{
	display:none;
}

/* itemReadBox */
#contentAll #contentBodyMain div.itemReadBox{
	border:#ffa8d3 2px solid;
	padding:12px 15px 10px;
	margin-bottom:20px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	width: 625px;
}



#contentAll #contentBodyMain div.itemReadBox p{
	color:#666666;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}

#contentAll #contentBodyMain div.itemReadBox ul li{
	font-size:14px;
	color:#717171;
	margin-right:20px;
	float: left;
}


/*itemAncBlock*/
#contentAll #contentBodyMain div.itemAncBlock{	margin-bottom:16px;}

#contentAll #contentBodyMain div.itemAncBlock:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentBodyMain div.itemAncBlock             { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain div.itemAncBlock { zoom: 1; } /* IE7 */

#contentAll #contentBodyMain div.itemAncBlock ul.categorySelect li{
	float: left;
	border-right: 1px solid #e8e8e8;
	padding: 0 10px;
}
#contentAll #contentBodyMain div.itemAncBlock ul.categorySelect li:last-child{ border: none;}
#contentAll #contentBodyMain div.itemAncBlock ul.categorySelect li a.selected {
	cursor: default;
	text-decoration: none !important;
	color:#000;
}


/* categoryDetailList */
#contentAll #contentBodyMain .categoryDetailList:after{
	margin-bottom:10px; width: 100%;
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentBodyMain .categoryDetailList             { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain .categoryDetailList { zoom: 1; } /* IE7 */

#contentAll #contentBodyMain .categoryDetailList .itemDateBlock{
	width: 280px;
	border:#ffa8d3 2px solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	padding: 13px 18px;
	background-color:#ffeff7;
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	margin: 0 15px 20px 0;
}

* html #contentAll #contentBodyMain .categoryDetailList .itemDateBlock            { display: inline; zoom: 1;} /* IE6 */
*:first-child+html#contentAll #contentBodyMain .categoryDetailList .itemDateBlock { display: inline; zoom: 1;} /* IE7 */

#contentAll #contentBodyMain .categoryDetailList div.read{ display: table; height: 45px; }
#contentAll #contentBodyMain .categoryDetailList div.read p {color:#663399; overflow: hidden; line-height: 1.6; display: table-cell;}

#contentAll #contentBodyMain .categoryDetailList p.itemimg{ display: block; text-align: center;}
#contentAll #contentBodyMain .categoryDetailList p.itemimg img{ width: 190px;}

#contentAll #contentBodyMain .categoryDetailList p.read br { line-height: 0px;}

#contentAll #contentBodyMain .categoryDetailList div.itemName{ display: table; height: 80px; width: 280px;}
#contentAll #contentBodyMain .categoryDetailList h2{ color:#663399; text-align: center; font-size:16px; overflow: hidden; display: table-cell;}
#contentAll #contentBodyMain .categoryDetailList h2 span{ font-size: 12px;}

#contentAll #contentBodyMain .categoryDetailList .itemDateBlock table{
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 15px;
	width: 100%;
}

#contentAll #contentBodyMain .categoryDetailList table th,
#contentAll #contentBodyMain .categoryDetailList table td{ border: 1px solid #cccccc; vertical-align: middle; padding: 5px;}

#contentAll #contentBodyMain .categoryDetailList .itemDateBlock table th{ background-color:#ffcce4; color: #ff61ae; text-align:center; font-size:12px; height: 15px; overflow: hidden; }
#contentAll #contentBodyMain .categoryDetailList .itemDateBlock table td{ font-size: 14px; text-align: center; color:#333333; background-color:#FFF; height: 40px; overflow: hidden; }
#contentAll #contentBodyMain .categoryDetailList table td.max{ font-size:12px; }


/* itemDlBox */
#contentAll #contentBodyMain div.itemDlBox{margin:20px 0; width: 660px; height: 70px;}

#contentAll #contentBodyMain div.itemDlBox p.itemBtn{
	display:block;
	border:2px solid #ff401d;
	background: rgb(255,135,113); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,159,141,1) 0%, rgba(255,117,91,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,159,141,1)), color-stop(100%,rgba(255,117,91,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,159,141,1) 0%,rgba(255,117,91,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,159,141,1) 0%,rgba(255,117,91,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,159,141,1) 0%,rgba(255,117,91,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,159,141,1) 0%,rgba(255,117,91,1) 100%); /* W3C */
	background:#ff765d url(../img/item/itembtn_bg.png) repeat-x 0 0\9; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	font-size:20px;
	line-height:1.4;
	margin-bottom:6px;
	text-align: center;
	}
	
#contentAll #contentBodyMain div.itemDlBox p.itemBtn:hover{
	width: 656px;
	height: 68px;
	position: absolute;
	display: block;
	background: rgb(255,135,113); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,159,141,0.8) 0%, rgba(255,117,91,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,159,141,0.8)), color-stop(100%,rgba(255,117,91,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,159,141,0.8) 0%,rgba(255,117,91,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,159,141,0.8) 0%,rgba(255,117,91,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,159,141,0.8) 0%,rgba(255,117,91,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,159,141,0.8) 0%,rgba(255,117,91,0.8) 100%); /* W3C */
	background:#ff765d url(../img/item/itembtn_bg.png) repeat-x 0 0\9;
}
#contentAll #contentBodyMain div.itemDlBox p.itemBtn a{
	display:block;
	padding:20px 30px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none !important;
	background:transparent url(../img/item/itembtn_arrow.png) no-repeat right;
	}

#contentAll #contentBodyMain div.itemDlBox p.itemBtn a         {cursor:pointer;text-decoration:none !important;}
#contentAll #contentBodyMain div.itemDlBox p.itemBtn a:link    {color:#ffffff;text-decoration:none !important;}
#contentAll #contentBodyMain div.itemDlBox p.itemBtn a:visited {color:#ffffff;text-decoration:none !important;}
#contentAll #contentBodyMain div.itemDlBox p.itemBtn a:hover   {	color:#ffffff; text-decoration:underline!important;}
#contentAll #contentBodyMain div.itemDlBox p.itemBtn a:active,
#contentAll #contentBodyMain div.itemDlBox p.itemBtn a:focus   {color:#ffffff;text-decoration:none !important;}








/* howto SP
===========================================*/
@media only screen and (max-width: 767px){

/* contentBodyMain */
#contentAll #contentBodyMain{
	background:#ffffff url(../img/item/bg_h1.jpg) repeat-x left top;
	background-size:750px 40px;
	border:#9ab4c1 2px solid;
	padding-bottom:5px;
}

/* mainArea */
#contentAll #contentBodyMain div.mainArea{
	padding:0px;
	background:#ffffff;
	}

#contentAll #contentBodyMain div.mainAreaL{width:auto; float:none;}
#contentAll #contentBodyMain div.mainAreaR{width:auto; float:none; padding:10px;}

/* localNav */
#contentAll #contentBodyMain div.localNav,
#contentAll #contentBodyMain div.localNav01,
#contentAll #contentBodyMain div.localNav02{padding:0px;}

#contentAll #contentBodyMain div.localNav01,
#contentAll #contentBodyMain div.localNav02{ background-image: none;}

#contentAll #contentBodyMain div.localNav ul,
#contentAll #contentBodyMain div.localNav01 ul,
#contentAll #contentBodyMain div.localNav02 ul{ padding: 0;}

#contentAll #contentBodyMain div.localNav ul li,
#contentAll #contentBodyMain div.localNav01 ul li,
#contentAll #contentBodyMain div.localNav02 ul li{font-size:12px; line-height:1.1; border-top:#ffffff 1px solid;}

#contentAll #contentBodyMain div.localNav01 ul li,
#contentAll #contentBodyMain div.localNav02 ul li{ background-image: none;}

#contentAll #contentBodyMain div.localNav ul li span{
	padding:9px 10px 9px 26px;
	background:#e7f0f5 url(img/arrow04_sp.png) no-repeat 10px 0.8em;
	background-size:12px 12px;
}

#contentAll #contentBodyMain div.localNav ul li .trigger{
	background-image:url(img/arrow04_down_sp.png) ;
}

#contentAll #contentBodyMain div.localNav ul li .on {
background-image:url(img/arrow04_up_sp.png) !important;
}


#contentAll #contentBodyMain div.localNav01 ul li span{
	padding:9px 10px 9px 26px;
	background:#fffbc6 url(img/arrow05_sp.png) no-repeat 10px 0.8em;
	background-size:12px 12px;
}

#contentAll #contentBodyMain div.localNav02 ul li span{
	padding:9px 10px 9px 26px;
	background:#c4f0d3 url(img/arrow06_sp.png) no-repeat 10px 0.8em;
	background-size:12px 12px;
}

#contentAll #contentBodyMain div.localNav01 p.localttl{
	color:#ff7b3a;
	background-color: #fff590;
	font-size:12px;
	line-height:1.1;
	padding:6px 10px 6px 10px;
	text-align: left;
}

/*itemAncBlock*/
#contentAll #contentBodyMain div.itemAncBlock{	margin-bottom:9px;}
#contentAll #contentBodyMain div.itemAncBlock ul.categorySelect li{ font-size: 12px;}
#contentAll #contentBodyMain div.itemAncBlock ul.categorySelect li a{ text-decoration:underline !important;}

/* itemReadBox */
#contentAll #contentBodyMain div.itemReadBox{
	border:#fd93c9 1px solid;
	padding:8px;
	margin-bottom:13px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	width: auto;
}
#contentAll #contentBodyMain div.itemReadBox p{font-size:12px;}
#contentAll #contentBodyMain div.itemReadBox ul li{font-size:10px; margin-bottom:0px;}


/* itemMainBox */
#contentAll #contentBodyMain .categoryDetailList .itemDateBlock{
	margin: 0 auto 15px;
	border:#ffa8d3 1px solid;
	width: auto;
	display: block;
}

#contentAll #contentBodyMain .categoryDetailList div.read{ height: auto;}
#contentAll #contentBodyMain .categoryDetailList div.read p { font-size: 12px; margin-bottom: 0;}
#contentAll #contentBodyMain .categoryDetailList p img{ width: 100%;}

#contentAll #contentBodyMain .categoryDetailList div.itemName { height: auto; margin-bottom: 10px; width: 100%;}
#contentAll #contentBodyMain .categoryDetailList div.itemName h2{ color:#663399; text-align: center; font-size:14px;  min-height: 0px;  height: auto;}
#contentAll #contentBodyMain .categoryDetailList div.itemName h2 span{ font-size: 10px;}

#contentAll #contentBodyMain .categoryDetailList .itemDateBlock table{
	margin-bottom: 9px;
}


#contentAll #contentBodyMain .categoryDetailList .itemDateBlock table td{ font-size: 12px; height: auto;}
#contentAll #contentBodyMain .categoryDetailList table td.max{ font-size:10px; }


/* itemDlBox */
#contentAll #contentBodyMain div.itemDlBox{
	margin:10px 0 5px;
	width: auto;
}

#contentAll #contentBodyMain div.itemDlBox p.itemBtn{
	font-size:12px;
	line-height:1.4;
	margin-bottom:6px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	}

#contentAll #contentBodyMain div.itemDlBox p.itemBtn:hover{
	width: auto;
	height: auto;
	position: static;
}

#contentAll #contentBodyMain div.itemDlBox p.itemBtn a{
	display:block;
	padding:15px 20px;
	background:transparent url(../img/item/itembtn_arrow_sp.png) no-repeat right;
	background-size:19px 10px;
	text-align:center;
	}



}