@charset "UTF-8";

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #555555;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="search"],
textarea,
select {
	outline: none;
	box-sizing: border-box;
}

input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
	margin-right: 2px;
}

select{cursor:pointer;}

body {
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #dee1e6;
	text-shadow: none;
}

::selection {
	background: #dee1e6;
	text-shadow: none;
}

body {
	-webkit-tap-highlight-color: rgba(222,225,230,0.5);
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the secondary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
	   (-o-min-device-pixel-ratio: 5/4),
	   (-webkit-min-device-pixel-ratio: 1.25),
	   (min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

@media screen and (orientation: portrait) {
	/* 縦置き (縦長) の場合 */
	/** {
		color:#cccc00 !important;
	}
	body {
		width: 1024px;
		zoom: 1;
	}*/
}
@media screen and (orientation: landscape) {
	/* 横置き (横長) の場合 */
	/** {
		color:#cc0000 !important;
	}
	body {
		width: 1280px;
		zoom: 1;
	}*/
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html { font-size: 62.5%; }

body {
	min-width: 1280px;
	margin: 0;
	padding: 0;
	color: #555555;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.834;
	font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Verdana','MS P Gothic','ＭＳ Ｐゴシック',sans-serif;
	*font-size: small;
	*font: x-small;
	letter-spacing: 0.05em;
	-webkit-text-size-adjust: none;
}


/*
:first-child {
	margin-top: 0;
}

:last-child {
	margin-bottom: 0;
}
*/

.last-child {
	margin-right: 0 !important;
}

/**
 * Sectioning content
 */

section,
.section {
	margin: 30px 0;
	padding: 0;
}
section.section {
	margin-bottom: 140px;
}
.hero-visual + section {
	margin-top: 70px !important;
}
.flush-visual + section {
	margin-top: 50px !important;
}

/* section.banner */
section.banner {
	margin: -30px 0 50px 0;
	padding: 0;
}


/**
 * breadcrumb
 */
.section.breadcrumb {
	margin: 0;
	padding: 0;
}
.section.breadcrumb ul {
	list-style-type: none;
	overflow: hidden;
	padding-left: 0;
}

.section.breadcrumb * {
	font-size: 10px;
}
.section.breadcrumb a {
	color: #999;
}

.section.breadcrumb ul li {
	float: left;
	height: 30px;
	line-height: 30px;
}

.section.breadcrumb ul li:first-child:before {
	content: "";
	padding: 0;
}
.section.breadcrumb ul li:before {
	content: ">";
	padding: 0 1em;
}

/**
 * Heading content
 */

h1 {
	font-size: 24px; font-size: 2.4rem;
	font-weight: bold;
	text-align: left;
	margin: 0 auto;
}

h2 {
	font-size: 24px; font-size: 2.4rem;
	font-weight: bold;
	text-align: left;
	margin: 0 auto 20px;
}


h3{
	font-size:18px; font-size:1.8rem;
	line-height: 1.6;
	font-weight:bold;
	margin:20px 0px 5px;
}


h4 {
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
	margin:30px 0px 15px;
}

h5 {
	font-size: 14px; font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	margin: 10px auto;
}

h6 {
	font-size: 14px; font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	margin: 10px auto;
}

/*ページ見出し補足*/
.title span{
	font-size: 12px; font-size: 1.2rem;
	display: block;
	font-weight: normal;

}

/**
 * Flow content
 */

em {
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
}

form *,
input,
select {
	font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Verdana','MS P Gothic','ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.05em;
}

p {
	margin: 15px 0;
	/* font-size: 12px; font-size: 1.2rem;
	line-height: 1.834; */
}

ul, ol {
	margin: 0;
}

ol li,
ul li {
	margin: 0;
}
ol li:last-child,
ul li:last-child {
	margin-bottom: 0;
}

sub {
	bottom: 0;
}

sup {
	z-index: 0;
	vertical-align: -0.2em;
}

table * {
	font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Verdana','MS P Gothic','ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.05em;
}

table th,
table td {
	line-height: 1.834;
	word-break: break-all;
	word-wrap: break-word;
}

/**
 * Phrasing content
 */

small, .small {
	color: #555555;
	font-size: 10px; font-size: 1.0rem;
	line-height: 1.6;
}

/**
 * Interactive content
 */

a {
	color: #555555;
	text-decoration: underline;
}

a:hover {
	color: #ccc;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Common classes
 */

/* grid */

.grid {
	*zoom: 1;
	width: 102%;
	margin-left: -2%;
}
.grid:before, .grid:after {
	content: "";
	display: table;
}
.grid:after {
	clear: both;
}
.grid > * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2%;
}

.grid .col_1 {
	width: 100%;
}
.grid .col_2 {
	width: 48%;
}
.grid .col_2_1 {
	width: 8%;
}
.grid .col_2_2 {
	width: 18%;
}
.grid .col_2_3 {
	width: 28%;
}
.grid .col_2_4 {
	width: 38%;
}
.grid .col_2_6 {
	width: 58%;
}
.grid .col_2_7 {
	width: 68%;
}
.grid .col_2_8 {
	width: 78%;
}
.grid .col_2_9 {
	width: 88%;
}
.grid .col_3 {
	width: 31.3333333%;
}
.grid .col_4 {
	width: 23%;
}
.grid .col_5 {
	width: 18%;
}
.grid .col_6 {
	width: 14.6666667%;
}
.grid .col_7 {
	width: 12.2857143%;
}
.grid .col_8 {
	width: 10.5%;
}
.grid .col_9 {
	width: 9.1111111%;
}
.grid .col_10 {
	width: 8%;
}
.grid .col_11 {
	width: 7.09090909%;
}
.grid .col_12 {
	width: 6.3333333%;
}


/* display */
.dp-bl { display: block !important; }
.dp-ib {
	display: inline-block !important;
	*display: inline;
	*zoom: 1;
}

/* float */
.fl-n { float: none !important; }
.fl-l { float: left !important; }
.fl-r { float: right !important; }

/* margin */
.mt--1  { margin-top:  -1px !important; }
.mt-0   { margin-top:   0   !important; }
.mt-5   { margin-top:   5px !important; }
.mt-10  { margin-top:  10px !important; }
.mt-15  { margin-top:  15px !important; }
.mt-20  { margin-top:  20px !important; }
.mt-25  { margin-top:  25px !important; }
.mt-30  { margin-top:  30px !important; }
.mt-35  { margin-top:  35px !important; }
.mt-40  { margin-top:  40px !important; }
.mt-45  { margin-top:  45px !important; }
.mt-50  { margin-top:  50px !important; }
.mt-60  { margin-top:  60px !important; }
.mt-70  { margin-top:  70px !important; }
.mt-80  { margin-top:  80px !important; }
.mt-90  { margin-top:  90px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-110 { margin-top: 110px !important; }
.mt-120 { margin-top: 120px !important; }
.mt-130 { margin-top: 130px !important; }
.mt-140 { margin-top: 140px !important; }
.mt-150 { margin-top: 150px !important; }

.mr-0   { margin-right:   0   !important; }
.mr-5   { margin-right:   5px !important; }
.mr-8   { margin-right:   8px !important; }
.mr-10  { margin-right:  10px !important; }
.mr-15  { margin-right:  15px !important; }
.mr-20  { margin-right:  20px !important; }
.mr-25  { margin-right:  25px !important; }
.mr-30  { margin-right:  30px !important; }
.mr-35  { margin-right:  35px !important; }
.mr-40  { margin-right:  40px !important; }
.mr-45  { margin-right:  45px !important; }
.mr-50  { margin-right:  50px !important; }
.mr-60  { margin-right:  60px !important; }
.mr-70  { margin-right:  70px !important; }
.mr-80  { margin-right:  80px !important; }
.mr-90  { margin-right:  90px !important; }
.mr-100 { margin-right: 100px !important; }
.mr-110 { margin-right: 110px !important; }
.mr-120 { margin-right: 120px !important; }
.mr-130 { margin-right: 130px !important; }
.mr-140 { margin-right: 140px !important; }
.mr-150 { margin-right: 150px !important; }

.mb-0   { margin-bottom:   0   !important; }
.mb-5   { margin-bottom:   5px !important; }
.mb-10  { margin-bottom:  10px !important; }
.mb-15  { margin-bottom:  15px !important; }
.mb-20  { margin-bottom:  20px !important; }
.mb-25  { margin-bottom:  25px !important; }
.mb-30  { margin-bottom:  30px !important; }
.mb-35  { margin-bottom:  35px !important; }
.mb-40  { margin-bottom:  40px !important; }
.mb-45  { margin-bottom:  45px !important; }
.mb-50  { margin-bottom:  50px !important; }
.mb-60  { margin-bottom:  60px !important; }
.mb-70  { margin-bottom:  70px !important; }
.mb-80  { margin-bottom:  80px !important; }
.mb-90  { margin-bottom:  90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-110 { margin-bottom: 110px !important; }
.mb-120 { margin-bottom: 120px !important; }
.mb-130 { margin-bottom: 130px !important; }
.mb-140 { margin-bottom: 140px !important; }
.mb-150 { margin-bottom: 150px !important; }

.ml--05em { margin-left: -0.5em !important; }
.ml-0   { margin-left:   0   !important; }
.ml-5   { margin-left:   5px !important; }
.ml-10  { margin-left:  10px !important; }
.ml-15  { margin-left:  15px !important; }
.ml-20  { margin-left:  20px !important; }
.ml-25  { margin-left:  25px !important; }
.ml-30  { margin-left:  30px !important; }
.ml-35  { margin-left:  35px !important; }
.ml-40  { margin-left:  40px !important; }
.ml-45  { margin-left:  45px !important; }
.ml-50  { margin-left:  50px !important; }
.ml-60  { margin-left:  60px !important; }
.ml-70  { margin-left:  70px !important; }
.ml-80  { margin-left:  80px !important; }
.ml-90  { margin-left:  90px !important; }
.ml-100 { margin-left: 100px !important; }
.ml-110 { margin-left: 110px !important; }
.ml-120 { margin-left: 120px !important; }
.ml-130 { margin-left: 130px !important; }
.ml-140 { margin-left: 140px !important; }
.ml-150 { margin-left: 150px !important; }

/* padding */
.pt-0   { padding-top:   0   !important; }
.pt-5   { padding-top:   5px !important; }
.pt-10  { padding-top:  10px !important; }
.pt-15  { padding-top:  15px !important; }
.pt-20  { padding-top:  20px !important; }
.pt-25  { padding-top:  25px !important; }
.pt-30  { padding-top:  30px !important; }
.pt-35  { padding-top:  35px !important; }
.pt-40  { padding-top:  40px !important; }
.pt-45  { padding-top:  45px !important; }
.pt-50  { padding-top:  50px !important; }
.pt-60  { padding-top:  60px !important; }
.pt-70  { padding-top:  70px !important; }
.pt-80  { padding-top:  80px !important; }
.pt-90  { padding-top:  90px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-110 { padding-top: 110px !important; }
.pt-120 { padding-top: 120px !important; }
.pt-130 { padding-top: 130px !important; }
.pt-140 { padding-top: 140px !important; }
.pt-150 { padding-top: 150px !important; }

.pr-0   { padding-right:   0   !important; }
.pr-5   { padding-right:   5px !important; }
.pr-10  { padding-right:  10px !important; }
.pr-15  { padding-right:  15px !important; }
.pr-20  { padding-right:  20px !important; }
.pr-25  { padding-right:  25px !important; }
.pr-30  { padding-right:  30px !important; }
.pr-35  { padding-right:  35px !important; }
.pr-40  { padding-right:  40px !important; }
.pr-45  { padding-right:  45px !important; }
.pr-50  { padding-right:  50px !important; }
.pr-60  { padding-right:  60px !important; }
.pr-70  { padding-right:  70px !important; }
.pr-80  { padding-right:  80px !important; }
.pr-90  { padding-right:  90px !important; }
.pr-100 { padding-right: 100px !important; }
.pr-110 { padding-right: 110px !important; }
.pr-120 { padding-right: 120px !important; }
.pr-130 { padding-right: 130px !important; }
.pr-140 { padding-right: 140px !important; }
.pr-150 { padding-right: 150px !important; }

.pb-0   { padding-bottom:   0   !important; }
.pb-5   { padding-bottom:   5px !important; }
.pb-10  { padding-bottom:  10px !important; }
.pb-15  { padding-bottom:  15px !important; }
.pb-20  { padding-bottom:  20px !important; }
.pb-25  { padding-bottom:  25px !important; }
.pb-30  { padding-bottom:  30px !important; }
.pb-35  { padding-bottom:  35px !important; }
.pb-40  { padding-bottom:  40px !important; }
.pb-45  { padding-bottom:  45px !important; }
.pb-50  { padding-bottom:  50px !important; }
.pb-60  { padding-bottom:  60px !important; }
.pb-70  { padding-bottom:  70px !important; }
.pb-80  { padding-bottom:  80px !important; }
.pb-90  { padding-bottom:  90px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-110 { padding-bottom: 110px !important; }
.pb-120 { padding-bottom: 120px !important; }
.pb-130 { padding-bottom: 130px !important; }
.pb-140 { padding-bottom: 140px !important; }
.pb-150 { padding-bottom: 150px !important; }

.pl-0   { padding-left:   0   !important; }
.pl-5   { padding-left:   5px !important; }
.pl-10  { padding-left:  10px !important; }
.pl-15  { padding-left:  15px !important; }
.pl-20  { padding-left:  20px !important; }
.pl-25  { padding-left:  25px !important; }
.pl-30  { padding-left:  30px !important; }
.pl-35  { padding-left:  35px !important; }
.pl-40  { padding-left:  40px !important; }
.pl-45  { padding-left:  45px !important; }
.pl-50  { padding-left:  50px !important; }
.pl-60  { padding-left:  60px !important; }
.pl-70  { padding-left:  70px !important; }
.pl-80  { padding-left:  80px !important; }
.pl-90  { padding-left:  90px !important; }
.pl-100 { padding-left: 100px !important; }
.pl-110 { padding-left: 110px !important; }
.pl-120 { padding-left: 120px !important; }
.pl-130 { padding-left: 130px !important; }
.pl-140 { padding-left: 140px !important; }
.pl-150 { padding-left: 150px !important; }

/* width */
.w-10 { width: 10px !important; }
.w-20 { width: 20px !important; }
.w-30 { width: 30px !important; }
.w-40 { width: 40px !important; }
.w-50 { width: 50px !important; }
.w-60 { width: 60px !important; }
.w-70 { width: 70px !important; }
.w-80 { width: 80px !important; }
.w-90 { width: 90px !important; }
.w-100 { width: 100px !important; }
.w-110 { width: 110px !important; }
.w-120 { width: 120px !important; }
.w-130 { width: 130px !important; }
.w-140 { width: 140px !important; }
.w-150 { width: 150px !important; }

.w-200 { width: 200px !important; }
.w-215 { width: 215px !important; }
.w-250 { width: 250px !important; }
.w-300 { width: 300px !important; }
.w-350 { width: 350px !important; }
.w-400 { width: 400px !important; }
.w-450 { width: 450px !important; }
.w-500 { width: 500px !important; }
.w-600 { width: 600px !important; }
.w-700 { width: 700px !important; }
.w-800 { width: 800px !important; }
.w-850 { width: 850px !important; }
.w-900 { width: 900px !important; }
.w-950 { width: 950px !important; }
.w-1000 { width: 1000px !important; }
.w-70p { width: 70% !important; height: auto; }
.w-80p { width: 80% !important; height: auto; }
.w-85p { width: 84.7% !important; height: auto; }
.w-90p { width: 90% !important; height: auto; }
.w-100p { width: 100% !important; height: auto; }

/* border */
.bt-n { border-top:	none !important; }
.br-n { border-right:  none !important; }
.bb-n { border-bottom: none !important; }
.bl-n { border-left:   none !important; }

/* color */
.cr-black  { color: #555555 !important; }
.cr-666  { color: #666 !important; }
.cr-fff  { color: #fff !important; }
.cr-blue { color: #6a7da3 !important; }
.cr-red  { color: #c15e5e !important; }

/* font-size */
.fs-8  { font-size:  8px !important; font-size: 0.8rem; }
.fs-9  { font-size:  9px !important; font-size: 0.9rem; }
.fs-10 { font-size: 10px !important; font-size: 1.0rem; }
.fs-11 { font-size: 11px !important; font-size: 1.1rem; }
.fs-12 { font-size: 12px !important; font-size: 1.2rem; }
.fs-14 { font-size: 14px !important; font-size: 1.4rem; }
.fs-16 { font-size: 16px !important; font-size: 1.6rem; }
.fs-18 { font-size: 18px !important; font-size: 1.8rem; }
.fs-20 { font-size: 20px !important; font-size: 2.0rem; }
.fs-22 { font-size: 22px !important; font-size: 2.2rem; }
.fs-24 { font-size: 24px !important; font-size: 2.4rem; }

.comment { font-size: 12px !important; font-size: 1.2rem; }


/* font-weight */
.fw-b { font-weight: bold !important; }

/* line-height */
.lh-14 { line-height: 14px !important; }
.lh-16 { line-height: 16px !important; }
.lh-18 { line-height: 18px !important; }
.lh-20 { line-height: 20px !important; }
.lh-22 { line-height: 22px !important; }
.lh-24 { line-height: 24px !important; }
.lh-26 { line-height: 26px !important; }
.lh-28 { line-height: 28px !important; }
.lh-30 { line-height: 30px !important; }
.lh-40 { line-height: 40px !important; }

/* letter-spacing */
.ls-0 { letter-spacing: 0 !important; }
.ls-1 { letter-spacing: 0.01em !important; }
.ls-2 { letter-spacing: 0.02em !important; }
.ls-3 { letter-spacing: 0.03em !important; }
.ls-4 { letter-spacing: 0.04em !important; }

/* text-align */
.ta-l { text-align: left   !important; }
.ta-c { text-align: center !important; }
.ta-r { text-align: right  !important; }
.ta-n { text-align: left !important; text-justify: auto !important; }

/* text-indent */
.ti-1   { padding-left:  1.1em !important; text-indent:  -1.1em !important; }
.ti-1-5 { padding-left:  1.5em !important; text-indent:  -1.5em !important; }
.ti-2   { padding-left:  2.1em !important; text-indent:  -2.1em !important; }
.ti-3   { padding-left:  3.1em !important; text-indent:  -3.1em !important; }
.ti-4   { padding-left:  4.2em !important; text-indent:  -4.2em !important; }
.ti-5   { padding-left:  5.2em !important; text-indent:  -5.2em !important; }
.ti-6   { padding-left:  6.3em !important; text-indent:  -6.3em !important; }
.ti-7   { padding-left:  7.4em !important; text-indent:  -7.4em !important; }
.ti-8   { padding-left:  8.4em !important; text-indent:  -8.4em !important; }
.ti-9   { padding-left:  9.5em !important; text-indent:  -9.5em !important; }
.ti-10  { padding-left: 10.6em !important; text-indent: -10.6em !important; }

/* vertical-align */
.va-t { vertical-align: top !important; }

/* white-space */
.ws-n { white-space: nowrap !important; }




/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}


.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}


/*
 * Hide from both screenreaders and browsers: h5bp.com/u


.hidden {
	display: none !important;
	visibility: hidden;
} */

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *	  `contenteditable` attribute is included anywhere else in the document.
 *	  Otherwise it causes space to appear at the top and bottom of elements
 *	  that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *	  `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}



/* ==========================================================================
   Table styles.
   ========================================================================== */

/**
 * .table-wrap
 */
.table-wrap {
	width: 100%;
	overflow: hidden;
}

/**
 * .table-01
 */

.table-01 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	border-spacing: 0;
	empty-cells: show;
}

.table-01 thead tr th,
.table-01 thead tr td {
	padding: 5px 10px 3px 10px;
	background-color: #ccc;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
.table-01 thead.gray tr th,
.table-01 thead.gray tr td {
	padding: 10px 10px 8px 10px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.6;
	vertical-align: middle;
	background-color: #f7f7f7;
	font-weight: 700;
	text-align: left;
	color: #555555;
}
.table-01 thead tr th.center {
	text-align: center !important;
}

.table-01 tbody tr th,
.table-01 tbody tr td {
	padding: 10px 10px 8px 10px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.6;
	vertical-align: middle;
}

.table-01 tbody tr th {
	background-color: #f7f7f7;
	font-weight: normal;
	text-align: left;
}

.table-01 tbody th {
	width: 22%;
}
.table-01 tbody td {
	width: 78%;
}

.table-01.no-line tbody tr th,
.table-01.no-line tbody tr td {
	border: 0 !important;
	padding: 4px 10px 2px 10px;
}
.table-01 .num {
	text-align: center;
}


/**
 * .table-highlight
 */


.table-highlight li div,
.table-highlight li ul,
.table-highlight-tr li div,
.table-highlight-tr li ul,
.table-highlight li dl,
.table-highlight dl {
	cursor: pointer;
}
.table-highlight li:hover,
.table-highlight dl:hover {
	background-color: #f5f5f5 !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}



/* ==========================================================================
   List styles.
   ========================================================================== */


/**
 * .lists-circle
 */

.lists-circle {
	margin: 0;
	padding: 0;
	list-style: none;
}
.lists-circle li {
	font-weight: 700;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.4;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 0 5px 0;
}
.lists-circle li:before {
	content: "●";
	color: #555555;
}


/**
 * .links-list
 */

.links-list {
	margin: 20px auto;
	padding: 0;
}
.links-list:before,
.links-list:after { content: " "; display: table; }
.links-list:after { clear: both; }
.links-list { *zoom: 1; }

.links-list li {
	float: left;
	list-style-type: none;
	margin: 0 20px 10px 0;
	padding: 0;
}
.links-list li.current {
	padding: 0 0 0 23px;
	background: transparent url("/U-Car/resource/img/icon/ico_arrow.png") no-repeat 2px -37px;
	color: #555555;
}
.links-list li.first-child {
	clear: both;
}

.links-list li a {
	display: block;
	padding: 0 0 0 23px;
	background: transparent url("/U-Car/resource/img/icon/ico_arrow.png") no-repeat 3px -71px;
}


/**
 * dl.inline
 */

dl.inline {
	display: inline;
}

dl.inline dt {
	display: inline;
}
dl.inline dd {
	display: inline;
	margin: 0 0 0 10px;
}


/* ==========================================================================
   Text Message styles.
   ========================================================================== */

.top-msg {
	margin: 15px 0 25px 0;
}

.result-msg {
	margin: 4em auto;
	font-size: 18px; font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
}

.attention {
	color: #EC5E60 !important;
}


/* ==========================================================================
   Button styles.
   ========================================================================== */

a.link_r {
	text-decoration: none;
	background: url("/U-Car/resource/img/icon/ico_arrow_g_r.png") no-repeat right 40%;
	padding-right:26px;
}

.button {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 10px;
	color: #fff;
	font-size: 14px; font-size: 1.4rem;
	font-weight: normal;
	height:32px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
	border: 0;
 	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	width: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	vertical-align: middle;
	letter-spacing: 0.05em;
	background: url("/U-Car/resource/img/icon/ico_arrow_w_r.png") #555555 no-repeat right 8px center;
}
/*
.button:disabled,
.button.disabled {
	color: #fff;
	text-decoration: none;
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-ms-filter: "alpha(opacity=50)";
}
*/
.button:disabled,
.button.disabled {
	cursor: default;
}

.button.medium {
	font-size: 14px; font-size: 1.4rem;
	height:40px;
	line-height: 40px;
	width: 306px;
}

.button.large {
	width: 306px;
	font-size: 16px; font-size: 1.6rem;
	height:40px;
	line-height: 40px;
	font-weight: normal;
}
.button.large.slim {
	width: 200px;
	height:30px;
	margin: 10px auto;
	line-height: 32px;
	font-size: 1.4rem;
}
.button.wide {
	width: 300px;
}

.button.btn-reload{
	padding: 1px 22px 0 10px;
	margin:0 auto;
	background: url("/U-Car/resource/img/icon/ico_arrow_bottom.png") no-repeat right 8px center;
}
.button.btn-delete{
	font-size: 14px; font-size: 1.4rem;
	border: 1px solid #ccc;
	width: 80px;
	height:40px;
	line-height: 40px;
	color: #000;
	font-weight: normal;
	padding: 0 22px 0 5px;
	margin:0 auto;
	background: url("/U-Car/resource/img/icon/ico_delete.png") #eee no-repeat right 8px center;
}
.button.btn-delete:hover{
	background-color: #fff;
}

.button.txt-medium {
	font-size: 14px; font-size: 1.4rem;
	padding-left: 5px;
}

.btn01 {
	background-color: #e5000a;
	border: 1px solid #e5000a;
	font-weight: bold;
}
.btn01:hover {
	background-color: #fff;
	text-decoration:none;
	color: #e5000a;
	border: 1px solid #e5000a;
	background-image: url("/U-Car/resource/img/icon/ico_arrow_red_r.png");
}
.btn01.large {
	font-weight: bold;
}
.btn01:disabled,
.btn01.disabled {
	background-color: #ccc;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}

.btn02 {
	border: 1px solid #ccc;
	color: #000;
	line-height: 32px;
	display: inline-block;
	padding: 0px 22px 0 10px;
	background: url("/U-Car/resource/img/icon/ico_arrow_right.png") #eee no-repeat right 8px center;
	text-decoration: none;
}
.btn02.no-arw {
	padding: 1px 10px 0 10px;
}
.btn02.arw-none {
	background-image: none;
}
.btn02.arw-l {
	padding: 1px 10px 0 22px;
	background: url("/U-Car/resource/img/icon/ico_arrow_left.png") transparent no-repeat left 8px center;
}
.btn02.arw-l:hover {
	color: #fff;
	text-decoration:none;
	background: url("/U-Car/resource/img/icon/ico_arrow_left_w.png") #999 no-repeat left 8px center;

}
.btn02.star,
.btn02.stared,
.btn02.tel {
	padding: 0px 24px 0 0;
	background: transparent no-repeat right 8px center;
	background-size: 17px;
}
.btn02.star {
	background-image: url("/U-Car/resource/img/icon/ico_star.png");
}
.btn02.star:hover  {
	background-color: #999;
	background-image: url("/U-Car/resource/img/icon/ico_star_w.png");
	background-size: 17px;
	color: #fff;
}
.btn02.stared {
	background-image: url("/U-Car/resource/img/icon/ico_star_w.png");
	background-color: #b8b8b8;
	color: #FFF;
}
.btn02.stared:hover {
	background-color: #999;
	background-image: url("/U-Car/resource/img/icon/ico_star_w.png");
	color: #FFF;
	background-size: 17px!important;
}

.btn02:hover {
	color: #000;
	text-decoration:none;
	background-color: #fff;
}
.btn02:disabled,
.btn02.disabled {
	color: #666;
	pointer-events: none;
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-ms-filter: "alpha(opacity=50)";
}
.list-search-shop .btn02:disabled,
.list-search-shop .btn02.disabled {
	color: #000;
	/*pointer-events: none;*/
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-ms-filter: "alpha(opacity=100)";
}
.list-search-shop .btn02:hover:disabled,
.list-search-shop .btn02.disabled:hover {
	color: #f00;
	/*pointer-events: none;*/
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-ms-filter: "alpha(opacity=100)";
}

.btn03 {
     background-color: #555555;
}

.btn03:hover {
      background-color: #777777;
      text-decoration:none;
      color: #fff;
}

.btn04 {
	border: 1px solid #ccc;
	color: #000;
	line-height: 32px;
	display: inline-block;
	padding: 0px 22px 0 10px;
	background: url("/U-Car/resource/img/icon/ico_arrow_right.png") #fff no-repeat right 8px center;
	text-decoration: none;
}
.btn04.arw-none {
    background-image: none;
    padding: 0 10px;
}
.btn04.rather {
    background-color: #eee;
}


.btn04:hover {
      background-color: #999;
      text-decoration:none;
      color: #fff;
}

/**
 * .invalid
 */

.invalid,
.fix-invalid {
	pointer-events: none;
	color: #ccc;
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-ms-filter: "alpha(opacity=50)";
	cursor: default;
}
input[type=checkbox].invalid + label,
input[type=checkbox].fix-invalid + label{
	pointer-events: none;
	color: #ccc;
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-ms-filter: "alpha(opacity=50)";
	cursor: default;
}

.invalid a,
.fix-invalid a{color: #ccc;}

button.invalid{
	background-color: #fff;
	border:1px solid #ccc;
}

.invalid input[type=checkbox] + label:before,
input[type=checkbox].invalid + label:before,
input[type=checkbox] + label.invalid:before,
.invalid input[type=checkbox] + label:after,
input[type=checkbox].invalid + label:after,
input[type=checkbox] + label.invalid:after,
.fix-invalid input[type=checkbox] + label:before,
input[type=checkbox].fix-invalid + label:before,
input[type=checkbox] + label.fix-invalid:before,
.fix-invalid input[type=checkbox] + label:after,
input[type=checkbox].fix-invalid + label:after,
input[type=checkbox] + label.fix-invalid:after {
	visibility: hidden;
}


/**
 * .btn-circle
 */
.btn-circle {
	background: #555555;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 11px; font-size: 1.1rem;
	font-weight: normal;
	height: 14px;
	width: 14px;
	text-align: center;
	vertical-align: middle;
	line-height: 14px;
	border-radius: 8px;
	margin: 0 0 0 8px;
}
.btn-circle:hover {
	background: #bbb;
	color: #fff;
	text-decoration: none;
}

/**
 * .question
 */
a.question {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	text-decoration: none;
}
a.question:before {
	content: "?";
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 16px;
	display: inline-block;
	color: #fff;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 5px 0 0;
	text-align: center;
	padding: 1px 0 0 0;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #999;
	box-sizing: border-box;
}
a.question:hover {
	color: #ccc;
}
a.question:hover:before {
	background: #999;
	text-decoration: none;
}
a.question.icon-only {
	font-size: 0;
	width: 20px;
	margin: -2px 0 0;
}


a.question.large:before {
	content: "?";
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 20px;
	display: inline-block;
	color: #fff;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 5px 0 0;
	text-align: center;
	padding: 1px 0 0 0;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #999;
	box-sizing: border-box;
}


/**
 * .btn-img
 */
.btn-img {
	background: url("/U-Car/resource/img/icon/ico_image.png") no-repeat right 20px center;
	padding-right: 50px;
	text-decoration: none;
	width:90%;
	display: block;

}
.btn-img:hover {
	text-decoration: none;
}



/**
 * .btn-rss
 */
.btn-rss {
	background: url("/U-Car/resource/img/icon/ico_rss.png") no-repeat left center;
	padding-left: 24px;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.4;
	text-decoration: none;
}
.btn-rss:hover {
	text-decoration: none;
}



/**
 * .btn-more
 */

.btn-more {
	display: block;
	padding: 3px 0 1px 0;
	background-color: #b5b5b5;
	color: #fff;
	font-size: 12px; font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	outline: none;
}

.btn-more:hover {
	color: #fff;
	text-decoration: none;
}

.more-content .content {
	position: relative;
	z-index: 0;
}


/**
 * .btn-group-01
 */
.btn-group-wrap {
	text-align: center;
}
.btn-group-wrap .btn-group-01 {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.btn-group-01 {
	margin-bottom: 20px;
	display: table;
	position: relative;
}

.btn-group-01 dt {
	font-weight: 700;
	margin-right: 10px;
	display: table-cell;
	padding-right: 15px;
}
.btn-group-01 dd {
	margin: 0;
	display: table-cell;
	letter-spacing: -0.4em;
	white-space: nowrap;
}
.btn-group-01 dd > * {
	letter-spacing: 0.05em;
}
.btn-group-01 dd .button {
	margin: 0 20px 0 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.btn-group-01 dd .button:last-child {
	margin-right: 0 !important;
}
.btn-group-01 .error {
	margin: 0px 8px 0;
	font-size: 12px; font-size: 1.2rem;
	letter-spacing: 0.05em;
}

.btn-group-01 .checked-message-txt{
	color: #fff;
    margin: 5px 0 0;
    font-size: 11px;
    font-size: 1.1rem;
}

/**
 * .btn-group-02
 */
.btn-group-02 {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.btn-group-02 li {
	margin-bottom: 10px;
}
/**
 * .btn-group-03
 */
.btn-group-03 {
	list-style: none;
	margin: 0 -20px;
	padding: 0 20px;
	font-size: 0;
	width: 100%;
	display: table;
	background-color: #000;
}
.btn-group-03 li {
	width: 50%;
	display: table-cell;
	padding: 10px 5px 10px 0;
}
.btn-group-03 li:last-child,
.btn-group-03 li.last-child {
	 padding: 10px 0 10px 5px;
}
.btn-group-03 li .button {
	padding: 0 5px;
	font-size: 12px; font-size: 1.2rem;
}


/**
 * dl.time
 */

dl.time {
	margin: 0 0 13px 0;
}
dl.time:before,
dl.time:after { content: " "; display: table; }
dl.time:after { clear: both; }
dl.time { *zoom: 1; }

dl.time dt {
	float: left;
	margin: 0 7px 0 0;
	font-size: 11px; font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.182;
	display: inline;	/* IE6 fallback */
}

dl.time dd {
	float: left;
	margin: 0 15px 0 0;
	font-size: 11px; font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.182;
	display: inline;	/* IE6 fallback */
}

/**
 * p.time
 */

p.time {
	margin: 0 0 13px 0;
	font-size: 11px; font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.182;
}


/**
 * note
 */
.note {
	text-align: left;
	margin: 0;
	text-indent: -1.0em;
	padding-left: 1.0em;
	color: #666;
	font-size: 11px; font-size: 1.1rem;
}
.note.no-style {
	text-indent: 0em;
	padding-left: 0em;
}
.note-list {
	list-style: none;
	padding: 0;
	margin: 20px 0 0;
}
.note-list li {
	margin: 0;
	text-indent: -1.0em;
	padding-left: 1.0em;
	font-size: 11px; font-size: 1.1rem;
}
#modal-confirm .note-list li {
	text-indent: 0;
	padding-left: 0;
}




/* ==========================================================================
   Modal styles.
   ========================================================================== */
.modal {
	display: none;
	padding: 0;
	text-align: center;
}
.modal.modal-01 {
	width: 560px;
	text-align: left;
}
.modal.modal-02 {
	width: 650px;
	text-align: left;
}
.modal .title {
	font-weight: 700;
	margin: 0 0 10px 0;
	line-height: 1.6;
}
.modal .note {
	color: #555555;
}
.modal .button {
	margin: 20px auto;
	z-index: 1;
	position: relative;
}
.modal table {
	text-align: left;
}
.modal label {
	cursor: pointer;
}
.modal input[type="checkbox"],
.modal input[type="radio"] {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.modal .fit img {
	max-width: 100%;
	height: auto;
}
.modal .fit2 img {
	max-width: 800px;
	height: auto;
}
.modal .btn-mdl-prev,
.modal .btn-mdl-next {
	text-indent: -9999px;
	font-size: 0;
	width: 18px;
	height: 31px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -15px;
}
.modal .btn-mdl-prev {
	background: url("/U-Car/resource/img/icon/ico_arrow_m_g_l.png") no-repeat center;
	left: -24px;
}
.modal .btn-mdl-next {
	background: url("/U-Car/resource/img/icon/ico_arrow_m_g_r.png") no-repeat center;
	right: -24px;
}
.modal .mdl-num {
	position: absolute;
	bottom: -35px;
	right: 0;
}

/* //////////////////////////////////////////////
modal-totalprice
////////////////////////////////////////////// */
#modal-totalprice .price_box1{
	border:1px solid #ce0000;
	padding:15px 10px 13px 15px;
	color:#cc0000;
	font-size: 15px; font-size: 1.3rem;
	font-weight:bold;
	text-align: center;
}
#modal-totalprice .price_box2{
	border:1px solid #ccc;
	padding:15px 10px 3px 15px;
	margin-bottom:20px;
}

#modal-totalprice .price_box2 dl{
	margin:0px;
}
#modal-totalprice .price_box2 dt{
	font-weight: bold;
}
#modal-totalprice .price_box2 dd{
	margin:0px 0px 10px 0px;
}
#modal-totalprice ul{
	margin:0px 0px 20px 0px;
	padding:0px;
}

#modal-totalprice li{
	margin:0px;
	list-style: none;
}


/* ==========================================================================
   Form styles.
   ========================================================================== */


.form .row {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20px;
}
.form .row.last-child {
	padding-bottom: 0;
}
.form .row:before,
.form .row:after { content: " "; display: table; }
.form .row:after { clear: both; }
.form .row { *zoom: 1; }

.form .row .cb-group {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left;
	box-sizing: border-box;
}
.form .row .cb-group:before,
.form .row .cb-group:after { content: " "; display: table; }
.form .row .cb-group:after { clear: both; }
.form .row .cb-group { *zoom: 1; }

.form .row label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	box-sizing: border-box;
}
.form .row .last-child {
	margin-right: 0 !important;
}
.form .row .note {
	display: block;
	color: #555555;
	font-size: 11px; font-size: 1.1rem;
	margin: 8px 0 0;
}

.form .between {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 22px;
	vertical-align: middle;
	line-height: 40px;
	text-align: center;


	height: 32px;
}

/**
 * select
 */
.select-wrap,
.btn-select-modal {
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background-color: white;
	width: 230px;
	min-height: 32px;
	vertical-align: middle;
	line-height: 1.4!important;
}
.select-wrap.mini {
	width: 120px;
}
.select-wrap.disabled {
	background-color: #eee;
}
.select-wrap.disabled select {
	cursor: default;
}

.btn-select-modal {
	width: 358px;
	cursor: pointer;
}
.select-wrap .val,
.btn-select-modal .val {
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 0 20px 0 5px;
	box-sizing: border-box;
	line-height: 32px;
	vertical-align: middle;
	z-index: 0;
	letter-spacing: 0em;
}
.btn-select-modal .val {
	padding: 0 5px;
	text-decoration: none;
}
.btn-select-modal.selected {
	border: 0;
	padding-top: 3px;
}
.btn-select-modal.selected .val {
	text-decoration: underline;
	padding: 0;
}
.select-wrap:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 4px;
	width: 16px;
	display: block;
	content: "";
	background: url("/U-Car/resource/img/icon/ico_arrow_bottom.png") center no-repeat;
	pointer-events: none;
	z-index: 0;
}
.select-wrap select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
	margin: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: border-box;
	line-height: 30px;
	width: 100%;
	padding: 0em 2.4em 0em 0.2em;
	position: relative;
	z-index: 1;

	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-ms-filter: "alpha(opacity=0)";

}
@-moz-document url-prefix() {
	.select-wrap select {
		min-width: 200px;
	}
	.select-wrap.w-100p {
		min-width: 318px;
	}
}




input.zenkaku {
	ime-mode: active;
}
input.hankaku {
	ime-mode: inactive;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance:textfield;
}

.inp {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #ccc;
	background-color: white;
	padding: 2px;
	line-height: 26px;
	box-sizing: border-box;
	vertical-align: middle;
}

.inp:disabled,
.inp.disabled {
	background-color: #eee;
}

.inline-group {
	letter-spacing: -0.4em;
}
.inline-group:before,
.inline-group:after { content: " "; display: table; }
.inline-group:after { clear: both; }
.inline-group { *zoom: 1; }
.inline-group > * {
	letter-spacing: 0.05em;
	float: left;
}

/**
 * radio checkbox
 */

input[type=radio], input[type=checkbox] {
	display: none;
}

input[type=radio] + label, input[type=checkbox] + label {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin: 3px 10px 3px 0;
	padding: 0 8px 0 22px;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 0em;
}
input[type=radio] + label.empty, input[type=checkbox] + label.empty {
	margin: 3px 0;
	padding: 0;
	width: 16px;
}

input[type=radio] + label:last-child, input[type=checkbox] + label:last-child {
	margin-right: 0;
}
input[type=radio] + label:hover:after,
input[type=checkbox] + label:hover:after {
	border-color: #555555;
}
input[type=radio] + label:after {
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #acacac;
	background-color: #eee;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	content: '';
	box-sizing: border-box;
	z-index: 0;
}
input[type=radio] + label:before {
	position: absolute;
	top: 50%;
	left: 3px;
	display: block;
	margin-top: -7px;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #000;
	content: '';
	opacity: 0;
	z-index: 1;
}
input[type=radio]:checked + label:before {
	opacity: 1;
}

input[type=checkbox] + label:after {
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	margin-top: -9px;
	width: 16px;
	height: 16px;
	border: 1px solid #ccc;
	background-color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	content: '';
	box-sizing: border-box;
	z-index: 0;
}

input[type=checkbox] + label:before {
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	margin-top: -8px;
	width: 4px;
	height: 9px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
}


input[type=checkbox] + label.empty:after {
	margin-top: -8px;
}
input[type=checkbox] + label.empty:before {
	margin-top: -7px;
}

input[type=checkbox]:checked + label:before {
	opacity: 1;
}
input[type=checkbox]:checked + label:after {
	background-color: #555555;
}


input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
	pointer-events: none;
	color: #ccc;
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-ms-filter: "alpha(opacity=50)";
	cursor: default;
}


/**
 * btn-radio-group .radio
 */
.btn-radio-group {
	border: 1px solid #ccc;
	border-bottom: 0;
	border-right: 0;
}
.btn-radio-group:before,
.btn-radio-group:after { content: " "; display: table; }
.btn-radio-group:after { clear: both; }
.btn-radio-group { *zoom: 1; }

.btn-radio-group .radio {
	display: block;
	float: left;
	cursor: pointer;
	margin: 0;
	padding: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
	color: #555555;
	text-align: center;
	height:31px;
	line-height: 32px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn-radio-group .radio:after {
	display: none;
}
.btn-radio-group .radio:before {
	display: none;
}

.btn-radio-group input[type="radio"]:checked + .radio {
	background-color: #f3f3f3;
	color: #000;
}
.btn-radio-group.colspan-02 input[type="radio"] +  .radio {
	width: 50%;
}
.btn-radio-group.colspan-03 input[type="radio"] +  .radio {
	width: 33.33%;
}
.btn-radio-group.colspan-04 input[type="radio"] +  .radio {
	width: 25%;
}
.btn-radio-group.colspan-05 input[type="radio"] +  .radio {
	width: 20%;
}



/* ==========================================================================
   Icon styles.
   ========================================================================== */

/**
 * external-link
 */

.external-link {
	padding-right: 15px !important;
	background: transparent url("/U-Car/resource/img/icon/ico_external_link_off.png") no-repeat right center;
}
.external-link:hover {
	background-image: url("/U-Car/resource/img/icon/ico_external_link_on.png");
}

.external-link.white {
	background-image: url("/U-Car/resource/img/icon/ico_external_link_w_off.png");
}
.external-link.white:hover {
	background-image: url("/U-Car/resource/img/icon/ico_external_link_w_on.png");
}



/**
 * arrow
 */

.arrow {
	padding-left: 10px;
	background: transparent url("/U-Car/resource/img/icon/ico_arrow_r.png") no-repeat -1px 6px;
}

.arrow-b {
	padding-left: 10px;
	background: transparent url("/U-Car/resource/img/icon/ico_arrow_b.png") no-repeat -1px 6px;
}

.arrow-download {
	padding-left: 10px;
	background: transparent url("/U-Car/resource/img/icon/ico_arrow_ds_b.png") no-repeat 0 7px;
}



/**
 * ttl-circle
 */

.ttl-circle {
	list-style: none;
	font-weight: 700;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.4;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 0 5px 0;
}
.ttl-circle:before {
	content: "●";
	color: #555555;
}

/**
 * t-value
 */

.ico_t-value{
	background: url("/U-Car/resource/img/icon/logo_tvalue.png") no-repeat right 40%;
	padding-right:43px;
}
.ico_t-value_l{
	background: url("/U-Car/resource/img/icon/logo_tvalue_l.png") no-repeat right 30%;
	padding-right:70px;
}


/* ==========================================================================
   Separator styles.
   ========================================================================== */

hr.separator {
	max-width: 1280px;
	min-width: 1000px;
	height: 100px;
	margin: 133px auto 50px auto;
	border: none !important;
	background-color: #000;
}
/* IE6 fallback */
html.lt-ie7 hr.separator {
	width: 1280px;

}

hr.border-01 {
	width: 900px;
	height: 1px;
	margin: 25px auto 30px auto;
	border: none !important;
	background-color: #ddd;
}

/* ==========================================================================
   Rollover styles.
   ========================================================================== */

.roll-opacity:hover {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-ms-filter: "alpha(opacity=50)";
}

/* ==========================================================================
   .pagination
   ========================================================================== */

.pagination {
	text-align: center;
	margin: 20px auto;
}

.pagination ul {
	text-align: center;
	list-style: none;
	padding: 0;
	letter-spacing: -0.4em;
	margin: 0;
}
.pagination ul:before,
.pagination ul:after { content: " "; display: table; }
.pagination ul:after { clear: both; }
.pagination ul { *zoom: 1; }

.pagination ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1.2;
	padding: 0 3px;
	border-left: 1px solid #a3a3a3;
	letter-spacing: 0.05em;
	font-size: 12px; font-size: 1.2rem;
	margin: 0;
}
.pagination ul li a,
.pagination ul li span {
	display: block;
	padding: 7px 5px;
	min-width: 2em;
	width: auto !important;
	width: 2em;
	text-align: center;
}
.pagination ul li a {
	text-decoration: underline;
}
.pagination ul li span {
	color: #ccc;
}
.pagination ul li a.on {
	color: #fff;
	background-color: #555555;
	text-decoration: none;
}
.pagination ul li.prev,
.pagination ul li.next {
	font-size: 14px; font-size: 1.4rem;
	padding-left: 0;
	padding-right: 0;
}
.pagination ul li.prev a,
.pagination ul li.next a,
.pagination ul li.omission a {
	text-decoration: none;
}
.pagination ul li.prev {
	border-left: 0;
}

.pagination ul li.btn-prev,
.pagination ul li.btn-next {
	border-left: 0;
}
.pagination ul li.btn-prev a,
.pagination ul li.btn-next a {
	text-decoration: none;
	width: 95px !important;
}
.pagination ul li.btn-prev.disabled a,
.pagination ul li.btn-next.disabled a {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-ms-filter: "alpha(opacity=50)";
	cursor: default;
}
.pagination ul li.btn-prev.disabled a:hover,
.pagination ul li.btn-next.disabled a:hover {
	color: #000;
}
.pagination ul li.btn-prev a {
	padding: 1px 10px 0 22px;
}
.pagination ul li.btn-next a {
	padding: 1px 22px 0 10px;
}

/* ==========================================================================
	.tags
   ========================================================================== */
.tags {
	list-style: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.tags:before,
.tags:after { content: " "; display: table; }
.tags:after { clear: both; }
.tags { *zoom: 1; }

.tags li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 0 0 3px;
	color: #fff;
	padding: 5px 7px 4px;
	line-height: 1.2;
	font-size: 10px; font-size: 1.0rem;
}
.tags li.new {
	background: #ac6865;
}
.tags li.negotiations {
	background: #6c9672;
}
.tags li.fair {
	background: #aa627a;
}
.tags li.security {
	background: #6c7fa0;
}


/* ==========================================================================
   fixed
   ========================================================================== */

.fixed-top {
	display: block;
	z-index: 999;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.fixed-top.on {
	position: fixed !important;
	top: 0;
	left: inherit;
	right: inherit;
	width: 1280px;
}
.fixed-top .fixed-top-off {
	display: block;
}
.fixed-top .fixed-top-on {
	display: none;
}
.fixed-top.on .fixed-top-off {
	display: none;
}
.fixed-top.on .fixed-top-on {
	display: block;
	margin-top:4px;
}

/* ==========================================================================
	.check-all-wrap
   ========================================================================== */
.check-all-wrap {
	font-size: 12px; font-size: 1.2rem;
	margin: 15px 0;
}


/* ==========================================================================
	.anchor-links
   ========================================================================== */
.anchor-links{
	margin: 15px 0px;
}
.anchor-links:before,
.anchor-links:after { content: " "; display: table; }
.anchor-links:after { clear: both; }
.anchor-links { *zoom: 1; }

.anchor-links ul{
	margin: 0;
}
.anchor-links li{
	float: left;
	margin-left: 28px;
	font-size: 12px; font-size: 1.2rem;
	box-sizing: border-box;
}
.anchor-links li:first-child {
	margin-left: 0px;
}
.anchor-links li a {
	color: #43484c;
	text-decoration: none;
}
.anchor-links li a:hover {
	color: #ccc;
}
.anchor-links li span{
	color: #e0e0e0;
}
.anchor-links li a:before,
.anchor-links li span:before{
	content: "▼";
}
.anchor-links li a:after,
.anchor-links li span:after{
	content: "行";
}
.anchor-links li.alpha a:after,
.anchor-links li.alpha span:after{
	content: "";
}

/* ==========================================================================
	.search-car-list
   ========================================================================== */

.search-car-list{
	margin-top: -1px;
	overflow: hidden;
}
.search-car-list h3{
	overflow: hidden;
}
.search-car-list h3 span.line-h:after{
	content: "行";
}
.search-car-list h3 a.page-top{
	display: inline-block;
	float: right;
	width: 1em;
	font-weight: normal;
	text-align: right;
	overflow: hidden;
	color: #43484c;
}
.search-car-list h3 a.page-top,
.search-car-list h3 a.page-top:visited,
.search-car-list h3 a.page-top:hover,
.search-car-list h3 a.page-top:active,
.search-car-list h3 a.page-top:focus{
	text-decoration: none;
}
.search-car-list h3 a.page-top:hover{
	color: #ccc;
}

.search-car-list ul{
	*zoom: 1;
	width: 100%;
}

.search-car-list ul:before,
.search-car-list ul:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.search-car-list ul:after {
	clear: both;
}

.search-car-list ul li{
	display: block;
	float: left;
	width: 20.31%;
	height: 215px;
	padding: 15px 20px 0 0;
	border-bottom: 1px solid #e0e0e0;
	margin: 0;
	box-sizing: border-box;
	font-size: 12px; font-size: 1.2rem;
}
.search-car-list ul li:nth-child(5n){
	width: 18.75%;
	padding-right: 0;
}
.search-car-list ul li dl{
	width: 185px;
	height: 200px;
	margin: 0 auto;
}
.search-car-list ul li dl dt{
	height: 140px;
	margin-bottom: 10px;
	line-height: 140px;
}
.search-car-list ul li dl dt a{

}
.search-car-list ul li dl dt a:hover{
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}
.search-car-list ul li dl dt img{
	width: 100%;
	max-width: 185px;
	height: auto;
	max-height: 140px;
}
.search-car-list ul li dl dd{
	line-height: 1.2;
	word-break: break-all;
	word-wrap: break-word;
	color: #43484c;
}
.search-car-list ul li a:hover dl dd{
	color: #ccc;
}
.search-car-list ul li dl dd.maker{
	display: none;
}
.search-car-list ul li dl dd input{
	margin-left: 3px;
}

.psnl-links {
	position: absolute;
	right: 0px;
	top: 15px;
	font-size:12px; font-size: 1.2rem;
}
.psnl-links li {
	float: left;
	margin-right: 30px;
}
.psnl-links li:last-child {
	margin-right: 0px;
}


.refine-search {
	padding: 0;
	position: absolute;
	right: 0px;
	top: 80px;
}
.refine-search.fixed-top.on .button {
	float: right;
}



/* ==========================================================================
	.to-page-top
   ========================================================================== */

.to-page-top {
	width: 1280px;
	margin: 30px auto;
	padding: 0 0 30px 0;
}
section.section + .to-page-top { margin-top: -70px !important; }

.to-page-top a {
	display: block;
	float: right;
	width: 54px;
	height: 49px;
	background: transparent url("/U-Car/resource/img/parts/btn_to_page_top.png") no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
	outline: none;
}

.to-page-top a:hover {
	background-position: 0 -49px;
}


/* ==========================================================================
   #main
   ========================================================================== */

#main {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	/* text-align: justify; */
	text-justify: inter-ideograph;
}
#main:before,
#main:after { content: " "; display: table; }
#main:after { clear: both; }
#main { *zoom: 1; }

.container {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.container:before,
.container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }

.page-container {
	position: relative;
}
.page-container:before,
.page-container:after { content: " "; display: table; }
.page-container:after { clear: both; }
.page-container { *zoom: 1; }

.rel {
	position: relative;
}
.rel:before,
.rel:after { content: " "; display: table; }
.rel:after { clear: both; }
.rel { *zoom: 1; }



/* ==========================================================================
   Base
   ========================================================================== */

#wrapper {
	overflow: hidden;
}

.pc {
	display: block;
}
span.pc {
	display: inline;
}
.pc-ib {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.pc-row {
	display: table-row;
}
.pc-cell {
	display: table-cell;
}
.sp,
span.sp,
.sp-ib,
.sp-row,
.sp-cell {
	display: none;
}

/* ==========================================================================
   .flip-slider
   ========================================================================== */
.flip-slider-wrapper {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.flip-slider {
	list-style:none;
	padding:0;
	width: 20000px;
}
.flip-slider dt img {
	width: 100%;
	margin-top: 20px;
}
.flip-slider li {
	/* float: left; */
	padding: 0;
	width: 100%;
	margin: 0 10px 0 0;
	display: table-cell !important;
	vertical-align: middle;
}
.locator {
	margin: 20px auto 0 !important;
	display: inline-block !important;
	*display: inline;
	*zoom: 1;
}
.locator .on {
	background: url("/U-Car/resource/img/parts/slider_locator_on.png") no-repeat scroll 0 0 transparent;
}
ul.locator li {
	background: url("/U-Car/resource/img/parts/slider_locator_off.png") no-repeat scroll 0 0 transparent;
	background-size: 7px auto !important;
	cursor: pointer;
	float: left;
	height: 20px !important;
	list-style-type: none;
	width: 14px !important;
	margin: 0 !important;
}
.ul_list01 {
	padding: 0 0 0 20px;
}
.clear_float {
	clear: both;
}

/* ==========================================================================
   .error
   ========================================================================== */

p.error, span.error{
	color: 	#cc0000;
	font-weight: normal;
	font-size: 12px; font-size: 1.2rem;
}

/* ==========================================================================
   .maintenance newstopics
   ========================================================================== */
.newstopics{
	margin:20px auto 20px;
	width:80%;
	background: #EEE;
	padding:20px 10px;
}
.newstopics .titleTxt{
	margin:0px auto 10px!important;
	text-align: center!important;
	font-size:15px; font-size:1.5rem;
	font-weight: bold;
	margin-bottom:15px;
}
.newstopics p{text-align: center!important;}



/* ==========================================================================
   .banner-wrap
   ========================================================================== */
.banner-wrap img {
	width: 100%;
	height: auto;
}

/* ==========================================================================
   a.more
   ========================================================================== */
a.more {
	display: inline-block;
	padding: 2px 13px 0 0;
	background: url("/U-Car/resource/img/icon/ico_arrow_right.png") transparent no-repeat right center;
	line-height: 1.6rem;
	text-decoration: underline;
	box-sizing: border-box;
}
a.more:hover {
	color: #ccc;
	text-decoration: underline;
}

/* ==========================================================================
   .notes
   ========================================================================== */
ul.notes li,
p.notes,
span.notes {
	margin-left: 1em !important;
	margin-bottom: 0;
	text-indent: -1em;
}
ul.notes li:before,
p.notes:before,
span.notes:before {
	content: "※";
}

h1 .notes,
h2 .notes,
h3 .notes,
h4 .notes {
	font-size:12px; font-size:1.2rem;
}

/* ==========================================================================
   table
   ========================================================================== */
.tbl-01{
	width: 100%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.tbl-01 th,
.tbl-01 td{
	-layout: fixed;
	padding: 5px 10px;
	word-break: break-all;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tbl-01 th{
	width: 35%;
	background-color: #f7f7f7;
	text-align: left;
	font-weight: normal;
}
.tbl-01 td{
	width: 65%;
}
.tbl-01 td:last-child {
	border-right: 0;
}

/* ==========================================================================
   .head-link
   ========================================================================== */
.head-link {
	float: right;
	margin: -30px 0 0;
}



/* ==========================================================================
   ..dl-01
   ========================================================================== */
.dl-01 {
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: 0;
}
.dl-01 > dt {
	border-bottom: 1px solid #ccc;
	background-color: #f7f7f7;
	font-weight: normal;
	padding: 5px 10px;
}
.dl-01 > dd {
	padding: 10px 10px;
	line-height: 1.6;
}

.dl-01.horizontal {
	display: table;
	width: 100%;
}
.dl-01.horizontal:before,
.dl-01.horizontal:after { content: " "; display: table; }
.dl-01.horizontal:after { clear: both; }
.dl-01.horizontal { *zoom: 1; }

.dl-01.horizontal > dt {
	display: table-cell;
	border-bottom: 0;
	border-right: 1px solid #ccc;
	width: 35%;
}
.dl-01.horizontal > dd {
	display: table-cell;
	width: 65%;
}



/* ==========================================================================
   .sp-list-accordion
   ========================================================================== */

.sp-list-accordion dt {
	display: block;
}
.sp-list-accordion dd {
	display: block;
}



/* ==========================================================================
   .modal-2select
   ========================================================================== */
.modal-2select {
	width: 800px;
}
.modal-2select .title{
	text-align:left;
}
.modal-2select .title span{
	font-size: 12px; font-size: 1.2rem;
	font-weight: normal;
	display: inline;
}

.modal-2select .select-group:before,
.modal-2select .select-group:after { content: " "; display: table; }
.modal-2select .select-group:after { clear: both; }
.modal-2select .select-group { *zoom: 1; }

.modal-2select .select-group .select-area {
	overflow: hidden;
	border: 1px solid #ccc;
}
.modal-2select .select-group .select-area .select-body {
	height: 350px;
	overflow: auto;
}

.modal-2select .select-group .select-area  .simple-list li {
	border-bottom: 1px solid #ccc;
}

.modal-2select .select-group .select-area .select-body dl {
	margin: 0;
	display: none;
}
.modal-2select .select-group .select-area .select-body dl.show {
	display: block;
}
.modal-2select .select-group .select-area .select-body dl dt {
	display: none;
}
.modal-2select .select-group .select-area .select-body .index-nav {
	display: none;
}
.modal-2select .select-group .select-area .select-body .list {
	margin: 0;
	text-align: left;
}
.modal-2select .select-group .select-area h5 {
	height: 30px;
	margin: 0;
	padding-right: 5px;
	border-bottom: 1px solid #ccc;
	background-color: #f7f7f7;
	text-align: center;
	line-height: 30px;
}

.modal-2select .select-group .select-area .select-body .list p.none {
	margin: 0;
	padding:7px 0 6px 6px;
	font-size: 11px; font-size: 1.1rem;
}

.modal-2select .select-group .select-area:nth-child(1) {
	width: 48%;
	float: left;
}
.modal-2select .select-group .select-area:nth-child(2) {
	width: 48%;
	float: right;
}

.modal-2select .select-group .select-area ul li {
	position: relative;
	margin: 0;
}
.modal-2select .select-group .select-area ul li.tvalue:after {
	content: "";
	background: url("/U-Car/resource/img/icon/logo_tvalue.png") no-repeat left center;
	float: right;
	display: block;
	z-index: 2;
	width: 40px;
	height: 13px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.modal-2select .select-group .select-area ul li.ttl {
	font-weight: bold;
	font-size:12px; font-size: 1.2rem;
	padding: 3px 5px 1px 7px;
	cursor: default !important;
}

.modal-2select .select-group .select-area ul.simple-list li {
	display: block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

.modal-2select .select-group .select-area ul.simple-list li:hover {
	background-color: #eee;
}
.modal-2select .select-group .select-area ul.simple-list li.ttl:hover {
	background: inherit;
}

.modal-2select .select-group .select-area ul.simple-list li.selected {
	background: #999;
	color: #fff;
}

.modal-2select .select-group .select-area ul.check-list li label {
	display: block;
	width: 100%;
	padding: 0 0 0 30px;
	margin: 0;
	min-height: 40px;
	line-height: 40px;
	position: relative;
}
.modal-2select .select-group .select-area ul.check-list li label:hover {
	background: #eee;
	cursor: pointer;
}
.modal-2select .select-group .select-area ul.check-list li label:before {
	left: 12px;
}
.modal-2select .select-group .select-area ul.check-list li label:after {
	left: 7px;
}

.modal-2select .select-group .select-area ul.check-list li label > img {
	width: 60px;
	height: auto;
	max-height: 40px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.modal-2select .select-group .select-area ul.check-list li label > span {
	display: inline-block;
	padding: 1px 5px 0 70px;
	position: relative;
	vertical-align: middle;
	line-height: normal;
}

.modal-2select .select-group .select-area ul.check-list li label > span.pal0 {
	padding: 1px 5px 0 0px;
}

.modal-2select .num {
	display: inline-block;
	font-size: 12px; font-size: 1.2rem;
	pointer-events: none;
}

.modal-2select .select-group .select-area ul.check-list li input {
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -7px;
}

.modal-2select .select-result {
	margin: 0;
	display: table;
}
.modal-2select .select-result dt {
	margin: 10px 0;
	display: table-cell;
	font-weight: bold;
	padding: 5px 15px 4px 0;
	line-height: 40px;
	width: 230px;
	text-align: left;
}
.modal-2select .select-result dt .num {
	font-size: 16px;
}
.modal-2select .select-result dd {
	margin: 10px 0;
	display: table-cell;
	width: 550px;
	text-align: left;
}
.modal-2select .select-result dd ul {
	margin: 0;
}
.modal-2select .select-result dd li {
	background: #eee;
	color: #333;
	text-decoration: none;
	display: inline-block;
	padding: 2px 5px 1px;
	margin: 0 5px 5px 0;
}
.modal-2select .select-result dd li a {
	background: #aaa;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 2px 3px 2px;
	text-align: center;
	margin: -1px 0 0 5px;
	vertical-align: middle;
	line-height: 1;
}
.modal-2select .select-result dd li a:hover {
	background: #ccc;
}

.modal-2select .select-bottom {
	margin: 10px 0 0;
	text-align: right;
}
.modal-2select .select-bottom .button {
	width: 200px;
	margin: 0;
}



/* ==========================================================================
   .shopmap-container
   ========================================================================== */
.shopmap-container {
	width: 960px;
	text-align: left;
	margin: auto;
}

.shopmap-container .title span{
	font-size: 12px; font-size: 1.2rem;
	display: block;
	font-weight: normal;

}

.shopmap-container .area-wrap{
	position: relative;
	width: 100%;
	min-height: 480px;
	margin: -140px 0 0 0px;
}

.shopmap {
	position: absolute;
	border:1px solid #ccc;
	background: #eee;
	box-sizing: border-box;
	padding: 10px;
	line-height: 1.4;
}


.shopmap .dt label {
	font-weight: bold;
	font-size: 15px; font-size: 1.5rem;
	line-height: 1.1;
	margin-bottom:5px;
}
.shopmap label span{
	font-size: 10px; font-size: 1.0rem;
	font-weight: normal;
	display: inline-block;
	padding: 0 0 0 3px;
}
.shopmap .num {
	display: inline-block;
	margin-left: 3px;
	color: #666;
	font-size: 10px; font-size: 1.0rem;
	font-weight: normal;
	text-decoration: none !important;
}


.shopmap .l-wrap {
	padding-left: 0px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
}
.shopmap .l-box {
	display: block;
	padding-top: 5px;
	box-sizing: border-box;
	padding-left: 10px;
}
.shopmap .l-box:first-child {
	padding-left: 0px;
}

.shopmap .l-box:before,
.shopmap .l-box:after { content: " "; display: table; }
.shopmap .l-box:after { clear: both; }
.shopmap .l-box { *zoom: 1; }

.shopmap .colspan-2 .l-box {
	width: 50%;
	float: left;
}
.shopmap .colspan-3 .l-box {
	width: 33%;
	float: left;
}
.shopmap .l-box label {
	width: 100%;
	display: inline-block;
	font-weight: normal;
	font-size: 14px; font-size: 1.4rem;
}

.shopmap .checkbox {
	padding: 0 0 0 20px;
}

.shopmap input[type="radio"] + label, .shopmap input[type="checkbox"] + label{
	margin:1px;
}

#area-zenkoku {
	top: 208px;
	left: 0;
	width: 160px;
	height: 41px;
}
#area-hokaido {
	top: 28px;
	left: 796px;
	width: 162px;
	height: 61px;
}
#area-tohoku {
	top: 99px;
	left: 786px;
	width: 160px;
	height: 172px;
}
#area-chubu {
	top: 238px;
	left: 627px;
	width: 160px;
	height: 235px;
}
#area-kanto {
	top: 270px;
	left: 786px;
	width: 160px;
	height: 193px;
}
#area-kinki {
	top: 270px;
	left: 468px;
	width: 160px;
	height: 193px;
}
#area-chugoku {
	top: 270px;
	left: 169px;
	width: 300px;
	height: 109px;
}
#area-sikoku {
	top: 388px;
	left: 169px;
	width: 290px;
	height: 88px;
}
#area-kyusyu {
	top: 270px;
	left: 0px;
	width: 160px;
	height: 229px;
}

.shopmap-container .current-search {
	width: 80%;
	margin: 20px 0px;
	display: table;
}
.shopmap-container .current-search > dt {
	display: table-cell;
	font-weight: bold;
	width: 17%;
}
.shopmap-container .current-search > dd {
	display: table-cell;
	text-align: left;
	width: 83%;
}
.shopmap-container .current-search > dd > dl {
	margin: 0;
}
.shopmap-container .current-search > dd > dl > dt {
	float: left;
}


/* ==========================================================================
   #ucar-footer-link
   ========================================================================== */
#ucar-footer-link{
	overflow: hidden;
	width: 1280px;
	margin: 20px auto;
	padding: 8px 15px 15px;
	background-color: #f7f7f7;
	box-sizing: border-box;
	font-size: 11px; font-size: 1.1rem;
}
#ucar-footer-link ul{
	clear: left;
}
#ucar-footer-link li{
	float: left;
	margin-top: 7px;
}
#ucar-footer-link li a{
	padding: 0 0.5em;
	border-right: 1px solid #43484c;
}
#ucar-footer-link li:last-child a {
	border-right: none;
}