@charset "utf-8";
/* ###############################################
Project: PICTORICO CLUB
For    : インポート・初期化・再定義・汎用スタイル
Created: 21:42 2009/10/08 nagisa@shift-jp.net
Updated: 10:57 2009/10/19 nagisa@shift-jp.net
############################################### */


/* インポート
---------------------------------------------------------- */

@import url(top.css);
@import url(layout.css);
@import url(module.css);
@import url(item.css);
@import url(cart.css);
@import url(misc.css);
@import url(mypage.css);
@import url(script.css);

/* 初期化
---------------------------------------------------------- */
*{
	margin:				0;
	padding:			0;
	font-size: 			100%;
	line-height:		150%;
}
html{
	height:				100%;
}
html:first-child body{
	min-height:			100%;
	padding-bottom:		1px;
}
/* タグの再定義
---------------------------------------------------------- */
body {
	font-family: 				'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	margin:						0;
	padding:					0;
	text-align:					center;
	color:						#000;
	font-size:					9pt;

}
#container h3 {
	border-width:				2px 0;
	border-style:				solid;
	border-color:				#EEE;
	padding:					.2em 0;
	font-size:					18pt;
	margin-bottom:				1em;
}
#container h4 {
	font-size:					14pt;
	padding:					3px 10px;
	margin:						20px 0 5px 0;
	border-bottom:				1px solid #CCC;
}

ul {
	list-style-type:			none;
	margin:						1em 2em;
}
ol {
	margin:						1em 2em;
}
img {
	border: 					none;
	vertical-align: 			bottom;
}
p {
	margin:						0 0 1em 0;
}
a {
	outline:					none;
	color:						#00C;
	text-decoration:			none;
}
a:hover {
	color:						#60F;
	text-decoration:			underline;
}
table {
	border-collapse:			collapse;
}
label, button {
	cursor:						pointer;
}
strong {
	font-weight:				bold;
}
em {
	font-style:					normal;
	font-weight:				bold;
	color:						#487122;
}
input {
	vertical-align:				middle;
}
input.text,
input.num						{
	font-size:					1.1em;
	padding:					3px;
}
input.num {
	text-align:				right;
}
select {
	padding:					3px;
}
/* 汎用クラス
---------------------------------------------------------------------*/
/* 戻る */
p.back {
}
p.back a {
	padding:					3px 0px 3px 20px;
	background:					url(../../img/b2c/bullets/back.gif) 0 3px no-repeat;
}
/* 続き */
p.more {
	text-align:					right;
	padding:					3px 20px 3px 0;
	background:					url(../../img/b2c/bullets/next.gif) right 3px no-repeat;
}
p.more a {
}
/* ページトップへ戻る */
p.backToTop {
}
/* 注意書き */
p.attention {
	color:						#C00;
}
/* システムメッセージ */
p.message {
	padding: 		0.4em .4em .4em 2.5em;
	background: 	#FF9 url(../../img/b2c/icons/message.png) 5px center no-repeat;
}
/* 注意書き */
p.notes {
	font-size:		0.9em;
	color:			#666;
	font-weight:		normal;
}
/* エラー */
.error {
	clear:			both;
	padding: 		0.4em .4em .4em 2.5em;
	margin:			0;
	background: 		transparent url(../../img/b2c/icons/error.png) 5px center no-repeat;
	color:			#C00;
	font-size:		.9em;
}
.attention {
	color:			#C00 !important;
	font-size:		.9em;
}
/* clearFix */
.clearFix {
	zoom:				100%;
}
.clearFix:after {
	content:			".";
	display:			block;  
	visibility:			hidden;  
	height:				0.1px;  
	font-size:			0.1em;  
	line-height:		0;  
	clear:				both;  
}
/* 汎用セル */
td.num {
	text-align:		right !important;
	white-space:	nowrap;
}
td.status {
	text-align:		center !important;
	white-space:	nowrap;
}
/* リンクul */
ul.link {
	margin:			1em 0;
}
ul.link li {
	list-style:		none !important;
	padding:		0.2em 0 0.2em 20px !important;
	margin:			0 !important;
	background:		url(../../img/b2c/bullets/next.gif) left 3px no-repeat;
}
/* リンク段落 */
p.link {
	padding:			.2em 0 .2em 20px;
	background:		url(../../img/b2c/bullets/next.gif) left 3px no-repeat;
}
td.status {
	text-align:		center;
	white-space:	nowrap;
}
/* 汎用ボタン */
p.buttons {
	overflow:					hidden;
	*zoom:						1;
	width:						100%;
	margin:						10px 0;
	text-align:					center !important;
}
p.buttons button,
button.submit {
	overflow:					visible;
	display:						-moz-inline-box;
	display:						inline-block;
	*display:						inline;
	*zoom:						1;
	padding:						0 20px 0 0;
	height:						40px;
	border:						0;
	outline:						none;
	background:					url(../../img/b2c/button/form_bg.gif) right top no-repeat;
	color:						#FFF;
	font-weight:					bold;
	vertical-align:					middle;
}
p.buttons button::-moz-focus-inner,
button.submit::-moz-focus-inner {
	 border-width: 				0 !important;
}
p.buttons button span,
button.submit span {
	overflow:					visible;
	white-space:					nowrap;
	display:						block;
	height:						40px;
	line-height:					40px;
	padding:						0 0 0 20px;
	background:					url(../../img/b2c/button/form_bg.gif) left top no-repeat;
}
p.buttons button:hover,
button.submit:hover {
	background:				url(../../img/b2c/button/form_bg.gif) right -41px no-repeat;
}
p.buttons button:hover span,
button.submit:hover span {
	background:				url(../../img/b2c/button/form_bg.gif) left -41px no-repeat;
}
a.button {
	display:						-moz-inline-box;
	display:						inline-block;
	*display:						inline;
	*zoom:						1;
	height:						30px;
	padding:						0 0 0 20px;
	background:					url(../../img/b2c/button/bg.gif) left top no-repeat;
}
a.button span {
	display:						-moz-inline-box;
	display:						inline-block;
	*display:						inline;
	*zoom:						1;
	line-height:					30px;
	padding:						0 20px 0 0;
	background:					url(../../img/b2c/button/bg.gif) right top no-repeat;
	color:						#00C;
	cursor:						pointer;
}
a.button:hover {
	background:				url(../../img/b2c/button/bg.gif) left -31px no-repeat;
	text-decoration:		none;
}
a.button:hover span {
	background:				url(../../img/b2c/button/bg.gif) right -31px no-repeat;
	color:					#FFF;
}
div.explain {
	margin:					1em 0;
	padding:				1em 0;
	border-top:				3px solid #E7E7E7;
	border-bottom:			3px solid #E7E7E7;
}
div.explain p {
	margin:					1em 0;
	font-size:				1.2em;
}
/* カートに入れるボタン（小） */
button.button_cart {
	border:						0;
	text-indent:				-1000em;
	overflow:					hidden;
	width:						36px;
	height:						33px;
	background:					transparent url(../../img/b2c/button/cart-small.gif) 0 0 no-repeat;
	float:						right;
	margin-top:					-36px;
}
/* 検索結果のカートボタンは大を使用  */
body#search #mainArea button.button_cart {
	border:					0;
	width:					166px;
	height:					54px;
	background:				transparent url(../../img/b2c/button/add_cart.gif) no-repeat scroll 0 0;
	text-indent:			-1000em;
	overflow:				hidden;
	float:						right;
	margin-top:					-54px;
}
/* 価格 */
.price {
	color:						#000;
}
/* ポイント表示 */
.point {
	padding-left:				20px;
	background:				url(../../img/b2c/icons/point.gif) 0 0 no-repeat;
	color:					#990;
	font-weight:				bold;
}
/* 在庫表示 */
.stock0 {
	padding-left:				60px;
	background:					transparent url(../../img/b2c/icons/stock0.gif) 0 0 no-repeat;
}
.stock1 {
	padding-left:				60px;
	background:					transparent url(../../img/b2c/icons/stock1.gif) 0 0 no-repeat;
}
.stock2 {
	padding-left:				60px;
	background:					transparent url(../../img/b2c/icons/stock2.gif) 0 0 no-repeat;
}
.stock3 {
	padding-left:				60px;
	background:					transparent url(../../img/b2c/icons/stock3.gif) 0 0 no-repeat;
}
/* パンくず */
p.breadcrumb {
	margin:						0 0 35px 0;
	*zoom:						1;
}
body#item p.breadcrumb {
	margin-bottom:				10px;
}
p.breadcrumb:after {
	content:				".";
	display:				block;
	clear:					both;
	line-height:			.1px;
	font-size:				.1px;
	visibility:				hidden;
}
p.breadcrumb a:hover {
	text-decoration:			none;
}
p.breadcrumb a.root {
	display:					block;
	float:						left;
	height:						23px;
	overflow:					hidden;
	background:					url(../../img/b2c/shared/breadcrumb_root.gif) left center no-repeat;
}
p.breadcrumb a.root span {
	display:					block;
	line-height:				13px;
	padding:					5px 20px 5px 10px;
	background:					url(../../img/b2c/shared/breadcrumb_parent.gif) right center no-repeat;
}
p.breadcrumb a.parent {
	display:					block;
	float:						left;
	height:						23px;
	overflow:					hidden;
	background:					#e8e8e8;
}
p.breadcrumb a.parent span {
	display:					block;
	line-height:				13px;
	padding:					5px 20px 5px 10px;
	background:					url(../../img/b2c/shared/breadcrumb_end.gif) right center no-repeat !important;
}
p.breadcrumb span.end {
	display:					block;
	float:						left;
	line-height:				13px;
	font-weight:				bold;
	color:						#666;
	padding:					5px 10px;
}
/* ページ繰り */
ul.pagenation {
	zoom: 					1;
	padding:					.2em;
	text-align:				center;
}
ul.pagenation:after {
	content:				".";
	display:				block;
	clear:					both;
	line-height:			.1px;
	font-size:				.1px;
	visibility:				hidden;
}
ul.pagenation li {
	display:					-moz-inline-box;
	display:					inline-block;
	*display:					inline;
	*zoom:					1;
	margin:					0 1px;
	vertical-align:				middle;
}
ul.pagenation li span {
	display:					block;
	padding:					3px 5px;
	color:					#999;
	border:					1px solid #CCC;
	background:				#E7E7E7;
}
ul.pagenation li a {
	display:					block;
	padding:					3px 5px;
	border:					1px solid #99C;
}
ul.pagenation li a:hover {
	text-decoration:			none;
}
ul.pagenation li strong {
	display:					block;
	padding:					3px 5px;
	color:					#FFF;
	background:				#99C;
	font-weight:				bold;
	font-size:				1.2em;
}
/* アイコン */
ul.icons {
	display:					block;
	clear:					left;
	*zoom:					1;
}
ul.icons li {
	display:					-moz-inline-box;
	display:					inline-block;
	*float:					left;
	*zoom:					1;
	margin:					2px 1px;
	font-size:				.8em;
	zoom:					1;
	height:					19px;
	width:					64px;
	text-indent:				-1000em;
	overflow:				hidden;
}
ul.icons li.icon01 {
	background:				transparent url(../../img/b2c/icons/icon01.gif);
}
ul.icons li.icon02 {
	background:				transparent url(../../img/b2c/icons/icon02.gif);
	width:					39px;
}
ul.icons li.icon03 {
	background:				transparent url(../../img/b2c/icons/icon03.gif);
	width:					52px;
}
ul.icons li.icon04 {
	background:				transparent url(../../img/b2c/icons/icon04.gif);
	width:					52px;
}
ul.icons li.icon05 {
	background:				transparent url(../../img/b2c/icons/icon05.gif);
	width:					87px;
}
ul.icons li.icon06 {
	background:				transparent url(../../img/b2c/icons/icon06.gif);
	width:					53px;
}
ul.icons li.icon07 {
	background:				transparent url(../../img/b2c/icons/icon07.gif);
}
ul.icons li.icon08 {
	background:				transparent url(../../img/b2c/icons/icon08.gif);
}
ul.icons li.icon09 {
	background:				transparent url(../../img/b2c/icons/icon09.gif);
}
ul.icons li.icon10 {
	background:				transparent url(../../img/b2c/icons/icon10.gif);
}
ul.icons li.icon11 {
	background:				transparent url(../../img/b2c/icons/icon11.gif);
}
ul.icons li.icon12 {
	background:				transparent url(../../img/b2c/icons/icon12.gif);
}
ul.icons li.icon13 {
	background:				transparent url(../../img/b2c/icons/icon13.gif);
	width:					75px;
}
ul.icons li.icon14 {
	background:				transparent url(../../img/b2c/icons/icon14.gif);
	width:					40px;
}

/* 各種テーブル
---------------------------------------------------------------------*/

/* フォーム用テーブル */
.formTable {
	width:						100%;
	border-collapse:			separate;
}
.formTable th {
	vertical-align:				top;
	padding:					10px 5px;
	border-left:				#EEE 5px solid;
	border-bottom:			1px solid #EEE;
	text-align:				left;
	/*width:					13em;*/
	white-space:				nowrap;
}
.formTable td {
	padding:					10px 5px;
	border-bottom:			1px solid #EEE;
	width:					740px;
}
.formTable tr.required th {
	border-left:				#FCC 5px solid;
}

div#cartFooter:after {
	content:				".";
	display:				block;
	clear:					both;
	line-height:			.1px;
	font-size:				.1px;
	visibility:				hidden;
}
table.formTable table.sumTable {
	float:					none;
}