@charset "UTF-8";

/*******************************
  サイトå�E通ã�E設å®�E
*******************************/

/* ヘッダ�EžãƒŠãƒ“ゲーション*/

#header {
	margin-bottom: 10px;
	text-align: center;
}

#description {
	padding: 2px 5px;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}

#news {
	margin-bottom: 20px;
	padding: 0 5px;
}

#banner {
	margin-bottom: 20px;
	text-align: center;
}

#gnav {
	margin-bottom: 20px;
}

#mainMenu {
	/*display: -webkit-box;
	display: -moz-box;
	display: box;*/
	margin-bottom: 10px;
	padding: 0 3px;
}

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

#mainMenu li {
	width: 20%;
	float: left;
}

#mainMenu a {
	display: block;
	height: 38px;
	margin: 0 2px;
	padding: 0 5px;
	border-radius: 4px;
	text-align: center;
	line-height: 38px;
}

#subMenu {
	padding: 0 5px;
}

/* コンãƒ�Eƒ³ãƒ�E*/

.toNewPage {
	padding: 0 5px;
	text-align: center;
}

.toNewPage span {
	width: 60%;
	display: inline-block;
	padding: 2px 8px 2px 18px;
	border: 1px solid #999;
	border-radius: 4px;
	background: 8px 50% no-repeat;
	-webkit-box-shadow: 0 4px 4px #eee, inset 0 -4px 4px #ccc;
	box-shadow: 0 4px 4px #eee, inset 0 -4px 4px #ccc;
	text-shadow: 0 1px 1px #fff;
}

#toTopPage {
	padding: 0 5px;
	text-align: center;
}

#toTopPage span {
	width: 60%;
	display: inline-block;
	padding: 2px 8px 2px 18px;
	border: 1px solid #999;
	border-radius: 4px;
	background: 8px 50% no-repeat;
	-webkit-box-shadow: 0 4px 4px #eee, inset 0 -4px 4px #ccc;
	box-shadow: 0 4px 4px #eee, inset 0 -4px 4px #ccc;
	text-shadow: 0 1px 1px #fff;
}

#search ul {
	margin-bottom: 10px;
}

#search input[type=text] {
	display: inline-block;
	width: 251px;
	height: 21px;
	margin-right: 5px;
	border-radius: 4px;
	padding: 1px;
	border: 1px solid #999;
	font-size: 12px;
	line-height: 21px;
	-webkit-box-shadow: inset 2px 2px 2px #eee;
	box-shadow: inset 2px 2px 2px #eee;
}

#search input[type=submit] {
	display: inline-block;
	width: 50px;
	height: 25px;
	border-radius: 12px;
	border: 1px solid #999;
	text-align: center;
	font-size: 12px;
	line-height: 23px;
	-webkit-box-shadow: 0 4px 4px #eee;
	box-shadow: 0 4px 4px #eee;
}

#ranking ol {
	margin: 0 -5px 10px;
}

#ranking ol>li,
#media>ul>li,
#new>ul>li {
	border-bottom: 1px solid;
}

#ranking li:last-of-type,
#media li:last-of-type,
#new li:last-of-type {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	/*border-bottom-style: none !important;*/
}

#ranking ol a,
#media a,
#new a {
	display: block;
	padding: 5px 30px 5px 5px;
	background: 100% 50% no-repeat;
}

#ranking ol a:after,
#media a:after,
#new a:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#ranking .rank {
	width: 40px;
	float: left;
	line-height: 80px;
}

#ranking .image,
#media .image,
#new .image {
	width: 80px;
	float: left;
}

#ranking ol ul {
	margin-left: 125px;
	padding-top: 25px;
}

#ranking li li,
#media li li,
#new li li {
	margin-bottom: 5px;
}

#ranking .rank span {
	font-size: 16px;
}

#ranking .price {
	font-size: 14px;
}

#ranking .more {
	padding-right: 5px;
	text-align: right;
}

#ranking .more span {
	padding-left: 10px;
	background: 0 50% no-repeat;
}

#media>ul,
#new>ul {
	margin: 0 -5px;
}

#media ul .image+ul,
#new ul .image+ul {
	margin-left: 85px;
}

#media .name,
#new .name {
	margin-bottom: 2px;
	color: #39f;
	text-shadow: 0 1px 1px #fff;
}

#media .text,
#new .text {
	margin-bottom: 2px;
	line-height: 18px;
}

#feature li {
	margin-bottom: 5px;
	text-align: center;
}

#feature li:last-of-type {
	margin-bottom: 0;
}

#keyword p {
	margin-bottom: 5px;
}

#keyword li {
	margin-bottom: 5px;
	counter-increment: kw;
}

#keyword li:last-of-type {
	margin-bottom: 0;
}

#keyword li:before {
	content: '[' counter(kw) '] ';
}

/*******************************
  サイト���設�E
  色ã€�背景画åƒ�ã�ªã�©ã�®è¨­å®šã�Eã�“ã�“ã�§
*******************************/

body.site01 #header {
}

body.site01 #description {
	background-color: #FF6699;
	color: #fff;
}

body.site01 #mainMenu a {
	border: 1px solid #999;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#c9f));
	background-image: -webkit-linear-gradient(top, #fff, #c9f);
	background-image: -moz-linear-gradient(top, #fff, #c9f);
	background-image: -ms-linear-gradient(top, #fff, #c9f);
	background-image: -o-linear-gradient(top, #fff, #c9f);
	background-image: linear-gradient(top, #fff, #c9f);
	-webkit-box-shadow: 0 4px 4px #eee;
	box-shadow: 0 4px 4px #eee;
	text-shadow: 0 1px 1px #fff;
}

body.site01 #search input[type=submit] {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f69), to(#f05));
	background-image: -webkit-linear-gradient(top, #f69, #f05);
	background-image: -moz-linear-gradient(top, #f69, #f05);
	background-image: -ms-linear-gradient(top, #f69, #f05);
	background-image: -o-linear-gradient(top, #f69, #f05);
	background-image: linear-gradient(top, #f69, #f05);
	color: #fff;
}

body.site01 #ranking ol>li,
body.site01 #media>ul>li,
body.site01 #new>ul>li {
	border-bottom-color: #ccc;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
	background-image: -webkit-linear-gradient(top, #fff, #eee);
	background-image: -moz-linear-gradient(top, #fff, #eee);
	background-image: -ms-linear-gradient(top, #fff, #eee);
	background-image: -o-linear-gradient(top, #fff, #eee);
	background-image: linear-gradient(top, #fff, #eee);
}

body.site01 #ranking ol a,
body.site01 #media a,
body.site01 #new a {
	background-image: url(../../common/img/mk-02.png);
}

body.site01 #ranking .rank span {
	color: #f00;
}

body.site01 #ranking .price {
	color: #f00;
}

body.site01 #ranking .more span {
	background-image: url(../../common/img/mk-01.png);
}

body.site01 #keyword li:before {
	color: #f69;
}
/*‚±‚̃R�[ƒh‚ðcommon‚É*/
.eachPage h1 {
	padding-left: 5px;
	background: 0 0 repeat-x;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	border-top: 1px solid #f99;
	border-bottom: 1px solid #f99;
	background-image: url(../../common/img/bg-header-01.png);
	color: #6f6f6f;
}

body.site01 #footer {
	padding: 1px 5px;
	background-color: #FF9999;
	color: #fff;
}
/*‘Þ‰ïƒAƒ“ƒP�[ƒg*/
.formPage {
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
}
.question p:first-child{
	font-weight: bold;
}
.question p{
	color: #555;
}
.question ul li{
	position: relative;
}
.question label{
	display: block;
	color: #434343;
	padding: 15px 5px;
	border-top: 1px solid #aaa;
	background: #eee;
}
.question ul li:first-child label{
	border-top: none;
}
.question ul li:last-child label{
	border-bottom: 1px solid #aaa;
}
.question textarea{
	width: 96%;
	height: 150px;
	margin-top: 4px;
	margin-left: 2%;
	border-color: #aaa;
}
.question ul li input[type="radio"]{
	opacity: 0;
	position: absolute;
	top: -3px;
	left: -3px;
}
.question ul li input[type="radio"]:checked + label{
	color: #F2f2f2;
	background: #2F7ED9;
}
.question ul li input[type="checkbox"]{
	opacity: 0;
	position: absolute;
	top: -3px;
	left: -3px;
}
.question ul li input[type="checkbox"]:checked + label{
	color: #F2f2f2;
	background: url("../img/check_on.png") no-repeat,#2F7ED9;
	background-position: 95% 50%;
}

.question select{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	font-size: 1em;
	background: url("../img/underArrow.png") no-repeat,#eee;
	background-position: 95% 50%;
	width: 100%;
	padding: 12px 5px;
	margin: 0px;
	border: none;
	border-bottom: 1px solid #aaa;
	border-radius: 0px;
}
.formPage input[type="submit"] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	font-size: 1em;
	background: rgba(235,235,235,1);
	background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(224,224,224,1) 50%, rgba(219,219,219,1) 50%, rgba(224,224,224,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,235,1)), color-stop(50%, rgba(224,224,224,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(100%, rgba(224,224,224,1)));
	background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(224,224,224,1) 50%, rgba(219,219,219,1) 50%, rgba(224,224,224,1) 100%);
	background: -o-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(224,224,224,1) 50%, rgba(219,219,219,1) 50%, rgba(224,224,224,1) 100%);
	background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(224,224,224,1) 50%, rgba(219,219,219,1) 50%, rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(224,224,224,1) 50%, rgba(219,219,219,1) 50%, rgba(224,224,224,1) 100%);
	box-shadow: 1px 1px 1px #ccc;
	border: none;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 12px;
	width: 100%;
}
.questionNom{
	display: block;
	font-size: 1em;
	margin-top: 16px;
	padding: 5px 2px;
	border-bottom: 2px groove #eee;
	border-top: 2px groove #eee;
	box-sizing: border-box;
}
.questionNom span{
	color: #FF0000;
}