@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------

onlinelab.jp "Module" 
Date:2007.07.30

・このスタイルシートには、
柔軟に使用する、または例外に使用する(親DIVなど特定できない)
箇所に使用する設定や、単独で使用するハックがされています。
・「common.css」にimportしています。

----------------------------------------------*/


 /*=========================================================
	2012キャンペーンバナー+２ボタン共通スタイル
=========================================================*/

body div#campaign {
	padding:10px;
	background:url(/nenga/images/2012base/campaign_bk.gif);
}
body div#campaign-ue {
	padding:10px 10px 0;
	background:url(/nenga/images/2012base/campaign_bk.gif);
}
body div#campaign-shita {
	padding:0 10px 10px;
	background:url(/nenga/images/2012base/campaign_bk.gif);
}
body .campinfo {
	width:475px;
	height:79px;
	padding:20px 10px 0 10px;
	margin:0 10px 0 0;
	background:url(/shop/print/images/t/plan-pt_02.png) no-repeat top left;
	float:left;	
}
body .campinfo p.cts {
	text-align:left;
	font-size:11px;
	letter-spacing:0.1em;
	line-height:16px;
	color:#444140;
	padding:10px 10px 0 10px;
}
body div#campaign .bnr {
	display:block;
	float:left;
	margin-right: 10px;
}
body div#campaign .campbnr {
	display:block;
	float:left;
	margin:0;
}


 /*=========================================================
	背景なし　の　２列割
=========================================================*/

div.twoRowNoimage30{
	width:30%;
	background-image:none;
	float:left;
	text-align:left;}

div.twoRowNoimage{
	width:45%;
	background-image:none;
	float:left;
	text-align:left;}

div.twoRowNoimage50{
	width:50%;
	background-image:none;
	float:left;
	text-align:left;}

div.twoRowNoimage60{
	width:60%;
	background-image:none;
	float:left;
	text-align:left;}

div.twoRowNoimage70{
	width:70%;
	background-image:none;
	float:left;
	text-align:left;}

 /*=========================================================
	div#content の １列割 
=========================================================*/


div#content div.oneRow {
	clear:both;
	width:710px;
	padding-top:10px;
	background:url("../images/curve/head_1row_710.gif") no-repeat top;}

div#content div.oneRowBody {
	width:710px;
	background:url("../images/curve/bottom_1row_710.gif") no-repeat bottom;
	padding-bottom:10px;}

div#content div.oneRowBody div.innerWrap {
	margin:0 10px 5px 10px;
	position:relative;
	overflow:hidden;}


 /*=========================================================
	div#content の ２列割 
=========================================================*/

div#content div.twoRow {
	width:355px;
	padding-top:10px;
	background:url("../images/curve/head_2row_355.gif") no-repeat top;
	float:left;
}

div#content div.twoRowBody {
	width:355px;
	background:url("../images/curve/bottom_2row_355.gif") no-repeat bottom;
	padding-bottom:10px;}

div#content div.twoRowBody div.innerWrap {
	margin:0 10px 5px 10px;
	position:relative;
}

 /*=========================================================
	div#content の ３列割 
=========================================================*/

div#content div.threeRow {
	width:235px;
	padding-top:10px;
	margin:0; /* 落っこちるの防止 */
	background:url("../images/curve/head_3row_236.gif") no-repeat top;
	float:left;}

div#content div.threeRowBody {
	width:235px;
	background:url("../images/curve/bottom_3row_236.gif") no-repeat bottom;
	padding-bottom:5px;}

div#content div.threeRowBody div.innerWrap {
	margin:0 10px 5px 10px;
	_margin:0 5px 5px 10px;
	position:relative;}

 /*=========================================================
	div#content の背景なし ３列割 
=========================================================*/

div#content div.oneRow div.threeRow {
	width:31%;
	background-image:none; 
	/*padding:0 2px 2px 2px;*/
	float:left;
	text-align:center;
	margin-bottom:10px;}

div#content div.oneRow div.threeRow p,div#content div.oneRow div.threeRow li {text-align:left;}

div#content div.oneRow div.threeRow img.thumb {
	border:1px #84776b solid;
	margin-bottom:5px;
	margin:0 auto;}

div#content div.oneRow div.threeRow img.bottun,div#content div.oneRow div.threeRow input.bottun {
	margin:2px 0;}

div#content div.oneRow div.threeRow select {
	width:120px;
	font-size:90%;}



 /*=========================================================
	div#fullContent の １列割 
=========================================================*/

div#fullContent div.oneRow {
	clear:both;
	width:890px;
	padding-top:10px;
	background:url("../images/curve/head_1row_890.gif") no-repeat top;}

div#fullContent div.oneRowBody, div.oneRow div.oneRowBody {
	width:890px;
	background:url("../images/curve/bottom_1row_890.gif") no-repeat bottom;
	padding-bottom:1px!important;}

 /*=========================================================
	div#fullContent の ２列割 
=========================================================*/
div#fullContent div.twoRow {
	float:left;
	width:445px;
	padding-top:10px;
	background:url("../images/curve/head_2row_445.gif") no-repeat top;}

div#fullContent div.twoRowBody {
	width:445px;
	background:url("../images/curve/bottom_2row_445.gif") no-repeat bottom;
	padding-bottom:10px;
}

div#fullContent div.twoRowBody div.innerWrap {
	margin:0 10px 5px 10px;
	position:relative;
	overflow:hidden;}

 /*=========================================================
	div#fullContent の ３列割 
=========================================================*/


div#fullContent div.threeRow {
	width:296px;
	padding:10px 0 0 0;
	margin-bottom:0px;
	text-align:left;
	background:url("../images/curve/head_3row_296.gif") no-repeat top;
	float:left;}

div#fullContent div.threeRowBody {
	width:296px;
	min-height:200px;
	background:url("../images/curve/bottom_3row_296.gif") no-repeat bottom;
}

div#fullContent div.twoRowBody div.innerWrap,div.oneRowBody div.innerWrap,div.threeRowBody div.innerWrap {
	margin:0 10px 10px;
	position:relative;
	clear:both;}

div#fullContent div.twoRowBody div.innerWrap15px {
	margin:0 15px 15px 15px;}


/*=========================================================
	角丸背景なし　３分割
=========================================================*/

div.threeRowNoBg {
	width:236px;
	padding:10px 0 0 0;
	text-align:left;
	float:left;}

div.threeRowBodyNoBg {
	width:236px;
	min-height:200px;
}

div.twoRowBodyNoBg div.innerWrap,div.oneRowBodyNoBg div.innerWrap,div.threeRowBodyNoBg div.innerWrap,div.fourRowBodyNoBg div.innerWrap {
	margin:0 10px 10px 10px;
	position:relative;
	clear:both;}

div.twoRowBody div.innerWrap15px {
	margin:0 15px 15px 15px;}

/*=========================================================
	角丸背景なし　４分割
=========================================================*/

div#fullContent div.fourRowNoBg {
	width:175px;
	padding:10px 0 0 0;
	text-align:left;
	float:left;}

div#fullContent div.fourRowBodyNoBg {
	width:175px;
	min-height:200px;
}

div#fullContent div.fourRowBody div.innerWrap15px {
	margin:0 15px 15px 15px;}



/**********************************************
		mootool tipのCSS
***********************************************/
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #8ce0e0;
	padding: 8px 8px 4px;
	background: url("/images/common/bubble.png") top left;
	/*ff3c5a#9FD4FF*/
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url("/images/common/bubble.png") bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/**********************************************
		jQuery TooltipsのCSS
***********************************************/

#tooltip {
	background-color: #343434;
	/*border: 1px solid #888888;*/
	color: #fff;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	max-width: 20em;
	line-height: 12px;
}
#tooltip h3 {
	font-size: 11px;
    margin: 0;
	padding: 0 3px;
	text-align: left !important;
	color:#8ce0e0;
}
#tooltip p {
	font-size: 11px;
	margin: 7px 0 0 5px;
	text-align: left;
}

/**********************************************
			longTextのCSS
***********************************************/
.longText {font-size:12px;}

.nav {
font-size:12px;
background: #eee;
border-top: 1px solid #ccc;
padding: 3px;
margin-bottom:3px;}

.nav a { padding: 0 4px; }

.nav a.highlight {
color: #ff3c5a;
font-weight: bold; }

/**********************************************
			linkboxのCSS
***********************************************/
.linkbox{
border:1px solid #fff;
line-height:1.5;
padding:5px;
position:relative;
background:url("/images/bg_boxarea.gif") no-repeat right bottom;
}
	
.box_hover{
background:url("/images/bg_boxarea_on.gif") no-repeat right bottom;
cursor:pointer;
}
	
.none{
text-indent:-9999px;
height:0px;
overflow:hidden;
}
			
.linkbox h2 {
font-size:14px;
font-weight:bold;}

.linkbox h4 {
font-size:13px;
font-weight:bold;
color:#A5B400;
margin-top:0;}

.linkbox p {font-size:12px;}


/*highslide
→popupウィンドウを開く際に使用している
「highslide.js」のスタイルです。
-----------------------------------------------------*/
.highslide {
    cursor: url("/js/highslide/graphics/zoomin.cur"), pointer;
    outline: none;
}

div.highslide-html {
	background-color: white;
	/*overflow-x:hidden;
	overflow-y:scroll;*/
}

div.highslide-html iframe {
	border:0;
	margin:0;
	overflow-x:hidden;
	overflow-y:scroll;
	width:90%;
}

.highslide-html-content {
	position: absolute;
	display: none;
	/*overflow-x:hidden;*/
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;

	/*padding-left: 22px;
	background-image: url("/js/highslide/graphics/loader.white.gif");
	background-repeat: no-repeat;
	background-position: 3px 1px;*/   
}

.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.control {
	float: right;
	display: block;
	margin: 1px 5px;
	padding:1px;
	/*position: relative;*/
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
	/*position:absolute;*/
	right:35px;
	top:35px;
}
.control:hover {
	color: black !important;
}
.highslide-move {
	cursor: move;
}

.highslide-display-block {
	display: block;
}
.highslide-display-none {
	display: none;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

a:focus{
/*\*/
	overflow: hidden;
/**/
}

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url("/js/highslide/graphics/loader.white.gif");
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url("/js/highslide/graphics/resize.gif");
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* サブメニューの開閉部分
-------------------------------------------------------*/

.module {
	width: 160px;
	padding: 0;
	margin: 0;
}
.moduleContent {
	padding: 0;
	margin: 0;
}
.module .moduleHeader {
	cursor: pointer;
	font-weight: normal;
	padding:5px 2px;
	margin: 0;
	background-color:#efefef;
}

.moduleList {
	list-style: none;
	margin: 0;
	padding: 0;
}
.moduleList {
	margin: 0;
	padding: 0;
}



/*イメージ画像やボックスの回り込みなど
-----------------------------------------------------*/
img.left,div.left,table.left {
	float:left;
	margin-right:5px;
	}

img.right,div.right,table.right {
	float:right;
	margin-left:5px;
	}

.floatClear {clear:both;}　/*回り込み解除*/
.floatClearR {clear:right;}　/*回り込み解除*/
.floatClearL {clear:left;}　/*回り込み解除*/

/*テキスト
-----------------------------------------------------*/
.textLeft {text-align:left;}
.textRight {text-align:right;}
.textCenter {text-align:center;}

/*マージン
-----------------------------------------------------*/
.margin10px {margin:10px;}
.marTop10px {margin-top:10px;}
.marTop5px {margin-top:5px;}
.marTop3px {margin-top:3px;}
.marBottom10px {margin-bottom:10px;}
.marBottom5px {margin-bottom:5px;}
.marBottom3px {margin-bottom:3px;}
.marLeft10px {margin-left:10px;}
.marLeft5px {margin-left:5px;}
.marLeft3px {margin-left:3px;}
.marRight10px {margin-right:10px;}
.marRight5px {margin-right:5px;}
.marRight3px {margin-right:3px;}
.marHight3px {margin:3px 0;}
.marHight5px {margin:5px 0;}
.marHight10px {margin:10px 0;}
.marHight15px {margin:15px 0;}
.marHight20px {margin:20px 0;}
.marHight30px {margin:30px 0;}
.marWidth3px {margin:0 3px;}
.marWidth5px {margin:0 5px;}
.marWidth10px {margin:0 10px;}
.marWidth15px {margin:0 15px;}
.marWidth20px {margin:0 20px;}
.marWidth25px {margin:0 25px;}

/*パディング
-----------------------------------------------------*/
.padTop20px {padding-top:20px;}
.padTop10px {padding-top:10px;}
.padTop5px {padding-top:5px;}
.padBottom20px {padding-bottom:20px;}
.padBottom10px {padding-bottom:10px;}
.padBottom5px {padding-bottom:5px;}
.padWidth20px {padding:0 20px;}
.padWidth10px {padding:0 10px;}
.padWidth5px {padding:0 5px;}
.padHight20px {padding:20px 0;}
.padHight10px {padding:10px 0;}
.padHight5px {padding:5px 0;}
.padding20px {padding:20px;}
.padding10px {padding:10px;}
.padding5px {padding:5px;}


/*フォントカラー
-----------------------------------------------------*/
.textBlue {color:#0fa7a5;}
.textPink {color:#ff3c5a;}

/*-------------------------------------------------------
	汎用ラップ
---------------------------------------------------------*/
div.generalWrap {
	margin-bottom:7px;
	padding:5px;}	
div.generalWrap div.leftWrap {float:left;}
div.generalWrap div.rightWrap {float:right;width:50%;}

div.generalWrapLeft {float:left;}
div.generalWrapRight {float:right;}

div.generalWrapBox {
	border-top:1px #ac9f94 solid;
	border-right:1px #84776b solid;
	border-bottom:1px #84776b solid;
	border-left:1px #ac9f94 solid;
	padding:5px;
	margin:5px 0;
	background:url("../images/bg_boxarea.gif") no-repeat right bottom;
	position:relative;}

div.generalWrapOblique,body#categoryTop div.generalWrapOblique {
	padding:5px;
	background:url("../images/bg_boxarea.gif") no-repeat right bottom;
	position:relative;}

div.generalWrapOblique {
	margin:0 0 10px 0;
	}
div.generalWrapOblique img.alphafilter {
left:0pt;
position:absolute;
top:3pt;
z-index:1;
}


body#categoryTop div#content div.generalWrapOblique {
	margin:0 5px 5px 5px;}

div.generalWrapBorder {
	border-top:1px #ac9f94 solid;
	border-right:1px #84776b solid;
	border-bottom:1px #84776b solid;
	border-left:1px #ac9f94 solid;
	padding:5px;
	margin:5px 0;
	position:relative;}

div.generalWrapBg {
	background-color:#efefef;
	padding:5px;
	margin:5px 0;
	position:relative;}
	
div.generalWrapBg img.tmpl_thumb{
	max-width: 160px;
	width:expression(document.body.clientWidth > 160? "160px" : "auto");}

div.generalWrapBgCL,table.generalWrapBgCL {
	background-color:#cfeded;
	padding:5px;
	margin:5px 0;
	/*position:relative;*/}

div.generalWrapEmphasis {
	background-color:#ffe5e9;
	border-top:1px #ff3d5b solid;
	border-right:1px #ff3d5b solid;
	border-bottom:1px #ff3d5b solid;
	border-left:1px #ff3d5b solid;
	padding:5px;
	margin:5px 0;
	position:relative;
	}

div.generalWrapDarkBl {
	background-color:#EEFFFF;
	border-top:1px #0064a2 solid;
	border-right:1px #0064a2 solid;
	border-bottom:1px #0064a2 solid;
	border-left:1px #0064a2 solid;
	padding:5px;
	margin:5px 0;
	position:relative;
	}

*:first-child+html div.generalWrapEmphasis {
	height:100%;} /* IEでborder-topが消えるバグ対策(IE7 hack) */

* html div.generalWrapEmphasis {
	height:100%;} /* IEでborder-topが消えるバグ対策(IE6 hack) */

div.generalWrapBorderdot {
	border-top:1px #ccc dotted;
	border-bottom:1px #ccc dotted;
	padding:5px;
	margin:5px 0;
	position:relative;}

div.generalLeftWrap {
	width:50%;
	float:left;}

div.generalRightWrap {
	width:49%;
	float:right;}

/*ボタン位置
-----------------------------------------------------*/
img.btnCenter {
	width:auto;
	margin:0 auto;}
	

.harfWrapRight {
	width:45%;
	background-image:none;
	padding:0 3px 3px 3px;
	float:right;
	text-align:left;}

/*ボックスの高さ調整用
-----------------------------------------------------*/
.boxHeight150 {min-height:150px;}
.boxHeight200 {min-height:200px;}
.boxHeight250 {min-height:250px;}
.boxHeight300 {min-height:300px;}
.boxHeight320 {min-height:320px;}
.boxHeight350 {min-height:350px;}
.boxHeight400 {min-height:400px;}
.boxHeight420 {min-height:420px;}
.boxHeight450 {min-height:450px;}

/*-------------------------------------------------------
	定義リスト(dl)
---------------------------------------------------------*/
dl.normal2em dt,dl.normal3em dt,dl.normal5em dt,dl.normal7em dt,dl.normal8em dt,dl.normal9em dt,dl.normal10em dt {
	float:left;
	border:0;}

/*以下、微調整用
(ddの幅のバリエーション)*/
dl.normal2em dt {
	width:2em;}

dl.normal3em dt {
	width:3em;}

dl.normal5em dt {
	width:5em;}

dl.normal7em dt {
	width:7em;}

dl.normal8em dt 
	{width:8em;}

dl.normal9em dt 
	{width:9em;}

dl.normal10em dt 
	{width:10em;}

dl.normal2em dt dd,dl.normal2em dt dd,dl.normal5em dt dd,dl.normal7em dt dd,dl.normal8em dt dd,dl.normal9em dt dd,dl.normal10em dt dd {
	border:0;}

/*定義リスト*/

dl.normal2em dd {
	margin-left:2em;
}

dl.normal3em dd {
	margin-left:3em;
}

dl.normal5em dd {
	margin-left:5em;
}

dl.normal7em dd {
	margin-left:7em;
}

dl.normal8em dd {
	margin-left:8em;
}

dl.normal9em dd {
	margin-left:9em;
}


dl.normal10em dd {
	margin-left:10em;
}

	
/*-------------------------------------------------------
	カーソルをハンドに
---------------------------------------------------------*/

.pointerHand {
cursor:pointer;
}

/*-------------------------------------------------------
	入力アシスト
---------------------------------------------------------*/

div.assistBox {
	width:710px;
	padding-top:40px;
	background:url("/images/common/bg_head_assist.gif") no-repeat top;}

div.assistBoxBody {
	width:710px;
	padding-bottom:38px;
	background:url("/images/common/bg_bottom_assist.gif") no-repeat bottom;}
	
div.assistBoxBody div.innerWrap {
	margin:0 5px 15px 5px;}
	
/*-------------------------------------------------------
	ボタンの配置
---------------------------------------------------------*/

div.footerBtn {
	height:50px;
	width:710px;
}

.leftBtn {
	float:left;
	margin:10px 0;
	text-align:left;
	width:300px;
}

.rightBtn {
	float:right;
	margin:10px 0;
	text-align:right;
	width:300px;
}

.centerBtn {
	text-align:center;
	margin-right:5px;
}


/*************************************************************************
	2012横並びタブメニュー
**************************************************************************/

/************************************************
	ポストカード用
************************************************/


div#tab1 *,
div#tab2 * {zoom:1;}
div#tab1 {
	width:100%;
	height:31px;
	margin:0px;
	padding:19px 0 0;
	background:url(/shop/postcard/images/tabbk.png) no-repeat;
}
div#tab1 ul {
	width:606px;
	height:31px;
	margin:0 auto;
	padding:0;
	word-wrap: break-word;
}
div#tab1 ul li {
	width:120px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
	border-top:1px solid #afd8d7;/*#D7EEED;*/
	border-left:1px solid #afd8d7;
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	-o-border-radius: 7px 7px 0px 0px;
	-ms-border-radius: 7px 7px 0px 0px;
}
div#tab1 ul li.last {
	border-right:1px solid #afd8d7;
}
div#tab1 ul li a {
	display:block;
	width:114px;
	height:24px;
	line-height:24px;
	margin:3px auto 3px;
	text-align:center;
	text-decoration:none;
	color:#75b1b0;
	font-size:11px;
	background:url(/shop/postcard/images/normbk.png);
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-o-border-radius: 3px 3px 0px 0px;
	-ms-border-radius: 3px 3px 0px 0px;
}
div#tab1 ul li a:hover {
	display:block;
	width:114px;
	height:24px;
	margin:3px auto 0;
	border-bottom:3px solid #8dc5c3;
	color:#8dc5c3;
	background:url(/shop/postcard/images/choicebk.png);
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	-o-border-radius: 0px 0px 3px 3px;
	-ms-border-radius: 0px 0px 3px 3px;
}
div#tab1 ul li p {
	width:114px;
	height:24px;
	line-height:24px;
	margin:3px auto 0;
	border-bottom:3px solid #fff;
	color:#ff7352;/*#3f8784;*/
	text-align:center;
	text-decoration:none;
	font-size:11px;
	font-weight:900;
	background:#fff;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-o-border-radius: 3px 3px 0px 0px;
	-ms-border-radius: 3px 3px 0px 0px;
}



div#tab2 {
	width:100%;
	height:32px;
	margin:20px 0;
	padding:0;
}
div#tab2 ul {
	width:424px;
	height:32px;
	margin:0 auto;
	padding:0;
	word-wrap: break-word;
}
div#tab2 ul li {
	width:140px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
	border-top:1px solid #afd8d7;/*#D7EEED;*/
	border-left:1px solid #afd8d7;
	border-bottom:1px solid #afd8d7;
}
div#tab2 ul li.last {
	border-right:1px solid #afd8d7;
}
div#tab2 ul li a {
	display:block;
	width:134px;
	height:24px;
	line-height:24px;
	margin:3px auto 3px;
	text-align:center;
	text-decoration:none;
	color:#75b1b0;
	font-size:11px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}


div#tab2 ul li a:hover {
	color:#8dc5c3;
	background:url(/shop/postcard/images/normbk.png);
}
div#tab2 ul li p {
	width:134px;
	height:24px;
	line-height:24px;
	margin:3px auto;
	color:#ff7352;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	font-weight:900;
	background:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}


/************************************************
	匠プラスサイズ表用
************************************************/

div#tab1_tkm-1,
div#tab1_tkm-2 {
	width:100%;
	height:31px;
	margin:0 0 30px;
	padding:19px 0 0;
	background:url(/shop/postcard/images/tabbk.png) no-repeat center bottom;
}
div#tab1_tkm-1 ul,
div#tab1_tkm-2 ul {
	width:283px;
	height:31px;
	margin:0 auto;
	padding:0;
	word-wrap: break-word;
}
div#tab1_tkm-1 ul li,
div#tab1_tkm-2 ul li {
	width:140px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
	border-top:1px solid #afd8d7;/*#D7EEED;*/
	border-left:1px solid #afd8d7;
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	-o-border-radius: 7px 7px 0px 0px;
	-ms-border-radius: 7px 7px 0px 0px;
}
div#tab1_tkm-1 ul li.last,
div#tab1_tkm-2 ul li.last {
	border-right:1px solid #afd8d7;
}
div#tab1_tkm-1 ul li a,
div#tab1_tkm-2 ul li a {
	display:block;
	width:134px;
	height:24px;
	line-height:24px;
	margin:3px auto 3px;
	text-align:center;
	text-decoration:none;
	color:#75b1b0;
	font-size:11px;
	background:url(/shop/postcard/images/normbk.png);
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-o-border-radius: 3px 3px 0px 0px;
	-ms-border-radius: 3px 3px 0px 0px;
}
div#tab1_tkm-1 ul li a:hover,
div#tab1_tkm-2 ul li a:hover {
	display:block;
	width:134px;
	height:24px;
	margin:3px auto 0;
	border-bottom:3px solid #8dc5c3;
	color:#8dc5c3;
	background:url(/shop/postcard/images/choicebk.png);
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	-o-border-radius: 0px 0px 3px 3px;
	-ms-border-radius: 0px 0px 3px 3px;
}
div#tab1_tkm-1 ul li p,
div#tab1_tkm-2 ul li p {
	width:134px;
	height:24px;
	line-height:24px;
	margin:3px auto 0;
	border-bottom:3px solid #fff;
	color:#ff7352;/*#3f8784;*/
	text-align:center;
	text-decoration:none;
	font-size:11px;
	font-weight:900;
	background:#fff;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-o-border-radius: 3px 3px 0px 0px;
	-ms-border-radius: 3px 3px 0px 0px;
}
div#tab2_tkm-1,
div#tab2_tkm-2 {
	width:100%;
	height:32px;
	margin:20px 0;
	padding:0px 0px 30px;
}
div#tab2_tkm-1 ul,
div#tab2_tkm-2 ul {
	width:343px;
	height:32px;
	margin:0 auto;
	padding:0;
	word-wrap: break-word;
}
div#tab2_tkm-1 ul li,
div#tab2_tkm-2 ul li {
	width:170px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
	border-top:1px solid #afd8d7;/*#D7EEED;*/
	border-left:1px solid #afd8d7;
	border-bottom:1px solid #afd8d7;
}
div#tab2_tkm-1 ul li.last,
div#tab2_tkm-2 ul li.last {
	border-right:1px solid #afd8d7;
}
div#tab2_tkm-1 ul li a,
div#tab2_tkm-2 ul li a {
	display:block;
	width:164px;
	height:24px;
	line-height:24px;
	margin:3px auto 3px;
	text-align:center;
	text-decoration:none;
	color:#75b1b0;
	font-size:11px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}


div#tab2_tkm-1 ul li a:hover,
div#tab2_tkm-2 ul li a:hover {
	color:#8dc5c3;
	background:url(/shop/postcard/images/normbk.png);
}
div#tab2_tkm-1 ul li p,
div#tab2_tkm-2 ul li p {
	width:164px;
	height:24px;
	line-height:24px;
	margin:3px auto;
	color:#ff7352;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	font-weight:900;
	background:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
/*-----------------------------end