@import "http://www.rainwear.jp/css/base.css";


/* レイアウト
--------------------------------------------------- */
div#main_content {
	width: 100%;
	background-image: url("http://www.rainwear.jp/img/line.gif");
	background-repeat: repeat-y;
}

div#first_content {
	float: left;
	width: 390px;
	margin: 0 0 10px;
}

div#second_content {
	float: right;
	width: 390px;
	margin: 0 0 10px;
}

div#third_content {
	clear: both;
	width: 100%;
	background-color: #fff;
	border-top: 2px solid #9ce8fc;
}


/* 商品タイトル
--------------------------------------------------- */
.contents h2 {
	color: #222;
	font-size: 16px;
	margin: 0 10px 15px;
	padding: 10px 30px;
	background: #fff;
	border: 1px dashed #ddd;
}

.contents h3 {
	clear: both;
}

/* 機能一覧
--------------------------------------------------- */
div#kinou {
	clear: both;
	background-color: #ffe7cf;
	border-bottom: 2px solid #9ce8fc;
}

div#kinou h3 {
	font-weight: normal;
	font-size: 11px;
	color: #333;
	margin: 0 0 0 20px;
	padding: 0;
}
div#kinou ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
div#kinou ul:after {
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
div#kinou ul li {
	float: left;
	font-size: 11px;
	width: 95px;
	margin: 0 0 0 10px;
	padding: 0;
}

/* メイン画像01
--------------------------------------------------- */
div#main_photo01 {
	width: 370px;
	margin: 0 0 10px;
	padding: 10px;
	background-color: #845239;
}
div#main_photo01:after {
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

div#main_photo01 div.text_body {
	padding: 5px;
	margin: 0 0 10px;
	background-color: #fff;
}

div#main_photo01 ul {
	list-style: none;
}
div#main_photo01 ul li {
	margin: 0;
	padding: 0;
}
div#main_photo01 ul li.photo01 {
	float: left;
}
div#main_photo01 ul li.photo02,
div#main_photo01 ul li.photo03 {
	float: right;
	padding: 5px 0;
}

/* メイン画像02
--------------------------------------------------- */
div#main_photo02 {
	width: 100%;
	margin: 0 0 10px;
}
div#main_photo02:after {
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

div#main_photo02 ul {
	list-style: none;
}
div#main_photo02 ul li {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
}

/* 動画
--------------------------------------------------- */
div#movie {
	margin: 0 0 10px 20px;
}

/* 詳細画像
--------------------------------------------------- */
div#detail_mainarea {
	width: 380px;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}
div#detail_mainarea:after {
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

div#detail_mainarea ul {
	width: 100%;
	margin: 10px 0;
}
div#detail_mainarea ul:after {
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
div#detail_mainarea li {
	display: inline;
	float: left;
	line-height: 1;
	width: 104px;
	margin: 0 13px 0 0;
	padding: 0;
}
div#detail_mainarea li.first {
	clear: both;
	margin-left: 10px;
}
div#detail_mainarea li span.image-caption {
	display: block;
	line-height: 1;
}

/* カラーバリエーション
--------------------------------------------------- */
div#color_list {
	width: 380px;
	padding: 0 0 0 10px;
}
div#color_list:after {
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

div#color_list ul {
	width: 100%;
	margin: 0 0 2px;
}
div#color_list ul:after {
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
div#color_list li {
	float: left;
	line-height: 1;
	width: 84px;
	margin: 0;
	padding: 0;
}
div#color_list li.first {
	clear: both;
	margin: 0 0 2px 10px;
}
div#color_list li span.image-caption {
	display: block;
	line-height: 1;
	font-size: 10px;
}

/* 商品情報01
--------------------------------------------------- */
div#item_data01 {
	width: 380px;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}

div#item_data01 dl {
	margin: 10px 0;
	padding: 0 0 0 20px;
}
div#item_data01 dl dt {
	float: left;
	clear: both;
	font-weight: bold;
	color: #fff;
	margin: 0 5px 0 0;
	padding: 0 3px;
	background-color: #a98044;
}
div#item_data01 dl dt a {
	color: #fff;
	text-decoration: underline;
}
div#item_data01 dl dt a {
	text-decoration: none;
}
div#item_data01 dl dd {
	width: 275px;
	margin: 0 0 20px;
}

/* 商品情報02
--------------------------------------------------- */
div#item_data02 {
	width: 380px;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}

div#item_data02 dl {
	margin: 10px 0;
	padding: 0 0 0 20px;
}
div#item_data02 dl dt {
	float: left;
	clear: both;
	font-weight: bold;
	color: #fff;
	margin: 0 5px 0 0;
	padding: 0 3px;
	background-color: #a98044;
}
div#item_data02 dl dt a {
	color: #fff;
	text-decoration: underline;
}
div#item_data02 dl dt a {
	text-decoration: none;
}
div#item_data02 dl dd {
	width: 275px;
	margin: 0 0 20px;
}

/* アイテムサイズ
--------------------------------------------------- */
div#item_size {
	width: 380px;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}

div#item_size p {
	padding: 0 0 10px;
}
div#item_size table {
	width: 360px;
	height: auto;
	margin: 0 5px 5px 0;
	text-align: center;
}
div#item_size caption {
	margin: 0 5px 0 0;
	border: 1px solid #000;
	border-bottom: none;
}
div#item_size table thead {
	font-weight: normal;
}
div#item_size table tr.even {
	background: #eee;
}
div#item_size table thead th {
	background: #ffd283;
	font-weight: normal;
}

div#item_size table th {
	font-weight: bold;
	width: 50px;
	padding: 5px 0;
	border: 1px solid #000;
}
div#item_size table td {
	padding: 5px;
	border: 1px solid #000;
}


/* カート
--------------------------------------------------- */
div#cart_content {
	width: 100%;
	height: auto;
	padding: 0 0 10px;
	background: #faf1e3;
}
div#cart_content:after {
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

div#cart_content div.text_body {
	background:#dc143c none repeat scroll 0 0;
	color:#FFFFFF;
	line-height:1.5;
	margin:5px 10px;
	padding:5px 10px;
	width:auto;
}
div#cart_content div.text_body a {
	color: #66ff00;
	margin:0 0 0 30px;
	vertical-align: bottom;
}
div#cart_content div.text_body a:hover {
	color: #fff;
}

div#cart_content table {
	width: 100%;
	border-collapse: collapse;
}
div#cart_content table th {
	text-align: left;
	padding: 3px;
	background-color: #bce9ff;
	border: 1px solid #000;
}
div#cart_content table td {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #000;
}

div#cart_content table.cart_data {
	width: 770px;
	margin: 0 auto 5px;
}
div#cart_content table.cart_data th {
	font-weight: bold;
	text-align: center;
	width: 12.5%;
}
div#cart_content table.cart_data td {
	width: 30%;
}

div#cart_content table.cart_table {
	width: 770px;
	margin: 0 auto 10px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
div#cart_content table.cart_table th {
	text-align: center;
	padding: 0;
	border: none;
}
div#cart_content table.cart_table td {
	width: 25%;
	padding: 0;
	border: none;
	vertical-align: top;
}
div#cart_content table.cart_table table th,
div#cart_content table.cart_table table td {
	width: auto;
	padding: 3px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
div#cart_content table.cart_table td.td_size {
	text-align: center;
	width: 50%;
	background-color: #f2f2f2;
}
div#cart_content table.cart_table td.table_void {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

div#cart_content .cart {
	padding: 5px 0 0 10px;
	text-align: left;
}
div#cart_content .cart form {
	margin: 0 0 5px;
}
div#cart_content .cart select {
	margin: 0 0 5px;
	text-align: left;
}




/* 関連アイテムへのリンク
--------------------------------------------------- */
div#kanren-link {
	padding: 0 20px 0;
	float: left;
	background: #fff;
}

/* 関連アイテム
--------------------------------------------------- */
div#kanren_box {
	clear: both;
	width: 100%;
	margin: 10px 0 0;
	padding: 10px 0 0;
	border-top: 1px dotted #ededed;
}
div#kanren_box:after {
	display: block;
	content: ".";
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

div#kanren_box h3#bottom_h3 {
	letter-spacing: 1px;
	font-size: 100%;
	color: #e8821c;
	margin: 0 0 0 20px;
	padding: 0;
}

div#kanren_box ul.kanren_items {
	margin: 0 0 0 7px;
	padding: 10px 0;
}
div#kanren_box ul.kanren_items:after {
	display: block;
	content: ".";
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

div#kanren_box ul.kanren_items li {
	width: 125px;
	float: left;
	margin: 5px 5px 0 0;
	padding: 0;
}
div#kanren_box ul.kanren_items li.last {
	margin-right: 0;
}

div#kanren_box ul.kanren_items li a {
	display: block;
	text-align: center;
	width: 100px;
	padding: 5px;
	background-color: #eaf7ff;
	border: 5px solid #cfe9ff;
}
div#kanren_box ul.kanren_items li a:hover {
	background-color: #fff8eb;
	border-color: #ffd386;
}
div#kanren_box ul.kanren_items li span.item_photo img {
	vertical-align: top;
}
div#kanren_box ul.kanren_items li span.item_name {
	display: block;
	margin: 1em 0 0;
	font-size: 85%;
}