@charset "utf-8";
/*------------------------------------------------
Project: Neutorino WebShop
For    : インポート・初期化・再定義・汎用スタイル
Created: 1:09 2009/12/18 nagisa@shift-jp.net
Updated: 4:20 2009/12/18 nagisa@shift-jp.net
------------------------------------------------*/


/* インポート
---------------------------------------------------------- */
@import url(./layout.css);
@import url(./module.css);
@import url(./top.css);
@import url(./item.css);
@import url(./misc.css);

/* 初期化
---------------------------------------------------------- */
*{
	margin:				0;
	padding:			0;
	font-size: 			100%;
	line-height:		200%;
}
html{
	height:				100%;
	overflow-y: scroll;
}
html:first-child body{
	min-height:			100%;
	padding-bottom:		1px;
}
/* タグの再定義
---------------------------------------------------------- */
body {
	font-family: 				Verdana,Arial,'メイリオ',Meiryo,sans-serif,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	margin:						0;
	padding:					0;
	text-align:					center;
	color:						#000;
	font-size:					100%;
	background:					#F7F3E6 url(../../img/default/bg_container.gif) 50% 95px repeat-x;;

}
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:						#3366CC;
}
a:hover {
	color:						#CC3365;
}
a:active {
	color:						#990032;
}
a:visited {
	color:						#003399;
}
table {
	border-collapse:			collapse;
}
label, button {
	cursor:						pointer;
}
input, select {
	vertical-align:				center;
}
select,input,button,textarea{
	font:99% arial,helvetica,clean,sans-serif;
	}
strong {
	font-weight:				bold;
}
em {
	font-style:					normal;
	font-weight:				bold;
	color:						#CC0000;
}
button {
	display:						-moz-inline-block;
	display:						inline-block;
	*display:						inline;
	*zoom:						1;
	border:						0;
	background:					url(../../img/default/buttons/btn_back.jpg) #548039 0 0 repeat-x;
	color:						#F9F6ED;/*#eae2c1*/
	padding:						3px 8px;
	_padding:					3px 5px;
	line-height:					1.2em;
	margin:						0 0 0 4px;
	*font-size:					12px;
	border:						1px solid #445F50;
	*height:						24px;
	*background-position:		0 -1px;
}
button span {
	margin:						0;
	padding:						0;
	line-height:					1em;
}
button:hover {
	background-position:		0 -26px;
	background-color:			#2E652C;
	color:						#eae2c1;
}
.textField, select,input[type="text"] {
	padding: 3px 5px;
	*padding: 3px 5px;
	_padding: 3px 5px;
	font-size: 93%;
	*font-size: 93%;
	vertical-align:				center;
}
#changeImageHandle {
	display:					block;
	width:					149px;
	height:					36px;
	margin-top:				.3em;
	text-indent:				-1000em;
	overflow:				hidden;
	background:				url(../../img/default/buttons/reload.gif) 0 0 no-repeat;
}

/* 本文
---------------------------------------------------------------------*/
#mainArea .wrapper {
	padding:				0 2em;
	border-width:			0;
}
#mainArea h3 {
	color:					#548039;
	font-family:			Georgia,"Bitstream Vera Serif","Times New Roman",sans-serif;
	font-size:				180%;
	text-align:				center;
	border-bottom:			1px solid #87B36C;
	margin:					0 -2em 21px -2em;
	padding:					.5em 80px;
	background:				url(../../img/default/headering/h3.gif) 50% 50% no-repeat;
	line-height:				1.2em;
	font-weight:				normal;
}
#mainArea h4 {
	font-size:				1.2em;
	padding:				3px 0;
	margin:					15px 0;
	border-bottom:			1px solid #333;
	line-height:			1.3em;
}
#mainArea form dl dt {
	font-weight:			bold;
	clear:				both;
	margin-top:			.8em;
}
#mainArea form dl dd {
	padding:					0 0 1em 2em;
	overflow:				hidden;
	*zoom:					1;
}
#mainArea form dl dd ul {
	margin:					0;
}
#mainArea form dl dd ul li {
	width:					50%;
	float:					left;
}
/* 汎用クラス
---------------------------------------------------------------------*/
p.link a, a.link, ul.link li {
	padding:			.1em .1em .1em 16px;
	background:		url(../../img/default/bullet/tri_green.gif) 0 50% no-repeat;
}
/* 戻る */
.back {
	margin:					.5em -2em;
	padding-left:			14px;
	background:				url(../../img/default/bullet/back.gif) 0 50% no-repeat;
}
p.buttons {
	clear:					both;
	text-align:				center;
	margin:					1em 0;
}
p.topLink {
	text-align:				right;
	margin-bottom:			2.5em;
	font-size:				80%;
}
p.topLink a {
	color:					#666;
	padding-left:				20px;
	background:				url(../../img/default/bullet/top.gif) left top no-repeat;
}
p.topLink a:hover {
	color:					#090;
	padding-left:				20px;
	background:				url(../../img/default/bullet/top.gif) left bottom no-repeat;
}
p.notes, p.note {
	font-size:				80%;
	color:					#666;l
}
/* エラー */
div.error {
	clear:			both;
	padding: 		0.4em .4em .4em 2.5em;
	margin:			0 0 1em 0;
	background: 	#FFE url(../../img/default/icons/error.gif) 5px center no-repeat;
	border:			3px double #C00;
	color:			#C00;
	font-size:		.9em;
}
p.error {
	clear:			both;
	padding: 		.2em .2em .2em 2.5em;
	margin:			0;
	background: 		url(../../img/default/icons/error.gif) 5px center no-repeat;
	color:			#C00;
	font-size:		.8em;
	line-height:		1.2em;
}
/* アラート */
div.alert {
	clear:			both;
	padding: 		0.4em .4em .4em 2.5em;
	margin:			0 0 1em 0;
	background: 	#FFE url(../../img/default/icons/alert.gif) 5px center no-repeat;
	border:			3px double #930;
	color:			#930;
	font-size:		.9em;
}
p.alert {
	clear:			both;
	padding: 		.2em .2em .2em 2.5em;
	margin:			0 0 1em 0;
	background: 		url(../../img/default/icons/alert.gif) 5px center no-repeat;
	color:			#930;
	font-size:		.8em;
	line-height:		1.2em;
}
.price {
	font-family:		"MS PGothic";
	font-size:		110%;
}
/* メッセージ */
ul.message {
	margin:			0;
}
p.message,
ul.message li {
	clear:			both;
	padding: 		.1em .1em .1em 1.5em;
	margin:			1em 0;
	background: 		url(../../img/default/icons/message.gif) 0 0 no-repeat;
	color:			#666;/*39F*/
	line-height:		1.2em;
	*line-height:		1.4em;
}
p.thanx {
	text-align:		center;
}
/* table cell */
td.status {
	text-align:		center;
}
td.num,
th.num {
	text-align:		right;
	white-space:		nowrap;
	font-family:			"MS PGothic";
}
/* カートボタン(小) */
a.addCart,
button.addCart {
	display:						block;
	width:						35px;
	height:						35px;
	border:						0;
	float:						right;
	margin-top:					-35px;
	text-indent:					-1000em;
	overflow:					hidden;
	background:					url(../../img/default/buttons/cart_mini.gif) 0 0 no-repeat;
}
#result .addCart {
	margin-top:					-65px;
}
/* pagenation */
ul.pagenation {
	*zoom: 					1;
	padding:					.2em;
	text-align:				center;
}
ul.pagenation li {
	display:					-moz-inline-box;
	display:					inline-block;
	*display:					inline;
	*zoom:					1;
	margin:					0 1px;
	vertical-align:				middle;
	font-size:					80%;
	line-height:				1em;
}
ul.pagenation li span {
	display:					block;
	padding:					2px 5px;
	color:					#999;
	border:					1px solid #CCC;
	background:				#E7E7E7;
}
ul.pagenation li a {
	display:					block;
	padding:					3px 5px;
	border:						1px solid #99C;
	text-decoration:			none;
}
ul.pagenation li a:hover {
	background:					#FFE;
}
ul.pagenation li strong {
	display:					block;
	padding:					2px 5px;
	color:						#FFF;
	background:					#99C;
	font-weight:				bold;
	font-size:					1.2em;
}
/* アイコン */
ul.icons {
	display:					block;
	clear:						left;
	*zoom:						1;
	margin:						0;
	line-height:					1em;
}
ul.icons li {
	display:					-moz-inline-box;
	display:					inline-block;
	*float:						left;
	*zoom:						1;
	margin:						0 2px;
	overflow:					hidden;
	text-indent:					-1000em;
	width:						48px;
	height:						48px;
	line-height:					1em;
}
li.icon01 {
	background:					url(../../img/default/icons/01.gif) 0 0 no-repeat;
}
li.icon02 {
	background:					url(../../img/default/icons/02.gif) 0 0 no-repeat;
}
li.icon03 {
	background:					url(../../img/default/icons/03.gif) 0 0 no-repeat;
}
li.icon04 {
	background:					url(../../img/default/icons/04.gif) 0 0 no-repeat;
}
li.icon05 {
	background:					url(../../img/default/icons/05.gif) 0 0 no-repeat;
}
li.icon06 {
	background:					url(../../img/default/icons/06.gif) 0 0 no-repeat;
}
li.icon07 {
	background:					url(../../img/default/icons/07.gif) 0 0 no-repeat;
}
/* 入力テーブル */
table.formTable {
	border-top:					1px solid #DFD4B2;
	border-collapse:				separate;
	width:						100%;
}
table.formTable th,
table.formTable td {
	border-style:					solid;
	border-width:				0 1px 1px 0;
	border-color:					#DFD4B2;
	padding:						.5em;
}
table.formTable th {
	background:					#F7F3E6;
	border-width:				0 1px 1px 3px;
	width:						30%;
	font-weight:					normal;
	text-align:					left;
}
table.formTable tr.required th {
	border-color:					#DFD4B2 #DFD4B2 #DFD4B2 #C00;
	padding-left:					55px;
	background:					#F7F3E6 url(../../img/default/icons/required.gif) 5px center no-repeat;
}
/* ステータス */
div.status {
	padding:						5px;
	background:					#F7F3E6;
	font-size:					80%;
	font-weight:					bold;
}
.AD, .OB, .OP, .PC, PS, .UL {
	color:						#C00;
}
.NP {
	color:						#00C;
}
.SC {
	color:						#660;
}
.OS, .ES, .D3 {
	color:						#000;
}