@charset "euc-jp";
/* CSS Document */
@import "reset.css";
@import "index.css";
@import "profile.css";
@import "access.css";
@import "contact.css";
@import "stock.css";
@import "detail.css";
@import "list.css";
@import "mail.css";

html {-webkit-text-size-adjust: none}

body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "¥Ò¥é¥®¥Î³Ñ¥´ ProN W3", ¥á¥¤¥ê¥ª, sans-serif;
	font-size: 13px;
	background-color:#ffffff;
	color:#444;
	line-height:1.3em;
	background-image: url(../img/common/subtle_dots.png);
}

a {
	text-decoration: none;
	color:#444;
}

.w-100ps {
	width: 100%;
	height: auto;
}

.list {
	 margin-left: 2em;
 }
 
 .list li {
	 margin-bottom: 0.5em;
 }

/* main-visual
************************************************** */
#main-visual {
	margin-top: -50px;
	margin-bottom: 2px;
	/*margin-bottom: 10px;
	padding: 0 10px;*/
}

#main-visual img{
	display: block;
	/*border: 2px solid #fff;
	-moz-box-shadow:
		0px 1px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:
		0px 1px 10px rgba(0,0,0,0.3);
	box-shadow:
		0px 1px 10px rgba(0,0,0,0.3);*/
}

/* header
************************************************** */
header #header-navi {
	margin-bottom: 5px;
	background: #0373a4;
	border-top: 4px solid #222;

	-webkit-box-shadow: 0px 2px 10px rgba(000,000,000,0.3);
	-moz-box-shadow: 0px 2px 10px rgba(000,000,000,0.3);
	-ms-box-shadow: 0px 2px 10px rgba(000,000,000,0.3);
	box-shadow: 0px 2px 10px rgba(000,000,000,0.3);
}

header #header-navi ul {
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: box;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	box-pack: end;	
}

header #header-navi a {
	display: block;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#17a8eb 0%,
		#0f8cc2);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#17a8eb),
		to(#0f8cc2));
	border-left: 1px solid #5db1d8;
	color: #ffffff;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0);
	font-size: 12px;
}

header #header-navi li{
	list-style: none;

}

header #header-navi li img {
	display: inline-block;
	padding-right: 5px;
	vertical-align: middle;
}

#company-name h1{
	padding-top: 5px;
	/*padding-bottom: 5px;*/
	text-align: center;
	line-height: 0;
}

/* common-navi
************************************************** */
.common-navi {
	display: table;
	width: 100%;
	padding-bottom: 20px;
}

.common-navi a{
	display: table-row;
	background: -moz-linear-gradient(
		top,
		#f0f0f0 0%,
		#dedede 50%,
		#d6d6d6 51%,
		#c2c2c2);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f0f0f0),
		color-stop(0.50, #dedede),
		color-stop(0.51, #d6d6d6),
		to(#c2c2c2));
	}

.common-navi a .img{
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
	text-align: right;
	width: 40%;
	line-height: 0;
}

.common-navi a .img img{
	width: 50px;
	height: auto;
}

.common-navi a .txt{
	display: table-cell;
	width: 60%;
	margin: 0;
	padding: 0 0 0 30px;
	background-image: url(../img/common/common_navi_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 20px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.3);	
}

.common-navi a .img,
.common-navi a .txt{
	border-top: 1px solid #9c9c9c;
}

/* section
************************************************** */
section {
	background: #D2DCE2;
	background-image:url(../img/common/section_bg.png);
}

h2 {
	font-size: 15px;
	color: #ffffff;
	padding: 15px 10px 15px 45px;
	background: -moz-linear-gradient(
		top,
		#ff4d4a 0%,
		#ff2d29 50%,
		#f7120a 50%,
		#e30800);
	background-image: url(../img/common/orner_white_icon.png),
		-webkit-gradient(
		linear, left top, left bottom, 
		from(#ff4d4a),
		color-stop(0.50, #ff2d29),
		color-stop(0.50, #f7120a),
		to(#e30800));
	-moz-box-shadow:
		0px 0px 10px rgba(000,000,000,0);
	-webkit-box-shadow:
		0px 0px 10px rgba(000,000,000,0);
	box-shadow:
		0px 0px 10px rgba(000,000,000,0);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.3),
		0px 0px 0px rgba(255,255,255,0);		0px 0px 0px rgba(255,255,255,0);

	box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 2px 2px rgba(0, 0, 0, .2);	
	-moz-background-size:auto 100%;
	background-size:auto 100%;
	background-repeat: no-repeat;
	background-position: left;
	border-top: 1px solid #a00000;
}

h3 {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	color: #06C;
}

p {
	margin-bottom: 10px;
}

section .content {
	padding: 10px 5px 10px 5px;
}

section .inner {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2);
	-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2);
	-ms-box-shadow: 0px 1px 2px rgba(000,000,000,0.2);
	box-shadow: 0px 1px 2px rgba(000,000,000,0.2);
}

section .inner:last-child {
	margin-bottom: 0;
}

/* footer
************************************************** */
footer {
	background-color: #fff;
	border-top: 1px solid #ccc;
}

footer .page-top-btn {
	/*margin-top: 10px;*/
	padding: 10px;
	/*border-top: 1px solid #ddd;*/
	font-size:12px;
	text-align: center;
}

footer #footer-navi {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	padding: 10px;
	background: #ccc;
	line-height: 0;
}

footer #footer-navi a {
	display: block;
	padding: 5px 10px;
}

footer #footer-navi #tel-btn {
	margin-right: 10px;
}

footer #footer-navi #tel-btn,
footer #footer-navi #mail-btn {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;	
	font-size: 12px;
	color: #ffffff;
	text-align: center;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -moz-linear-gradient(
		top,
		#525252 0%,
		#333333);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#525252),
		to(#333333));
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.8),
		0px 1px 0px rgba(255,255,255,0);
}

footer #page-info {
	background: #eee;
	font-size: 12px;
	line-height: 1.2em;
}

footer #page-info address {
	padding: 15px;
	font-style: normal;
}

footer #page-info p {
	padding: 15px;
	background: #222;
	color: #fff;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}

/* footer
************************************************** */
.red {
	font-weight: bold;
	color: #F03;
}

.f-r {
	float: right;
}

.f-l {
	float: left;
}