@charset "UTF-8";



/******** Demo ********/
div#Demo{
	text-align: left;
}

div#Demo h1.text{
	background: url(../images/bg_underline01.gif) repeat-x 0 bottom;	
	padding: 0 0 5px;
	font-size: 189%;		/* 25px */
	font-weight: bold;
	line-height: 1.2;
}

div#Demo h2{
	background: url(../images/bg_underline01.gif) repeat-x 0 bottom;
	font-size: 138.5%;		/* 18px */
	font-weight: bold;
	line-height: 1.7;
}

div#Demo table tr th{
	background-color: #cccccc;
	padding: 3px 0 2px;
	color: #666666;
	text-align: center;
	font-weight: bold;
}

div#Demo table tr td{
	border-bottom: 1px solid #cccccc;
	padding: 7px 0;
	color: #666666;
	text-align: center;
}	

/*** pickup ***/
div#Demo div.pickup{
	background: url(../images/bg_underline01.gif) repeat-x 0 bottom;
	margin: 15px 0 20px;
}

div#Demo div.pickup div.item{
	padding: 10px 0 25px;
}

div#Demo div.pickup div.item p.left{
	float: left;
	margin: 0;
	padding: 0;
	width: 236px;
	text-align: right;
}

div#Demo div.pickup div.item div.right{
	float: right;
	margin: 0;
	padding: 0;
	width: 412px;
}

div#Demo div.pickup div.item div.right div.model{
	float: left;
	width: 250px;
}
	
div#Demo div.pickup div.item div.right div.model p.limited{
	float: left;
	width: 52px;
}

div#Demo div.pickup div.item div.right div.model p.date{
	float: left;
	margin: 0 0 0 5px;
	width: 185px;
	color: #666666;
	font-size: 93%;		/* 12px */
}

div#Demo div.pickup div.item div.right div.model h3{
	float: left;
	padding: 3px 5px 3px 0;
	width: 245px;
	font-size: 123.1%;		/* 16px */
	font-weight: bold;
	line-height: 1.1;
}

div#Demo div.pickup div.item div.right p.brand{
	float: left;
}

div#Demo div.pickup div.item div.right table{
	float: left;
	width: 412px;
	font-size: 93%;		/* 12px */
}

div#Demo div.pickup div.item div.right table tr th.adjust{
	width: 117px;
}

/*** detail_list ***/
div#Demo div.detail_list{
	padding: 0 0 10px;	
}

div#Demo div.detail_list div.left{
	margin: 0;
	padding: 0;
	float: left;
}

div#Demo div.detail_list div.right{
	margin: 0;
	padding: 0;
	float: right;	
}

div#Demo div.detail_list div.set{
	padding: 0 0 20px;
}
	
div#Demo div.detail_list div.set div.item{
	width: 325px;
}

div#Demo div.detail_list div.set div.item div.left{
	margin: 0;
	padding: 0;
	width: 100px;
}

div#Demo div.detail_list div.set div.item div.left p.brand{
	padding: 0 0 10px;
}

div#Demo div.detail_list div.set div.item div.right{
	margin: 0;
	padding: 0;
	width: 215px;
}
	
div#Demo div.detail_list div.set div.item div.right p.limited{
	float: left;
	width: 52px;
	height: 15px;
}

div#Demo div.detail_list div.set div.item div.right p.date{
	float: left;
	color: #666666;
	font-size: 93%;		/* 12px */
	margin: 0 0 0 5px;
	width: 158px;
}

div#Demo div.detail_list div.set div.item div.right h3{
	float: left;
	padding: 3px 0;
	width: 215px;
	font-size: 108%;		/* 14px */
	font-weight: bold;
	line-height: 1.1;
}

div#Demo div.detail_list div.set div.item div.right table{
	float: left;
	width: 215px;
	font-size: 93%;		/* 12px */
}

div#Demo div.detail_list div.set div.item div.right table tr th.adjust{
	width: 40px;
	font-size: 77%;		/* 10px */
	font-weight: normal;
}

div#Demo div.detail_list div.set div.item div.right table tr td{
	padding: 4px 0;
}

/*** info ***/
div#Demo div.info{
	padding: 0 0 45px;
}

div#Demo div.info p.left{
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

div#Demo div.info div.right{
	float: right;
	margin: 0;
	padding: 0;
	width: 345px;
}

div#Demo div.info div.right p.limited{
	float: left;
	padding: 12px 0 5px;
}

div#Demo div.info div.right p.date{
	float: left;
	margin: 0 0 0 5px;
	padding: 11px 0 5px;
	width: 130px;
	color: #666666;
	font-size: 93%;		/* 12px */
}

div#Demo div.info div.right p.brand{
	float: right;
	padding: 5px 0;
}

div#Demo div.info div.right table{
	float: left;
	width: 345px;
	font-size: 93%;		/* 12px */
}

div#Demo div.info div.right table tr th.adjust{
	width: 122px;
}

div#Demo div.info div.right dl.warn{
	font-size: 77%;		/* 10px */
}

div#Demo div.info div.right dl.warn dt{
	float: left;
	padding: 10px 0 0;
	width: 11px;
}

div#Demo div.info div.right dl.warn dd{
	float: left;
	padding: 10px 0 0;
	width: 330px;
}

div#Demo div.info p.explain{
	float: left;
	padding: 20px 0 15px;
	width: 670px;
	font-size: 93%;		/* 12px */
}

div#Demo div.info p.link{
	float: left;
	background: url(../images/mark_arrow02.gif) no-repeat 0 2px;
	margin: 0 0 0 20px;
	padding: 0 0 15px 15px;
	font-size: 93%;		/* 12px */
	line-height: 1.2;
}

div#Demo div.info p.link a{
	color: #333333;
}
div#Demo div.info p.link a:hover{
	color: #aa1b48;
}

/*** shop ***/
div#Demo div.shop{
	padding: 10px 0 60px;
}
	
div#Demo div.shop div.item{
	padding: 20px 0 0;
}

div#Demo div.shop div.item p.left{
	float: left;
}

div#Demo div.shop div.item div.right{
	float: right;
	width: 447px;
}

div#Demo div.shop div.item div.right h3{
	font-size: 108%;		/* 14px */
	font-weight: bold;
}

div#Demo div.shop div.item div.right p.detail{
	padding: 10px 0 0;
	font-size: 93%;		/* 12px */
}

div#Demo div.shop div.set{
	padding:10px 0 25px;
}
div#Demo div.shop div.itemL{
	float:left;
	width:325px;
}
div#Demo div.shop div.itemR{
	float:right;
	width:325px;
}
div#Demo div.shop div.set p.left{
	float: left;
}
div#Demo div.shop div.set div.right{
	float: right;
	width:185px;
}
div#Demo div.shop div.set p.left img{
	width:130px;
}
div#Demo div.shop div.set div.right h3{
	font-size: 108%;		/* 14px */
	font-weight: bold;
}
div#Demo div.shop div.set div.right p.detail{
	padding: 10px 0 0;
	font-size: 93%;		/* 12px */
}