@charset "utf-8";


/* =========================================================
base
========================================================= */
html {
}
body {
	color: #333;
}
body,input,textarea {
	font-family: "メイリオ",  Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 85%;
	line-height: 1.6;
	color: #333;
	-webkit-text-size-adjust: none;
}
ul,
ol {
	list-style: none;
}
a {
	color: #1E81D4;
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration: underline;
}
a:active {
}
/* =========================================================
temp
========================================================= */
.text-color {
	color: #ff0060;
}
.text-color.type-r {
	color: red;
}

.clear { clear: both!important;}
.fl { float: left; display: inline!important;}
.fr { float: right; display: inline!important;}
.fn { float: none!important;}
.disnon { display: none!important;}
.disinb { display:inline-block!important;}
.disin { display:inline!important;}
.disb { display: block!important;}
.cf:before,.cf:after { content:""; display:table;}
.cf:after { clear:both;}
.cf { zoom:1;}
.cc { position: relative; float: left; left: 50%;}
.cc .in { position: relative; float: left; left: -50%;}
.ssize { font-size: 80%;}
.msize { font-size: 100%;}
.msize02 { font-size: 120%;}
.lsize { font-size: 18px;}
.lsize02 { font-size: 200%;}
.tl { text-align: left!important;}
.tr { text-align: right!important;}
.tc { text-align: center!important;}
.vt { vertical-align: top!important;}
.vm { vertical-align: middle!important;}
.vb { vertical-align: bottom!important;}
.normal { font-weight: normal!important;}
.bold { font-weight: bold!important;}
.em { color: #4e9cf2!important;}
.str { color:#D80000!important;}
.err { color: #b00000!important;}
.sample { color: #ccc!important;}
.W10 { width: 10px!important;}
.W20 { width: 20px!important;}
.W30 { width: 30px!important;}
.W40 { width: 40px!important;}
.W50 { width: 50px!important;}
.W60 { width: 60px!important;}
.W70 { width: 70px!important;}
.W80 { width: 80px!important;}
.W90 { width: 90px!important;}
.W100 { width: 100px!important;}
.W150 { width: 150px!important;}
.W200 { width: 200px!important;}
.W250 { width: 250px!important;}
.W300 { width: 300px!important;}
.W350 { width: 350px!important;}
.W400 { width: 400px!important;}
.W450 { width: 450px!important;}
.W480 { width: 480px!important;}
.W500 { width: 500px!important;}
.W550 { width: 550px!important;}
.W10p { width: 10%!important;}
.W20p { width: 20%!important;}
.W25p { width: 25%!important;}
.W30p { width: 30%!important;}
.W33p { width: 33%!important;}
.W34p { width: 34%!important;}
.W40p { width: 40%!important;}
.W50p { width: 50%!important;}
.W60p { width: 60%!important;}
.W70p { width: 70%!important;}
.W75p { width: 75%!important;}
.W80p { width: 80%!important;}
.W90p { width: 90%!important;}
.W95p { width: 95%!important;}
.W100p { width: 100%!important;}
.H50 { height: 50px!important;}
.H60 { height: 60px!important;}
.H70 { height: 70px!important;}
.H80 { height: 80px!important;}
.H90 { height: 90px!important;}
.H100 { height: 100px!important;}
.H150 { height: 150px!important;}
.H200 { height: 200px!important;}
.H300 { height: 300px!important;}
.H400 { height: 400px!important;}
.P0 { padding: 0!important;}
.P5 { padding: 5px!important;}
.P10 { padding: 10px!important;}
.P15 { padding: 15px!important;}
.P20 { padding: 20px!important;}
.P30 { padding: 30px!important;}
.PT0 { padding-top: 0!important;}
.PT5 { padding-top: 5px!important;}
.PT10 { padding-top: 10px!important;}
.PT15 { padding-top: 15px!important;}
.PT20 { padding-top: 20px!important;}
.PT30 { padding-top: 30px!important;}
.PL0 { padding-left: 0!important;}
.PL5 { padding-left: 5px!important;}
.PL10 { padding-left: 10px!important;}
.PL15 { padding-left: 15px!important;}
.PL20 { padding-left: 20px!important;}
.PL30 { padding-left: 30px!important;}
.PR0 { padding-right: 0!important;}
.PR5 { padding-right: 5px!important;}
.PR10 { padding-right: 10px!important;}
.PR15 { padding-right: 15px!important;}
.PR20 { padding-right: 20px!important;}
.PR30 { padding-right: 30px!important;}
.PB0 { padding-bottom: 0!important;}
.PB5 { padding-bottom: 5px!important;}
.PB10 { padding-bottom: 10px!important;}
.PB15 { padding-bottom: 15px!important;}
.PB20 { padding-bottom: 20px!important;}
.PB30 { padding-bottom: 30px!important;}
.M0 { margin: 0!important;}
.M5 { margin: 5px!important;}
.M10 { margin: 10px!important;}
.M15 { margin: 15px!important;}
.M20 { margin: 20px!important;}
.M30 { margin: 30px!important;}
.MT0 { margin-top: 0!important;}
.MT5 { margin-top: 5px!important;}
.MT10 { margin-top: 10px!important;}
.MT15 { margin-top: 15px!important;}
.MT20 { margin-top: 20px!important;}
.MT30 { margin-top: 30px!important;}
.ML0 { margin-left: 0!important;}
.ML5 { margin-left: 5px!important;}
.ML10 { margin-left: 10px!important;}
.ML15 { margin-left: 15px!important;}
.ML20 { margin-left: 20px!important;}
.ML30 { margin-left: 30px!important;}
.ML35 { margin-left: 35px!important;}
.MR0 { margin-right: 0!important;}
.MR5 { margin-right: 5px!important;}
.MR10 { margin-right: 10px!important;}
.MR15 { margin-right: 15px!important;}
.MR20 { margin-right: 20px!important;}
.MR30 { margin-right: 30px!important;}
.MB0 { margin-bottom: 0!important;}
.MB5 { margin-bottom: 5px!important;}
.MB10 { margin-bottom: 10px!important;}
.MB15 { margin-bottom: 15px!important;}
.MB20 { margin-bottom: 20px!important;}
.MB30 { margin-bottom: 30px!important;}
/* =========================================================
item
========================================================= */
.link-tool {
	color: #1E81D4;
	cursor: pointer;
}
.link-tool:hover {
	text-decoration: underline!important;
}
.link-slide .open {
	display: inline-block;
}
.link-slide .close {
	display: none;
}
.link-slide.active .open {
	display: none;
}
.link-slide.active .close {
	display: inline-block;
}
.text-icon-one {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 12px;
	font-size: 12px;
	width: 16px;
	height: 16px;
	color: #fff;
	padding: 2px;
	margin-right: 5px;
	background: #ff0060;
	border-radius: 8px;
	font-weight: bold;
}
/* =========================================================
bar
========================================================= */
hr.line01 {
	clear: both;
	border: none;
	height: 1px;
	background: none;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 20px;
}
hr.space01 {
	border: none;
	height: 1px;
	background: none;
	margin-bottom: 20px;
}
.page-title {
	border-top: 1px solid #ddd;
	background: url(../images/common/icon_pagetitle.png) no-repeat left center;
	font-size: 200%;
	font-weight: normal;
	line-height: 1.2;
	padding: 15px 0 15px 30px;
}
.text-title {
	font-weight: bold;
	color: #fff;
	background: #333;
	margin-bottom: 20px;
	line-height: 1.1;
	padding: 10px 15px;
	border-radius: 3px;
}
.text-title.type2 {
	background: #ddd;
	color: #333;
}
.text-bar {
	border: 1px solid #ddd;
	background: #fafafa;
	line-height: 1.2;
	padding: 12px 10px;
	font-size: 110%;
	border-radius: 5px;
	margin-bottom: 20px;
}
.text-bar.type2 {
	background: #fff;
}
.text-bar.type3 {
	border-left: 3px solid #ff0060;
	background: none;
}
/* =========================================================
text
========================================================= */
.text-box01 {
}
.text-box01 p {
	margin-bottom: 20px;
}
.text01 {
	margin-bottom: 20px;
}
/* =========================================================
link
========================================================= */
.text-link {
	background: url(../images/common/icon_link_b.png) no-repeat left center;
	display: inline-block;
	padding-left: 14px;
}
.text-link.type-back {
	background-image: url(../images/common/icon_backlink_b.png);
}
.more-link {
	background: url(../images/common/icon_link_b.png) no-repeat left center;
	display: inline-block;
	padding-left: 14px;
}
/* =========================================================
btn
========================================================= */
.btn-box {
	clear: both;
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;
}
.btn-box .btn {
	display: inline-block;
	margin: 2px;
}
.text-btn {
	box-sizing: border-box;
	display: inline-block;
	background: #ff0060;
	color: #fff;
	border-radius: 5px;
	border: 1px solid #ff0060;
	border-bottom: 1px solid #d40050;
	line-height: 1;
	padding: 8px 10px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
		inset 1px 0 0 rgba(255, 255, 255, 0.0),
		inset -1px 0 0 rgba(255, 255, 255, 0.0),
		inset 0 -1px 0 rgba(255, 255, 255, 0.0),
		2px 2px 2px rgba(0,0,0,0.15);
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.text-btn:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	text-decoration: none;
}
.text-btn.color-o {
	background-color: #ff8000;
	border-color: #ff8000;
	border-bottom: 1px solid #ce6700;
}
.text-btn.color-b {
	background-color: #2d4586;
	border-color: #2d4586;
	border-bottom: 1px solid #20315f;
}
.text-btn.color-k {
	background-color: #333;
	border-color: #333;
	border-bottom: 1px solid #000;
}
.text-btn.color-g {
	background-color: #666;
	border-color: #666;
	border-bottom: 1px solid #333;
}
.text-btn.size-s {
	font-size: 80%;
}
.text-btn.size-l {
	font-size: 120%;
	padding: 20px;
}
.text-btn.type-cart {
	display: block;
	width: 100%;
	padding: 20px 10px 20px 45px;
	font-size: 90%;
	background: url(../images/common/icon_cart.png) no-repeat 10px center #ff8000;
}
.text-btn.type-soldout {
	background-color: #ccc;
	border-color: #ccc;
	cursor: default;
}
.text-btn.type-soldout:hover {
	opacity: 1;
}
.form label.check-btn {
	box-sizing: border-box;
	display: block;
	background: #ff8000;
	border-radius: 5px;
	border: 1px solid #ff8000;
	border-bottom: 1px solid #ce6700;
	line-height: 1;
	margin-bottom: 10px;
	padding: 5px;
	cursor: pointer;
    text-align: left;
    text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
		inset 1px 0 0 rgba(255, 255, 255, 0.0),
		inset -1px 0 0 rgba(255, 255, 255, 0.0),
		inset 0 -1px 0 rgba(255, 255, 255, 0.0),
		2px 2px 2px rgba(0,0,0,0.15);
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.check-btn .check-btn-in {
	box-sizing: border-box;
	display: table;
	width: 100%;
	border-radius: 2px;
	padding: 0;
	background: #fff;
}
.check-btn .check-btn-in .check {
	display: table-cell;
	vertical-align: middle;
	width: 25px;
	padding: 10px 0 10px 10px;
	text-align: center;
}
.check-btn .check-btn-in .text {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	text-align: left;
	line-height: 1.2;
}
.check-btn .check-btn-in .text b {
	font-weight: bold;
}
.check-btn .check-btn-in .text span {
	color: red;
	font-weight: bold;
	font-size: 90%;
}
.check-btn:hover .check-btn-in,
.check-btn.active .check-btn-in {
	background-color: #fff8df;
}
.check-btn.no .check-btn-in {
	background-color: #fff;
}
.form label.check-btn.no {
	opacity: 0.5;
	background-color: #ccc;
	border-color: #ccc;
	border-bottom: 1px solid #999;
	cursor: default;
}
.check-btn.no .check-btn-in {
}
/* =========================================================
page-nav
========================================================= */
.page-nav ul {
	margin-bottom: 20px;
	font-size: 0;
	text-align: center;
}
.page-nav li {
	display: inline-block;
	font-size: 14px;
	padding: 10px 20px 10px 10px;
	line-height: 1.2;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 0 5px;
}
.page-nav li a {
	color: #333;
	display: block;
}
.page-nav li a:first-letter {
	color: #ff005f;
}
.page-nav li:hover {
	background: #fafafa;
}
.page-nav li a {
	text-decoration: none;
}
/* =========================================================
table
========================================================= */
.table-box table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.table-box table tr th.tc,
.table-box table tr td.tc,
.table-box table tr.tc th,
.table-box table tr.tc td,
.table-box table.tc th,
.table-box table.tc td {
	text-align: center;
}
.table-box table tr th.tr,
.table-box table tr td.tr,
.table-box table tr.tr th,
.table-box table tr.tr td,
.table-box table.tr th,
.table-box table.tr td {
	text-align: right;
}
.table-box table tr th.tl,
.table-box table tr td.tl,
.table-box table tr.tl th,
.table-box table tr.tl td,
.table-box table.tl th,
.table-box table.tl td {
	text-align: left;
}
.table-box th {
	padding: 10px;
	text-align: left;
	background: #fafafa;
	border: 1px solid #ccc;
}
.table-box td {
	background: #fff;
	padding: 5px 10px;
	text-align: left;
	border: 1px solid #ccc
}
.table-box.type2 td {
	padding: 0;
}
.table-box.type-fix table {
	table-layout: fixed;
}
/* =========================================================
ulist
========================================================= */
.ulist {
}
.ulist ul {
}
.ulist ul > li {
	line-height: 1.2;
	margin-bottom: 20px;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.ulist ul > li:first-letter {
	margin-right: 0.2em;
}
/* =========================================================
olist
========================================================= */
.olist {
}
.olist ol {
}
.olist ol > li {
	line-height: 1.2;
	margin-bottom: 20px;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.olist ol > li:first-letter {
	margin-right: 0.2em;
}
/* =========================================================
dlist
========================================================= */
.dlist {
	margin-bottom: 20px;
}
.dlist > dl {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #ddd;
}
.dlist > dl > dt {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	width: 30%;
}
.dlist > dl > dd {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}

/* =========================================================
form
========================================================= */
.form {
	margin: 0 auto;
}
.form .dlist dt {
	padding-left: 0;
}
.form .err {
	color: red;
}
.form .memo {
	color: #999;
	font-size: 90%;
}
.form input[type="text"],
.form input[type="password"] {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding: 5px;
	margin: 2px;
	line-height: inherit;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.form textarea {
	display: inline-block;
	width: 100%;
	height: 150px;
	box-sizing: border-box;
	padding: 5px;
	margin: 2px;
	line-height: inherit;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.form input[type="radio"] {
	vertical-align: middle;
	margin-right: 5px;
}
.form input[type="checkbox"] {
	vertical-align: middle;
	margin-right: 5px;
}
.form label {
	display: inline-block;
	margin: 2px;
	padding: 3px 5px;
	cursor: pointer;
}
.form select {
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 30px 5px 5px;
	margin: 2px;
	border: 1px solid #ccc;
	background: url(../images/common/icon_arrow_b_g.png) no-repeat right center #fff;
	border-radius: 3px;
	cursor: pointer;
}
.form .required {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background: #ff0060;
	color: #fff;
	line-height: 1.1;
	padding: 3px 10px;
	margin: 2px 5px;
	font-size: 85%;
	font-weight: normal;
	vertical-align: middle;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}