@import "/library/default.css";

.select td {
	width:50%;
	text-align:center;
}

.select td p {
	margin:10px 0 0 0;
}

.entry {
	margin:0 0 20px 0;
}

.entry h3.ttl{
	position:relative;
	margin:0 0 10px;
	padding:9px;
	padding-left:20px;
	font-weight: bold;
	font-size: 18px;
	background-color: #810032;
	color: #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
 
.entry h3.ttl:before{
	content:''; 
	height:24px; 
	width:2px; 
	display:block; 
	position:absolute; 
	top:10px; 
	left:8px; 
	background-color:#fff;
	border-left: 4px solid #fff;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}
.intro {
	margin:0 0px 10px;
	padding:15px;
	background-color:#e6e6e6;
	border:1px solid #5c0023;
}

.intro h3
 {
  position: relative;
  color: #fff;
  background: #810032;
  font-size: 14px;
  line-height: 1;
  margin: 0px 40px 10px -3px;
  padding: 14px 5px 10px 50px;
  border-radius: 22px 0 0 22px;
}

.intro h3:before
 {
  content: "";
  position: absolute;
  background: #e6e6e6;
  top: 50%;
  left: 14px;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px #777 inset;
}

.intro h3:after
 {
  content: "";
  position: absolute;
  top: 0;
  right: -22px;
  height: 0;
  width: 0;
  border: 19px solid #810032;
  border-right-color: transparent;
}

.intro ol {
	margin:0 0 0 30px;
	padding:0;
	font-size:12px;
}

.intro ul {
	margin:0 0 0 25px;
	padding:0;
	font-size:12px;
}

.intro li {
	margin:0 0 5px 0;
}

.itemlist {
	margin:0 -20px 0 0;
	width: 970px;
	overflow:hidden;
	_zoom: 1;
}

.itemlist h2.ttl {
    font-weight:bold;
    font-size:24px;
    position: relative;
    background: #800019;
    color:#fff;
    margin:10px 18px 15px 0;
    padding: 8px;
    border-right:10px double #fff;
}
.itemlist h2.ttl:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #800019;
}

.itemlist .block {
	float:left;
	margin:0 10px 10px 0;
	height:230px;
}

.itemlist .small {
	width:182px
}

.itemlist .large {
	width:374px
}

.itemlist .blarge {
	width:450px
}

.iteminfo {
		margin:0;
		padding:0;
		background:#fff;
}

.iteminfo  h3.ttl {
		width:570px;
		background:#666666;
		font-size:14px;
		font-weight:normal;
		color:#fff;
		-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #b3b3b3,15px 15px 1px -4px rgba(0,0,0,0.2);
		-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #b3b3b3,15px 15px 1px -4px rgba(0,0,0,0.2);
		box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #b3b3b3,15px 15px 1px -4px rgba(0,0,0,0.2);
		padding:10px;
		margin:2px 0 20px;
}

.iteminfo p.coment {
	margin:0px 0 10px 0;
	line-height:1.4;
}

h4.ttl{
    position: relative;
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 0.6em;
    padding: 0.5em 0.5em 0.3em 1.7em;
    border-bottom: 3px solid #B92A2C;
}
 
h4.ttl:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h4.ttl:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

.iteminfo ul.stm{
		margin:2px 0px 8px 10px; 
		padding:2px 0px 8px 10px;
		line-height:1.5;
}