@charset "utf-8";

/*-----------------------------------------------------------------------*/
/*【common】*/
/*-----------------------------------------------------------------------*/
html {
	font-size:1em;
}
html,
input,
textarea {
	font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

html {
	font-size:0.875em;
}

}/*-----769px以上-----*/

.clearfix:after {
	clear:both;
	content:"";
	display:block;
}
.clearfix {
	clear:both;
}
a img {
	border:none;
}
strong {
	font-weight:normal;
}

.kome {
	padding-left:1em;
	text-indent:-1em;
}
.sp {
	display:block;
}
.nosp {
	display:none;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

.sp {
	display:none;
}
.nosp {
	display:block;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【layout】*/
/*-----------------------------------------------------------------------*/
body {
	margin:0;
}

header,
#navi,
#content,
footer {
	margin:auto;
	max-width:950px;
	width:100%;
	background:#ffffff;
}
#content {
	padding-top:0.5em;
	padding-bottom:10px;
}
#content-inner {
	margin-left:5px;
	margin-right:5px;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

#content {
	padding:0;
}
#content-inner {
	margin-left:0px;
	margin-right:0px;
}

}/*-----769px以上-----*/


/*-----769px以上-----*/
@media screen and (min-width:769px) {

#main-content {
	float:left;
	width:100%;
}
#main-content article {
	margin-left:10px;
	margin-right:265px;
}
#main-content article#full {
	margin-left:10px;
	margin-right:10px;
}
#side-content {
	float:right;
	width:230px;
	margin-left:-240px;
	margin-right:10px;
}


}/*-----769px以上-----*/

/*-----768px以下-----*/
@media screen and (max-width:768px) {

#main-content,
#side-content {
	line-height:1.4em;
}

}/*-----768px以下-----*/


/*-----------------------------------------------------------------------*/
/*【header】*/
/*-----------------------------------------------------------------------*/
header {
}
header img {
	max-width:100%;
	height:auto;
	width /***/:auto;
	vertical-align:bottom;
}


/*-----------------------------------------------------------------------*/
/*【navi】*/
/*-----------------------------------------------------------------------*/
#navi {
	display:none;
}
#navi ul {
	z-index:6000;
	margin:0;
	padding:1em;
	position:fixed;
	top:5px;
	right:0.5em;
	width:10em;
	background:#fefefe;
	opacity:1.0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 3px;
}
#navi li {
	margin:0;
	padding:0;
	list-style:none;
}
#navi li a {
	display:block;
	font-size:0.9em;
	padding-top:0.8em;
	padding-bottom:0.8em;
	border-bottom:1px solid #cccccc;
}
#navi li a,
#navi li a:hover {
	color:#333333;
	text-decoration:none;
}
#navi li#spnaviclose a {
	border:1px solid #cccccc;
	margin-top:1em;
	margin-left:5em;
	padding:0.7em;
	text-align:center;
	background:none;
}
#navi-menu {
	display:inline;
	position:absolute;
	top:15px;
	right:10px;
}


/*-----769px以上-----*/
@media screen and (min-width:769px) {

#navi {
	display:block;
	overflow:hidden;
}
#navi ul {
	margin:0;
	padding:0;
	display:table;
	width:100%;
	position:static;
	opacity:1.0;
	border-radius:0;
	-moz-border-radius:0x;
	-webkit-border-radius:0x;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
#navi li {
	margin:0;
	padding:0;
	list-style:none;
	display:table-cell;
	width:12.5%;
	height:3.5em;
	vertical-align:middle;
}
#navi li a {
	display:table;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	text-decoration:none;
	border:none;
}
#navi li a span {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
#navi li#spnaviclose {
	display:none;
}

}/*-----769px以上-----*/


#spnavi {
	position:fixed;
	right:10px;
	top:5px;
	z-index:5000;
	display:none;
}
#spnavi a {
	display:block;
	color:#ffffff;
	padding:1em;
	margin:0;
	background:#000000;
	opacity:0.7;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:0.750em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#spnavi a:hover {
	background:#666666;
	color:#ffffff;
}


/*-----------------------------------------------------------------------*/
/*【footer】*/
/*-----------------------------------------------------------------------*/
footer {
	padding:1em 0 3em 0;
}
footer ul {
	margin:0;
	padding:0;
	padding-left:1em;
}
footer li {
	margin:0;
	padding:0;
	margin-bottom:1em;
	list-style:none;
}
footer a {
	text-decoration:none;
}
footer p {
	margin:0;
	margin-top:1em;
	padding:0;
	padding-left:1em;
	line-height:1.6em;
}
footer p br {
	display:none;
}
footer p span {
	display:block;
}
footer p#copyright {
	line-height:1em;
	font-size:0.857em;
	text-align:center;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

footer {
	text-align:right;
	padding-bottom:1em;
}
footer ul {
	padding-right:1em;
	text-align:right;
}
footer li {
	display:inline-block;
	margin:0;
	padding:0;
	margin-left:1em;
}
footer a {
	text-decoration:underline;
}

footer p {
	padding-left:0;
	padding-right:1em;
}
footer p br {
	display:inline;
}
footer p span {
	display:inline;
	margin-left:1em;
}
footer p#copyright {
	font-size:1em;
	text-align:right;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【pagetop】*/
/*-----------------------------------------------------------------------*/
#pagetop {
	position:fixed;
	right:10px;
	bottom:5px;
	z-index:5000;
	display:none;
}
#pagetop a {
	display:block;
	color:#ffffff;
	padding:1em 2.5em;
	margin:0;
	background:#000000;
	opacity:0.7;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:0.750em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

#pagetop {
	display:none;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【title】*/
/*-----------------------------------------------------------------------*/
h1 {
	margin:0;
	padding:0;
	margin-bottom:0.5em;
	padding-top:0.5em;
	padding-bottom:0.2em;
	font-size:1.429em;
	font-weight:bold;
}
h2 {
	margin:0;
	padding:0;
	margin-bottom:0.5em;
	padding-top:0.5em;
	padding-bottom:0.2em;
	font-size:1.286em;
	font-weight:bold;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

h1 {
	margin:0;
	padding:0;
	font-size:1.286em;
	margin-bottom:1em;
	padding-top:10px;
	padding-left:25px;
	background:url(images/icon03.gif) left no-repeat;
	background-position:0px 13px;
}
h2 {
	margin:0;
	padding:0;
	font-size:1.143em;
	margin-top:1em;
	margin-bottom:1em;
	padding-top:2px;
	padding-left:25px;
	background:url(images/icon01.gif) left no-repeat;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【main-content】*/
/*-----------------------------------------------------------------------*/
#main-content section {
	margin-top:2em;
	margin-bottom:2em;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

#main-content p {
	margin-left:1em;
	margin-right:1em;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【new】*/
/*-----------------------------------------------------------------------*/
.newinfo {
}
.newinfo dt {
	margin:0;
	padding:0;
	padding-left:5px;
}
.newinfo dd {
	margin:0;
	padding:0;
	margin-left:1em;
	margin-bottom:1em;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

.newinfo {
	margin:0;
	padding:0;
	margin-top:1em;
	margin-left:0.5em;
	margin-right:1em;
}
.newinfo dt {
	clear:left;
	float:left;
	width:6.5em;
	margin-bottom:0.5em;
}
.newinfo dd {
	margin-left:7.5em;
	margin-bottom:0.5em;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【list】*/
/*-----------------------------------------------------------------------*/
ul.list {
	margin:0;
	padding:0;
	margin-top:1em;
	margin-bottom:2em;
}
ul.list li {
	margin:0;
	padding:0;
	margin-left:1em;
	margin-bottom:0.5em;
	list-style:url(images/icon02.gif);
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

ul.list li {
	margin-left:2.4em;
}

}/*-----769px以上-----*/

#side-content ul.list li {
	margin:0;
	padding:0;
	margin-left:1.3em;
	margin-bottom:0.5em;
	list-style: url(images/icon02.gif);
}
/*-----769px以上-----*/
@media screen and (min-width:769px) {

#side-content ul.list li {
	margin-left:1.5em;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【company】*/
/*-----------------------------------------------------------------------*/
#companylink {
	margin-left:0
}
#companylink span {
	display:none;
}
#companylink a {
	font-weight:bold;
	text-decoration:none;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

#companylink {
	margin-left:1em
}
#companylink span {
	display:inline;
	margin-right:1em;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【foot inquiry】*/
/*-----------------------------------------------------------------------*/
#footinquiry {
	margin:0;
	padding:0;
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;
	font-size:1.286em;
	font-weight:bold;
}


/*-----768px以下-----*/
@media screen and (max-width:768px) {

#footinquiry span {
	display:none;
}
#footinquiry a {
	display:block;
	padding:1em;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

}/*-----768px以下-----*/


/*-----------------------------------------------------------------------*/
/*【side-content】*/
/*-----------------------------------------------------------------------*/
#side-content section {
	margin-bottom:2em;
}

#sitemap {
	margin-top:0;
}
#sitemap dl {
	margin:0;
	padding:0;
	margin-top:0.5em;
}
#sitemap dt {
	margin-bottom:0.3em;
	font-weight:bold;
}
#sitemap dt a {
	display:block;
	padding:0.5em;
	text-decoration:none;
}

#sitemap dd {
	margin-bottom:1em;
	margin-left:1em;
}
#sitemap dd br {
	display:none;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

#sitemap h2 {
	font-size:1em;
	padding-top:4px;
	padding-bottom:2px;
}

#sitemap dl {
	margin-left:0.5em;
}
#sitemap dt a {
	padding:0.3em;
	padding-left:1em;
}

#sitemap dd {
	margin-bottom:0.5em;
}
#sitemap dd br {
	display:inline;
}

}/*-----769px以上-----*/

#fb-like-box {
	padding-bottom:2em;
}
/*-----769px以上-----*/
@media screen and (min-width:769px) {

#fb-like-box {
	padding:0;
	margin-bottom:2em;
}

}/*-----769px以上-----*/

#sideinquiry img {
	display:block;
	margin:auto;
	margin-top:1em;
}


/*-----------------------------------------------------------------------*/
/*【goodslist】*/
/*-----------------------------------------------------------------------*/
#goodslist {
}
#goodslist dl {
	margin:0;
	padding:0;
	margin-top:0.5em;
}
#goodslist dt {
	margin:0;
	padding:0;
	font-weight:bold;
	text-align:center;
}
#goodslist dt a {
	display:block;
	padding:0.5em;
	text-decoration:none;
}
#goodslist dd {
	margin:0;
	padding:0;
}
#goodslist dd a {
	display:block;
	padding:0.5em;
	text-decoration:none;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

#goodslist dt a {
	padding:0.3em;
}
#goodslist dd a {
	padding:0.3em;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【side ISO】*/
/*-----------------------------------------------------------------------*/
#side-iso {
	border:1px dotted #696969;
	padding:1em;
	margin-bottom:2em;
	text-align:center;
	color:#696969;
	font-size:0.857em;
}


/*-----------------------------------------------------------------------*/
/*【image】*/
/*-----------------------------------------------------------------------*/
.image ul {
	margin:0;
	padding:0;
	margin-top:1em;
	margin-bottom:1em;
}
.image li {
	display:inline-block;
	margin:0px;
	margin-bottom:0.5em;
	padding:0px;
	width:100%;
	max-width:200px;
	list-style:none;
	text-align:center;
	line-height:1em;
	vertical-align:top;
}
.image li img {
	max-width:100%;
	height:auto;
	width /***/:auto;
	border:1px solid #cccccc;
}
.image li span {
	display:block;
	font-size:0.857em;
	text-align:left;
	line-height:1.2em;
}

.image ul {
	margin-left:-2%;
}
.image li {
	margin-left:2%;
	width:48%;
}

.package li img {
	border:none;
}
.package li span {
	text-align:center;
}
.package li span a {
	color:#000000;
	font-weight:bold;
}
.image2.package li {
	max-width:300px;
}

/*-----480px以下-----*/
@media screen and (max-width:480px) {

.image2.package li {
	width:100%;
}

}
/*-----480px以下-----*/

/*-----480px以上-----*/
@media screen and (min-width:480px) {

.image2 li {
	width:48%;
}
.image3 li {
	width:31.3%;
}
.image4 li {
	width:23%;
}

}/*-----480px以上-----*/

/*-----769px以上-----*/
@media screen and (min-width:769px) {

.image {
	margin-left:1em;
	margin-right:1em;
}

}/*-----769px以上-----*/


.iso {
	text-align:center;
}
.iso ul {
	margin:0;
}
.iso li {
	max-width:318px;
	margin-left:0;
	width:100%;
}
/*-----600px以上-----*/
@media screen and (min-width:480px) {

.iso {
	text-align:left;
}
.iso ul {
	margin-left:-2%;
}
.iso li {
	margin-left:2%;
	width:48%;
}

}/*-----600px以上-----*/



#main-content img {
	max-width:100%;
	height:auto;
	width /***/:auto;
}


/*-----------------------------------------------------------------------*/
/*【table】*/
/*-----------------------------------------------------------------------*/
table.syouhin {
	width:100%;
	border-collapse:collapse;
	empty-cells:show;
	margin-bottom:2em;
	margin-top:1em;
}
table.syouhin th,
table.syouhin td {
	padding:0.5em 0.1em;
	text-align:center;
}


/*-----769px以上-----*/
@media screen and (min-width:769px) {

table.syouhin {
	max-width:550px;
	margin:auto;
	margin-top:1em;
}
table.syouhin th,
table.syouhin td {
	padding:0.5em;
}
.tablewrap {
	margin-left:1em;
	margin-right:1em;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【inquiry】*/
/*-----------------------------------------------------------------------*/

/*-----769px以上-----*/
@media screen and (min-width:769px) {

#inquirylink {
	width:80%;
	margin-left:1em;
}

}/*-----769px以上-----*/

form {
	margin:0;
	padding:0;
	display:inline;
}
.input_kanji {
	ime-mode: active;
}
.input_ank {
	ime-mode: inactive;
}
.input_ankonly {
	ime-mode: disabled;
}
input:focus,
textarea:focus {
	outline:none;
}

.error {
	color:#ff0000;
	font-weight:normal;
	margin-bottom:5px;
}

span.red,
#inquiry table th span {
	color:#ff0000;
}

#inquiry table {
	width:100%;
	border-collapse:collapse;
	empty-cells:show;
	margin-bottom:1em;
}
#inquiry table th {
	display:block;
	padding:0.3em 0 0 0;
	text-align:left;
	font-weight:bold;
}
#inquiry table th br {
	display:none;
}
#inquiry table td {
	display:block;
	padding:0px;
	padding-bottom:0.3em;
}
#inquiry table td p {
	margin:0;
	padding:0;
}
input,
textarea {
	margin:0px;
	padding:0.5em;
	width:96%;
	margin-bottom:5px;
}
textarea {
	height:3em;
}

input[type="submit"] {
	width:100%;
	padding:1em;
	margin-bottom:1em;
}
#button {
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;
}

#inquiry .styleb {
	font-weight:bold;
}
#inquiry .styleb .mail {
	text-decoration:underline;
}

input.input_size {
	width:60%;
}
input.input_num {
	width:80%;
}
input.haveunit {
	margin-right:5px;
}
#inquiry table td .sizeinput2 {
	margin-left:-1em;
}
#inquiry table td .sizebox span {
	display:inline-block;
	width:5em;
}

/*-----600px以上-----*/
@media screen and (min-width:600px) {

#inquiry table th,
#inquiry table td {
	display:table-cell;
	padding:0.8em;
}
#inquiry table th {
	white-space:nowrap;
	font-weight:bold;
	width:12em;
}
#inquiry table th br {
	display:inline;
}
#inquiry table td br.l2 {
	display:none;
}

}/*-----600px以上-----*/

/*-----769px以上-----*/
@media screen and (min-width:769px) {

input.input_company {
	width:30em
}
input.input_zip {
	width:10em
}
input.input_name {
	width:30em
}
input.input_tel {
	width:15em
}
input.input_mail {
	width:30em
}
input.input_hinban {
	width:15em
}
input.input_case {
	width:5em
}
input.input_size {
	width:5em;
}
input.input_num {
	width:5em
}

textarea {
	height:6em;
}
input[type="submit"] {
	width:auto;
	padding:1em 3em;
	margin:0;
}


#inquiry table td .sizetitle {
	margin-bottom:5px;
}

#inquiry table td .sizebox {
	display:inline-block;
	margin-left:1em;
}
#inquiry table td .sizeboxc {
	display:inline-block;
}
#inquiry table td .sizebox span {
	display:inline;
	margin-right:5px;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【not found】*/
/*-----------------------------------------------------------------------*/
#notfound {
	margin:0;
	padding:0;
	padding-top:1em;
	padding-bottom:2em;
}

/*-----769px以上-----*/
@media screen and (min-width:769px) {

#notfound {
	padding-bottom:10em;
}

}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【COMODO】*/
/*-----------------------------------------------------------------------*/
#comodo-seal {
	margin-top:20px;
}