@charset "utf-8";
/*
 *	Style Name: kyoto-hiro / style.css
 */

/*------------------------------------------
 *	Reset
------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,icenter,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}img{line-height:0;vertical-align:bottom;}

/*------------------------------------------
 *	html, body
------------------------------------------*/
html {
	font-size:62.5%;
}
body {
	min-width:960px;
	color:#2b2b2b;
	font-size:14px;
	font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
	line-height:1;
	-webkit-text-size-adjust:100%;
}

a {
	color:#af211b;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
em,strong {
	font-weight:bold;
}

/*------------------------------------------
 *	#header-global
------------------------------------------*/
#header-global {
	position:relative;
	margin:0 auto 72px auto;
	padding:48px 0 0 0;
	width:960px;
}
#header-global .logo {
	margin:0 0 48px 0;
	text-align:center;
}
#header-global .btn-shopping {
	position:absolute;
	top:72px;
	right:0;
}
#header-global .nav-global {}
#header-global .nav-global ul {
	margin:0 auto;
	width:267px;
	height:16px;
	background:url(../images/common/nav_global.png) -144px 0 no-repeat;
}
#header-global .nav-global ul li {float:left;}
#header-global .nav-global ul li a {
	display:block;
	height:16px;
	background:url(../images/common/nav_global.png) 0 0 no-repeat;
	text-indent:-5000px;
}
#header-global .nav-global ul .about a {
	margin:0 65px 0 0;
	width:79px;
	background-position:0 -16px;
}
#header-global .nav-global ul .products a {
	margin:0 66px 0 0;
	width:127px;
	background-position:-144px -16px;
}
#header-global .nav-global ul .guide a {
	width:74px;
	background-position:-337px -16px;
}
#header-global .nav-global ul .about a:hover {background-position:0 -32px;}
#header-global .nav-global ul .products a:hover {background-position:-144px -32px;}
#header-global .nav-global ul .guide a:hover {background-position:-337px -32px;}

/*------------------------------------------
 *	#container
------------------------------------------*/
#container {
	overflow:hidden;
	padding:0 0 160px 0;
}

/*------------------------------------------
 *	#main
------------------------------------------*/
#main {}

/*
 *	htmltag
------------------------------------------*/
#main p {line-height:1.6;}
#main table {
	width:100%;
	line-height:1.6;
}
#main .table-v th {
	padding:24px 16px;
	border-top:1px solid #2b2b2b;
	font-weight:bold;
}
#main .table-v td {
	padding:24px 16px;
	border-top:1px solid #ccc;
}
#main .table-h th {
	padding:8px 16px;
}
#main .table-h td {padding:8px 16px;}

/*
 *	.area
------------------------------------------*/
#main .area {overflow:hidden;}
#main .area960 {
	margin:0 auto;
	width:960px;
}
#main .area640 {
	margin:0 auto;
	width:640px;
}

/* .area-sec */
#main .area-sec {margin:120px 0 0 0;}
#main .area-sec section {margin:64px 0 0 0;}
#main .area-sec section.first {margin:32px 0 0 0;}

/* .area-btn */
#main .area-btn {text-align:center;}

/*
 *	.ttl*
------------------------------------------*/
#main .ttl-area {
	margin:0 0 64px 0;
	font-size:24px;
	text-align:center;
}
#main .ttl-area span {
	padding:0 8px 16px 8px;
	border-bottom:1px solid #2b2b2b;
}
#main .ttl-sec {
	position:relative;
	margin:0 0 24px 0;
	padding:0 0 16px 0;
	font-size:22px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
#main .ttl-sec span {
	position:absolute;
	left:0;
	margin:0 8px 0 0;
	padding:4px;
	background:#033566;
	color:#fff;
	font-size:16px;
	vertical-align:middle;
}
#main .subttl-sec {
	margin:0 0 8px 0;
	font-size:16px;
	font-weight:bold;
}

/*
 *	#page-products
------------------------------------------*/
#page-products #main {}
#page-products #main .area-shop {
	overflow:hidden;
	margin:120px 0 0 0;
}
#page-products #main .area-shop.first {margin:0;}
#page-products #main .area-shop .photo-main {margin:0 0 40px 0;}
#page-products #main .area-shop .column-right {
	float:right;
	width:540px;
}
#page-products #main .area-shop .column-right .name {
	float:right;
	width:80px;
	text-align:center;
}
#page-products #main .area-shop .column-right .summary {
	float:right;
	margin:0 24px 0 0;
}
#page-products #main .area-shop .column-right .summary .copy {
	float:right;
	margin:0 0 0 24px;
}
#page-products #main .area-shop .column-right .summary p {float:right;}
#page-products #main .area-shop .column-left {
	float:left;
	margin:24px 0 0 0;
	width:280px;
}
#page-products #main .area-shop .column-left h4 {
	float:right;
	width:40px;
	text-align:center;
}
#page-products #main .area-shop .column-left ul {
	overflow:hidden;
/*
	float:left;
	width:336px;
*/
}
#page-products #main .area-shop .column-left ul li {
/* 	float:right; */
	margin:0 0 16px 0;
}
#page-products #main .area-shop .column-left ul li.odd {margin:0 0 16px 0;}
#page-products #main .area-shop .column-left ul li .photo-list {margin:0 0 8px 0;}
#page-products #main .area-shop .column-left ul li .name {
	padding:0 0 0 8px;
	background:url(/images/common/ico_arrow.png) 0 4px no-repeat;
}

/*
 *	#page-products-detail
------------------------------------------*/
#page-products-detail #main {}

/* .column* */
#page-products-detail #main .column-right {
	float:right;
	width:80px;
}
#page-products-detail #main .column-left {
	float:left;
	width:880px;
}

/* .area-products */
#page-products-detail #main .area-products .img-main {
	margin:0 0 48px 0;
	width:100%;
	height:400px;
	background:#f4f4f4;
}
#page-products-detail #main .area-products .body {margin:0 0 48px 0;}
#page-products-detail #main .area-products .body .catchcopy {
	margin:0 0 24px 0;
	font-size:22px;
}
#page-products-detail #main .area-products .body p {line-height:1.8;}
#page-products-detail #main .area-products .info {
	overflow:hidden;
	margin:0 0 120px 0;
}
#page-products-detail #main .area-products .info .meta {
	float:left;
	padding:24px 0 0 0;
	width:420px;
	border-top:1px solid #ccc;
}
#page-products-detail #main .area-products .info .meta dl {overflow:hidden;}
#page-products-detail #main .area-products .info .meta dl dt {
	clear:left;
	float:left;
	margin:0 0 8px 0;
	width:5em;
}
#page-products-detail #main .area-products .info .meta dl dd {
	margin:0 0 16px 0;
	padding:0 0 0 6em;
}
#page-products-detail #main .area-products .info .cart {
	float:right;
	padding:24px 0 0 0;
	width:420px;
	border-top:1px solid #ccc;
}
#page-products-detail #main .area-products .info .cart ul {
	margin:0 0 48px 0;
}
#page-products-detail #main .area-products .info .cart ul li {margin:0 0 16px 0;}
#page-products-detail #main .area-products .info .cart ul li .price {margin:0 0 0 24px;}
#page-products-detail #main .area-products .info .cart .btn-cartin {
	margin:0 auto;
	width:320px;
}
#page-products-detail #main .area-products .info .cart .btn-cartin-fax {
	margin:8px auto 0 auto;
	width:320px;
}

/* .area-other-products */
#page-products-detail #main .area-other-products {
	overflow:hidden;
	margin:0 0 80px 0;
}
#page-products-detail #main .area-other-products h2 {}
#page-products-detail #main .area-other-products ul {
	overflow:hidden;
	margin:0 0 0 -20px;
}
#page-products-detail #main .area-other-products ul li {
	float:left;
	margin:0 0 0 20px;
	width:160px;
}
#page-products-detail #main .area-other-products ul li .photo {margin:0 0 8px 0;}
#page-products-detail #main .area-other-products ul li .name {
	padding:0 0 0 8px;
	background:url(/images/common/ico_arrow.png) 0 4px no-repeat;
}

/* .area-shop */
#page-products-detail #main .area-shop {
	overflow:hidden;
	padding:16px;
	border:1px solid #ccc;
}
#page-products-detail #main .area-shop .body {
	float:right;
	width:464px;
}
#page-products-detail #main .area-shop .body h2 {
	margin:4px 0 16px 0;
	font-size:16px;
	font-weight:bold;
}
#page-products-detail #main .area-shop .body p {line-height:1.6;}
#page-products-detail #main .area-shop .body .info {margin:16px 0 0 0;}
#page-products-detail #main .area-shop .photo {
	float:left;
	width:360px;
}

/*
 *	#page-shopping
------------------------------------------*/
#page-shopping #main {}

/* .table-customer */
#page-shopping #main .table-customer {
	margin:8px 0;
	width:100%;
	line-height:2;
}
#page-shopping #main .table-customer th {
	padding:16px 8px;
	width:200px;
	text-align:left;
	vertical-align:text-top;
}
#page-shopping #main .table-customer td {padding:16px 8px;}

/* .table-deliv */
#page-shopping .btn-delivadd {margin:16px 0 0 0;}
#page-shopping #main .table-deliv {
	margin:8px 0;
	width:100%;
	line-height:2;
}
#page-shopping #main .table-deliv th {
	background:#333;
	border-bottom:1px solid #ccc;
	color:#fff;
}
#page-shopping #main .table-deliv td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
}
#page-shopping #main .table-deliv .num {
	width:40px;
}
#page-shopping #main .table-deliv .edit {width:60px;}
#page-shopping #main .table-deliv .btn-deliv-edit {
	width:56px;
	height:21px;
	background:url(/images/shopping/btn_delivedit.png) 0 0 no-repeat;
	border:none;
	outline:none;
	cursor:pointer;
	text-indent:-5000px;
}
#page-shopping #main .table-deliv .btn-deliv-edit:hover {background-position:0 -21px;}
#page-shopping #main .table-deliv .delete {width:60px;}
#page-shopping #main .table-deliv .btn-deliv-delete {
	width:56px;
	height:21px;
	background:url(/images/shopping/btn_delivdelete.png) 0 0 no-repeat;
	border:none;
	outline:none;
	cursor:pointer;
	text-indent:-5000px;
}
#page-shopping #main .table-deliv .btn-deliv-delete:hover {background-position:0 -21px;}

/* .table-products */
#page-shopping #main .table-products {
	margin:8px 0;
	width:100%;
	border:1px solid #ccc;
	line-height:2;
}
#page-shopping #main .table-products th {
	padding:4px 8px;
	background:#dedede;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#page-shopping #main .table-products td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#page-shopping #main .table-products .photo {width:100px;}
#page-shopping #main .table-products .price {width:100px;}
#page-shopping #main .table-products .quantity {width:100px;}

/* .table-delivnum */
#page-shopping #main .table-delivnum {
	margin:80px 0 16px 0;
	width:100%;
	border:1px solid #ccc;
	line-height:2;
}
#page-shopping #main .table-delivnum.first {margin:0 0 32px 0;}
#page-shopping #main .table-delivnum th {
	background:#333;
	color:#fff;
}

/* .table-delivmeta */
#page-shopping #main .table-delivmeta {
	margin:32px 0 0 0;
	width:100%;
	line-height:2;
}
#page-shopping #main .table-delivmeta th {
	padding:16px 8px;
	width:200px;
	text-align:left;
	vertical-align:top;
}
#page-shopping #main .table-delivmeta .thead th {
	padding:4px 8px;
	background:#dedede;
	border:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}
#page-shopping #main .table-delivmeta td {padding:16px 8px;}

/* .table-payment */
#page-shopping #main .table-payment {
	margin:8px 0;
	width:100%;
	line-height:2;
}
#page-shopping #main .table-payment th {
	padding:16px 8px;
	width:200px;
	vertical-align:top;
}
#page-shopping #main .table-payment td {padding:16px 8px;}

/* .table-receipt */
#page-shopping #main .table-receipt {
	margin:8px 0;
	width:100%;
	line-height:2;
}
#page-shopping #main .table-receipt th {
	padding:16px 8px;
	width:200px;
	vertical-align:top;
}

/* .table-confirm-payment */
#page-shopping #main .table-confirm-payment {
	margin:24px 0 0 0;
	width:100%;
	line-height:2;
}
#page-shopping #main .table-confirm-payment th {
	padding:16px 8px;
	width:200px;
	vertical-align:top;
}
#page-shopping #main .table-confirm-payment .thead th {
	padding:4px 8px;
	background:#dedede;
	border:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}
#page-shopping #main .table-confirm-payment td {padding:16px 8px;}

/* .area-asknote */
#page-shopping #main .area-asknote {margin:16px 0 48px 0;}

/* .area-btn */
#page-shopping #main .area-btn {
	padding:32px 0 0 0;
/* 	border-top:1px solid #ccc; */
}
#page-shopping #main .area-btn .err-adddeliv {margin:0 0 16px 0;}
#page-shopping #main .area-btn .txt-nextpage {
	margin:0 0 24px 0;
	padding:16px 0 0 0;
	border-top:1px solid #ccc;
	text-align:center;
}
#page-shopping #main .area-btn .btn {margin:0 24px;}
#page-shopping #main .area-btn .btn-next {
	height:32px;
	background:url(/images/shopping/btn_form.png) 0 0 no-repeat;
	border:none;
	outline:none;
	text-indent:-5000px;
	cursor:pointer;
}
#page-shopping #main .area-btn .btn-deliv {
	width:320px;
	background-position:0 0;
}
#page-shopping #main .area-btn .btn-payment {
	width:280px;
	background-position:-320px 0;
}
#page-shopping #main .area-btn .btn-confirm {
	width:280px;
	background-position:-600px 0;
}
#page-shopping #main .area-btn .btn-complete {
	width:280px;
	background-position:-880px 0;
}
#page-shopping #main .area-btn .btn-adddeliv {
	width:200px;
	background-position:-1160px 0;
}
#page-shopping #main .area-btn .btn-delivregist {width:189px;background:url(/images/shopping/btn_delivregist.png) 0 0 no-repeat;}
#page-shopping #main .area-btn .btn-deliv:hover {background-position:0 -32px;}
#page-shopping #main .area-btn .btn-payment:hover {background-position:-320px -32px;}
#page-shopping #main .area-btn .btn-confirm:hover {background-position:-600px -32px;}
#page-shopping #main .area-btn .btn-complete:hover {background-position:-880px -32px;}
#page-shopping #main .area-btn .btn-adddeliv:hover {background-position:-1160px -32px;}
#page-shopping #main .area-btn .btn-delivregist:hover {background-position:0 -32px;}

/*
 *	#page-guide
------------------------------------------*/
#page-guide #main {}
#page-guide #main .nav-page {}
#page-guide #main .nav-page ul {margin:16px 0 0 24px;}
#page-guide #main .nav-page ul li {
	margin:0 0 8px 0;
	list-style:disc;
	line-height:1.6;
}
#page-guide #main .nav-page ul li a {color:#2b2b2b}

/* .table-daibiki */
#page-guide #main .table-daibiki {
	margin:24px 0 0 0;
	width:480px;
	border:1px solid #ccc;
	line-height:2;
}
#page-guide #main .table-daibiki th {
	background:#333;
	border-bottom:1px solid #ccc;
	color:#fff;
	text-align:center;
}
#page-guide #main .table-daibiki td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* .table-delivfee */
#page-guide #main .table-delivfee {
	margin:24px 0 0 0;
	width:100%;
	border:1px solid #ccc;
	line-height:2;
}
#page-guide #main .table-delivfee th {
	border:1px solid #ccc;
	text-align:left;
}
#page-guide #main .table-delivfee td {
	border-bottom:1px solid #ccc;
}

/* .list-guide */
#page-guide #main .btn-cartin-fax {margin:16px 0 0 0;}
#page-guide #main .list-guide {margin:16px 0 0 24px;}
#page-guide #main .list-guide li {
	margin:0 0 8px 0;
	list-style:disc;
	line-height:1.6;
}

/* .list-faq */
#page-guide #main .list-faq {line-height:1.6;}
#page-guide #main .list-faq dt {
	margin:0 0 8px 0;
	font-weight:bold;
}
#page-guide #main .list-faq dd {margin:0 0 24px 0;}

/*
 *	#page-company
------------------------------------------*/
#page-company {}
#page-company #main .table-company {}
#page-company #main .table-company th {
	width:140px;
	text-align:left;
}

/*
 *	#page-law
------------------------------------------*/
#page-law {}
#page-law #main .table-law {}
#page-law #main .table-law th {
	width:160px;
	text-align:left;
}

/*
 *	#page-contact
------------------------------------------*/
#page-contact {}
#page-contact #main .table-contact {
	margin:24px 0 0 0;
	width:100%;
}
#page-contact #main .table-contact th {
	width:180px;
	text-align:left;
}

/*
 *	#page-sitemap
------------------------------------------*/
#page-sitemap {}
#page-sitemap #main .list-sitemap {margin:0 0 0 24px;}
#page-sitemap #main .list-sitemap a {
	color:#2b2b2b;
	text-decoration:none;
}
#page-sitemap #main .list-sitemap a:hover {text-decoration:underline;}
#page-sitemap #main .list-sitemap ul {margin:8px 0 0 48px;}
#page-sitemap #main .list-sitemap li {
	margin:32px 0;
	list-style:disc;
}
#page-sitemap #main .list-sitemap ul li {margin:16px 0;}
#page-sitemap #main .list-sitemap ul li ul {margin:8px 0 0 48px;}
#page-sitemap #main .list-sitemap ul li ul li {margin:0 0 8px 0;}

/*------------------------------------------
 *	#sidebar
------------------------------------------*/
#sidebar {}
#sidebar .nav-products {}
#sidebar .nav-products h2 {
	padding:5px 0;
	background:#0b1325;
	color:#fff;
	text-align:center;
}
#sidebar .nav-products ul {
	margin:0 0 20px 0;
	font-size:12px;
}
#sidebar .nav-products ul li {border-bottom:1px solid #e6e6e6;}
#sidebar .nav-products ul li a {
	display:block;
	padding:9px 0 9px 10px;
	text-decoration:none;
}
#sidebar .nav-products ul li a:hover {background:#f6f6f6;}

/*------------------------------------------
 *	#footer-global
------------------------------------------*/
#footer-global {
	overflow:hidden;
	margin:0 auto;
	padding:0 0 48px 0;
	width:960px;
}
#footer-global .sns-like {float:left;}
#footer-global .nav-footer {
	float:right;
	margin:5px 0 16px 0;
}
#footer-global .nav-footer ul {
	border-left:1px solid #ccc;
	font-size:12px;
}
#footer-global .nav-footer ul li {
	display:inline;
	padding:0 19px;
	border-right:1px solid #ccc;
}
#footer-global .nav-footer ul li a {
	color:#2b2b2b;
	text-decoration:none;
}
#footer-global .copyright {
	clear:both;
	text-align:right;
	color:#666;
	font-size:10px;
}

/*------------------------------------------
 *	Module
------------------------------------------*/
/*
 *	Form Parts
------------------------------------------*/
.box-input {
	margin:0 0 5px 0;
	border:1px solid #ccc;
	padding:8px;
	font-size:12px;
}
.box60 {width:60px;}
.box80 {width:80px;}
.box-half {width:35%;}
.box-max {width:85%;}
.require {color:#af211b;}
.attention {color:#af211b;}
.txt-err {color:#af211b;}

/*
 *	Text & Font
------------------------------------------*/
/* text-align */
.align-l {text-align:left;}
.align-c {text-align:center;}
.align-r {text-align:right;}

/* color */
.important {color:#af211b;}

/* weight */
.f-weight-b {font-weight:bold;}