@charset "utf-8";


/*-------------------------------------
#
---------------------------------------*/
/*---------------------
 selectform
---------------------*/
.selectform {
	background: #fff;
	margin-bottom: 10px;
	border: 1px solid #eee;
}

.selectform p.title {
	background: url("") repeat-x scroll left top #EDEFE1;
	padding: 5px;
	text-align: center;
}

.selectform .element {
	margin: 5px 5px 10px;
}

.selectform .element input[type=text] {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	font-size: 18px;
}

.selectform .element input[type=submit] {
	background: #398c67; /* #006837; */
	background: -moz-linear-gradient(top,#398C67 0%,#449A76);
	background: -webkit-gradient(linear, left top, left bottom, from(#398C67), to(#449A76));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 100%;
	padding: 10px;
}

.selectform .element select {
	-webkit-transform : scale(1.2) ;
	-ms-transform : scale(1.2) ;
	transform : scale(1.2) ;
	-webkit-transform-origin : 0 0 ;
	-ms-transform-origin : 0 0 ;
	transform-origin : 0 0 ;
}

.radios {
	display:inline-block;
	margin:0;
	padding:0;
	clear:both;
}

.radios li {
	display:inline-block;
	position:relative;
	float:left;
	list-style:none;
	border:solid 1px #ddd;
	border-right:none;
	overflow:hidden;
}

.radios li:first-child {
	border-radius:5px 0 0 5px;
}

.radios li:last-child {
	border-right:solid 1px #ddd;
	border-radius:0 5px 5px 0;
}

.radios label {
	display:block;
	min-width:3em;
	text-align:center;
	background:#eee;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF),to(#EEE));
	background:-moz-linear-gradient(top, #fff, #eee);
	border:solid 1px rgba(255,255,255,0.2);
	padding:5px;
	text-shadow:0 1px 0 rgba(255,255,255,0.5);
}

.radios li:first-child label {
	border-radius:3px 0 0 3px;
}

.radios li:last-child label {
	border-radius:0 3px 3px 0;
}

.radios input[type=radio] {
	position:absolute;
	opacity:0;
	width:100%;
	height:100%;
	margin:0;
	cursor:pointer;
}

.radios input[type=radio]:checked {
	cursor:auto;
}

.radios input[type=radio]:checked + label {
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
	border:solid 1px rgba(0,0,0,0.1);
	background: #449A76;
	background: -webkit-gradient(linear, left top, left bottom, from(#398C67),to(#449A76));
	background: -moz-linear-gradient(top, #398C67, #449A76);
}

/*---------------------
 sec-umaList
---------------------*/
.sec-umaList {
	background: none repeat scroll 0 0 #E3E3E3;
	margin: 0 auto 10px;
}

.sec-umaList .umaList {
	border-bottom: 1px solid #CDCDCD;
}

.sec-umaList .umaList {
	/* border-top: 1px solid #CDCDCD; */
}

.sec-umaList .umaList .uma {
	background: none repeat scroll 0 0 #f9f9f9;
	border-color: #fdfdfd #eee #eee #fdfdfd;
	border-style: solid;
	border-width: 1px;
}

.sec-umaList .umaList .uma p.joujou {
	padding: 3px;
	color: #fff;
	border-bottom: 1px solid #1A623D;
	border-top: 1px solid #62AB8C;
	color: #FFFFFF;
	text-shadow: 0 1px 1px #226E4A;
	background: #398c67; /* #006837; */
	background: -webkit-gradient(linear, left top, left bottom, from(#398c67), to(#449a76));
	background: linear-gradient(#398c67, #449a76) repeat scroll 0 0 #006837;
}

.sec-umaList .umaList .uma p.joujou span.movie {
	float: right;
}

.sec-umaList .umaList .uma p.joujou a {
	color: #fff;
}

.sec-umaList .umaList .uma a {
	/*
	display: block;
	width: 100%;
	*/
}

.sec-umaList .umaList .uma .umaInner ul {
	width: 100%;
	border: 1px solid #F1F1F1;
}

/*---------------------
 media
---------------------*/
@media screen and (max-width : 480px){
/* ここに0px〜480pxまでのCSSを記述*/ 

	.sec-umaList .umaList .uma .umaInner {
		display: block;
	}

	.sec-umaList .umaList .uma .umaInner ul li.picture {
		float: left;
		width: 26%;
		text-align: center;
		padding: 1% 0 0 0;
	}

	.sec-umaList .umaList .uma .umaInner ul li.detail {
		float: left;
		width: 73%;
		padding: 0 0 0 1%;
	}
	
}

@media screen and (min-width : 481px) {
/* ここに481以上のCSSを記述*/

	.sec-umaList .umaList .uma .umaInner {
		display: block;
	}

	.sec-umaList .umaList .uma .umaInner ul li.picture {
		float: left;
		width: 15%;
		text-align: center;
		padding: 1% 0 0 0;
	}

	.sec-umaList .umaList .uma .umaInner ul li.detail {
		float: left;
		width: 84%;
		padding: 1% 0 0 1%;
	}
/*
	.sec-umaList .umaList .uma .umaInner ul li.link {
		float: right;
		width: 5%;
		padding: 70px 0;
		background: url("../images/common/ico_bookmark.png") no-repeat scroll center top rgba(0, 0, 0, 0);
	}
*/
}

.sec-umaList .umaList .uma .picture .umaType {
	background: none repeat scroll 0 0 #FAF8EB;
	border: 1px solid #fcfcfc;
	color: #111;
	display: block;
	margin: 3px auto 0;
	padding: 2px 3px;
	width: 90%;
}

.sec-umaList .umaList .uma .picture .umaCatalog {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #c00;
	color: #111;
	display: block;
	margin: 3px auto 0;
	padding: 1px 3px;
	width: 90%;
	color: #fff;
}

.sec-umaList .umaList .uma .picture .umaCatalog a {
	color: #c00;
}

.sec-umaList .umaList .uma .picture .umaWaking {
	background: none repeat scroll 0 0 #398c67;
	border: 1px solid #398c67;
	border-bottom: 1px solid #1a623d;
	color: #111;
	display: block;
	margin: 5px auto 0;
	padding: 1px 3px;
	width: 90%;
	color: #fff;
}

.sec-umaList .umaList .uma .picture .umaWaking a {
	color: #fff;
}

.sec-umaList .umaList .uma .picture .catalog {
	display: block;
	margin: 3px auto 0;
}

.sec-umaList .umaList .uma .umaInfo {
	color: #333333;
	/* min-height: 110px; */
	padding: 1px 0 0;
	text-shadow: 0 0 1px #FFFFFF;
	width: 100%;
}

.sec-umaList .umaList .uma .umaInfo {
	/* margin: 0 auto 30px; */
}


.sec-umaList .umaList .uma:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*---------------------
 umaInfo_table
---------------------*/

.sec-umaList .umaList .uma .umaInfo {
	color: #333333;
	padding: 1px 0 0;
	text-shadow: 0 0 1px #FFFFFF;
	width: 100%;
}

.sec-umaList .umaList .uma .umaInfo table.umaInfo_tbl {
	border-collapse: collapse;
	border-bottom: 1px solid #CDCDCC;
	border-top: 1px solid #CDCDCC;
	text-align: left;
	width: 100%;
}

.sec-umaList .umaList .uma .umaInfo table.umaInfo_tbl th {
	white-space: nowrap;
	background: #F3F3E3;
	padding: 2px 4px;
	border: 1px #eee solid;
	text-align: center;
}

.sec-umaList .umaList .uma .umaInfo table.umaInfo_tbl td {
	width: 77%;
	padding: 2px 4px;
	border: 1px #eee solid;
}


/*---------------------
 umaInfo_table
---------------------*/
.umaInfo {
	color: #333333;
	/* min-height: 110px; */
	padding: 1px 0 0;
	text-shadow: 0 0 1px #FFFFFF;
	width: 100%;
	margin: 0 auto 1px;
}

/*---------------------
 umaList_tbl
---------------------*/

@media screen and (max-width : 480px){
/* ここに0px〜480pxまでのCSSを記述*/ 

	.umaInfo table.umaList_tbl {
		border-collapse: collapse;
		border-bottom: 1px solid #CDCDCC;
		border-top: 1px solid #CDCDCC;
		text-align: left;
		width: 100%;
		background: url("../images/common/ico_link.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	}

}

@media screen and (min-width: 481px) and (max-width: 768px) {
/* ここに481以上のCSSを記述*/ 

	.umaInfo table.umaList_tbl {
		border-collapse: collapse;
		border-bottom: 1px solid #CDCDCC;
		border-top: 1px solid #CDCDCC;
		text-align: left;
		width: 100%;
		background: url("../images/common/ico_link.png") no-repeat scroll right center rgba(0, 0, 0, 0);
		font-size: 16px;
	}

}

@media screen and (min-width : 769px) {
/* ここに769以上のCSSを記述*/ 

	.umaInfo table.umaList_tbl {
		border-collapse: collapse;
		border-bottom: 1px solid #CDCDCC;
		border-top: 1px solid #CDCDCC;
		text-align: left;
		width: 100%;
		background: url("../images/common/ico_link.png") no-repeat scroll right center rgba(0, 0, 0, 0);
		font-size: 16px;
	}

}

.umaInfo table.umaList_tbl th {
	white-space: nowrap;
	background: #FAF8EB;
	padding: 2px 4px;
	border: 1px #eee solid;
	text-align: center;
}

.umaInfo table.umaList_tbl td {
	width: 77%;
	padding: 2px 4px;
	border: 1px #eee solid;
}

.umaInfo table.umaList_tbl th.title {
	white-space: nowrap;
	background: none repeat scroll 0 0 #436F92;
	padding: 2px 4px;
	border: 1px #eee solid;
	text-align: center;
	color: #fff;
}

.umaInfo table.umaList_tbl td.title {
	width: 77%;
	background: none repeat scroll 0 0 #436F92;
	padding: 2px 4px;
	border: 1px #eee solid;
	color: #fff;
}

.umaInfo table.umaList_tbl td.title a {
	color: #fff;
}

/*---------------------
 umaInfo_tbl
---------------------*/
.umaInfo table.umaInfo_tbl {
	border-collapse: collapse;
	border-bottom: 1px solid #CDCDCC;
	border-top: 1px solid #CDCDCC;
	text-align: left;
	width: 100%;
}

.umaInfo table.umaInfo_tbl th {
	white-space: nowrap;
	background: #F3F3E3;
	padding: 2px 4px;
	border: 1px #eee solid;
	text-align: center;
}

.umaInfo table.umaInfo_tbl td {
	width: 77%;
	padding: 2px 4px;
	border: 1px #eee solid;
}

.umaInfo table.umaInfo_tbl th.title {
	white-space: nowrap;
	background: none repeat scroll 0 0 #436F92;
	padding: 2px 4px;
	border: 1px #eee solid;
	text-align: center;
	color: #fff;
}

.umaInfo table.umaInfo_tbl td.title {
	width: 77%;
	background: none repeat scroll 0 0 #436F92;
	padding: 2px 4px;
	border: 1px #eee solid;
	color: #fff;
}

.umaInfo table.umaInfo_tbl td.title a {
	color: #fff;
}

/*---------------------
/* .saleresult
---------------------*/
table.saleresult {
	background: none repeat scroll 0 0 #ddd;
	/* width: 960px !important; */
	border-right: 1px solid #DDDDDD;
}

table.full {
	width: 960px;
}

table.saleresult tr {

}
table.saleresult tr th {
	background: none repeat scroll 0 0 #FAF8EB;
	padding: 3px 4px;
	text-align: center;
	color: #333;
	vertical-align: middle;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}

/* .data_1
---------------------*/
table.saleresult tr.data_1 {
	background-color: #fff;
}
table.saleresult tr.data_1 td {
	padding: 3px 4px;
	vertical-align: middle;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	white-space: nowrap;
}

/* .data_2
---------------------*/
table.saleresult tr.data_2 {
	background-color: #fafafa;
}
table.saleresult tr.data_2 td {
	padding: 3px 4px;
	vertical-align: middle;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	white-space: nowrap;
}

table.saleresult tr.data_1 td.joujoucd,
table.saleresult tr.data_2 td.joujoucd {
	text-align: center;
}

table.saleresult tr.data_1 td.joujoucd p,
table.saleresult tr.data_2 td.joujoucd p {
	text-align: center;
}

table.saleresult tr.data_1 td.seibet,
table.saleresult tr.data_2 td.seibet {
	text-align: center;
}

table.saleresult tr.data_1 td.jkeiro,
table.saleresult tr.data_2 td.jkeiro {
	text-align: center;
}

table.saleresult tr.data_1 td.setukihi,
table.saleresult tr.data_2 td.setukihi {
	text-align: center;
}

table.saleresult tr.data_1 td.serine,
table.saleresult tr.data_2 td.serine {
	text-align: right;
}

/*---------------------
/* .saletotal
---------------------*/

@media screen and (max-width : 768px){
/* ここに0px-768pxまでのCSSを記述*/ 

	table.saletotal {
		background: none repeat scroll 0 0 #ddd;
		/* width: 960px !important; */
		width: 100%;
		border-top: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		font-size: 84%;
	}

	table.saletotal tr {

	}

	table.saletotal tr th {
		background: none repeat scroll 0 0 #FAF8EB;
		padding: 3px 4px;
		text-align: center;
		color: #333;
		vertical-align: middle;
		border-top: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
	}

	table.saletotal tr th.title {
		background: #1F4E3A;
		background: linear-gradient(#1F4E3A, #005D36) repeat scroll 0 0 rgba(0, 0, 0, 0);
		background: -webkit-gradient(linear, left top, left bottom, from(#1F4E3A), to(#005D36));
		border: 1px solid #398c67;
		color: #FFFFFF;
		padding: 3px;
		text-shadow: 0 1px 1px #226E4A;
		text-align: left;
		font-size: 100%;
	}

	/* .td
	---------------------*/
	table.saletotal tr td {
		background: none repeat scroll 0 0 #fff;
		padding: 3px 4px;
		vertical-align: middle;
		border-bottom: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
		text-align: right;
	}
	
	.mobileView {
		display: block;
	}
	
	.tabletView {
		display: none;
	}

}

@media screen and (min-width : 769px) {
/* ここに769以上のCSSを記述*/ 

	table.saletotal {
		background: none repeat scroll 0 0 #ddd;
		/* width: 960px !important; */
		width: 100%;
		border-top: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		font-size: 100%;
	}

	table.saletotal tr {

	}

	table.saletotal tr th {
		background: none repeat scroll 0 0 #FAF8EB;
		padding: 3px 4px;
		text-align: center;
		color: #333;
		vertical-align: middle;
		border-top: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
	}

	table.saletotal tr th.title {
		background: #1F4E3A;
		background: linear-gradient(#1F4E3A, #005D36) repeat scroll 0 0 rgba(0, 0, 0, 0);
		background: -webkit-gradient(linear, left top, left bottom, from(#1F4E3A), to(#005D36));
		border: 1px solid #398c67;
		color: #FFFFFF;
		padding: 3px;
		text-shadow: 0 1px 1px #226E4A;
		text-align: left;
		font-size: 100%;
	}

	/* .td
	---------------------*/
	table.saletotal tr td {
		background: none repeat scroll 0 0 #fff;
		padding: 3px 4px;
		vertical-align: middle;
		border-bottom: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
		text-align: right;
	}

	table.saletotal tr.total td {
		background: none repeat scroll 0 0 #f3f7f0;
	}
	
	table.saletotal tr td.kbamei {
		text-align: left;
	}
	
	table.saletotal tr td.seibet {
		text-align: center;
	}
	
	.mobileView {
		display: none;
	}
	
	.tabletView {
		display: block;
	}

}

/*---------------------
 pagetitle
---------------------*/
/* .pagetitle */
.pagetitle{
	background-color:#FFF;
	border:1px;
	border-color:#00F;
}

.pagetitle span.atention {
	float: right;
}

/*---------------------
 changeShow
---------------------*/
.changeShow {
	display: table;
	width: 90%;
	margin: 0 auto;
}

.changeShow li.none {
	display: table-cell;
	background: url("../images/common/global_navi_off.gif") repeat-x scroll left top;
	background: -webkit-linear-gradient(bottom, #FFFFFF 50%, #EAEAEA 100%);
	background: linear-gradient(to bottom, #FFFFFF 50%, #EAEAEA 100%);
	border: 1px solid #ccc;
	border-radius: 3px 0 0 3px;
}

.changeShow li.active {
	display: table-cell;
	background: url("../images/common/global_navi_on.gif") repeat-x scroll left top;
	background: #398c67; /* #006837; */
	background: -webkit-gradient(linear, left top, left bottom, from(#398c67), to(#449a76));
	background: linear-gradient(#398c67, #449a76) repeat scroll 0 0 #006837;
	border: 1px solid #ccc;
	border-radius: 3px 0 0 3px;
}

.changeShow a, 
.changeShow span {
	display: block;
	padding: 7.5px 0;
	text-align: center;
}

.changeShow li.active a {
	color: #fff;
}

/*---------------------
 changeShow
---------------------*/

div.updatelist {
	background: none repeat scroll 0 0 #fefefe;
}

div.updatelist p.updatetitle {
	color: #CC0000;
	font-weight: bold;
}

div.updatelist p.updatekbamei {
	font-weight: bold;
}

div.updatelist p.update {
	font-size: 94%;
}

div.com_kakaku_s{
	text-align:right;
}