@charset "UTF-8";

/*
 * home
 */
#home-news {
	margin:30px 0;
	}
#home-news h2 {
	margin:5px 0;
	}
#home-news div.body {
	max-height:110px;
	overflow:auto;
	}
#home-news div.body table {
	width:100%;
	}
#home-news div.body table tr:nth-child(odd) {
	background:#F7F7F7;
	}
#home-news div.body table tr th,
#home-news div.body table tr td {
	padding:5px 10px;
	color:#555555;
	text-align: left;
	font-size:small;
	font-weight:normal;
	}
#home-news div.body table tr th {
	width:10em;
	}

/*
 * pickup-items
 */
#pickup-items {
	margin:15px 0;
	width:680px;
	}
#pickup-items div.item {
	float:left;
	margin:0 30px 20px 0;
	width:140px;
	}
#pickup-items div.item p {
	margin:3px;
	word-break:break-all;
	font-size:small;
	}
#pickup-items div.item p.name {
	min-height:4em;
	height:4em;
	overflow:hidden;
	}
#pickup-items div.item p.name a {
	font-size:80%;
	}
#pickup-items div.item p.price {
	color:#CC0000;
	}
#pickup-items div.item div.display {
	max-width:100%;
	height:140px;
	overflow:hidden;
	background:#FCFCFC;
	}
#pickup-items div.item div.display img {
	display:block;
	max-width:100%;
	}


/*
 * item
 */
p.item-search {
	margin:15px 0;
	}
p.item-search span {
	color:#003366;
	font-weight:bold;
	}
p.item-caption {
	margin:15px 0;
	color:#FF9900;
	}
p.item-caption span {
	float:right;
	}
table.item-catalog {
	margin:15px 0;
	width:100%;
	}
table.item-catalog th,
table.item-catalog td {
	text-align:left;
	vertical-align:top;
	}
table.item-catalog th {
	padding:0 10px 15px 0;
	width:142px;
	}
table.item-catalog th div.item-display {
	border:#CCCCCC 1px solid;
	}
table.item-catalog th a {
	display:block;
	width:140px;
	overflow:hidden;
	text-align:center;
	}
table.item-catalog td {
	padding:0 0 15px 0;
	}
table.item-catalog td div.name {
	font-size:110%;
	}
table.item-catalog td p.comment {
	margin:5px 0;
	}
table.item-catalog td div.price {
	font-size:110%;
	}
table.item-catalog td div.more {
	text-align:right;
	}
table.item-catalog td div.more a {
	background:transparent url("../images/items/marker-arrow.png") left center no-repeat;
	padding:0 0 0 12px;
	text-decoration:none;
	}
table.item-catalog td div.more a:hover {
	text-decoration:underline;
	}

/*
 * detail
 */
div.detail {
	margin:15px 0;
	width:100%;
	}
div.detail-data {
	float:right;
	width:430px;
	}
div.detail-data h3 {
	margin:15px 0 0 0;
	letter-spacing:0.1em;
	color:#003366;
	font-size:100%;
	font-family:"Meiryo","���C���I",sans-serif;
	}
div.detail-data p {
	line-height:1.4;
	}
div.detail table {
	margin:10px 0;
	width:100%;
	color:#666666;
	}
div.detail-data table th,
div.detail-data table td {
	border-bottom:#FFFFFF 2px solid;
	padding:3px 8px;
	text-align:left;
	vertical-align:top;
	}
div.detail-data table th {
	background:#F2F2F2;
	white-space:nowrap;
	font-weight:normal;
	}
div.detail-data table td span.price {
	color:#CC0000;
	font-size:medium;
	}
div.detail-image {
	float:left;
	border:#CCCCCC 1px solid;
	width:200px;
	overflow:hidden;
	}
div.detail-image img.picture {
	}
div.detail-add {
	margin:15px 0;
	width:100%;
	}
div.detail-add h3 {
	margin:10px 0;
	font-size:medium;
	}
div.detail-add p {
	margin:10px 0;
	}
div.detail-add a img {
	border:#CCCCCC 1px solid;
	}

/*
 * cart
 */
div.cart {
	}
p.cart-totalmoneyarea {
	margin:10px 0;
	font-size:medium;
	}
table.cart-list {
	margin:15px 0;
	width:100%;
	font-size:90%;
	}
table.cart-list th,
table.cart-list td {
	padding:5px;
	vertical-align:middle;
	}
table.cart-list td.text {
	text-align:left;
	}
table.cart-list td.mark {
	text-align:center;
	}
table.cart-list td.meter {
	text-align:right;
	}
table.cart-list td.totalprice {
	font-size:x-large;
	font-weight:bold;
	}
table.cart-list thead th {
	border-bottom:#CCCCCC 1px solid;
	text-align:left;
	}
table.cart-list tfoot th,
table.cart-list tfoot td {
	border-top:#CCCCCC 1px solid;
	text-align:right;
	}
table.cart-list tbody th,
table.cart-list tbody td {
	border-top:#CCCCCC 1px dotted;
	background:#F3F3F3;
	}

/*
 * branch
 */
.branch-base {
	margin:15px 0;
	border:#FFFFFF 1px solid;
	float:left;
	width:315px;
	}
.branch-base h3,
.branch-base p,
.branch-base div {
	margin:10px !important;
	}
.branch-base ul {
	margin:10px 25px;
	}
.branch-option {
	margin:15px 0;
	border:#DDDDDD 1px solid;
	float:right;
	width:315px;
	}
.branch-option h3,
.branch-option p,
.branch-option div {
	margin:10px !important;
	}
.branch-option ul {
	margin:10px 25px;
	}

/*
 * form-sheet
 */
table.form-sheet {
	margin:15px 0;
	width:100%;
	font-size:small;
	}
table.form-sheet caption {
	text-align:left;
	}
table.form-sheet span.attention {
	color:#FF0000;
	}
table.form-sheet th,
table.form-sheet td {
	border-top:#CCCCCC 1px dotted;
	border-bottom:#CCCCCC 1px dotted;
	padding:10px;
	text-align:left;
	vertical-align:middle;
	}
table.form-sheet thead th {
	border-bottom:#CCCCCC 1px solid;
	text-align:left;
	}
table.form-sheet td em {
	color:#003399;
	font-size:x-small;
	font-style:normal;
	}

/*
 * qa
 */
dl.qa-talk {
	margin:15px 0 30px 0;
	line-height:1.4;
	}
dl.qa-talk dt {
	margin:10px 0 5px 0;
	font-weight:bold;
	}
dl.qa-talk dt span {
	color:#003399;
	}
dl.qa-talk dd {
	margin:5px 0;
	}
dl.qa-talk dd span {
	color:#FF3300;
	font-weight:bold;
	}
dl.qa-talk dd + dt {
	border-top:#CCCCCC 1px dotted;
	padding:10px 0 0 0;
	}
dl.qa-talk dl {
	margin:15px;
	}
dl.qa-talk dl dt {
	border:none;
	}

/*
 * order
 */
order {
	}
table.order-pay {
	line-height:1.4;
	}
table.order-pay th,
table.order-pay td {
	text-align:left;
	vertical-align:top;
	}
table.order-pay th {
	padding:10px 0 5px 10px;
	font-size:large;
	font-family:"Meiryo","���C���I",sans-serif;
	}
table.order-pay td {
	padding:0 10px 10px 10px;
	}
table.order-pay td div.account {
	margin:10px 0;
	border:#FFE3C7 1px solid;
	background:#FFF0E0;
	padding:5px;
	font-family:monospace;
	}
dl.order-pay {
	margin:15px 0;
	line-height:1.4;
	}
dl.order-pay dt {
	border-top:#CCCCCC 1px dotted;
	margin:10px 0 5px 0;
	padding:10px 0 0 0;
	color:#990000;
	font-size:medium;
	font-family:"Meiryo","���C���I",sans-serif;
	font-weight:bold;
	}
dl.order-pay dd {
	margin:5px 0;
	}

/*
 * quality
 */
div.quality {
	}
table.quality-value {
	width:100%;
	}
table.quality-value th,
table.quality-value td {
	border:#CCCCCC 1px solid;
	padding:5px;
	vertical-align:top;
	color:#666666;
	font-family:"Meiryo","���C���I",sans-serif;
	font-weight:normal;
	}
table.quality-value th {
	text-align:center;
	}
table.quality-value td {
	text-align:left;
	}
table.quality-value thead th {
	color:#FFFFFF;
	}
table.quality-value thead.total th {
	background:#009900;
	}
table.quality-value thead.color th {
	background:#990033;
	}
table.quality-value thead.clarity th {
	background:#003399;
	}
table.quality-value thead.glitter th {
	background:#FF9900;
	}
table.quality-value tbody th {
	background:#F3F3F3;
	white-space:nowrap;
	}

/*
 * voice
 */
dl.voice-over {
	margin:15px 0;
	line-height:1.4;
	}
dl.voice-over dt {
	margin:25px 0 10px 0;
	}
dl.voice-over dt strong {
	color:#CC0000;
	font-weight:bold;
	}
dl.voice-over dd {
	margin:10px 0;
	}
dl.voice-over dd + dt {
	border-top:#CCCCCC 1px dotted;
	padding:25px 0 0 0;
	}

/*
 * calendar
 */
div.calendar {
	}
div.calendar-primary {
	float:left;
	padding:10px;
	width:300px;
	}
div.calendar-secondary {
	float:right;
	padding:10px;
	width:300px;
	}
div.calendar table {
	font-size: 10px;
	width: 100%;
	margin: 0 0 15px;
	}
div.calendar table  th,
div.calendar table  td{
	border:#CCCCCC 1px solid;
	text-align: center;
	vertical-align: middle;
	padding: 4px 0px;
	}
div.calendar table th{
	width: 14px;
	}
div.calendar table th.sun {
	color: #c00;
	}
div.calendar table th.sat {
	color: #06c;
	}
div.calendar table span {
	font-weight: bold;
	}
div.calendar table td.txt {
	font-size: 14px;
	font-weight: bold;
	}

/*
 * mypage
 */
div.mypage {
	}
ul.mynavarea-nav {
	zoom:1;
	margin:0 0 5px 0;
	border-bottom:#CCCCCC 1px solid;
	list-style:none;
	}
ul.mynavarea-nav li {
	float:left;
	margin:0 10px -1px 5px;
	text-align:center;
	font-size:small;
	}
ul.mynavarea-nav li a {
	display:block;
	border:#CCCCCC 1px solid;
	padding:5px 10px;
	text-decoration:none;
	color:#333333;
	}
ul.mynavarea-nav li span {
	display:block;
	border:#CCCCCC 1px solid;
	border-bottom:#FFFFFF 1px solid;
	padding:5px 10px;
	color:#333333;
	}

/*
 * document
 */
div.document {
	}
div.document ul {
	margin:10px 0 10px 30px;
	}
table.document-data {
	margin:15px 0;
	border-collapse:separate;
	border-spacing:1px;
	background:#E5E5E5;
	width:100%;
	color:#666666;
	}
table.document-data th,
table.document-data td {
	border:#FFFFFF 1px solid;
	padding:10px;
	text-align:left;
	vertical-align:top;
	}
table.document-data th {
	background:#F3F3F3;
	white-space:nowrap;
	}
table.document-data td {
	background:#FFFFFF;
	}
table.document-data td strong {
	background:#FFFFFF;
	color:#CC0000;
	font-weight:normal;
	}

/*
 * pager
 */
ul.pager {
	margin:15px 0;
	zoom:1;
	list-style:none;
	}
li.pager-previous {
	float:left;
	}
li.pager-next {
	float:right;
	}

/*
 * approach
 */
ul#approach-local {
	clear:both;
	margin:25px 0 15px 0;
	border-top:#CCCCCC 1px dotted;
	padding:5px;
	text-align:center;
	list-style:none;
	font-size:small;
	}
ul#approach-local li {
	display:inline;
	padding:0 10px;
	}
ul#approach-local li + li {
	border-left:#EEEEEE 1px solid;
	}
ul#approach-global {
	margin:15px 0;
	border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	background:#FFFFFF url("../images/approach-global-background.png") left top repeat-x;
	padding:2px 10px;
	overflow:hidden;
	list-style:none;
	}
li#approach-global-one {
	float:left;
	padding:8px 0 0 0;
	width:310px;
	}
li#approach-global-two {
	float:right;
	width:310px;
	}
	
	
/*
 * under
 */
 
/* common */

div.content .under h2 { margin: 0 0 20px; }
div.content .under h3 { margin: 0 0 15px; }
div.content .under h4 { margin: 0 0 15px; }
div.content .under h5 {
	background: url(../images/line_01.gif) 0 100% repeat-x;
	color:#f60;
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 5px;
	margin: 0 0 10px;
}

.under .section01 { padding: 0 10px 10px; }
.under .section01:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.under .section01 { display: inline-block; }
/* Hides from IE-mac \*/
* html .under .section01 { height: 1%; }
.under .section01 { display: block; }
/* End hide from IE-mac */

.under .section01 div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.under .section01 div { display: inline-block; }
/* Hides from IE-mac \*/
* html .under .section01 div { height: 1%; }
.under .section01 div { display: block; }
/* End hide from IE-mac */

div.content .under .section01 p { line-height: 1.6; margin: 0 0 1em; }
.under .section01 p span { color: #f60; font-weight: bold; }

.under .section01 p.txt-link { background: url(/user_data/packages/tmpl01/images/icon_a_01.gif) 0 5px no-repeat; padding-left: 16px; }

.under .section01 p.img-l { float: left; padding: 0 20px 1em 0; }
.under .section01 p.img-r { float: right; padding: 0 0 1em 20px; }
 
.under .section02 { padding: 9px 12px 12px; margin: 0 10px 30px; border: 3px solid #ccc; }
.under .section02:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.under .section02 { display: inline-block; }
/* Hides from IE-mac \*/
* html .under .section02 { height: 1%; }
.under .section02 { display: block; }
/* End hide from IE-mac */

.under .section01 ul,
.under .section01 ul li,
.under .section02 ul,
.under .section02 ul li { list-style: none; }
.under .section02 ul li { background: url(../images/icon_01.gif) 0 5px no-repeat; padding-left: 12px; margin: 0 0 5px; }
.under .section02 ul li.btm { margin: 0; }
div.content .under .section02 p { line-height: 1.6; }

.under table {
	background: #ccc;
	border-collapse: separate;
	border-spacing: 1px;
	line-height: 1.6;
	margin: 0 10px 30px;
	width: 630px;
}

.under table th ,
.under table td {
	text-align: left;
	padding: 8px 10px 4px;
	border: 1px solid #fff;
	vertical-align: middle;
}

.under table th { background: url(../images/bg_01.gif); font-weight: bold; }
.under table td { background: #fff; }

.under table th.green { background: #363; color: #fff; }
.under table th.red { background: #903; color: #fff; }
.under table th.blue { background: #039; color: #fff; }
.under table th.orange { background: #f90; color: #fff; }

/* guarantee */

/* quality */

#quality .section01 ul { margin: 0 0 1em; }
#quality .section01 ul.base:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#quality .section01 ul.base { display: inline-block; }
/* Hides from IE-mac \*/
* html #quality .section01 ul.base { height: 1%; }
#quality .section01 ul.base { display: block; }
/* End hide from IE-mac */
#quality .section01 ul.base li { float: left; padding-right: 20px; }

#quality table th { text-align: center; }
#quality table th.w { width: 18%; }

/* policy */

/* manager */

#manager .section01 ul { padding: 0 0 5px; }
#manager .section01 ul li {
	background: url(../images/icon_01.gif) 0 5px no-repeat;
	font-weight: bold;
	padding-left: 12px;
	margin: 0 0 5px;
}

/* access */

#access .h-calendar { padding: 0 0 30px; text-align: center; }
#access .h-calendar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#access .h-calendar { display: inline-block; }
/* Hides from IE-mac \*/
* html #access .h-calendar { height: 1%; }
#access .calendar { display: block; }
/* End hide from IE-mac */
#access .h-calendar table { width: 310px; float: left; margin: 0 0 0 10px; text-align: center; }
#access .h-calendar table td.txt { background: #f2f2f2; font-weight: bold; }
#access .h-calendar table th,
#access .h-calendar table td { text-align: center; border: 1px solid #fff; }
#access .h-calendar table th.sun { color:#c00; }
#access .h-calendar table th.sat { color:#3161bb; }

#access .access-map { margin: 0 0 15px; }
#access .access-map p.map { float: left; margin: 0; }
#access .access-map ul { float: right; width: 310px; }
#access .access-map ul li img { vertical-align: bottom; }

#access .y-map { margin: 0 10px 30px; }
#yahoomap_pastemap_helpicon { margin-top: 10px; }

/* order */

#order .payment-box { margin: 0 10px 20px; }
#order .payment-box.btm { margin-bottom: 30px; }
#order .payment-box .inner { padding: 9px; border: 1px solid #dfdfdf; border-top: none; }
#order .payment-box p { margin: 0; }
#order .payment-box p.txt { margin: 0 0 1em; }
#order .payment-box p.txt-link { background: url(../images/icon_a_01.gif) 0 3px no-repeat; padding-left: 16px; }
#order .payment-box .box { background: #f2f2f2; font-weight: bold; padding: 10px; }

#order .order-box { background: url(../images/line_01.gif) 0 0 repeat-x; line-height: 1.6; padding: 12px 0 20px; margin: 0 10px; }
#order .order-box dl { background: url(../images/line_01.gif) 0 100% repeat-x; padding: 0 0 10px; margin: 0 0 10px; }
#order .order-box dl dd { margin: -1.8em 0 0 120px; }
#order .order-box dl dd p.txt-link { background: url(../images/icon_a_01.gif) 0 3px no-repeat; padding-left: 16px; }

/* faq */

#faq .faq-box { margin: 0 10px 30px; }
#faq .faq-box dl {
	background: url(../images/line_01.gif) 0 100% repeat-x; 
	line-height: 1.6;
	font-weight: bold;
	padding: 0 0 5px;
	margin: 0 0 10px;
}
#faq .faq-box dl.faq-a {
	background: none;
	font-weight: normal;
	padding: 0 0 10px;
	margin: 0 0 40px;
	border-bottom: 2px solid #ccc;
}
#faq .faq-box dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#faq .faq-box dl { display: inline-block; }
/* Hides from IE-mac \*/
* html #faq .faq-box dl { height: 1%; }
#faq .faq-box dl { display: block; }
/* End hide from IE-mac */
#faq .faq-box dl dt { width: 26px; float: left; }
#faq .faq-box dl dd { width: 595px; float: right; padding: 3px 0 0; }

#faq .faq-box dl dd dl { background: none; margin: 10px 0 0; }
#faq .faq-box dl dd dl dt,
#faq .faq-box dl dd dl dd { float: none; width: auto; padding: 0; }

#faq .faq-box dl dd dl dt {
	background: url(../images/icon_01.gif) 0 5px no-repeat;
	padding: 0 0 0 12px
}
#faq .faq-box dl dd dl dd { font-weight: normal; margin: 0 0 15px; }
#faq .faq-box dl dd dl dd.btm { margin: 0; }
#faq .faq-box dl dd dl dd p { font-size: 100%; margin: 0 0 1em; }