@charset "utf-8";

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

	Base common setting

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

body {
	font: 13px/1.4 "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",sans-serif;
	color: #333333;
	-webkit-text-size-adjust: none;
	/*
	text-shadow:  0px 0px 1px rgba(34,34,34,0.7);
	*/
}

p {
	margin-bottom:5px;
}

/*=================================
	anchor
================================ */
a {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}

.iconLink,
.iconLink2 {
	padding: 0 15px;
}
.iconLink li,
.iconLink2 li {
	float: left;
	margin: 0 10px 5px 0;
	padding-left: 15px;
	background: url(/sp/common/images/com_ic002.png) no-repeat 0 30%;
	-webkit-background-size:10px 12px;
	-moz-background-size:10px 12px;
	background-size:10px 12px;
	white-space: nowrap;
}
.iconLink2 li {
	clear:both;
}

.iconLink a,
.iconLink2 a {
	color: #222288;
}
.iconLink a:visited,
.iconLink2 a:visited {
	color: #222288;
}
.iconBlank {
	width:12px;
	height:15px;
	margin-left:0.5em;
}
.iconPdf {
	width:19px;
	height:16px;
	margin-left:0.5em;
}
.iconLink3 a {
	background: url(/sp/common/images/com_ic002.png) no-repeat 0 50%;
	-webkit-background-size:10px 12px;
	-moz-background-size:10px 12px;
	background-size:10px 12px;
	color: #222288;
	padding-left:13px;
}

/*=================================
	Text
================================ */

.txt_blue {
	color:#222288;
}
.txt_blue2 {
	color:#8c90cf;
}
.txt_orange {
	color:#ff6600;
}
.txt_orange3 {
	color:#ff6600;
	font-size:18px;
}
.txt_orange2 {
	color:#ff6600;
	font-size:18px;
}
.txt_red {
	color:#ff0000;
}
.txt_red02 {
	color: #cc3333;
}
.txt_gray {
	color:#a9a9a9;
}
.txt_gray2 {
	color:#525252;
}
.txt_small {
	font-size:12px;
}
.txt_small02 {
	font-size:10px;
}

.indent01 {
	text-indent:-1em;
	padding-left:1em;
}

/* general-purpose class
---------------------------------------------------------- */
/* top */
.firstchild {
	margin-top: 0 !important;
}
.mt00 {
	margin-top: 0 !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}

/* bottom */
.mb00 {
	margin-bottom: 0 !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}

/* align */
.alignL {
	text-align: left !important;
}
.alignC {
	text-align: center !important;
}
.alignR {
	text-align: right !important;
}

/* text */
.normalTx {
	font-weight: normal !important;
}
.boldTx {
	font-weight: bold !important;
}



/*=================================
	Header
================================ */
#header {
	position: relative;
	height: 83px;
	background: url(/sp/common/images/header_bg001.png) repeat-x 0 0;
	-webkit-background-size: 1px 13px;
	-moz-background-size: 1px 13px;
	background-size: 1px 13px;
}
#header .logo {
	position: absolute;
	top: 24px;
	left: 13px;
}
#header .logo img {
	width:71px;
	height:47px;
}
.shopSearch {
	position: absolute;
	top: 21px;
	right: 7px;
}
.shopSearch img {
	width:44px;
	height:11px;
	margin-left:-4px;
}
.shopSearch a {
	display: block;
	width: 45px;
	height: 55px;
	padding-top: 44px;
	background: url(/sp/common/images/header_il001.png) no-repeat 0 0;
	-webkit-background-size:41px 41px;
	-moz-background-size:41px 41px;
	background-size:41px 41px;

 	font-size: 11px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.viewmode {
	position: absolute;
	top: 21px;
	right: 57px;
}
.viewmode img {
	width:24px;
	height:11px;
	margin-left:-4px;
}
.viewmode a {
	display: block;
	width: 45px;
	height: 55px;
	padding-top: 44px;
	background: url(/sp/common/images/header_il002.png) no-repeat 0 0;
	-webkit-background-size:41px 41px;
	-moz-background-size:41px 41px;
	background-size:41px 41px;
 	font-size: 11px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.menu {
	position: absolute;
	top: 21px;
	right: 9px;
}
.menu a,
.menu span {
	display: block;
	width: 45px;
	height: 55px;
	padding-top: 44px;
	background: url(/sp/common/images/header_il003.png) no-repeat 0 0;
	-webkit-background-size:41px 41px;
	-moz-background-size:41px 41px;
	background-size:41px 41px;
 	font-size: 11px;
	cursor: pointer;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.menu img {
	width:36px;
	height:11px;
	margin-left:-4px;
}



.menu.on {
	position: absolute;
	top: 21px;
	right: 9px;
}
.menu.on a,
.menu.on span {
	display: block;
	width: 45px;
	height: 55px;
	padding-top: 44px;
	background: url(/sp/common/images/header_il003on.png) no-repeat 0 0;
	-webkit-background-size:41px 41px;
	-moz-background-size:41px 41px;
	background-size:41px 41px;
 	font-size: 11px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.menu.on img {
	width:36px;
	height:11px;
	margin-left:-4px;
}

/*=================================
	Footer
================================ */
#footer {
	clear: both;
	margin-bottom:10px;
}

/* footerNav */
#footerNav {
	padding-top: 10px;
	background-color: #f7f7f7;
	font-size: 15px;
}
#footerNav li {
	float: left;
	background: url(/sp/common/images/footer_bg001.png) repeat-x left bottom;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#footerNav li a {
	display: block;
	height: 51px;
	padding-top: 10px;
	text-align: center;
}
#footerNav li.nav01 {
	width: 35%;
	margin-top: 10px;
	font-size: 13px;
}
#footerNav li.nav01on {
	width: 35%;
	margin-top: 0;
	background: url(/sp/common/images/footer_bg004.png) no-repeat 50% 0%;
	-webkit-background-size:241px 71px;
	-moz-background-size:241px 71px;
	background-size:241px 71px;
	font-size: 13px;
}
#footerNav li.nav01on a {
	display: block;
	height: 56px;
	padding-top: 15px;
	background-image: url(/sp/common/images/footer_bg002.png), url(/sp/common/images/footer_bg003.png);
	-webkit-background-size:15px 71px, 14px 71px;
	-moz-background-size:15px 71px, 14px 71px;
	background-size:15px 71px, 14px 71px;
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
}
#syohin #footerNav li.nav01,
#corporate #footerNav li.nav01 {
	width: 35%;
	margin-top: 10px;
	font-size: 13px;
}
#inquiry #footerNav li.nav01 a,
#syohin #footerNav li.nav01 a,
#corporate #footerNav li.nav01 a {
	background: url(/sp/common/images/footer_bg008.png) no-repeat 50% 80%;
	-webkit-background-size:31px 21px;
	-moz-background-size:31px 21px;
	background-size:31px 21px;
}
#footerNav li.nav02 {
	width: 35%;
	margin-top: 10px;
	padding-right: 7px;
	padding-left: 7px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
#footerNav li.nav02on {
	width: 35%;
	margin-top: 0;
	background: url(/sp/common/images/footer_bg007.png) no-repeat 50% 0%;
}
#footerNav li.nav02on a {
	display: block;
	height: 56px;
	padding: 15px 7px 0;
	background-image: url(/sp/common/images/footer_bg005.png), url(/sp/common/images/footer_bg006.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
}
#footerNav li.nav03 {
	width: 30%;
	margin-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
#footerNav li.nav03on {
	width: 30%;
	margin-top: 0;
	background: url(/sp/common/images/footer_bg011.png) no-repeat 50% 0%;
}
#footerNav li.nav03on a {
	display: block;
	height: 56px;
	padding: 15px 15px 0;
	background-image: url(/sp/common/images/footer_bg009.png), url(/sp/common/images/footer_bg010.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
}


/* author */
#author {
	clear: both;
	font-size: 0;
}
#author #copyright {
	padding: 12px 0 10px;
	text-align: center;
}
#author .footerLogo {
	padding: 10px 11px 0;
	border-top: 1px solid #cccccc;
}
#author .logoLeft {
	float: left;
	width:56px;
	width:65px;
}
#author .link {
	float: left;
	width:11em;
	font-size:12px;
	margin-top:-2px;
}
#author .link a {
	font-size:12px;
	color:#222288;
}
#author .logoRight {
	float: right;
	width:97px;
}



/*=================================
	Table
================================ */

/* table01 */
table.table01 {
	width:100%;
}
table.table01 tr {
	border-top:1px solid #cccccc;
}
table.table01 tr th {
	background-color:#ebebeb;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px 7px;
	text-align:left;
	vertical-align:middle;
}
table.table01 tr td {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px 7px;
}

/* table02 */
table.table02 {
	width:100%;
}
table.table02 tr {
	border-top:1px solid #cccccc;
}
table.table02 tr th {
	background-color:#feebb4;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:7px 7px;
	text-align:center;
}
table.table02 tr td {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:7px 7px;
	text-align:center;
}
table.table02 tr td.noborder {
	border-left:1px solid #cccccc;
	border-right:none;
	border-bottom:none;
	padding:7px 3px;
	text-align:center;
}
table.table02 tr td span {
	color:#ff6600;
	font-size:18px;
}

/* table03 */
table.table03 {
	width:100%;
}
table.table03 tr {
	border-top:1px solid #cccccc;
}
table.table03 tr th {
	background-color:#dadcf2;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:7px 3px;
	text-align:center;
}
table.table03 tr td {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:7px 7px;
	text-align:center;
}




/*=================================
	List
================================ */

ol li {
	margin-left:1.6em;
	margin-bottom:0.8em;
	text-indent:-0.8em;
	padding-left:0em;
}
ol li span {
	width:0.8em;
	display:inline-block;
}

ol ol {
	margin-top:0.5em;
}

ol li ol li {
	margin-left:1.6em;
	margin-bottom:0.4em;
	text-indent:-0.8em;
	padding-left:0em;
}
ol li ol li span {
	width:0.8em;
	display:inline-block;
}



/*=================================
	Line
================================ */

.line01 {
	padding-bottom:5px;
	background: url(/sp/common/images/com_bg026.png) repeat-x 0 100%;
}
#syohin .line01 {
	padding-bottom:5px;
	background: url(/sp/common/images/com_bg028.png) repeat-x 0 100%;
}
.line02 {
	border-bottom:1px solid #cccccc;
}
.line03 {
	border-bottom:1px solid #bbbede;
}




/*=================================
	Form
================================ */
.question1 li {
	float:left;
	width:50%;
	margin-top:2px;
	margin-bottom:2px;
}
.question1 li.wide {
	float:left;
	width:100%;
}
.question1 li.wide span {
	margin-left:24px;
	margin-right:10px;
}
.question1 li.textsize {
	float:left;
	padding-top:5px;
}
.question2 li {
	float:left;
	margin-right:2em;
}
.errorBox {
	background-color:#fedbdb;
	padding:5px 0 3px ;
	margin-bottom:10px;
}
.errorBox p {
	color:#ff0000;
	margin-bottom:0;
	font-size:15px;
}

form .confirm .inner,
form .checkDefault .inner,
form .checkOK .inner {
	clear:both;
	margin:10px 10px 20px;
}
form .checkNG .inner {
	clear:both;
	margin:0;
	padding:10px 10px 10px;
	background-color:#fedbdb;
	margin-bottom:20px;
}
form .checkDefault .erroMsg,
form .checkOK .erroMsg {
	display:none;
}
form .checkNG p.erroMsg {
	display:block;
	color:#ff0000;
	font-size:15px;
}
form .checkOK .heading06,
form .checkDefault .heading06,
form .checkNG .heading06 {
	margin-bottom:0;
}
form .checkNG .formText02,
form .checkNG .formText03 {
	box-shadow:none;
	background-color:#ffffcc;
}
form .checkNG .formText02:focus,
form .checkNG .formText03:focus {
	background-color:#ffffff;
}
/*form .checkDefault .icon,
form .checkNG .icon {
	background: url(/sp/common/images/com_ic024.png) no-repeat 0 4px;
	-webkit-background-size: 20px 19px;
	-moz-background-size: 20px 19px;
	background-size: 20px 19px;
	padding:0 0 0 25px ;
}
form .checkOK .icon {
	background: url(/sp/common/images/com_ic025.png) no-repeat 0 4px;
	-webkit-background-size: 20px 19px;
	-moz-background-size: 20px 19px;
	background-size: 20px 19px;
	padding:0 0 0 25px ;
}*/
form .checkDefault .question2.icon,
form .checkNG .question2.icon,
form .checkOK .question2.icon {
	min-height: 19px;
	background-position: 0 0;
}
form .confirm p {
	font-size:15px;
}
input#addressSearch {
	width:86px;
	height:34px;
}

/* input */
.formText01 {
	width: 100%;
	height: 30px;
	padding: 0 5px;
	border: 1px solid;
	border-color: #b0b1b3 #acadaf #acadaf #b0b1b3;
	-webkit-box-shadow: 1px 1px 4px #e4e4e4 inset;
	-moz-box-shadow: 1px 1px 4px #e4e4e4 inset;
	box-shadow: 1px 1px 4px #e4e4e4 inset;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* input */
.formText02,
.formText03,
.formText04 {
	font-size:13px;
	width: 90%;
	height: 32px;
	padding: 0 5px;
	border: 1px solid;
	border-color: #b0b1b3 #acadaf #acadaf #b0b1b3;
	-webkit-box-shadow: 1px 1px 4px #e4e4e4 inset;
	-moz-box-shadow: 1px 1px 4px #e4e4e4 inset;
	box-shadow: 1px 1px 4px #e4e4e4 inset;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.formText02,
.formText03 {
	background-color: #ffffd5;
}
.formText02.type02 {
	background-color: #ffffff;
}
.formText02:focus,
.formText03:focus {
	background-color: #ffffff;
}

.formText01.inquiry {
	width: 72%;
	height: 32px;
	margin-right:2px;
}

.formText02.w20 {
	width: 20%;
	margin-right:10px;
}
.formText02.w30 {
	width: 30%;
	margin-right:10px;
}
.formText02.w55 {
	width: 55%;
}
@media only screen and (orientation : landscape) { /*横向き*/
	.formText02.w55 {
		width: 70%;
	}
}
.formText02.w60 {
	width: 60%;
	margin-right:10px;
}
.checkError .formText02 {
	background-color:#fffff0;
}
.checkOk .formText02 {
	background-color:#FFF;
}
textarea.formText02 {
	height:4.3em;
}
textarea.formText03,
textarea.formText04 {
	width:100%;
	height:4.3em;
}