@charset "utf-8";

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac ¥*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/**
 * Reset
 */

#item-l-box h2,
#item-l-box h3,
#item-l-box ul,
#item-l-box li,
#item-l-box input,
#item-l-box p,
#item-l-box td {
	margin: 0;
	padding: 0;
}


#item-l-box table {
	border-collapse: separate;
	border-spacing: 0;
	border: none;
}

#item-l-box td {
	border: none;
}

#item-l-box img {
	border: 0;
}

#item-l-box li {
	list-style: none;
}

#item-l-box p {
	font-size: 100%;
	font-weight: normal;
}

/*because legend doesn't inherit in IE */
#item-l-box input {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
#item-l-box input {
	*font-size: 100%;
}



/*Fonts*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
#item-l-box {
	font:13px/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/* for IE6/7 */
	*font-size: small; 
	/* for IE Quirks Mode */
	*font: x-small;
	line-break: strict;
	color: #666;
}

/**
 * To help tables remember to inherit
 */
#item-l-box table {
	font-size: inherit;
	font: 100%;
}

/**
 * Grid
 */

#item-l-box {
	margin: 0 auto;
	padding: 0px 0px 12px 12px;
	width: 540px;
	float: left;
}

/*--main_img--*/
#item-img {
	margin: 0px 0px 12px 0px;
	width: 540px;
}

#item-img h2 {
	margin: 0px;
	padding: 0px;
}

.item-fukidashi {
	padding-top: 18px;
	padding-left: 30px;
	height: 50px;
	width: 510px;
	background-image: url(../img/item/item-fukidashi.gif);
	background-repeat: no-repeat;
	background-position: center 8px;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
}

.item-fukidashi-txt {
	width: 480px;
	margin: 0px auto 16px auto;
}

.item-result {
	background-image: url(../img/item/item-result.gif);
	background-repeat: no-repeat;
	height: 41px;
	width: 540px;
}

.result-number {
	margin-top: 10px;
	float: left;
	width: 70px;
	color: #fff;
	text-align: center;
	font-size: 108%;
	font-weight: bold;
}

.result-message {
	margin-top: 10px;
	margin-left: 5px;
	float: left;
	color: #195992;
	text-align: center;
	font-size: 108%;
	font-weight: bold;
}
.result-turn {
	margin-top: 12px;
	float: left;
	font-size: 85%;
	margin-left: 55px;
}

.result-turn-txt {
	padding-left: 20px;
	background-image: url(../img/item/item-result-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
}

.result-turn ul {
	list-style-type: none;
	float:left;
}

.result-turn li {
	float:left;
}

.result-turn li a {
	margin-right: 5px;
}

.item-caution {
	margin-bottom: 12px;
	width: 540px;
	text-align: right;
	font-size: 85%;
	margin-top: 5px;
}

.item-header {
	height: 15px;
	width: 540px;
	background-image: url(../img/item/item-header.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.item-footer {
	margin-bottom: 12px;
	height: 13px;
	width: 540px;
	background-image: url(../img/item/item-footer.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.item-main {
	width: 540px;
	background-image: url(../img/item/item-background.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

.item-main-header {
	height: 16px;
	width: 516px;
	background-image: url(../img/item/item-main-header.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.item-main-footer {
	height: 18px;
	width: 516px;
	background-image: url(../img/item/item-main-footer.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.item-main-box-first {
	margin-right: auto;
	margin-left: auto;
	width: 516px;
	background-color: #fffdf8;
}

.item-main-box {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 516px;
	background-color: #fffdf8;
}

.item-main-left {
	float: left;
	padding-left: 11px;
}

.item-main-right {
	float: right;
}

.item-main-detail {
	width: 516px;
}

#item-l-box table.item-detail-left {
	width: 150px;
}

#item-l-box table.item-detail-left td.item-ph-header {
	width: 150px;
	height: 45px;
	background-image: url(../img/item/item-ph-header.gif);
	background-repeat: no-repeat;
}

#item-l-box table.item-detail-left td.item-ph {
	background-image: url(../img/item/item-ph-background.gif);
	background-repeat: repeat-y;
	text-align: center;
}

#item-l-box table.item-detail-left td.item-ph-icon-last {
	padding-top: 5px;
	text-align: right;
}

#item-l-box table.item-detail-left td.item-ph-icon {
	padding-top: 5px;
	padding-right: 4px;
	width: 47px;
}

#item-l-box table.item-detail-left td.item-ph-number {
	padding: 5px;
	font-size: 85%;
}

#item-l-box table.item-detail-right {
	width: 340px;
	vertical-align: top;
}

#item-l-box table.item-detail-right td.item-detail-txt {
	padding-top: 10px;
	padding-right: 17px;
}

#item-l-box table.item-detail-right td.item-detail-txt span {
	color: #195992;
	font-weight: bold;
}

#item-l-box table.item-detail-right td.item-detail-name {
	padding-left: 30px;
	background-image: url(../img/item/item-name-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 108%;
	font-weight: bold;
	height: 45px;
}

#item-l-box table.item-detail-right td.item-detail-link {
	padding-top: 13px;
	padding-right: 17px;
	text-align: right;
}

#item-l-box table.item-detail-right td.item-detail-link img {
	margin-left: 5px;
}

#item-l-box table.item-detail-right td.item-detail-price {
	padding-bottom: 8px;
	font-size: 108%;
	font-weight: bold;
}

#item-l-box table.item-detail-right td.item-detail-price span {
	color: #f0353f;
	font-size: 123%;
	font-weight: bold;
}

#item-l-box table.item-detail-right td.item-detail-cart {
	padding-right: 17px;
	text-align: right;
}

#item-l-box table.item-detail-right td.item-detail-gift-check {
	width: 24px;
	background-image: url(../img/item/item-gift-check.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
}

#item-l-box table.item-detail-right td.item-detail-gift-txt {
	background-image: url(../img/item/item-gift-bg.gif);
	background-repeat: repeat-x;
	background-position: left center;
	color: #d20077;
	font-size: 85%;
	font-weight: bold;
	white-space: nowrap;
}

#item-l-box table.item-detail-right td.item-detail-caution {
	padding-top: 5px;
	padding-right: 17px;
	color: #d20108;
	font-size: 85%;
}

#item-l-box table.item-detail-right td.item-detail-caution2 {
	color: #d20108;
	font-size: 85%;
	width: 182px;
	padding-right: 17px;
}

#item-l-box table.item-detail-right td.item-detail-photoobi-available {
	border-right: 15px solid #FFFDF8;
	border-top: 5px solid #FFFDF8;
	border-bottom: 3px solid #FFFDF8;
	background-color: #ff0;
	padding: 5px 0 3px 5px;
	color: #f00;
	font-size: 85%;	
}

#item-detail-txt {
	margin-bottom: 12px;
	color: #46a544;
	font-size: 108%;
	font-weight: bold;
}

#item-l-box table.item-detail-right td.item-explain-name {
	padding-right: 17px;
	padding-left: 10px;
	background-image: url(../img/item/item-detail-name-bg.gif);
	background-repeat: repeat-y;
	font-size: 108%;
	font-weight: bold;
	color: #46a644;
}

#item-l-box table.item-detail-right td.item-explain-name2 {
	padding-right: 17px;
	height: 38px;
	font-size: 108%;
	font-weight: bold;
	color: #46a644;
}

#item-l-box table.item-detail-icon {
	margin-bottom: 10px;
	width: 150px;
}

#item-l-box table.item-detail-icon td.item-ph-icon-last {
	padding-top: 5px;
	text-align: right;
}

#item-l-box table.item-detail-icon td.item-ph-icon {
	padding-top: 5px;
	padding-right: 4px;
	width: 47px;
}

#item-explain-txt  {
	padding: 7px 17px 12px 11px;
}

#item-explain-txt span {
	color: #195890;
	font-weight: bold;
}

#item-explain-txt table{
	text-align: left;
}

#item-explain-txt table span {
	color: #666;
	font-weight: normal;
}

#item-detail-ph-left {
	padding-left: 11px;
	float: left;
	width: 72px;
}

#item-detail-ph-right {
	padding-right: 17px;
	float: right;
}

#item-detail-ph-right img {
	border: 1px solid #e6e3d9;
}

#item-detail-ph-left table {
	margin-bottom: 10px;
}

#item-detail-ph-left table td.item-detail-ph {
	background-image: url(../img/item/item-detail-ph-bg.gif);
	background-repeat: repeat-y;
	text-align: center;
}

.item-detail-cart-long {
	margin-top: 10px;
}

#item-result-title-left {
	float: left;
	width: 170px;
}

#item-result-title-right {
	float: right;
	width: 370px;
}

#item-result-title-right h2 {
	height: 55px;
	background-image: url(../img/item/item-result-title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#item-result-title-right p {
	height: 32px;
	background-image: url(../img/item/item-result-title-bg.gif);
	background-repeat: repeat-x;
	font-size: 108%;
	color: #333;
}

#item-result-serch {
	background-image: url(../img/item/item-result-serch-bg.gif);
	background-position: center 28px;
/*	height: 97px;*/
	width: 370px;
	background-repeat: no-repeat;
}

#item-result-title-right h3 {
	height: 28px;
	background-image: url(../img/item/item-result-serch.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#item-result-serch-txt {
	padding-right: 10px;
	padding-left: 10px;
	height: 34px;
	font-size: 85%;
}
#item-result-serch-box {
	background-image: url(../img/item/item-result-serch-bg.gif);
	padding-right: 10px;
	padding-left: 10px;
	width: 350px;
/*	height: 35px;*/
}
#item-result-serch-box .item-result-serch-type {
	padding: 3px 0;
	clear: both;
	font-size: 10px;
}
/*
#item-result-serch-lact {
	float: left;
	width: 240px;
	height: 22px;
}
*/
#item-result-serch-box #search_button {
	float: right;
	cursor:pointer;
}

#item-result-hint {
	padding: 5px;
	width: 350px;
	font-size: 85%;
	line-height: 1.1;
}

#item-result-keyword {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 12px;
	border: 1px solid #c6d7e7;
	width: 514px;
	background-image: url(../img/item/item-keyword-bg.gif);
}

#item-result-keyword-title {
	padding: 5px;
	border-left: 4px solid #195992;
	font-size: 108%;
	font-weight: bold;
	color: #195992;
}

#item-result-keyword-box {
	margin-top: 12px;
	padding: 10px;
	border: 1px solid #c6d7e7;
	width: 492px;
	background-color: #FFF;
}

#item-result-keyword-box span.size01 {
	font-size: 50%;
}

#item-result-keyword-box span.size02 {
	font-size: 60%;
}

#item-result-keyword-box span.size03 {
	font-size: 70%;
}

#item-result-keyword-box span.size04 {
	font-size: 80%;
}

#item-result-keyword-box span.size05 {
	font-size: 90%;
}

#item-result-keyword-box span.size06 {
	font-size: 100%;
}

#item-result-keyword-box span.size07 {
	font-size: 110%;
}

#item-result-keyword-box span.size08 {
	font-size: 120%;
}

#item-result-keyword-box span.size09 {
	font-size: 130%;
}

#item-result-keyword-box span.size10 {
	font-size: 140%;
}

#item-result-keyword-box span a:link {
	color: #339933;
	text-decoration: none;
}

#item-result-keyword-box span a:active {
	color: #66CC33;
	text-decoration: underline;
}

#item-result-keyword-box span a:visited {
	color: #339933;
	text-decoration: none;
}

#item-result-keyword-box span a:hover {
	color: #66CC33;
	text-decoration: underline;
}

#item-l-box .pageNumber {
	margin-top: 15px;
	margin-bottom: 5px;
}

#item-l-box .pageNumber-last {
	margin-top: 15px;
	margin-bottom: 25px;
}

#item-l-box .pageNumber ul,
#item-l-box .pageNumber-last ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

#item-l-box .pageNumber ul,
#item-l-box .pageNumber-last ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

#item-l-box .pageNumber li,
#item-l-box .pageNumber-last li {
	list-style-type: none;
	display: inline;
}

#item-l-box .pageNumber li a,
#item-l-box .pageNumber-last li a,
#item-l-box .pageNumber li a:visited,
#item-l-box .pageNumber-last li a:visited {
	padding: 5px;
	border: 1px solid #e6e3d9;
	text-decoration: underline;
	color: #339933;
	font-size: 108%;
}

#item-l-box .pageNumber li a:hover,
#item-l-box .pageNumber-last li a:hover,
#item-l-box .pageNumber li a:active,
#item-l-box .pageNumber-last li a:active {
	border: 1px solid #46a644;
	text-decoration: underline;
	color: #fff;
	background-color: #46a644;
}

#item-l-box .pageNumber li.current,
#item-l-box .pageNumber-last li.current {
	padding: 5px;
	border-color: #fff;
	text-decoration: none;
	background-color: #46a644;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	margin: default;
}

#item-l-box .pageNumber li a.prevNext,
#item-l-box .pageNumber-last li a.prevNext,
#item-l-box .pageNumber li a.prevNext:visited,
#item-l-box .pageNumber-last li a.prevNext:visited {
	border-color: #fff;
	background-color: #fff;
	color: #339933;
	text-decoration: underline;
	font-size: 100%;
}

#item-l-box .pageNumber li a.prevNext:hover,
#item-l-box .pageNumber-last li a.prevNext:hover,
#item-l-box .pageNumber li a.prevNext:active,
#item-l-box .pageNumber-last li a.prevNext:active {
	border-color: #fff;
	background-color: #fff;
	color: #66cc33;
	text-decoration: underline;
	font-size: 100%;
}

#item-l-box .pageNumber li a.prevNext-icon,
#item-l-box .pageNumber-last li a.prevNext-icon {
	padding: 0;
	border-color: #fff;
	background-color: #fff;
	color: #339933;
	font-size: 100%;
}



/*add pencil*/
* html #item-l-box {
	width: 540px;
	padding: 1px 0px 12px 12px;
	float: left;
	letter-spacing: 1px;
}



#item-fukidashi {
	padding-top: 18px;
	padding-left: 30px;
	height: 50px;
	width: 510px;
	background-image: url(../img/item/item-fukidashi.gif);
	background-repeat: no-repeat;
	background-position: center 8px;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
}

#item-fukidashi-txt {
	width: 480px;
	margin: 0px auto 16px auto;
}

#item-l-box table.pageNumber {
	margin: 12px auto 10px auto;
	border-collapse: separate;
	border-spacing: 5px;
	border: none;
	vertical-align: middle;
}



#item-l-box table.pageNumber img {
	margin-right: 5px;
	margin-left: 5px;
}

#item-l-box table.pageNumber td {
	padding: 2px;
	border: 1px solid #e6e3d9;
	font-size: 108%;
}

#item-l-box table.pageNumber td.prevNext {
	padding: 0;
	border: none;
	font-size: 100%;
}

#item-l-box table.pageNumber td.over {
	padding: 3px;
	border-top: 2px solid #fff;
	border-right: none;
	border-bottom: 2px solid #fff;
	border-left: none;
	background-color: #46a744;
	font-size: 85%;
}

#item-l-box table.pageNumber td.over a {
	color: #fff;
}



#item-header {
	height: 15px;
	width: 540px;
	background-image: url(../img/item/item-header.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#item-footer {
	margin-bottom: 12px;
	height: 13px;
	width: 540px;
	background-image: url(../img/item/item-footer.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#item-main {
	width: 540px;
	background-image: url(../img/item/item-background.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

.addCartBtn {
	cursor:pointer;
}

/* ////// 検索結果画面にキーワードクラウドを表示 ////// */
#keywordCloud ,
#keywordCloud ul {
	border:1px solid #C6D7E7;
}
#keywordCloud {
	padding:12px 9px;
	background: url(/img/item/wordcloud-background.gif) repeat ;
}

#keywordCloud h2 {
	color:#195992;
	font-weight: bold;
	font-size: 14px;
	border-left: 4px solid #195992;
	padding:2px 8px;
	margin-bottom: 12px;
}

#keywordCloud ul {
	background: #fff;
	padding:12px;
	margin-bottom: 6px;
}

#keywordCloud ul  li{
	display: inline;
	margin-right: 5px;
}

#keywordCloud ul  li a{
	text-decoration: none;
}

#keywordCloud ul  li a.lankA{font-size: 10px;}
#keywordCloud ul  li a.lankB{font-size: 12px;}
#keywordCloud ul  li a.lankC{font-size: 14px;}
#keywordCloud ul  li a.lankD{font-size: 16px;}
#keywordCloud ul  li a.lankE{font-size: 18px;}
#keywordCloud ul  li a.lankF{font-size: 20px;}

#keywordCloud p.more {
	text-align: right;
}