@charset "UTF-8";
/*---------------------------------------------------------
	TAKEO PAPER SHOW shop page modules	cascading style sheet
	  * =1= maincolumn
	  * =2= table style
----------------------------------------------------------*/
/* =1= maincolumn
----------------------------------------------------------*/
#maincont {
	float: left;
	text-align: left;
}

#maincolumn {
	padding: 0 17px 20px 17px;
	width: 725px;
}
#columns {
	float: left;
	padding: 0 0 20px 17px;
	width: 530px;
	text-align: left;
}
#subinfo {
	float: right;
	/*padding: 20px 0;*/
	padding: 0 0 20px 0;
	width: 188px;
	text-align: left;
	border-left: 1px solid #ccc;

}

h3 {
	margin: 15px 0;
	/*color: #202020;*/
}
h4 {
	margin: 15px 0;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 10px;
	color: #202020;
	font-size: 14px;
}

h5 {
	margin: 15px 0;
	color: #202020;
	font-size: 14px;
	font-weight: bold;
}

ul.gmark {
	margin-top:8px;
}
.gmark li {
	background:url("../common/icon_arrow_r.gif") no-repeat scroll 0 4px transparent;
	padding:0 0 8px 8px;
}

p.gmark {
	margin: 8px 0;
	background:url("../common/icon_arrow_r.gif") no-repeat scroll 0 4px transparent;
	padding:0 0 0 8px;
}

img.blank {
	margin-left: 4px;
}

.nomark {
	margin: 8px 0;
}
.nomark a {
	text-decoration: underline;
}

a.nomark {
	text-decoration: underline;
}

a.nomark:link {
	text-decoration: underline;
}
a.nomark:visited {
	text-decoration: underline;
}
a.nomark:hover {
	text-decoration: underline;
}
a.nomark:active {
	text-decoration: underline;
}




/*B リンク+テキスト*/
dl.gmark {
	margin-top:8px;
}

dl.gmark dt {
	background:url("../common/icon_arrow_r.gif") no-repeat scroll 0 4px transparent;
	padding:0 0 10px 8px;
	font-weight: bold;
}

dl.gmark dd {
	padding:0 0 10px 8px;
}

/*C 画像 中央揃え*/

.imageCenter {
	clear: both;
	text-align: center;
	vertical-align: top;
	line-height: 0;
}

.imageCenter img {
	vertical-align: top;
}


/*D テキスト　中央揃え リンク*/
.message {
	text-align: center;
}

.message a {
	text-decoration: underline;
}


.message.att {
	font-size: 10px;
}

.message.att a {
	font-size: 10px;
}

.message em {
	font-weight: bold;
	font-style: normal;
}

.message strong {
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
}

/*F 画像+リスト*/
#maincolumn div.innerColumn {
	clear: both;
	width: 725px;
}

#maincolumn div.innerColumn .boxA {
	width: 300px;
	float: left;
}


#maincolumn div.innerColumn .boxB {
	width:400px;
	float: right;
}

/**/

/* shop_recieve 131125 add */
div.map {
    padding: 0 0 12px 0;
    width: 520px;
}

.txtMedium {
    font-size: 75%;
    line-height: 180%;
}

img.icon_arrowR {
    margin: 0 6px 0 0;
}

.attr {
    font-size: 10px;
}


/**/

img.border {
	border: 1px solid #D2D2D2;

}
.stepCopy {
}

.stepCopy li {
	margin-left: 22px;
	margin-bottom: 25px;
	text-indent: -22px;
}

.stepCopy li img.mark {
	margin-right: 5px;
	vertical-align: middle;
}

/*G 画像+テキスト*/
#maincolumn div.innerColumn .boxC {
	width: 260px;
	float: left;
}


#maincolumn div.innerColumn .boxD {
	width:445px;
	float: right;
}

.enclose {
	margin: 0 0 10px 0;
	color: #CC0000;
	font-size: 10px;
	font-style: normal;
}

.enclose em {
	padding: 5px 10px;
	color: #CC0000;
	font-size: 10px;
	font-style: normal;
	border: 1px solid #CC0000;
	display:inline-block;
}


/*H リスト*/
ul.paperMenuIndex {
	clear: both;
}

ul.paperMenuIndex li {
	padding-bottom: 10px;
	float: left;
}

ul.paperMenuIndex li img {
	vertical-align: top;
}


div.paperMenuBottom {
	clear: both;
}
div.paperMenuBottom ul {
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	background:url(../dir/images/paper_menu_bg01.gif) left top repeat-x;
}

div.paperMenuBottom ul li {
	padding:0 0 10px 22px;
	background:url("../common/icon_arrow_r.gif") no-repeat scroll 14px 4px transparent;
	float: left;
}

div.paperMenuBottom ul li img {
	vertical-align: top;
}

div.paperMenuBottom ul li.paperMenu01,
div.paperMenuBottom ul li.paperMenu05 {
	width: 133px;
}

div.paperMenuBottom ul li.paperMenu02,
div.paperMenuBottom ul li.paperMenu06 {
	width: 139px;
}

div.paperMenuBottom ul li.paperMenu03,
div.paperMenuBottom ul li.paperMenu07 {
	width: 144px;
}

ul.paperMenu li.paperMenu04 {
	width: 221px;
}

p.back {
	clear: both;
	margin-top:8px;
	padding:0 0 8px 8px;
	background:url("../common/icon_arrow_r.gif") no-repeat scroll 0 4px transparent;
}

div.textColumn {
	padding: 10px 20px;
	border: 1px solid #D2D2D2;
	background: #F8F8F8;
}

div.textColumn dt {
	padding-bottom: 5px;
	font-weight: bold;
}

h3.sitemapTtl {
	clear: both;
	margin: 0 0 1em 0;
	padding: 5px 10px 5px 10px;
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background: #666666;
	border: none;
}

div.sitemapWrap {
	clear: both;
}

dl.sitemapMenu {
	width: 340px;
	float: left;
	padding-bottom: 30px;
}

dl.sitemapMenu.turn {
	width: 340px;
	float: right;
}

dl.sitemapMenu dt {
	margin-bottom: 5px;
	padding: 5px 0;
	color: #202020;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #D9D9D9;
}

dl.sitemapMenu dt a {
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	background:url(../dir/images/sitemap_lmark.gif) 3px 2px no-repeat;
}

dl.sitemapMenu dd {
	margin: 0;
	padding:0 0 8px 0;
	color: #616161;
}

dl.sitemapMenu dd a {
	margin-left: 20px;
	padding-left: 8px;
	background:url("../common/icon_arrow_r.gif") no-repeat scroll 0 4px transparent;
	display: block;
}

dl.sitemapMenu dd ul {
	margin-top: 8px;
}

dl.sitemapMenu dd li {
	padding:0 0 5px 0;
}


dl.sitemapMenu dd li a {
	background: none;
	text-decoration:underline;
}



/* =2= table style
----------------------------------------------------------*/

/* S \ */
.singletable {
	margin-bottom: 15px;
}
.singletable th, .singletable td {
	 border:1px solid #D2D2D2;
	line-height:1.3;
	padding:8px 2px;
	text-align:center;
	vertical-align:middle;
}
.singletable th {
	background:url("../common/bg_cell2w.gif") repeat left top #eee;
	font-weight:normal;
}
.singletable td.cell1 {
	background:url("../common/bg_cell2w.gif") repeat-y -1px top #f7f7f7;
	text-align:center;
	vertical-align:middle;
}
.singletable th.even {
	background-color: #f2f2f2;
}

.singletable td.even {
	background-color: #fcfcfc;
}
.singletable td.odd {
	background-color: #f7f7f7;
}
/* S-2 \ */
.stripe {
	margin-bottom: 15px;
}
.stripe th,
.stripe td{
	border-bottom: 1px solid #e4e4e4;
	background-position: -1px top;
	background-repeat: repeat-x;
	background-image: url(../common/bg_cell2w.gif);
}

.stripe th {
	vertical-align: top;
	padding: 8px 10px;
	background-color: #eee;
	font-weight: normal;
}
.stripe th.even {
	background-color: #f2f2f2;
}
.stripe td {
	padding:  8px 10px;
	vertical-align: middle;
	background-color: #f7f7f7;
}
.stripe td.direction {
	text-align: center;
}
.stripe td.even {
	background-color: #fcfcfc;
}
.stripe .firstline {
	border-top:1px solid #e4e4e4;
}

.stripe td.emp{
	padding: 0;
	width: 5px;
	border: none;
	background: none;
}


/*module2.html
--------------------------------------------------------------*/

#columns div.innerColumn {
	clear: both;
	width: 530px;
}
p.lineTtl {
	clear: both;
	margin: 0 0 13px 0;
	padding: 0 0 8px 0;
	font-weight: bold;
	color: #202020;
	border-bottom: 1px solid #D9D9D9;
}

#columns div.innerColumn .boxA {
	width: 255px;
	float: left;
}

#columns div.innerColumn .boxB {
	width:255px;
	float: right;
}




.pageTop {
	clear: both;
	margin: 15px 0;
	text-align: right;
	font-size: 10px;
	color: #616161;
}

.pageTop a {
	padding-left: 10px;
	font-size: 10px;
	background:url(../dir/images/pagetop_mark.gif) 0 2px no-repeat;
}


.textIndent {
	padding-left: 1em;
	text-indent: -1.2em;

}

ul.listDot {
}

ul.listDot li {
	padding: 0 0 8px 18px;
	background:url(../dir/images/list_dot.gif) 0 0 no-repeat;
}

ul.listCheck {
}

ul.listCheck li {
	padding: 0 0 8px 22px;
	background:url(../dir/images/list_check.gif) 0 0 no-repeat;
}

.stepArw {
	text-align: center;
}


/* #subinfo
--------------------------------------------------------------*/
#subinfo ul {
	padding-bottom: 30px;
}


#subinfo li {
	clear: both;
	padding: 0 0 8px 32px;
}

#subinfo li img {
	vertical-align: top;
}

#subinfo li.subinfoTtl {
	margin: 0;
	padding: 0;
}

#subinfo li span.num {
	width: 20px;
	float: left;
	display: block;
}
#subinfo li span.sub {
	width: 136px;
	float: left;
	display: block;
}


#subinfo li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#subinfo li { display:inline-block; }
/*\*/
#subinfo li * html { height:1%; }
#subinfo li  { display:block; }
/**/


.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/






/* #popup
--------------------------------------------------------------*/

.shadowpop {
	display: block;
	width: auto;
	height: auto;
}

.shadowpop .glass {
	display: block;
	margin: 3px 0 0 0;
	text-align: right;
}
/*.shadowpop:hover {
	background-color: #000;
}
.shadowpop:hover img{
	opacity: 0.5;
	-moz-opacity: 0.5; 
	filter: alpha(opacity=50); 
	-ms-filter: "alpha(opacity=50)";
}
*/
#popCapture {
	margin: 0 60px;
	width: 630px;
}
#popCapture #header{
	width: 630px;
	text-align: left;
}
