@charset "utf-8";


body {-webkit-text-size-adjust:none;}
input,select,textarea {font-size:16px;}

/* ==========================================================

	汎用クラス

========================================================== */

.sp_taL {text-align:left !important;}
.sp_taC {text-align:center !important;}
.sp_taR {text-align:right !important;}

.sp_fR {float:right;}
.sp_fL {float:left;}
.sp_clear {clear:both;}

.sp_hidden {display:none;}

.sp_liq {width:100%;}

.tx_box { padding:10px; text-align:left; border:1px solid #D2EEF9;}

.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}

.sp_mt05 {margin-top:5px !important;;}
.sp_mt10 {margin-top:10px !important;;}
.sp_mt15 {margin-top:15px !important;;}
.sp_mt20 {margin-top:20px !important;;}
.sp_mt30 {margin-top:30px !important;;}

.sp_mb05 {margin-bottom:5px !important;;}
.sp_mb10 {margin-bottom:10px !important;;}
.sp_mb15 {margin-bottom:15px !important;;}
.sp_mb20 {margin-bottom:20px !important;;}
.sp_mb30 {margin-bottom:30px !important;;}

/* ==========================================================

	共通パーツ

========================================================== */

body {background:url(/common/img/sp/bg_body.png) repeat;}

header {position:relative; padding:5px 5px 15px;}
header h1 {margin-bottom:20px;}
header h1 a {display:block; width:150px; height:30px; text-indent:-9999px; background:url(/common/img/sp/header_logo.png) no-repeat;}
header #tnav {position:absolute; top:5px; right:0;}
header #tnav li {float:left; padding:0 5px; border-right:1px solid #2cade2; line-height:15px;}
header #tnav li:last-child {border:none;}
header #tnav li a {font-size:12px;}

header .contact {position:absolute; top:25px; right:5px; border:1px solid #3a9fa9; border-radius:3px;}
header .contact a {display:block; width:110px; height:30px; padding-right:40px; text-align:center; line-height:30px; color:#FFF; border-top:1px solid #aee3e9; border-left:1px solid #aee3e9; border-radius:2px; background:url(/common/img/sp/header_tel.png),-moz-linear-gradient(top,#7fd1dc,#3a9fab); background:url(/common/img/sp/header_tel.png),-webkit-gradient(linear,left top,left bottom,from(#7fd1dc),to(#3a9fab)); background-position:85% 50%; background-repeat:no-repeat;}

header #header_tel_box {display:none; position:relative; z-index:3; text-align:center; font-size:12px; border:1px solid #3ea2ac; border-radius:3px 0 3px 3px; background:#FFF;}
header #header_tel_box #header_tel_close {height:27px; margin-bottom:10px; padding-right:10px; text-align:right; line-height:27px; color:#FFF; border-radius:3px 0 0 0; background:#3ea2ac;}
header #header_tel_box p {margin-bottom:10px;}
header #header_tel_box p:first-child {margin-bottom:5px;}
header #header_tel_box p em {font-size:14px; font-weight:bold;}
header #header_tel_box p a {display:inline-block; width:180px; height:35px; text-indent:-9999px; background:url(/common/img/sp/main_tel.png) no-repeat;}

header#header_form h1 {margin-bottom:0;}
header#header_form .contact {top:10px;}
header#header_form #header_tel_box {margin-top:5px;}


footer {padding:10px 0;}
footer .pagetop {height:30px; text-align:right; background:url(/common/img/sp/footer_line.png) left bottom repeat-x;}
footer .pagetop a {display:inline-block; width:74px; height:22px; text-align:left; text-indent:-9999px; background:url(/common/img/sp/footer_pagetop.png) no-repeat;}
footer ul {padding:10px; text-align:center;}
footer ul li {display:inline-block; margin:0 5px;}
footer ul li a {font-size:10px; color:#333 !important;}
footer .copyright {padding-right:10px; text-align:right; font-size:10px;}


#container {}

#main {padding:10px 10px 30px; background:#FFF;} 
#main > h1 {height:38px; margin:0 -2px 15px; text-indent:10px; line-height:38px; border-radius:3px; font-size:14px; background:#ecfbfc url(/common/img/sp/bg_title01.png) 5px 50% no-repeat; box-shadow:0px 0px 5px #bcf9fd; -webkit-box-shadow:0px 0px 5px #bcf9fd;}
#main > h1 span {margin-left:10px; font-size:10px; color:#4db3dd;}
#main > h1 small {margin-left:5px; font-size:11px;}

#sub {background:url(/common/img/sp/bg_sub.png) repeat;}
#sub > h1 {height:45px; line-height:45px; text-indent:15px; font-size:16px; font-weight:bold; color:#FFF; background:#00b2de;}
#sub > h1 span {margin-left:10px; font-size:10px; font-weight:normal; color:#9dd959;}

#sub ul {padding:0 10px 20px;}
#sub ul li {border-top:1px solid #43add9; border-bottom:1px solid #94d1eb;}
#sub ul li:first-child {border-top:none;}
#sub ul li a {display:block; padding:14px 10px 14px 25px; line-height:16px; color:#FFF; font-weight:bold; background:url(/common/img/sp/icon_arrow02.png) 5px 50% no-repeat;}

#pan {margin-bottom:10px;}
#pan li {display: inline;margin-left: 5px;}
#pan li a {background: url("/common/img/pc/icon_arrow01.png") no-repeat scroll right 50% transparent; padding-right: 20px;}

/* ==========================================================

	section

========================================================== */

/* type00 デフォルト
-----------------------------------------------------------*/
.type00 {position:relative; margin-bottom:20px; padding:0 10px 10px;}
.type00 h1 {margin:0 -10px; padding:0 10px 10px; line-height:20px; font-size:16px; font-weight:bold; background-image:url(/common/img/sp/bg_title02_edge.png),url(/common/img/sp/bg_title02.png); background-position:left bottom,left bottom; background-repeat:no-repeat,repeat-x;}
.type00 p {margin-bottom:10px; line-height:1.4;}
.type00 p.wide {margin-left:-10px; margin-right:-10px;}

.errormsg {margin-bottom:10px; padding:10px 10px 5px; line-height:1.4; color:#FF0066; font-weight:bold; background:#FFF0F0;}
.errormsg li {display:block !important; margin-bottom:5px !important;}
.error {margin-bottom:10px !important; color:#FF0066; font-weight:bold;}

.changemsg {margin-bottom:10px; padding:10px 10px 5px; line-height:1.4; color:#009a00; font-weight:bold; background:#d5ffd5;}
.changemsg li {display:block !important; margin-bottom:5px !important;}

/*
table.layout_table {display:block; width:auto !important; margin:0 !important; line-height:1.4 !important; border:none !important;}
table.layout_table tr {display:block;}
table.layout_table td {display:inline-block; width:auto !important; padding:0 0 10px !important; border:none !important;}
*/

/* type01 マイページグレー枠
-----------------------------------------------------------*/
.type01 {position:relative; margin:0 5px 20px; padding:10px; border:3px solid #F5F5F5;}
.type01 .btn {position:absolute; top:5px; right:5px; border:1px solid #CCC; border-radius:3px;}
.type01 .btn a {display:block; width:100px; height:25px; text-align:center; line-height:25px; color:#252525; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-radius:2px; background:-moz-linear-gradient(top,#f4f3f3,#f1efef 50%,#dfdcdc 51%,#ebe9e9); background:-webkit-gradient(linear,left top,left bottom,from(#f4f3f3),color-stop(0.5, #f1efef),color-stop(0.51, #dfdcdc),to(#ebe9e9));}
.type01 .id {margin-bottom:10px; color:#0a9fdc;}
.type01 .id span {color:#333; font-weight:bold;}
.type01 .name {margin-bottom:15px; padding-left:20px; color:#0a9fdc;}
.type01 .name span {color:#333; font-size:18px; font-weight:bold;}

/* type02 マイページベージュ背景
-----------------------------------------------------------*/
.type02 {position:relative; margin-bottom:20px; padding:0 10px 10px; background:#fffae1;}
.type02 h1 {margin:0 -10px 10px; padding:0 10px 10px; line-height:20px; font-size:16px; font-weight:bold; background-color:#FFF; background-image:url(/common/img/sp/bg_title02_edge.png),url(/common/img/sp/bg_title02.png); background-position:left bottom,left bottom; background-repeat:no-repeat,repeat-x;}
.type02 p {margin-bottom:10px; line-height:1.4;}
.type02 p:last-child {margin-bottom:0;}
.type02 em {color:#0a9fdc; font-size:18px; font-weight:bold;}
.type02 small {font-size:11px;}
.type02 .btn01 {padding-top:5px; padding-left:40%; border-top:1px solid #dbd5b9;}
.type02 .btn01 a {display:block; height:26px; padding-left:35px; line-height:26px; border-radius:3px; background:#FFF url(/common/img/sp/icon_arrow03.png) 15px 50% no-repeat;}
.type02 .btn02 {float:right; margin-left:10px; border:1px solid #CCC; border-radius:3px;}
.type02 .btn02 a {display:block; width:100px; height:25px; padding-left:15px; text-align:center; line-height:25px; color:#252525; border-radius:2px; background:url(/common/img/sp/icon_cart.png),-moz-linear-gradient(top,#f4f3f3,#f1efef 50%,#dfdcdc 51%,#ebe9e9); background:url(/common/img/sp/icon_cart.png),-webkit-gradient(linear,left top,left bottom,from(#f4f3f3),color-stop(0.5, #f1efef),color-stop(0.51, #dfdcdc),to(#ebe9e9)); background-position:10px 50%; background-repeat:no-repeat,repeat;}

.type02 .box {position:relative; min-height:100px; margin-top:5px; padding:5px 0 10px 120px; background:#FFF;}
.type02 .box img {position:absolute; width:100px; height:100px; left:5px; top:5px; border:1px solid #CCC;}
.type02 .box p {margin-bottom:20px;}
.type02 .box form {}
.type02 .box form button {position:relative; top:-3px; margin:0 0 0 3px; padding:0; border:1px solid #42b4e3; border-radius:3px; background:none;}
.type02 .box form button span {display:block; width:40px; height:25px; padding-left:15px; text-align:center; line-height:25px; color:#FFFFFF; border-radius:2px; background:url(/common/img/sp/icon_arrow04.png),-moz-linear-gradient(top,#7bcaec,#65c1e8 50%,#49b6e4 51%,#65c2e9); background:url(/common/img/sp/icon_arrow04.png),-webkit-gradient(linear,left top,left bottom,from(#7bcaec),color-stop(0.5, #65c1e8),color-stop(0.51, #49b6e4),to(#65c2e9)); background-position:5px 50%,0 0; background-repeat:no-repeat,repeat;}

.type02 .box form .submit {width:68px;display: inline-block; display: inline;}
.type02 .box form input[type="submit"] {margin:0 0 0 10px; padding:0; width:68px; height:29px; border:none; background:url(/img/pc/customers/btn_order_off.png) no-repeat;}
.type02 .box form input[type="submit"]:hover {background:url(/img/pc/customers/btn_order_on.png) no-repeat;}

.type02 table {border-top:1px solid #d2eef9; border-left:1px solid #d2eef9;}
.type02 table th {padding:10px; text-align:center; vertical-align:middle; font-weight:bold; border-right:1px solid #d2eef9; border-bottom:1px solid #d2eef9; background:#edf8fd;}
.type02 table td {min-width:60px; padding:5px; vertical-align:middle; border-right:1px solid #d2eef9; border-bottom:1px solid #d2eef9; background:#FFF;}
.type02 table td:nth-child(3) {text-align:right;}

/* type03 マイページグレー背景
-----------------------------------------------------------*/
.type03 {position:relative; margin-bottom:20px; padding:0 20px 15px; background:#f0f0f0;}
.type03 h1 {margin:0 -20px 15px; padding:0 10px 10px; line-height:20px; font-size:16px; font-weight:bold; background-color:#FFF; background-image:url(/common/img/sp/bg_title02_edge.png),url(/common/img/sp/bg_title02.png); background-position:left bottom,left bottom; background-repeat:no-repeat,repeat-x;}
.type03 p {margin-bottom:10px; line-height:1.4;}
.type03 p:last-child {margin-bottom:0;}

/* type04 下部お問い合わせ
-----------------------------------------------------------*/
.type04 {border:1px solid #66cfd9; border-radius:5px;}
.type04 h1 {height:33px; line-height:33px; padding:0 15px; color:#FFF; font-size:14px; font-weight:bold; background:#66cfd9; border-radius:5px 5px 0 0;}
.type04 h2 {padding:10px 0 5px; text-align:center; font-size:17px; font-weight:bold; color:#2088be;}
.type04 p {margin-bottom:10px; text-align:center;}
.type04 p a {display:inline-block; width:180px; height:35px; text-indent:-9999px; background:url(/common/img/sp/main_tel.png) no-repeat;}

/* type05 フォームのフロー図
-----------------------------------------------------------*/
.type05 {margin:20px 0;}
.type05 ul {height:20px; margin-bottom:10px;}
.type05 ul li {float:left; height:20px; box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:11px; line-height:20px; text-align:center; font-size:10px; color:#FFF; background-color:#45D8E2; background-image:url(/common/img/sp/icon_flow.png); background-repeat:no-repeat; background-position:right top;}
.type05 ul li.active {background-color:#01BDED;}
.type05 ul li:last-child {padding-right:0; background-image:none;}
/*.type05 ul.regist li:nth-child(1) {width:22%;}*/
/*.type05 ul.regist li:nth-child(2) {width:27%;}*/
/*.type05 ul.regist li:nth-child(3) {width:22%;}*/
/*.type05 ul.regist li:nth-child(4) {width:19%;}*/
/*.type05 ul.regist li:nth-child(5) {width:10%;}*/
.type05 ul.regist li:nth-child(1) {width:41%;}
.type05 ul.regist li:nth-child(2) {width:34%;}
.type05 ul.regist li:nth-child(3) {width:25%;}
.type05 ul.cart li:nth-child(1) {width:20%;}
.type05 ul.cart li:nth-child(2) {width:25%;}
.type05 ul.cart li:nth-child(3) {width:25%;}
.type05 ul.cart li:nth-child(4) {width:17%;}
.type05 ul.cart li:nth-child(5) {width:13%;}
.type05 p {margin-bottom:10px; line-height:1.4;}

/* type052 フォームのフロー図
-----------------------------------------------------------*/
.type052 {margin:20px 0;}
.type052 ul {height:20px; margin-bottom:10px;}
.type052 ul li {float:left; height:20px; box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:11px; line-height:20px; text-align:center; font-size:10px; color:#FFF; background-color:#45D8E2; background-image:url(/common/img/sp/icon_flow.png); background-repeat:no-repeat; background-position:right top;}
.type052 ul li.active {background-color:#01BDED;}
.type052 ul li:last-child {padding-right:0; background-image:none;}
.type052 ul.regist li:nth-child(1) {width:41%;}
.type052 ul.regist li:nth-child(2) {width:34%;}
.type052 ul.regist li:nth-child(3) {width:25%;}
.type052 ul.cart li:nth-child(1) {width:20%;}
.type052 ul.cart li:nth-child(2) {width:25%;}
.type052 ul.cart li:nth-child(3) {width:25%;}
.type052 ul.cart li:nth-child(4) {width:17%;}
.type052 ul.cart li:nth-child(5) {width:13%;}
.type052 p {margin-bottom:10px; line-height:1.4;}

/* type06 agreement.html専用
-----------------------------------------------------------*/
.type06 {margin-bottom:20px;}
.type06 p {margin-bottom:10px; line-height:1.4;}
.type06 .select {margin-bottom:15px; padding:15px 10px; background:#FFFAE1;}
.type06 .select ul {}
.type06 .select ul li {float:left; width:50%; padding:5px 10px 25px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.type06 .select ul li:first-child {background:url(/img/sp/customers/agreement_bg_yes.png) center bottom no-repeat;}
.type06 .select ul li:last-child {background:url(/img/sp/customers/agreement_bg_no.png) center bottom no-repeat;}
.type06 .select ul li a {display:block; height:45px; text-align:center; line-height:45px; font-size:16px; font-weight:bold; color:#FFF; border-radius:3px;}
.type06 .select ul li:first-child a {background:-moz-linear-gradient(top,#FFB951,#FF6600); background:-webkit-gradient(linear,left top,left bottom,from(#FFB951),to(#FF6600)); border:1px solid #FF6600;}
.type06 .select ul li:last-child a {background:-moz-linear-gradient(top,#3893D2,#0558B0); background:-webkit-gradient(linear,left top,left bottom,from(#3893D2),to(#0558B0)); border:1px solid #0558B0;}

.type06 .select_yes {position:relative; margin-bottom:10px;}
.type06 .select_yes h2 {height:16px; margin-bottom:10px; padding-left:10px; line-height:16px; font-size:14px; font-weight:bold; border-left:4px solid #6EC3E4;}
.type06 .select_yes .open {margin:0 10px 10px; padding:10px; text-align:center; background:#EEE url(/common/img/sp/icon_toggle01_open.png) 90% 50% no-repeat; border-radius:10px;}
.type06 .select_yes .open.opened {background-image:url(/common/img/sp/icon_toggle01_close.png);}
.type06 .select_yes .box {display:none; padding:10px; border:1px solid #CCC; line-height:1.4;}
.type06 .select_yes .box h3 {font-weight:bold;}
.type06 .select_yes .box h4 {margin-top:15px; margin-bottom:5px; font-weight:bold;}
.type06 .select_yes .box p {margin-bottom:5px;}
.type06 .select_yes .box ol li {margin-bottom:10px; padding-left:2em; text-indent:-2em;}
.type06 .select_yes .btn {padding:15px 25px;}
.type06 .select_yes .btn a {display:block; height:50px; box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:15%; text-align:center; line-height:50px; font-size:18px; font-weight:bold; color:#FFF; border:1px solid #14A1DC; border-radius:3px; background:url(/common/img/sp/icon_arrow04.png),-moz-linear-gradient(top,#7bcaec,#65c1e8 50%,#49b6e4 51%,#65c2e9); background:url(/common/img/sp/icon_arrow04.png),-webkit-gradient(linear,left top,left bottom,from(#7bcaec),color-stop(0.5, #65c1e8),color-stop(0.51, #49b6e4),to(#65c2e9)); background-position:15% 50%,0 0; background-repeat:no-repeat,repeat;}
.type06 .select_yes .overlay {display:none; position:absolute; top:0; left:0;width:100%; height:100%; background:rgba(255,255,255,0.5);}

.type06 .select_no {padding:10px; background:#FFF0F0; display:none;}
.type06 .select_no h3 {display:inline-block; margin-bottom:10px; padding:5px 10px; color:#FFF; background:#999;}



/* type07 フォーム：画像つきラジオボタン
-----------------------------------------------------------*/
.type07 {position:relative; margin-bottom:20px; padding:0 10px 10px;}
.type07 h1 {margin:0 -10px 5px; padding:0 10px 10px; line-height:20px; font-size:16px; font-weight:bold; background-image:url(/common/img/sp/bg_title02_edge.png),url(/common/img/sp/bg_title02.png); background-position:left bottom,left bottom; background-repeat:no-repeat,repeat-x;}
.type07 ul {}
.type07 ul li {position:relative; margin-bottom:15px;}
.type07 ul li label {display:block; height:102px; padding:0px 120px 0 30px;}
.type07 ul li input {position:absolute; top:0; left:5px;}
.type07 ul li p {margin-bottom:5px; line-height:1.7;}
.type07 ul li p small {font-size:11px;}
.type07 ul li img {position:absolute; right:10px; top:0; width:100px; height:100px; border:1px solid #CCC;}

/* type07_2 フォーム：画像つきラジオボタン
-----------------------------------------------------------*/
.type07_2 {position:relative; margin-bottom:20px; padding:0 10px 10px;}
.type07_2 h1 {margin:0 -10px 5px; padding:0 10px 10px; line-height:20px; font-size:16px; font-weight:bold; background-image:url(/common/img/sp/bg_title02_edge.png),url(/common/img/sp/bg_title02.png); background-position:left bottom,left bottom; background-repeat:no-repeat,repeat-x;}
.type07_2 ul {}
.type07_2 ul li {position:relative; margin-bottom:15px;}
.type07_2 ul li label {display:block; height:102px; padding:0px 120px 0 30px;}
.type07_2 ul li input {position:absolute; top:0; left:5px;}
.type07_2 ul li p {margin-bottom:5px; line-height:1.7;}
.type07_2 ul li p small {font-size:11px;}
.type07_2 ul li img {position:absolute; right:10px; top:0; width:100px; height:100px; border:1px solid #CCC;}

/* type08 フォーム：複合ラジオボタンボックス
-----------------------------------------------------------*/
.type08 {position:relative; margin-bottom:20px; padding:0 10px 10px;}
.type08 h1 {margin:0 -10px 5px; padding:0 10px 10px; line-height:20px; font-size:16px; font-weight:bold; background-image:url(/common/img/sp/bg_title02_edge.png),url(/common/img/sp/bg_title02.png); background-position:left bottom,left bottom; background-repeat:no-repeat,repeat-x;}

.type08 dl {margin-bottom:10px; padding:15px; line-height:1.4; background:#FFFAE2;}
.type08 dl dt {padding-bottom:5px; border-bottom:1px solid #CCC;}
.type08 dl dd {padding-top:10px;}

.type08 dl label {position:relative; display:block; padding-left:25px;}
.type08 dl label input {position:absolute; left:0; top:0px;}
.type08 dt h2 {margin-bottom:5px; color:#0a9fdc; font-weight:bold; font-size:15px;}
.type08 dt h3 {margin-bottom:5px; font-weight:bold;}
.type08 dt p {margin-bottom:5px;}
.type08 dt p small {font-size:11px;}
.type08 dd h3 {margin-bottom:5px; padding-left:15px; background:url(/common/img/pc/icon_mark01.png) left center no-repeat;}
.type08 dd p {margin-bottom:5px; padding-left:15px;}
.type08 dd p small {display:block; margin-left:-15px; font-size:11px;}

/* type09 フォーム：表組（２～３カラム用）
-----------------------------------------------------------*/
.type09 {position:relative; margin-bottom:20px; padding:0 10px 10px;}
.type09.alpha {padding-top:20px; border-top:1px dotted #CCC;}
.type09 h1 {margin:0 -10px 5px; padding:0 10px 10px; line-height:20px; font-size:16px; font-weight:bold; background-image:url(/common/img/sp/bg_title02_edge.png),url(/common/img/sp/bg_title02.png); background-position:left bottom,left bottom; background-repeat:no-repeat,repeat-x;}

.type09 p {line-height:1.4;}
.type09 table,
.type09 tbody,
.type09 tr,
.type09 th,
.type09 td {position:relative; display:block;}

.type09 th {margin-bottom:5px; padding:8px; line-height:21px; background:#e9f8fd;}
.type09 th.alpha {padding:0 10px; background:none;}
.type09 table th span.req {position:absolute; top:11px; right:11px; display:inline-block; height:15px; padding:0 5px; line-height:15px; font-size:11px; color:#FFF; background:#ff2263; border-radius:3px;}

.type09 td {margin-bottom:10px; padding:0 5px; line-height:24px;}
.type09 td p {margin-bottom:5px;}
.type09 td p:last-child {margin-bottom:0;}
.type09 td input {height:20px; margin:0 2px; line-height:20px; vertical-align:middle;}
.type09 td input:first-child {margin-left:0;}
.type09 td select {height:24px; margin:0 2px; vertical-align:middle;}
.type09 td select:first-child {margin-left:0;}
.type09 table td label {margin-right:15px;}
.type09 td input[type="submit"] {font-size:13px; height:24px;}
.type09 td input.bit {width:20%;}
.type09 td input.short {width:35%;}
.type09 td input.medium {width:95%;}
.type09 td input.long {width:95%;}
.type09 td textarea {width:95%;}


.type09 .delivery {margin-bottom:10px; line-height:1.4;}
.type09 .delivery label {display:block; position:relative; padding-left:40px;}
.type09 .delivery input {position:absolute; left:15px; top:0;}

.type09 p.remarks {line-height: 1.4; margin-bottom: 10px;}

/* type10 customers/complete 専用
-----------------------------------------------------------*/
.type10 {margin-bottom:20px;}
.type10 div {position:relative; min-height:130px; margin-bottom:30px; padding:10px 130px 30px 10px; background:#FFFAE1;}
.type10 div p {margin-bottom:10px; line-height:1.4;}
.type10 div .alpha {position:absolute; right:10px; top:10px;}
.type10 div .beta {position:absolute; left:50%; bottom:-20px; margin-left:-60px;}



/* type11 フォーム：表組（４カラム以上可変）
-----------------------------------------------------------*/
.type11 {position:relative; margin-bottom:20px; padding:0 10px 10px;}
.type11 h1 {margin:0 -10px 5px; padding:0 10px 10px; line-height:20px; font-size:16px; font-weight:bold; background-image:url(/common/img/sp/bg_title02_edge.png),url(/common/img/sp/bg_title02.png); background-position:left bottom,left bottom; background-repeat:no-repeat,repeat-x;}
.type11 p {margin-bottom:10px; line-height:1.4;}
.tx_bold { margin-bottom:30px;font-weight:bold;}
.type11 h2 { margin-bottom:10px;}

.type11 table,
.type11 tbody,
.type11 tr,
.type11 th,
.type11 td {position:relative; display:block;}
.type11 tbody em {color:#FF0000; font-weight:bold;}
.type11 tbody strong {font-weight:bold;}
.type11 tbody td button a {color:#333;}

.type11 table.alpha thead {display:none;}
.type11 table.alpha tbody tr {margin-bottom:20px; border-top:1px solid #D2EEF9; border-left:1px solid #D2EEF9;}
.type11 table.alpha tbody tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
.type11 table.alpha tbody th {padding:8px; text-align:left; line-height:1.4; border-right:1px solid #D2EEF9; border-bottom:1px solid #D2EEF9; background:#D2EEF9;}
.type11 table.alpha tbody td {float:left; width:100%; box-sizing:border-box; webkit-box-sizing:border-box; padding:8px; text-align:center; line-height:24px; border-right:1px solid #D2EEF9; border-bottom:1px solid #D2EEF9;}
.type11 table.alpha tbody td.half {width:50%; height:45px; padding:8px 0;}
.type11 table.alpha tbody td.third {width:calc(100%/3); height:45px; padding:8px 0;}
.type11 table.alpha tbody td.deli01 {width:100%; height:auto; text-align:left; line-height:24px;}
.type11 table.alpha tr td table {text-align: center;margin:0 auto; border:none;}
.type11 table.alpha tr td table tr {text-align:center; border:none;}
.type11 table.alpha tr td table tr td {width:25%; text-align:center; margin:0; padding:0; border:none;}
.type11 table.alpha tr td table tr td:first-child {width:50%;}
.type11 table.alpha tr td table tr td input { width:1.8em; height: 1.5em;}


.type11 table.beta {margin-bottom:20px; border-top:1px solid #D2EEF9; border-left:1px solid #D2EEF9;}
.type11 table.beta th {padding:8px; line-height:1.4; text-align:left; border-right:1px solid #D2EEF9; border-bottom:1px solid #D2EEF9; background:#D2EEF9;}
.type11 table.beta td {padding:8px; line-height:1.4; text-align:right; font-size:16px; font-weight:bold; color:#FF0000; border-right:1px solid #D2EEF9; border-bottom:1px solid #D2EEF9;}

.type11 table.theta tbody tr {margin-bottom:20px; border-top:1px solid #D2EEF9; border-left:1px solid #D2EEF9;}
.type11 table.theta tbody tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
.type11 table.theta tbody th {padding:8px; text-align:left; line-height:1.4; border-right:1px solid #D2EEF9; border-bottom:1px solid #D2EEF9; background:#D2EEF9;}
.type11 table.theta tbody td {float:left; height:40px; box-sizing:border-box; webkit-box-sizing:border-box; padding:8px; text-align:center; line-height:24px; border-right:1px solid #D2EEF9; border-bottom:1px solid #D2EEF9;}

.type11 table.sigma {margin-bottom:20px; border:1px solid #D2EEF9;}
.type11 table.sigma tbody tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
.type11 table.sigma tbody th {padding:8px; text-align:left; line-height:1.4;}
.type11 table.sigma tbody td { padding:8px; text-align:left; line-height:14px;}

.type11 table.gamma {margin-bottom:20px;  border:none;}
.type11 table.gamma tbody td {padding:8px; line-height:14px;}


.type12 {position:relative; margin-bottom:20px; padding:0 10px 10px;}
.type12 h1 {margin:0 -10px 10px; padding:10px 20px; line-height:20px; background-color:#D2EEF9;}
.type12 p {margin-bottom:10px; line-height:1.4;}
.type12 p:last-child {margin-bottom:0;}
.type12 p input {width:99%; height:20px;}
.type12 dl dt {margin-bottom:5px;}
.type12 dl dd {margin-bottom:5px;}
.type12 dl dd input {width:99%;}
.type12 button {padding:5px 10px;}

.type13 {position:relative; margin-bottom:20px; padding:0 10px 10px;}
.type13 h1 {margin:0 -10px 10px; padding:0 10px 10px; line-height:20px; font-size:16px; font-weight:bold; background-color:#FFF; background-image:url(/common/img/sp/bg_title02_edge.png),url(/common/img/sp/bg_title02.png); background-position:left bottom,left bottom; background-repeat:no-repeat,repeat-x;}
.type13 p {margin-bottom:10px; line-height:1.4;}
.type13 p:last-child {margin-bottom:0;}

.type13 table {border-top:1px solid #d2eef9; border-left:1px solid #d2eef9;}
.type13 table th {padding:10px; text-align:center; vertical-align:middle; font-weight:bold; border-right:1px solid #d2eef9; border-bottom:1px solid #d2eef9; background:#edf8fd;}
.type13 table td {min-width:60px; padding:5px; vertical-align:middle; border-right:1px solid #d2eef9; border-bottom:1px solid #d2eef9; background:#FFF;}
.type13 table td:nth-child(3) {text-align:right;}




.type14 {position:relative; margin-bottom:20px; padding:0 10px 10px;}
.type14 h1 {margin:0 -10px 10px; padding:0 10px 10px; line-height:20px; font-size:16px; font-weight:bold; background-color:#FFF; background-image:url(/common/img/sp/bg_title02_edge.png),url(/common/img/sp/bg_title02.png); background-position:left bottom,left bottom; background-repeat:no-repeat,repeat-x;}
.type14 p {margin-bottom:10px; line-height:1.4;}
.type14 .contents {margin:0 0 20px; padding:15px;border:1px dotted #F00;}
.type14 .contents ul li {margin:10px;}
.type14 .select {margin-bottom:15px; padding:15px 10px; background:#FFFAE1;}
.type14 .select ul {}
.type14 .select ul li {float:left; width:50%; padding:5px 10px 25px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.type14 .select ul li a {display:block; height:45px; text-align:center; line-height:45px; font-size:16px; font-weight:bold; color:#FFF; border-radius:3px;}
.type14 .select ul li:first-child a {background:-moz-linear-gradient(top,#FFB951,#FF6600); background:-webkit-gradient(linear,left top,left bottom,from(#FFB951),to(#FF6600)); border:1px solid #FF6600;}
.type14 .select ul li:last-child a {background:-moz-linear-gradient(top,#3893D2,#0558B0); background:-webkit-gradient(linear,left top,left bottom,from(#3893D2),to(#0558B0)); border:1px solid #0558B0;}


.type15 {position:relative; margin:0 10px 20px; padding:0 15px 15px;}
.type15 .contents {margin:0 0 20px; padding:15px;border:1px solid #ccc;}
.type15 .contents p {position:relative; margin-bottom:10px; line-height:1.4;}
.type15 label {display:block; padding:10px 5px; background:#EEE;}
.type15 .overlay {display:none; position:absolute; left:0; top:0; width:100%; height:35px; background:#FFF; opacity:0.5;}

.type16 table {width:100%; margin:0 0 20px;}
.type16 table tr {padding:10px; text-align:center; vertical-align:middle; border-bottom:1px dotted #ccc;}
.type16 table tr:first-child { border-top:1px dotted #ccc;}
.type16 table td {padding:10px; vertical-align:middle;}
.type16 table td:first-child { width:100px; }
.type16 .contents {margin:30px 0; padding:15px;}
.type16 p {margin-bottom:10px; line-height:1.4;}


.tx_bold { margin-bottom:30px;font-weight:bold;}

.btn_login {display:inline-block; width:90%; height:50px; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0 0 0 15%; text-align:center; line-height:50px; font-size:18px; font-weight:bold; color:#444; border:1px solid #CCC; border-radius:3px; background:url(/common/img/sp/icon_arrow05.png),-moz-linear-gradient(top,#F7F6F6,#F1EFEF 50%,#DFDCDC 51%,#F2F1F1); background:url(/common/img/sp/icon_arrow05.png),-webkit-gradient(linear,left top,left bottom,from(#F7F6F6),color-stop(0.5, #F1EFEF),color-stop(0.51, #DFDCDC),to(#F7F6F6)); background-position:15% 50%,0 0; background-repeat:no-repeat,repeat;}

.btn_proceed,
.btn_agree,
.btn_set {display:inline-block; height:35px; width:50%; margin:0; padding:0 0 0 15px; text-align:center; line-height:35px; color:#FFFFFF; border:none; border-radius:2px; background:url(/common/img/sp/icon_arrow04.png),-moz-linear-gradient(top,#7bcaec,#65c1e8 50%,#49b6e4 51%,#65c2e9); background:url(/common/img/sp/icon_arrow04.png),-webkit-gradient(linear,left top,left bottom,from(#7bcaec),color-stop(0.5, #65c1e8),color-stop(0.51, #49b6e4),to(#65c2e9)); background-position:10% 50%,0 0; background-repeat:no-repeat,repeat;}

.btn_order {display:inline-block; height:35px; width:70%; margin-bottom:10px; padding:0 0 0 15px; text-align:center; line-height:35px; color:#FFFFFF; border:none; border-radius:2px; background:url(/common/img/sp/icon_arrow06.png),-moz-linear-gradient(top,#FFB951,#FF6600); background:url(/common/img/sp/icon_arrow06.png),-webkit-gradient(linear,left top,left bottom,from(#FFB951),to(#FF6600)); background-position:10% 50%,0 0; background-repeat:no-repeat,repeat;}

/*
background:-moz-linear-gradient(top,#FFB951,#FF6600); background:-webkit-gradient(linear,left top,left bottom,from(#FFB951),to(#FF6600)); border:1px solid #FF6600;
*/

.btn_change {display:inline-block; height:35px; width:70%; margin-bottom:10px; padding:0 0 0 15px; text-align:center; line-height:35px; color:#FFFFFF; border:none; border-radius:2px; background:url(/common/img/sp/icon_arrow04.png),-moz-linear-gradient(top,#7bcaec,#65c1e8 50%,#49b6e4 51%,#65c2e9); background:url(/common/img/sp/icon_arrow04.png),-webkit-gradient(linear,left top,left bottom,from(#7bcaec),color-stop(0.5, #65c1e8),color-stop(0.51, #49b6e4),to(#65c2e9)); background-position:10% 50%,0 0; background-repeat:no-repeat,repeat;}

.btn_mail01,
.btn_mail02,
.btn_mail03 {display:inline-block; height:35px; width:90%; margin-bottom:10px; padding:0 0 0 15px; text-align:center; line-height:35px; color:#FFFFFF; border:none; border-radius:2px; background:url(/common/img/sp/icon_arrow04.png),-moz-linear-gradient(top,#7bcaec,#65c1e8 50%,#49b6e4 51%,#65c2e9); background:url(/common/img/sp/icon_arrow04.png),-webkit-gradient(linear,left top,left bottom,from(#7bcaec),color-stop(0.5, #65c1e8),color-stop(0.51, #49b6e4),to(#65c2e9)); background-position:5% 50%,0 0; background-repeat:no-repeat,repeat;}

.btn_cancel {display:inline-block; height:35px; width:90%; margin-bottom:10px; padding:0 0 0 15px; text-align:center; line-height:35px; color:#444; border:1px solid #CCC; border-radius:2px; background:url(/common/img/sp/icon_arrow05.png),-moz-linear-gradient(top,#F7F6F6,#F1EFEF 50%,#DFDCDC 51%,#F2F1F1); background:url(/common/img/sp/icon_arrow05.png),-webkit-gradient(linear,left top,left bottom,from(#F7F6F6),color-stop(0.5, #F1EFEF),color-stop(0.51, #DFDCDC),to(#F7F6F6)); background-position:5% 50%,0 0; background-repeat:no-repeat,repeat;}

.btn_redo {display:inline-block; height:35px; width:90%; margin-bottom:10px; padding:0 0 0 15px; text-align:center; line-height:35px; color:#444; border:1px solid #CCC; border-radius:2px; background:url(/common/img/sp/icon_arrow05.png),-moz-linear-gradient(top,#F7F6F6,#F1EFEF 50%,#DFDCDC 51%,#F2F1F1); background:url(/common/img/sp/icon_arrow05.png),-webkit-gradient(linear,left top,left bottom,from(#F7F6F6),color-stop(0.5, #F1EFEF),color-stop(0.51, #DFDCDC),to(#F7F6F6)); background-position:5% 50%,0 0; background-repeat:no-repeat,repeat;}

.btn_resign {display:block; width:80%; height:35px; margin:0 10% 20px; padding:0 0 0 15px; text-align:center; line-height:35px; color:#FFFFFF; border:none; border-radius:2px; background:url(/common/img/sp/icon_arrow04.png),-moz-linear-gradient(top,#7bcaec,#65c1e8 50%,#49b6e4 51%,#65c2e9); background:url(/common/img/sp/icon_arrow04.png),-webkit-gradient(linear,left top,left bottom,from(#7bcaec),color-stop(0.5, #65c1e8),color-stop(0.51, #49b6e4),to(#65c2e9)); background-position:5% 50%,0 0; background-repeat:no-repeat,repeat;}

.btn_stop_resign {display:block; height:35px; margin:0 10% 20px; padding:0 0 0 15px; text-align:center; line-height:35px; color:#444; border:1px solid #CCC; border-radius:2px; background:url(/common/img/sp/icon_arrow05b.png),-moz-linear-gradient(top,#F7F6F6,#F1EFEF 50%,#DFDCDC 51%,#F2F1F1); background:url(/common/img/sp/icon_arrow05b.png),-webkit-gradient(linear,left top,left bottom,from(#F7F6F6),color-stop(0.5, #F1EFEF),color-stop(0.51, #DFDCDC),to(#F7F6F6)); background-position:5% 50%,0 0; background-repeat:no-repeat,repeat;}

.btn_login01 {display:inline-block; height:35px; width:90%; margin-bottom:10px; padding:0 0 0 15px; text-align:center; line-height:35px; color:#444; border:1px solid #CCC; border-radius:2px; background:url(/common/img/sp/icon_arrow05.png),-moz-linear-gradient(top,#F7F6F6,#F1EFEF 50%,#DFDCDC 51%,#F2F1F1); background:url(/common/img/sp/icon_arrow05.png),-webkit-gradient(linear,left top,left bottom,from(#F7F6F6),color-stop(0.5, #F1EFEF),color-stop(0.51, #DFDCDC),to(#F7F6F6)); background-position:5% 50%,0 0; background-repeat:no-repeat,repeat;}


.link_prev {display:block; margin-top:30px; text-align:left;}

.paginate {height:30px; margin-bottom:10px;}
.paginate li {display:none; height:30px; line-height:30px; text-align:center;}
.paginate li.prev {display:block; float:left; width:30%;}
.paginate li.next {display:block; float:right; width:30%;}
.paginate li.total {display:block; float:left; width:40%; border-top:1px solid #DFDCDC; border-bottom:1px solid #DFDCDC;boz-sizing: border-box; webkit-boz-sizing:border-box;}
.paginate li.prev a,
.paginate li.prev span,
.paginate li.next a,
.paginate li.next span {display:block; height:30px; boz-sizing:border-box; webkit-boz-sizing:border-box;}
.paginate li.prev a,
.paginate li.prev span {border-radius:3px 0 0 3px;}
.paginate li.next a,
.paginate li.next span {border-radius:0 3px 3px 0; boz-sizing:border-box;}
.paginate li.prev a,
.paginate li.next a {background:-moz-linear-gradient(top,#7bcaec,#65c1e8 50%,#49b6e4 51%,#65c2e9); background:-webkit-gradient(linear,left top,left bottom,from(#7bcaec),color-stop(0.5, #65c1e8),color-stop(0.51, #49b6e4),to(#65c2e9)); border:1px solid #65c2e9; color:#FFF;}
.paginate li.prev span,
.paginate li.next span {background:-moz-linear-gradient(top,#F7F6F6,#F1EFEF 50%,#DFDCDC 51%,#F2F1F1); background:-webkit-gradient(linear,left top,left bottom,from(#F7F6F6),color-stop(0.5, #F1EFEF),color-stop(0.51, #DFDCDC),to(#F7F6F6)); border:1px solid #DFDCDC;}