@charset "utf-8";

/* --------------------------------------------------------------
CSS Information

File name:		base_layout.css
Style Info:		レイアウトのベースとなるスタイルを設定

Index:
		__1. 全体構造
		__2. ヘッダー
			__2_1.マイナビゲーション
			__2_2. ヘッダーナビ
			__2_3.サイト内検索
			__2_4. グローバルナビゲーション
		__3. コンテンツエリア
			__3_1. 大枠
			__3_2. メイン
			__3_3. サイドバー
		__4. フッター
			__4_1. フッターナビ
			__4_2. Pマーク
			__4_3. 注意書き
		__5. リンク
		__6. モジュール
			__6_1. 見出し
			__6_2. その他
			__6_3. 表組み
			__6_4. ページ送り
			__6_5. フォーム
			__6_6. ボタン

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
-------------------------------------------------------------- */


/*=====================================================
	__1. 全体構造
=====================================================*/
html {
	overflow-y: scroll;/* スクロールバーの有無によるズレ対策 */
}
/*2012/01/17
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: #fff;
}
input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
*/
body {
width:auto;
background: none repeat scroll 0 0 #FFFFFF;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}
input, textarea {
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}
/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

#pageTitle {
	position: absolute;
	width:650px;
	left:50%;
	top:10px;
	margin:0 310px 0 -480px;
	color: #ccc;
	font-weight: bold;
	/*font-size:93%;*/
	z-index:2;
}

div#container {
	width: 960px;
	margin: 0 auto;
}

/*=====================================================
	__2. ヘッダー
=====================================================*/
div#globalHeader {
	position: relative;
	width: 960px;
/*	min-height: 80px;
	height: auto !important;
	height: 80px;*/
	min-height: 145px;
	height: auto !important;
	height: 145px;

	margin-bottom: 10px;
	padding-bottom: 40px;
	font-size: 93%;
	line-height: 1.3;
}
* html div#globalHeader {
	padding-bottom: 48px;
}
div#globalHeader #logo {
	display: none;
	position: absolute;
/*	top: 34px;
	left: 0;*/
	top: 50px;
	left: -3px;
}
/*	__2_1.マイナビゲーション
----------------------------------------------------*/
div#globalHeader div#myNav {
	width: 960px;
	min-height: 32px;
	height: auto !important;
	height: 32px;
	border-bottom:2px solid #d11e0e;
	background-color: #fff;
	position: relative;
}
div#globalHeader div#myNav a {
	color: #5083b3;
}
div#globalHeader div#myNav a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE6用  */
}
div#globalHeader div#myNav p {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 500px;
	color: #333;
}
div#globalHeader div#myNav ul {
	position: absolute;
	top: 25;
	right: 0;
	width:306px;
}
div#globalHeader div#myNav ul li {
	float:left;
	padding:0 0 0 3px;
}
div#globalHeader div#myNav ul li span.number {
	position: absolute;
	display: block;
	width: 3em;
	top: 6px;
	right: 99px;
	color: #d11e0e;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
}
div#globalHeader div#myNav h1 {
	position: absolute;
	top: 10px;
	left: 0;
	color: #ccc;
	font-weight: bold;
}

/*	__2_2.ログイン・アウト
----------------------------------------------------*/
div#globalHeader p.btnLog {
	position: absolute;
	top: 40px;
	right: 0;
}
/*	__2_3. ヘッダーナビ
------------------------------------------------*/
div#globalHeader ul#headerNav {
	width: 470px;
	/*margin: 8px 10px 8px 480px;*/
	margin: 38px 10px 8px 480px;
	text-align: right;
}
div#globalHeader ul#headerNav li {
	display: inline;
	/zoom: 1;
}
div#globalHeader ul#headerNav li a {
	display: inline-block;
	margin: 5px 0;
	padding: 0 10px;
	border-left: 1px solid #b5b5b5;
}
div#globalHeader ul#headerNav li.lastChild a {
	border-right: 1px solid #b5b5b5;
}
div#globalHeader ul#headerNav li a:hover {
	background-color: #f2faff;
}
/*	__2_4.サイト内検索
----------------------------------------------------*/
div#globalHeader div#globalSearch {
	width: 450px;
	margin: 0 0 10px 510px;
}
div#globalHeader div#globalSearch:after { content: ''; display: block; clear: both; height: 0;}
div#globalHeader div#globalSearch p {
	float: left;
}
div#globalHeader div#globalSearch p select {
	width: 180px;
}
div#globalHeader div#globalSearch p input {
	width: 180px;
	margin: 0 8px;
	padding: 3px 5px 3px 23px;
	background-image: url(../image/bg_search_box.png);
	background-repeat: no-repeat;
	background-position: 4px center;
}
/*	__2_5. グローバルナビゲーション
----------------------------------------------------*/
ul#globalNav{
	clear: both;
	position: absolute;
	bottom: 0;
	width:955px;
	/zoom: 1;
	padding:5px 0 0 5px;
	background:url(/new/common/images/bg_gnav.gif) repeat-x left bottom;
}

ul#globalNav:after {
	content: '';
	display : block;
	clear : both;
}
ul#globalNav li {
	float: left;
	width: 115px;
	margin-right: 4px;
}
ul#globalNav li#globalNav01,
ul#globalNav li#globalNav02,
ul#globalNav li#globalNav03,
ul#globalNav li#globalNav01 a,
ul#globalNav li#globalNav02 a,
ul#globalNav li#globalNav03 a {
	width: 116px;
}
ul#globalNav li#globalNav01 {
	background:url(/new/common/images/gnav_kekkonuchiiwai_on.gif) no-repeat left top;
}
ul#globalNav li#globalNav02 {
	background:url(/new/common/images/gnav_shussanuchiiwai_on.gif) no-repeat left top;
}
ul#globalNav li#globalNav03 {
	background:url(/new/common/images/gnav_kaiki_on.gif) no-repeat left top;
}
ul#globalNav li#globalNav04 {
	background:url(/new/common/images/gnav_shinchiku_on.gif) no-repeat left top;
}
ul#globalNav li#globalNav05 {
	background:url(/new/common/images/gnav_okoudengaeshi_on.gif) no-repeat left top;
}
ul#globalNav li#globalNav06 {
	background:url(/new/common/images/gnav_shussan_on.gif) no-repeat left top;
}
ul#globalNav li#globalNav07 {
	background:url(/new/common/images/gnav_wedding_on.gif) no-repeat left top;
}
ul#globalNav li#globalNav08 {
	/*margin-right: 0;*/
	background:url(/new/common/images/gnav_ayl_on.gif) no-repeat left top;
}
ul#globalNav li#globalNav09 {
	margin-right: 0;
	background:url(/new/common/images/gnav_chugen_on.gif) no-repeat left top;
}
ul#globalNav li a{
	display:block;
}
ul#globalNav li a:hover{
	background:transparent;
}
ul#globalNav li a:hover img{
	visibility:hidden;
}
ul#globalNav li.cu a:hover img{
	visibility:visible;
}



/*=====================================================
	__3. コンテンツエリア
=====================================================*/
/*	__3_1. 大枠
----------------------------------------------- */
div#contents {
	width: 960px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	margin: 0 auto 15px;
	/*font-size: 93%;*/
	line-height: 1.6;
	/zoom: 1;
}
div#contents:after { content: ''; display: block; clear: both; height: 0;}
/*	__3_2. メイン
----------------------------------------------- */
div#contents div#mainBlock {
	float: right;
	width: 726px;
}
/*	__3_3. サイドバー
----------------------------------------------- */
div#contents div#sideBar {
	float: left;
	width: 210px;
	line-height: 1.4;
}
div#contents div#sideBar h2 {
	margin-top: 8px;
}
div#contents div#sideBar h3 {
	margin: 5px 0 0;
	padding: 8px 0 0 10px;
	border-top: 1px dotted darkGray;
}
/*	20110829変更
----------------------------------------------------*/
div#contents div#sideBar h3.firstChild {
	margin-top: 0;
	color: #4682B4;
	font-weight: 900;
	font-size: 14px;
}
/*	20110829追加
----------------------------------------------------*/
div#contents div#sideBar h4 {
	margin: 10px 0 5px;
	padding: 10px 0 0 10px;
	border-top: 1px;
}
/*	20110829追加
----------------------------------------------------*/
div#contents div#sideBar h4.bannerImage {
	 margin-top: 0px;
}
/*	20110829追加
----------------------------------------------------*/
div#contents div#sideBar h4.bannerImage a img {
background: #FFFFFF; padding: 3px; border: 2px solid #d4d4d4;
}
/*	20110829追加
----------------------------------------------------*/
div#contents div#sideBar h4.bannerImage a:hover img {
background: #FFFFFF; padding: 3px; border: 2px solid #d4d4d4;

}
div#contents div#sideBar dl.service {
	position: relative;
	margin: 10px 0 8px 0;
	padding: 10px 1px 0;
	border: 1px solid #cd0100;
}
div#contents div#sideBar dl.service dt {
	position: absolute;
	top: -15px;
	right: 5px;
}
div#contents div#sideBar dl.service dd ul li.sec {
	margin-top: 5px;
	padding-top: 8px;
	border-top: 1px solid #dddddd;
}
div#contents div#sideBar dl.service dd ul li.thd {
	margin-top: 6px;
	padding-top: 5px;
	border-top: 1px solid #dddddd;
	padding-bottom: 4px;
}
div#contents div#sideBar div.catalogueBox {
	position: relative;
	margin-top: 14px;
	padding: 45px 8px 8px 11px;
	border: 4px solid #e7e7e7;
	/zoom: 1;
}
div#contents div#sideBar div.catalogueBox h2 {
	position: absolute;
	top: -10px;
	left: 0;
	margin: 0;
}
div#contents div#sideBar div.catalogueBox input.number {
	width: 40px;
}
div#contents div#sideBar div.catalogueBox ul {
	margin: 8px 0;
	font-size: 83%;
}
div#contents div#sideBar div.catalogueBox ul li a {
	padding-left: 10px;
	background: url(/new/common/images/icon_arrow_01.png) no-repeat 0 center;
}
div#contents div#sideBar div.cartBox {
	padding-top: 10px;
	background: url(../image/side_bg_cart_top.png) no-repeat left top;
}
div#contents div#sideBar ul.categoryNav li a {
	display: block;
	width: 188px;
	padding: 3px 0 3px 22px;
	background: url(/new/common/images/icon_arrow_01.png) no-repeat 10px center;
}
div#contents div#sideBar ul.categoryNav li a:hover {
	background-color: #f2faff;
}
div#contents div#sideBar ul.banners li {
	margin-top: 10px;
}
div#contents div#sideBar ul.banners li.border a {
	display: block;
	width: 208px;
	border: 1px solid #cecec4;
}
div#contents div#sideBar ul.banners li.border a:hover {
	border-color: #cd0100;
}
/*	20120202追加
----------------------------------------------------*/
/*.bulk_order a {
	background-image: url(../images/bulk_order.gif);
	height: 0px;
	width: 210px;
	padding-top: 62px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.bulk_order a:hover{
	background-position: 0px -63px;
}*/
/*	20120712追加
----------------------------------------------------*/
div#contents div#sideBar .categoryNav {
	padding:5px 0 0 0;
}
div#contents div#sideBar li.mobile{
	text-indent: -9999px;
}
div#contents div#sideBar li.mobile a{
	background:url(/new/common/images/side_banner_mobile.gif) no-repeat scroll left top transparent;
	display: block;
	width:210px;
	height:75px;
}
div#contents div#sideBar li.mobile a:hover{
	background:url(/new/common/images/side_banner_mobile.gif) no-repeat scroll -210px top transparent;
}

/*=====================================================
	__4. フッター　※20130208改定
=====================================================*/
div#globalFoooter {
	position: relative;
	width: 880px;
	min-height: 78px;
	height: auto !important;
	/*height: 78px;*/
	/*margin-top: 15px;*/
	padding: 15px 80px 0 0;
	border-top: 2px solid #cd0100;
	line-height: 1.3;
}
/* __4_1. フッターナビ
------------------------------------------------*/
div#globalFoooter ul#footerNav {
	margin-bottom: 20px;
}
div#globalFoooter ul#footerNav li {
	display: inline;
	/zoom: 1;
}
div#globalFoooter ul#footerNav li a {
	display: inline-block;
	margin: 5px 0;
	padding: 0 10px;
	border-left: 1px solid #b5b5b5;
}
div#globalFoooter ul#footerNav li.lastChild a {
	padding: 0 10px;
	border-right: 1px solid #b5b5b5;
}
div#globalFoooter ul#footerNav li a:hover {
	background-color: #f2faff;
}
/* __4_2. Pマーク
------------------------------------------------*/
div#globalFoooter p.pMark {
	position: absolute;
	top: 10px;
	right: 0;
}
/* __4_3. 注意書き
------------------------------------------------*/
div#globalFoooter p.note {
	margin-top: 5px;
	font-size: 77%;
}
/* __4_4. フッターサイトマップ（SHORT）
------------------------------------------------*/
div#globalSitemapFoooter_short{
	position: relative;
	width: 925px;
	border-top: 5px solid #cd0100;
	background-color: #f7f7f7;
	padding: 15px 0 15px 35px;
}
/* __4_4_1. フッターサイトマップ　分類
------------------------------------------------*/
div#globalSitemapFoooter_short div#ftcateory{
	width:760px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
	padding-left: 20px;
}
div#globalSitemapFoooter_short div#ftcateory div{
	margin:10px 0;
}
div#globalSitemapFoooter_short div#ftcateory div h3{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-left: 20px;
	font-weight: bold;
	vertical-align:top;
}
div#globalSitemapFoooter_short div#ftcateory div h3.okaeshi{
	background: url(/new/common/images/footer_ico01.gif) left no-repeat;
}
div#globalSitemapFoooter_short div#ftcateory div h3.oiwai{
	background: url(/new/common/images/footer_ico02.gif) left no-repeat;
}
div#globalSitemapFoooter_short div#ftcateory div h3.season{
	background: url(/new/common/images/footer_ico03.gif) left no-repeat;
}
div#globalSitemapFoooter_short div#ftcateory div ul{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
}
div#globalSitemapFoooter_short div#ftcateory div ul li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
	padding-left: 15px;
	margin-left: 10px;
	background: url(/new/common/images/footer_ico04.gif) left no-repeat;
}
div#globalSitemapFoooter_short div#ftcateory a:link	{color: #5083B2;}
div#globalSitemapFoooter_short div#ftcateory a:visited	{color: #5083B2;}
div#globalSitemapFoooter_short div#ftcateory a:hover	{color: #CC0000;}
div#globalSitemapFoooter_short div#ftcateory a:active	{color: #CC0000;}

/* __4_5. フッターサイトマップ（LONG）
------------------------------------------------*/
div#globalSitemapFoooter_long{
	position: relative;
	border-top: 5px solid #cd0100;
	background-color: #f7f7f7;
	padding: 15px 0;
	font-size: 90%;
	width: 960px;
	margin:0 auto;
}
/* __4_5_1. フッターサイトマップ（LONG）　分類
------------------------------------------------*/
div#globalSitemapFoooter_long p img{
	margin-left: 30px;
}
div#globalSitemapFoooter_long ul{
	margin-top: 10px;
	background: url(/new/common/images/footer_bg01.gif) repeat-y;
	letter-spacing: -.40em;
}
div#globalSitemapFoooter_long ul li{
	letter-spacing: normal;
	width: 280px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
	line-height: 20px;
	margin-left: 30px;
}
div#globalSitemapFoooter_long ul li dl{
	margin: 10px 0;
}
div#globalSitemapFoooter_long ul li dl dt,
div#globalSitemapFoooter_long ul li dl dd{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
}
div#globalSitemapFoooter_long ul li dl dt{
	width: 200px;
	padding-left: 5px;
}

div#globalSitemapFoooter_long a:link	{color: #5083B2; font-weight: bold;}
div#globalSitemapFoooter_long a:visited	{color: #5083B2; font-weight: bold;}
div#globalSitemapFoooter_long a:hover	{color: #CC0000; font-weight: bold;}
div#globalSitemapFoooter_long a:active	{color: #CC0000; font-weight: bold;}

/* フッター下リード */
p#footerlead{
	font-size: 90%;
	width: 940px;
	margin:0 auto;
	padding: 10px;
}
p#footerlead a:link	{color: #5083B2;}
p#footerlead a:visited	{color: #5083B2;}
p#footerlead a:hover	{color: #CC0000;}
p#footerlead a:active	{color: #CC0000;}
/*=====================================================
	__5. リンク
=====================================================*/
a:link {
	color: #555555;
	/*text-decoration: underline;*/
}
a:visited {
	color: #000000;
	/*text-decoration: underline;*/
}
a:hover {
	color: #dd4237;
	text-decoration: none;
}
a:active {
	color: #dd4237;
	text-decoration: none;
}
div#mainBlock a:link {
	color: #5083b2;
	/*text-decoration: underline;*/
}
div#mainBlock a:visited {
	color: #8d8d8d;
	/*text-decoration: underline;*/
}
div#mainBlock a:hover {
	color: #dd4237;
	text-decoration: underline;
}
div#mainBlock a:active {
	color: #dd4237;
	text-decoration: underline;
}

/*=====================================================
	__6. モジュール
=====================================================*/
/*	__6_1. 見出し
------------------------------------------------*/
div#contents .title {
	position: relative;
	height: 30px;
	margin: 40px 0 45px;
	border-top: 1px solid #000;
}
div#contents .title span {
	position: absolute;
	top: -2px;
	left: 0;
	padding-top: 11px;
	border-top: 3px solid #000;
}
div#contents div#mainBlock #title {
	padding: 15px;
	border-top: 2px solid #a4a4a4;
	border-bottom: 1px dotted #8b8b8b;
	background: url(../image/bg_title.png) repeat-x left bottom;
	font-size: 216.7%;
	line-height: 1.2;
}
div#contents div#mainBlock .title {
	margin-bottom: 20px;
}
div#contents h2.headline {
	position: relative;
	margin-bottom: -1px;
	padding: 10px 15px;
	border-bottom: 1px solid #fff;
	background-color: #dfebf2;
	font-size: 116.7%;
	font-weight: bold;
	letter-spacing: 3px;
	text-shadow: 0px 1px 0px #fff;
}
div#contents h2.headline span {
	padding-left: 8px;
	border-left: 3px solid #6c7ca7;
}
div#contents h2.headline span span {
	padding-left: 5px;
	border-left: 0;
	font-size: 85.7%;
	text-shadow: none;
}
div#contents h2.headline img {
	vertical-align: middle;
}
/*	__6_2. その他
------------------------------------------------*/
div#contents p.lead {
	margin: 10px 0;
}
div#contents p.progress {
	margin: 30px 0 -10px;
	text-align: center;
}
div#contents .notice {
	color: #e30012;
}
div#contents span.discountRate {
	margin: 0 5px;
	padding: 0 5px;
	color: #fde200;
	font-weight: bold;
	background-color: #e22104;
}
div#contents .cancel {
	text-decoration: line-through;
}
div#contents .bestPrice {
	color: #e30012;
	font-weight: bold;
}
div#contents .unitBestPrice {
	font-weight: bold;
}

div#contents .campaign {
	color: #7baf20;
	font-weight: bold;
	padding:1px;
}
div#contents .itemThumb img {
	border: 1px solid #e1e1e1;
}
div#contents .itemThumb .active img,
div#contents .itemThumb a:hover img {
	border-color: #5083b2;
}
div#contents .done {
	/* 2011/11/17　富士通）北山　「EC再構築対応」　修正内容　ADD　END */
	font-size: 14px;
	/* 2011/11/17　富士通）北山　「EC再構築対応」　修正内容　ADD　END */
	margin-bottom: 30px;
	padding: 10px 20px;
	background-color: #fdfbdc;
	font-weight: bold;
}
.alpha a:hover img,
a:hover img.alpha {
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE6用  */
}
.boxOverOn {
	background-color: #f2faff;
}
ul.label {
	margin: 5px 0;
	/zoom : 1;
}
ul.label:after { content: ''; display: block; clear: both; height: 0;}
ul.label li {
	float: left;
	margin-right: 3px;
}
p.toTop {
	clear: both;
	padding-top: 20px;
	font-size: 93%;
	text-align: right;
}
/*	__6_3. パンくず
------------------------------------------------*/
div#contents div#mainBlock ol#topicPath {
	margin-bottom: 10px;
}
div#contents div#mainBlock ol#topicPath li {
	display: inline;
}
div#contents div#mainBlock ol#topicPath li a {
	margin-right: 10px;
	padding-right: 15px;
	background: url(../image/bg_topic_path.png) no-repeat right center;
}
/*	__6_3. 表組み
------------------------------------------------*/
/*	__6_3_1. 共通
--------------------------------------*/
div#contents table tr th {
	background-color: #f3f3f3;
}
div#contents table tr th,
div#contents table tr td {
	padding: 10px;
}
div#contents table.stripe tr.odd {
	background-color: #fafafa;
}
div#contents table.stripe tr.even {
	background-color: #fff;
}
div#contents table tr.boxOverOn th {
	background-color: #e5f5ff;
}
div#contents table tr.boxOverOn td {
	background-color: #f2faff;
}
div#contents table tr td img {
	vertical-align: middle;
}
/*	__6_3_2. 入力フォーム
--------------------------------------*/
div#contents table.style01 {
	margin-bottom: 30px;
	border-top: 1px dotted #a3a3a3;
	border-bottom: 1px dotted #a3a3a3;
}
div#contents table.style01 tr th {
	padding-left: 25px;
	border-bottom: 1px dotted #a3a3a3;
	vertical-align: top;
}
div#contents table.style01 tr td {
	padding: 8px 10px 8px 30px;
}
div#contents table.style01 tr td img {
	margin: 0 10px;
}
div#contents table.style01 tr td p {
	margin-top: 10px;
}
div#contents table.style01 tr td.message {
	text-align: right;
}
div#contents table.style01 tr td textarea {
	width: 570px;
	height: 100px;
}
/*	__6_3_3.
--------------------------------------*/
div#contents table.style02 {
	margin-bottom: 30px;
	border-top: 1px dotted #a3a3a3;
	border-bottom: 1px dotted #a3a3a3;
}
div#contents table.style02 tr th,
div#contents table.style02 tr td {
	border-bottom: 1px dotted #a3a3a3;
	padding-left: 25px;
}
div#contents table.style02.order tr td {
	text-align: right;
	padding: 10px 300px 10px 10px;
}
div#contents table.style02 tr td img.action {
	margin-left: 25px;
}
/*	__6_3_4. 履歴
--------------------------------------*/
div#contents table.history th {
	text-align: center;
	border-right: 1px solid #c1c1c1;
}
div#contents table.history th.lastChild {
	border-right: 0;
}
div#contents table.history td {
	border-bottom: 1px dotted #a3a3a3;
	text-align: center;
}
div#contents table.history td.item {
	text-align: left;
}
div#contents table.history td ul {
	margin-top: -5px;
}
div#contents table.history td ul li {
	margin-top: 5px;
}
/*	__6_3_5. 商品
--------------------------------------*/
div#contents table.item th {
	text-align: center;
	border-right: 1px solid #c1c1c1;
}
div#contents table.item th.lastChild {
	border-right: 0;
}
div#contents table.item td {
	border-bottom: 1px dotted #a3a3a3;
	text-align: center;
}
div#contents table.item td.name01,
div#contents table.item td.detail {
	text-align: left;
	vertical-align: top;
}
div#contents table.item td.name02 {
	text-align: left;
}
div#contents table.item td.action {
	text-align: left;
}
div#contents table.item td p.more {
	margin-top: 1.0em;
	text-align: right;
}
/*	__6_4. ページ送り
------------------------------------------------*/
div#contents div.pageNation {
	margin: 20px 0;
	/zoom : 1;
}
div#contents div.pageNation:after { content: ''; display: block; clear: both; height: 0;}
div#contents div.pageNation p {
	float: left;
	width: 320px;
}
div#contents div.pageNation ul {
	float: right;
	width: 530px;
	text-align: right;
}
div#contents div#mainBlock div.pageNation p {
	width: 260px;
}
div#contents div#mainBlock div.pageNation ul {
	width: 690px;
}
div#contents div.pageNation ul li {
	display: inline;
	margin: 0 4px;
}
div#contents div.pageNation ul li span,
div#contents div.pageNation ul li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 10px;
	background-color: #ededed;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	text-decoration: none;
	vertical-align: middle;
}
div#contents div.pageNation ul li span {
	color: #000;
	font-weight: bold;
    background: #e5e5e5;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
div#contents div.pageNation ul li a:hover {
	background-image: -moz-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e5e5e5));
	background-image: -o-linear-gradient(top, #ffffff, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5')";
	background-image: linear-gradient(top, #ffffff, #e5e5e5);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
div#contents div.pageNation ul li a:active {
	border: dashed 1px #000000;
	position: relative;
    top: 1px;
    background: #e5e5e5;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
/*	__6_5. フォーム
------------------------------------------------*/
label {
	margin: 0 10px 0 5px;
	cursor: pointer;
}
input {
	padding: 4px 5px;
	vertical-align: middle;
}
input.size30 { width: 30px;}
input.size60 { width: 60px;}
input.size100 { width: 100px;}
input.size200 { width: 200px;}
input.size320 { width: 320px;}
input.size500 { width: 500px;}
textarea {
	padding: 10px;
}
select {
	padding: 4px;
	vertical-align: middle;
}
input[type=text],
input[type=password],
input[type=textarea],
select {
	border: 1px solid #b7b7b7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
input:focus {
	background-color: #f0fafe;
	border-color: #689ae5;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
textarea:focus {
	background-color: #f0fafe;
	border-color: #689ae5;
}
/*	__6_6. ボタン
------------------------------------------------*/
div#contents ul.btns {
	margin-top: 50px;
	padding-top: 10px;
	border-top: 1px dotted #3c2a00;
	/zoom : 1;
}
div#contents ul.btns:after { content: ''; display: block; clear: both; height: 0;}
div#contents ul.btns li.prev {
	float: left;
	margin-right: 10px;
}
div#contents ul.btns li.next {
	float: right;
	margin-left: 10px;
}
/*	__6_6_1. グレーボタン
--------------------------------------*/
div#contents .btnGray a {
	display: block;
	width: 140px;
	padding: 8px 5px;
	background-color: #d0d0d0;
	border: 1px solid #b7b7b7;
	color: #636363;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 0px #fff;
	letter-spacing: 3px;
	background-image: -moz-linear-gradient(top, #ffffff, #d0d0d0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d0d0d0));
	background-image: -o-linear-gradient(top, #ffffff, #d0d0d0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d0d0d0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d0d0d0')";
	background-image: linear-gradient(top, #ffffff, #d0d0d0);
	-moz-border-radius:	4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
}
div#contents .btnGray a:link 	{ color: #636363;}
div#contents .btnGray a:visited { color: #636363; text-decoration: none;}
div#contents .btnGray a:hover {
	background-image: -moz-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e5e5e5));
	background-image: -o-linear-gradient(top, #ffffff, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5')";
	background-image: linear-gradient(top, #ffffff, #e5e5e5);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
div#contents .btnGray a:active {
	border: dashed 1px #000000;
	position: relative;
    top: 1px;
    background: #e5e5e5;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
/*	__6_6_2. ブルーボタン
--------------------------------------*/
div#contents .btnBlue a {
	display: block;
	width: 140px;
	padding: 8px 5px;
	background-color: #4c78b5;
	border: 1px solid #7298cc;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px 0px #456ab4;
	letter-spacing: 3px;
	background-image: -moz-linear-gradient(top, #6b97d4, #4c78b5);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#6b97d4), to(#4c78b5));
	background-image: -o-linear-gradient(top, #6b97d4, #4c78b5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b97d4', endColorstr='#4c78b5');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b97d4', endColorstr='#4c78b5')";
	background-image: linear-gradient(top, #6b97d4, #4c78b5);
	-moz-border-radius:	4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
}
div#contents .btnBlue a:link 	{ color: #fff;}
div#contents .btnBlue a:visited { color: #fff; text-decoration: none;}
div#contents .btnBlue a:hover {
	background-image: -moz-linear-gradient(top, #81a6da, #678cc0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#81a6da), to(#678cc0));
	background-image: -o-linear-gradient(top, #81a6da, #678cc0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81a6da', endColorstr='#678cc0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81a6da', endColorstr='#678cc0')";
	background-image: linear-gradient(top, #81a6da, #678cc0);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
div#contents .btnBlue a:active {
	border: dashed 1px #000000;
	position: relative;
    top: 1px;
    background: #4c78b5;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
/*	__6_6_3. オレンジボタン
--------------------------------------*/
div#contents .btnOrange a {
	display: block;
	width: 140px;
	padding: 8px 5px;
	background-color: #f39800;
	border: 1px solid #f29700;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px 0px #d06b00;
	letter-spacing: 3px;
	background-image: -moz-linear-gradient(top, #f6af00, #ee7a00);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f6af00), to(#ee7a00));
	background-image: -o-linear-gradient(top, #f6af00, #ee7a00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6af00', endColorstr='#ee7a00');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6af00', endColorstr='#ee7a00')";
	background-image: linear-gradient(top, #f6af00, #ee7a00);
	-moz-border-radius:	4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
}
div#contents .btnOrange a:link 	{ color: #fff;}
div#contents .btnOrange a:visited { color: #fff; text-decoration: none;}
div#contents .btnOrange a:hover {
	background-image: -moz-linear-gradient(top, #f2b742, #ed9242);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f2b742), to(#ed9242));
	background-image: -o-linear-gradient(top, #f2b742, #ed9242);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2b742', endColorstr='#ed9242');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2b742', endColorstr='#ed9242')";
	background-image: linear-gradient(top, #f2b742, #ed9242);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
div#contents .btnOrange a:active {
	border: dashed 1px #000000;
	position: relative;
    top: 1px;
    background: #ee7a00;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
/*	__6_6_4. レッドボタン
--------------------------------------*/
div#contents div.action {
	margin-top: 30px;
	padding: 15px;
	background-color: #eee;
}
div#contents div.action .btnRed {
	margin-left: 660px;
}
div#contents div.action .btnRed a:active {
    position: relative;
    top: 1px;
}