@charset "utf-8";
/*---------------------------------------------------------
	TAKEO PAPER SHOW entry form page	cascading style sheet
	  * =1= whole page
	  * =2= header area
	  * =3= search area
	  * =5= contents
	  * =6= footer
	  * === layout style
----------------------------------------------------------*/

/* =1= whole page
----------------------------------------------------------*/
h1, h2, h3, ol, ul, li, p, div, dl, dt, dd, address, a, table, tr, th, td {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1.5;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #616161;
}
table, tr, th, td {
	border-collapse: collapse;
}
* html body {
    font-size: 75%;
}
*:first-child+html body {
    font-size: 75%;
}
body {
	margin: 0;
	padding: 0;
	_text-align: center;
}
img{
	line-height: 0;
	border: none;
}
#page {
	margin: 0 auto;
	width: 960px;
	text-align:left;
}
/* =2= header area	10.07.21
----------------------------------------------------------*/
#header {
	width: 960px;
	height: 114px;
	overflow: hidden;
}
#logos,
h1,
#ttl {
	float: left;
}
#ttl {
	padding: 37px 34px 0;
}
#ttl span{
	line-height: 2;
}

#header .lastLoginDate {
	text-align: right;
	height: 22px;
}

#header .links {
	float: right;
	padding: 11px 0 0;
	text-align: right;
}
* html #header .links {
	width: 460px;
}
*:first-child+html  #header .links {
	width: 475px;
}

.links .block ul {
	float: right;
	margin: 0;
	padding: 0;
	zoom: 1;
}
.links ul li {
	margin: 0;
	border-right: 1px solid #616161;
	padding: 0 15px;
	font-size: 10px;
	height: 1em;
	line-height: 1;
	float: left;
	text-align: right;
}
* html .links li{/* ie6 テキストつぶれ対応 */
	padding-top: 1px;
}
.links .block {
	margin-bottom: 5px;
}
.links ul li.end {
	padding-right: 0;
	border-right: none;
}
.links ul li a {
	display: block;
	font-size:12px;
	line-height: 1;
	/*color: #5F5F5F;*/
}
#header .links .logarea {
	clear: both;
	padding: 8px 0 0;
	text-align: right;
}
#header .links .logarea li {
	float: none;
	display: inline-block;
}
.logarea p,
.logarea li {
	display: inline;
}
.logarea p img {
	line-height: 2em;
}
.links ul.logarea li {
	margin-top: 8px;
	padding-left: 25px;
	padding-right: 0;
	border: none;
	background: url(../common/icon_arrow_r.gif) no-repeat 15px 1px;
}
.links ul.logarea li a{
	font-size: 12px;
}
#lgbtn,
#contactbtn{
	padding-left: 10px;
}
#lgbtn img,
#contactbtn img {
	margin-bottom: -5px;
}

#touroku{
	padding-left: 18px;
	background: url(../common/icon_arrow_r.gif) no-repeat 10px 1px;
}
#global {
	width: 958px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 36px;
	background: url(../common/head_bgc.gif) bottom repeat-x;
}
*:first-child+html  #header .block {
	height: 10px;
	overflow: hidden;
}
*:first-child+html #header .logarea{
	margin-top: 6px;
	padding-top: 6px;
}

#global ul,
#global li{
	float: left;
}
#global li a{
	display: block;
}
#global p {
	padding: 6px 7px 0;
	float: right;
}
/* =3= search area	10.07.21
----------------------------------------------------------*/
#contents {
	clear: both;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 958px;
	_text-align: center;
}

#searcharea {
	float: left;
	font-size: 10px;
	text-align: left;
	border-right: 1px solid #ccc;
}
#searcharea .inner{
	margin: 7px 14px 0;
	padding-bottom: 5px;
	width: 170px;
}
#searcharea h3 {
	margin: 0;
	padding: 14px 0 2px;
	border: 0;
}
#searcharea .inner label{
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
#searcharea .inner input.txt,
#searcharea .inner select {
	border: 1px solid #ccc;
	margin: 0 0 5px;
	width: 166px;
}
* html #searcharea .inner {
	margin-right: 0;
}
* html #searcharea .inner input.txt {
	/*margin-left: -14px;  100819修正*/
	width: 166px;
}
*:first-child+html #searcharea .inner input.txt {
	/*margin-left: -14px;  100819修正*/
	width: 166px;
}
/*
* html #searcharea .inner input.txt#code {100819修正
	margin-left: -14px;
}
*:first-child+html #searcharea .inner input.txt#code {100819修正
	margin-left: -14px;
}
*/
#searcharea .inner select{
	width: 170px;
}
#searcharea .inner ul {
	margin-top: 8px;
}
#searcharea .inner li {
	padding: 0 0 8px 8px;
	background: url(../common/icon_arrow_r.gif) no-repeat 0 4px;
}

/* =5= contents
----------------------------------------------------------*/
h2{
	margin-bottom: 1.5em;
	text-align: left;
}
h3 {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	color: #202020;
	padding: 1em 0;
	margin-bottom: 1em;
	font-size: 14px;
	font-weight: bold;
	text-indent: 0;
	text-align: left;
}
h3 a {
	color: #616161;
	font-size: 14px;
	font-weight: bold;
}
h4 {
	margin:0 0 12px;
	padding:12px 0 0;
	font-weight: bold;
}
p.todo {
	margin-top: -45px;
	padding-bottom: 12px;
	text-align: right;
	overflow: visible;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	color: #BB4529;
	text-decoration: underline;
}
.notice {
	color: #c00;
}
.ex {
	color: #999;
}
.att,
.error {
	font-size: 10px;
}
.aftersp {
	padding-bottom: 1em;
}
.sum {
	font-size: 16px;
	font-weight: bold;
}

/* ぱんくず */
.snav {
	margin: 1em 0;
	font-size: 10px;
	text-align: left;
}
.snav a {
	font-size: 10px;
}
* html .snav{
	padding-top: 1em;
}
*:first-child+html .snav {
	padding-top:  1em;
}

/* -------- formarea -------- */
#formarea {
	text-align:left;
	margin: 0 100px 40px 120px;/* 100813 修正 */
	padding-top: 20px;/* 100813 修正 */
	min-height: 450px;
	_height: 450px;
}
#formarea p {
	margin-bottom: .5em;
}
.wide#formarea {
	margin: 0 30px 40px 30px;/* 100813 修正 */
	padding-top: 20px;/* 100813 修正 */
}
#formarea dl {
	margin: 1em 0;
	width: 725px;
}
#formarea dt,
#formarea dd {
	float: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e4e4e4;
	padding: 12px;
}
#formarea dt {
	margin-right: 15px;
	width: 146px;
	background-color: #eee;/* 偶数行目はjsで#f2f2f2に設定 */
	_display: inline;
}
#formarea dd {
	width: 516px;
	background-color: #f7f7f7;/* 偶数行目はjsで#fcfcfcに設定 */
}
#formarea dl p{
	margin: .3em 0 0;
	line-height: 1;
}
#formarea .formarea-text-link {
	display: inline-block;
	padding-left: 25px;
	margin-left: 20px;
	padding-right: 0;
	border: none;
	background: url(../common/icon_arrow_r.gif) no-repeat 15px 1px;
	font-size: 12px;
}
#formarea .formarea-text-link a {
	line-height: 1.0;
}

label,
input{
	vertical-align:middle;
}
label.after {
	padding: 0 15px 0 5px;
}
label.before {
	padding: 0 5px 0 0;
}
input.name {
	margin-right: .5em;
	width: 10em;
}
input.date {
	width: 4em;
}
input.full {
	margin-right: .5em;
	width: 25em;
}
input.other {
	margin-right: .5em;
	width: 10em;
}
input.postcode {
	margin-right: .5em;
	width: 4em;
}
img.postcode {
	margin-left: 1em;
	line-height: 18px;
	margin-bottom: -6px;
}
* html img.postcode {/* ie6 */
	margin-bottom: 0;
	vertical-align: middle;
}
*:first-child+html img.postcode {/* ie7 */
	margin-bottom: 0;
	vertical-align: middle;
}

input.tel {
	margin-right: .5em;
	width: 4em;
}
select {
	margin-left: .5em;
}
textarea {
	width: 400px;
	height: 200px;
}
textarea.lowarea {
	height: 50px;
}
.line2 {/* js無効時向け */
	min-height: 37px;
	_height: 36px;
}
.line3 {/* js無効時向け */
	min-height: 54px;
	_height: 54px;
}
label.other {
	margin: 0 .5em 0 2em;
}

/* formstyle.jsの補完 */
#formarea .firstline {
	border-top:0;
	padding-top:13px;
	background-image:url(../common/form_bgtop.gif);
	background-position:top;
	background-repeat:repeat-x;
}

/* -------- cartarea -------- */
#cartnav {
	margin: 0 30px 40px 30px;/* 100815 修正 */
	padding-top: 20px;/* 100813 修正 */
}
#cartarea {
	text-align:left;
	margin: 0 100px 40px 120px;/* 100813 修正 */
	padding-top: 20px;/* 100813 修正 */
	min-height: 450px;
	_height: 450px;
}
.wide#cartarea {
	margin: 0 30px 40px 30px;/* 100813 修正 */
	padding-top: 20px;/* 100813 修正 */
}

#cartarea table {
	margin: 1em 0;
	width: 725px;
	border-top: 1px solid #d2d2d2;
}
.wide#cartarea table {
	width: 900px;
}
#cartarea th,
#cartarea td {
	padding: 8px 2px;
	border: 1px solid #d2d2d2;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
}
#cartarea th {
	background: url(../common/bg_cellEE.gif) left top;
	font-weight: normal;
}
#cartarea td.cell1 {
	background: url(../common/bg_cellF7.gif) left repeat-y;
	text-align: center;
	vertical-align: middle;
}
#cartarea td.adm {
	background: #f7f7f7;
}
#cartarea th.commodity {
	text-align: left;
}
#cartarea td.commodity {
	text-align: left;
	line-height: 1;
}
#cartarea td.num {
	text-align: right;
}
#cartarea td.none {/* ie7対策 */
	border-left-color: #fff;
	border-bottom-color: #fff;
	border-right-color: #d2d2d2;
	border-top-color: #d2d2d2;
}
#cartarea td.sumttl {
	_border-left-color:  #fff;
	border-right-color:  #fff;
}
#cartarea td.linenone{/* ie7対策 */
	border-left-color: #fff;
}

#formarea td a:link, td a:visited,
#cartarea td a:link, td a:visited {
	text-decoration: underline;
}
/*#formarea td a:hover, td a:active,
#cartarea td a:hover, td a:active {
	color: #666;
	text-decoration: none;
}*/


/* -------- btnarea -------- */
.btn {
	padding: 1em 0;
	text-align: left;
}

.confirmover {
	padding: 1em 0 0;
	text-align: center;
}
.confirm {
	padding: 1em 0;
	text-align: center;
}
.loginbtn {
	margin: 0 185px 20px;
	text-align: left;
}
.notice-text {
	margin: 0;
	padding: 10px 0 0;
}
/*
.loginbtn .mem {
	padding: 0 0 0 20px;
}
.loginbtn img {
	margin-bottom: -5px;
}
*/

#complete {
	height: 150px;
}
.delattention {
	margin: 0 auto;
	border: 1px solid #c00;
	padding: .5em 1em;
	display: inline-block;
	color: #c00;
	font-size: 10px;
	line-height: 1.5;
	text-align: center;
}
.delwrap {/* ie */
	text-align: center;
}

* html p.delattention {
	width: 380px;
}
*:first-child+html p.delattention {
	width: 400px;
}

#thanks {
	margin-top: 100px;
	height: 50px;
	text-align: center;
	vertical-align: top;
}
/* #error */
#error {
	min-height: 150px;
	_height: 150px;
}

/* =6= footer	10.05.21段階　ダミー
----------------------------------------------------------*/
#footer {
	padding-bottom: 1em;
	width: 960px;
	text-align: right;
}
#footer .links {
	padding: 10px 0 0;
	text-align: right;
}
* html #footer .links {
	width: 780px;
}
*:first-child+html #footer .links {
	width: 780px;
}
#footer .links ul{
	float: right;
	padding-bottom: 10px;
}
address{
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
}


/* === layout style
----------------------------------------------------------*/
.block{
	_zoom : 1;
}
.block:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }



/* Utility Classes
----------------------------------------------------------*/

.pt20 {
	padding-top: 20px;
}

.notes {
    color: #c00;
    font-size: 10px;
    padding-left: 1em;
    text-indent: -1em;
}

.caution {
    color: #c00;
    padding-left: 1em;
    text-indent: -1em;
}

/* ========================================
	gdprBlock
======================================== */
#gdprBlock {
	position: relative;
	background: #000;
	color:#fff;
	font-size: 12px;
	line-height: 1.8;
	width: 100%;
	padding:20px 0;
	position: fixed;
	bottom:0;
	z-index: 999;
}
#gdprBlock .gdprTxt {
	width:650px;
	margin:0 auto 20px;
	color: #FFF;
}

#gdprBlock a {
  color: #39C;
}

#gdprBlock .gdprBtn {
	text-align: center;
}
#gdprBlock .gdprBtn button {
	background: #000;
	border:1px solid #fff;
	border-radius: 5px;
	color:#fff;
	width:144px;
	text-align: center;
	padding: 6px 0;
	cursor: pointer;
	outline: none;
	appearance: none;
}