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

body{
	background-image:url(../images/body_background.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	color:#575757;
	}
	
/* -header
============================================================*/


#gHeader h1{
	padding:10px 0 5px 5px;}
	
	
/* -header_2nd
============================================================*/

#header_2nd h1{
	padding:10px 0 5px 5px;
	}
	
#header_2nd .logo{
	float:left;
	}
	
#header_2nd .topBtn{
	float:right;
	padding-top:5px;
	margin:10px 5px;
}


/* -footer
============================================================*/

#gFooter{
	margin-top:5px;
	background-color:#222222;
	font-size:12px;
	color:#FFFFFF;
	border-top:solid 2px #333333;
	}

.FooterNavi01 li{
	padding:5px 0 5px 5px;
	border-bottom:solid 1px #333333;
	}
	
.FooterNavi01 li a{
	display:block;
	padding:8px 0;
	color:#FFFFFF;
	}
	
.Copyright{
	text-align:center;
	margin:10px;
	}


/* -Attention
============================================================*/

#attention{
	background-color:#FFF;
	padding:10px 0px;
	border-bottom:#999999 solid 1px ;
	text-align:center;
	}
#attention li a{
	color:#FF0000;
	text-decoration:none;
	}

	
/* MIDASHI
-----------------------------------------*/

h2 { background-image:url(http://ccp-jp.com/toy/smp/common/images/title_bg.jpg);
	background-repeat:repeat-x;
	clear:both;
	}

h2.youtube_ttl {background:url(../images/title_bg_youtube.jpg) repeat-x; clear:both; line-height:0; margin:0; padding:0;}

h2.inquiry_ttl {background:url(../images/title_bg_inquiry.jpg) repeat-x; clear:both; line-height:0; margin:0; padding:0;}

/* Search
-----------------------------------------*/

#Search{
	padding-top:8px;
	padding-bottom:8px;
	background-image:url(../images/search_bg.jpg);
	background-repeat:repeat-x;
	clear:both;
	}

#Search div{
	margin:auto;
	width:320px;
	}

#Search img.icon{
	margin:0 5px;
	margin-bottom:-4px;
	}

#Search .SearchBox{
	height:23px;
	width:200px;
	margin-right:1px;
	margin-left:2px;
	border:solid 1px #ccc;
	border-radius:5px;
	}


/* TOP-
-----------------------------------------*/
#TopSns {
	border-top:#CCC 1px solid;
	padding:20px 5px 10px 5px;
	}

#TopSns ul{
	list-style:none;
	}

#TopSns li {
	text-align:center;
	margin:0 0 5px 0;
	}


/* TOP-Products
-----------------------------------------*/

#Products h3{
	text-align:center;
	background-image:url(../images/title_bg03.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	}

#Products ul{
	color:#666666;
	font-size:12px;
	line-height:1.5em;
	}

#Products li{
	border-bottom:solid 1px #ebebeb;
	background-image:url(../images/arrow-green.jpg);
	background-repeat:no-repeat;
	background-position: 99% 50%;
	padding:6px;
	}

#Products li.more{
	background-image:url(../images/arrow-button.jpg);
	background-repeat:no-repeat;
	background-position: 100% 50%;
	text-align:right;
	}

#Products li.last{
	border-bottom:solid 0px;
	}

#Products li.more a{
	display:block;
	padding:5px 25px 5px 0px;	color:#555;
}

#Products li.last a{
	display:block;
	padding:5px 25px 3px 0px;
	}


#Products dl{
	clear:both;
	margin-right:20px;
	}

#Products dt{
	float:left;
	padding-right:6px;
	}

#Products dt.title{
	float:none;
	font-size:12px;
	color:#8dba00;
	}

#Products dd.title{
	font-size:12px;
	color:#8dba00;
	}

#Products a{
	display:block;
	}

/*ProductsDetail*/

#ProductsDetail .productsLogo{
	text-align:center;
	margin-bottom:5px;
	}
	
#ProductsDetail .productsLogo img{
	max-width:300px;
	height: auto;
	}

#ProductsDetail dt{
	font-size:14px;
	color:#8dba00;
	line-height:1.5em;
	margin:0 10px;
	}

#ProductsDetail dd.price{
	margin:10px;
	}

#ProductsDetail dd.MainProducts{
	text-align:center;
	margin:10px 0;
	}

#ProductsDetail dd.btn {
	padding:0 5%;
	}
	
#ProductsDetail dd.btn a{
	text-align:center;
	display:block;
	font-size: 14px;
	color: #666666;
	padding: 10px 15px;
	background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 50%,#d6d6d6);
	background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(0.50, #ffffff),to(#d6d6d6));
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	border: 1px solid #adadad;
	-moz-box-shadow:
		0px 1px 0px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 0px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 0px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
	}

#ProductsDetail dd.txt{
	margin:10px;
	font-size:12px;
	}

#ProductsDetail dd.attention{
	margin:10px;
	font-size:12px;
	color:#FF6666;
	}


/*ProductsSpec*/

#ProductsSpec h2{
	text-align:center;
	background-image:url(../images/title_bg03.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	}

#ProductsSpec ul{
	border-bottom:solid 1px #CCCCCC;
	}

#ProductsSpec li{
	padding:0 10px;
	margin:2px 0;
	}

#ProductsSpec li:nth-child(2n){ /* 偶数行 */
   background-color:#F0F0F0;
}

#ProductsSpec li span{
	color:#8dba00;
	}

#ProductsSpec div.productManual{
	padding:10px;
	text-align:right;
	border-bottom:solid 1px #CCCCCC;
	}

#ProductsSpec div.productManual img{
	margin-bottom:-3px;
	}

#ProductsSpec .txt{
	margin:10px;
	font-size:12px;
	}

/*ProductsMovie*/

#ProductsMovie h2{
	text-align:center;
	background-image:url(../images/title_bg03.jpg);
	background-repeat:repeat-x;
	background-color:#8eb117;
	color:#FFFFFF;
	}

#ProductsMovie .youtube{
	text-align:center;
	padding:10px 0;
	}

#ProductsMovie .youtubeTitle{
	width:300px;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:5px;
	font-size:12px;
}

#ProductsMovie .youtubeList{
	text-align:center;
	padding:0 0 5px 0;
	border-bottom:#CCC 1px solid;
}


#ProductsMovie ul{
	list-style:none;
	margin-bottom:30px;
	}

#ProductsMovie li.btn {
	padding:0 5%;
	margin:10px 0;
	}
	
#ProductsMovie li.btn a{
	text-align:center;
	display:block;
	font-size: 14px;
	color: #666666;
	padding: 10px 15px;
	background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 50%,#d6d6d6);
	background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(0.50, #ffffff),to(#d6d6d6));
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	border: 1px solid #adadad;
	-moz-box-shadow:
		0px 1px 0px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 0px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 0px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
	}



/*並び順・画像表示*/

#ProductsOrder{
	font-size: 12px;
	}

#ProductsOrder .orderForm{
	padding:5px;
	border-bottom:solid #CCC 1px;
	}

#ProductsOrder .orderList{
	border-bottom:solid #CCC 1px;
	}

#ProductsOrder ul.orderImg li{
	background-image:none;
	list-style-type: none;
	border:none;
	float:left;
	}
	
#ProductsOrder ul.orderImg li.txt{
	margin:4px 0px;
	}
	
#ProductsOrder ul.orderImg p.buttonOff{
	background-image:none;
	margin-left:-3px;
	color: #8c8c8c;
	padding: 1px 10px;
	background: -moz-linear-gradient(
		top,
		#bebebe 0%,
		#bebebe);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#bebebe),
		to(#bebebe));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #a1a1a1;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0.4),
		0px 0px 0px rgba(255,255,255,0.3);
	}
	
#ProductsOrder ul.orderImg p.button{
	background-image:none;
	color: #8c8c8c;
	padding: 1px 10px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#d6d6d6));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #a1a1a1;
	-moz-box-shadow:
		0px 1px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0.4),
		0px 0px 0px rgba(255,255,255,0.3);
	}

		
/* TOP-News
-----------------------------------------*/

#News ul{
	color:#666666;
	font-size:12px;
	line-height:1.5em;
	}

#News li{
	border-bottom:solid 1px #ebebeb;
	background-image:url(../images/arrow-yellow.jpg);
	background-repeat:no-repeat;
	background-position: 99% 50%;
	padding:6px;
	}

#News li.more{
	background-image:url(../images/arrow-button.jpg);
	background-repeat:no-repeat;
	background-position: 100% 50%;
	text-align:right;
	}

#News li.last{
	border-bottom:solid 0px;
	}

#News li.more a{
	display:block;
	padding:5px 25px 5px 0px;	color:#555;
}

#News li.last a{
	display:block;
	padding:5px 25px 3px 0px;
	}

#News dl{
	clear:both;
	margin-right:20px;
	}

#News dt{
	font-size:10px;
	color:#e18108;
	padding-right:6px;
	}


#News a{
	display:block;
	}


/* TOP-Special
-----------------------------------------*/

#Special h3{
	text-align:center;
	background-image:url(../images/title_bg04.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	}

#Special ul{
	color:#666666;
	font-size:12px;
	line-height:1.5em;
	}

#Special li{
	border-bottom:solid 1px #ebebeb;
	background-image:url(../images/arrow-blue.jpg);
	background-repeat:no-repeat;
	background-position: 99% 50%;
	padding:6px;
	}

#Special li.more{
	background-image:url(../images/arrow-button.jpg);
	background-repeat:no-repeat;
	background-position: 100% 50%;
	text-align:right;
	}

#Special li.last{
	border-bottom:solid 0px;
	}

#Special li.more a{
	display:block;
	padding:5px 25px 5px 0px;	color:#555;
}

#Special li.last a{
	display:block;
	padding:5px 25px 3px 0px;
	}


#Special dl{
	clear:both;
	margin-right:20px;
	}

#Special dt{
	float:left;
	padding-right:6px;
	}

#Special dd.title{
	font-size:12px;
	color:#1f71c7;
	}

#Special a{
	display:block;
	}


/* TOP-Youtube
-----------------------------------------*/

#Youtube ul{
	background:#d8d8d8;
	color:#666666;
	font-size:12px;
	line-height:1.5em;
	}

#Youtube li{
	border-bottom:solid 1px #ebebeb;
	background-image:url(../images/20150712_arrow-red.png);
	background-repeat:no-repeat;
	background-position: 99% 50%;
	padding:6px;
	}

#Youtube li.more{
	background:none;
	text-align:center;
	}

#Youtube li.last{
	border-bottom:solid 0px;
	}

#Youtube li.more a{
	display:block;
	padding:0 !important;	color:#555;
}

#Youtube li.last a{
	display:block;
	padding:5px 25px 3px 0px;
	}


#Youtube dl{
	clear:both;
	margin-right:20px;
	}

#Youtube dt{
	float:left;
	padding-right:6px;
	}

#Youtube dd.title{
	font-size:12px;
	color:#1f71c7;
	}
#Youtube dd.textInfo{
	font-size:12px;
	color:#333 !important;
	}


#Youtube a{
	display:block;
	}



/* Inguiry
-----------------------------------------*/

#Inguiry h3{
	text-align:center;
	background-image:url(../images/title_bg05.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	}

#Inguiry dl{
	margin-top:10px;
	margin-bottom:15px;
	}

#Inguiry dt{
	font-size:16px;
	color:#66C;
	}

#Inguiry dd{
	margin:6px;
	}

#Inguiry a{
	color:#F90;
	}

#Inguiry .address{
	margin:10px 0;
	}

#Inguiry .link{
	text-align:right;
	margin:10px 0;
	font-size:16px;
	}




/* top_Inquiry
-----------------------------------------*/


#topInquiry ul { list-style:none; margin:15px 0 15px 0; padding:0; text-align:center;}
#topInquiry ul li { margin:0; padding:0;}







/* TOP-Information
-----------------------------------------*/

#Information ul{
	color:#666666;
	font-size:12px;
	line-height:1.5em;
	}

#Information li{
	border-bottom:solid 1px #ebebeb;
	background-image:url(../images/arrow-gray.jpg);
	background-repeat:no-repeat;
	background-position: 99% 50%;
	padding:6px;
	}

#Information li.more{
	background-image:url(../images/arrow-button.jpg);
	background-repeat:no-repeat;
	background-position: 100% 50%;
	text-align:right;
	}

#Information li.last{
	border-bottom:solid 0px;
	}

#Information li.more a{
	display:block;
	padding:5px 25px 5px 0px;
	color:#555;
}

#Information li.last a{
	display:block;
	padding:5px 25px 3px 0px;
	}

#Information dl{
	clear:both;
	margin-right:20px;
	}

#Information dt{
	font-size:10px;
	color:#333;
	padding-right:6px;
	}

#Information h2{
	text-align:center;
	background-image:url(../images/title_bg02.jpg);
	background-repeat:repeat-x;
	}

#Information a{
	display:block;
	}


/* Category-Link
-----------------------------------------*/
	
#CategoryLink .accordion_head{
	font-size:14px;
	background-image:url(../images/arrow-darkgray.jpg);
	background-repeat:no-repeat;
	background-position: 0% 50%;
	padding:10px 0 10px 15px;
	border-top:solid 1px #ebebeb;
	}
	
#CategoryLink ul.subh a{
	display:block;
	color:#8dba00;
	padding:8px 0;
	}

#CategoryLink ul.subh li{
	padding-left:10px;
	padding-right:20px;
	border-top:solid 1px #ebebeb;
	background-image:url(../images/arrow-green_s.jpg);
	background-repeat:no-repeat;
	background-position: 98% 50%;
	}

#CategoryLink ul.subh li.last{
	padding-left:10px;
	padding-right:20px;
	border-bottom:solid 0px;
	}
	

#CategoryLink a{
	display:block;
	}


/* PageNavi
-----------------------------------------*/

#PageNavi{
	clear:both;
	}

#PageNavi ul.PageNavi02 li{
	text-align:center;
	list-style:none;
	border:none;
	background-image:none;
	}

#PageNavi ul.PageNavi02 li.prev{
	width:84px;
	float:left;
	}

#PageNavi ul.PageNavi02 li.next{
	width:84px;
	float:right;
	}

#PageNavi ul.PageNavi02 li.number{
	text-align:center;
	margin-top:5px;
	padding-bottom:15px;
	border-bottom:#CCC 1px solid;
	line-height:2em;
	}
	
#PageNavi ul.PageNavi03{
	clear:both;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	}

#PageNavi ul.PageNavi03 li{
	list-style:none;
	border:none;
	background-image:none;
    display: inline;  
    margin: 0 3px;  
    padding: 0;  
	}

#PageNavi ul.PageNavi03 li a{
    display: inline-block;
    padding: 5px 10px;  
    text-decoration: none;  
    vertical-align: middle; 
	
	color: #595959;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#d6d6d6));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cccccc;
	
	}

#PageNavi ul.PageNavi03 li span{
    display: inline-block;
    padding: 5px 10px;  
    text-decoration: none;  
    vertical-align: middle; 
	
	color: #595959;
	background: -moz-linear-gradient(
		top,
		#b5b5b5 0%,
		#ebebeb);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b5b5b5),
		to(#ebebeb));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	}


/* --------------------------------------------
 SNS
-------------------------------------------- */

.social_btn {
margin: 10px 0px 0px 10px;
padding: 0px;
width:300px;
height:25px;
}

.social_btn .facebook {
float: left;
margin: 5px 5px 0px 5px;
padding: 0px;
display: inline;
width: 110px;
}

.social_btn .twitter {
float: left;
margin: 5px 10px 0px 0px;
padding: 0px;
display: inline;
width: 90px;
}

.social_btn .mixi {
float: left;
margin: 5px 10px 0px 0px;
padding: 0px;
display: inline;
width: 95px;
}

.social_btn .google {
float: left;
margin: 5px 5px 0px 0px;
padding: 0px;
display: inline;
width: 60px;
}

.social_btn .hatebu {
float: left;
margin: 5px 5px 0px 0px;
padding: 0px;
display: inline;
width: 30px;
}

.social_btn .gree{
float: left;
margin: 5px 5px 0px 0px;
padding: 0px;
display: inline;
width: 110px;
}

/* ListColor
-----------------------------------------*/



/* BTN color
-----------------------------------------*/


.pricetable {
	border:1px #666 solid;
	}
.pricetable td {
	padding:2px;
}