@charset "utf-8";

* {font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}

body {
 color: #333;
 line-height:1.5;
 font-size:0.9em;
 -webkit-text-size-adjust: 100%;
 background: #b1d4ff;
}

img {
 max-width : 100% ;
 height : auto ;
} 

a{
 font-size:100%;
 color:#0e72c4;
 text-decoration:none;
}

a:hover, a:active{
 opacity:0.6;
 filter: alpha(opacity=60);
}

/* h
--------------------------------*/ 


/* wrapper,content,section
--------------------------------*/ 
#wrapper{
 width:960px;
 margin:0 auto;
 background: #fff;
}

#content{
 width:960px;
 margin:0 0 80px 0;
 padding:40px 20px 0 20px;
}

section{margin:0 0 80px 0;}
section:after {
  content: "";
  clear: both;
  display: block;
}
section.normal p{
 width:100%;
 margin:0 0 20px 0;
}

#page-top {
 position: fixed;
 bottom:50px;
 right: 20px;
 font-size:1.3em;
}
#page-top a {
 background: #666;
 text-decoration: none;
 color: #fff;
 width: 80px;
 height:60px;
 padding:10px 0 0 0;
 text-align: center;
 display: block;
 border-radius: 5px;
 line-height:1;
 opacity:0.8;
 filter: alpha(opacity=80);
}
#page-top a:hover {
 text-decoration: none;
 background: #999;
}


/* top
--------------------------------*/
.top-information{
 width:860px;
 margin:10px auto 0px auto;
 padding:10px 20px;
 background:#000;
}

.select-c{
font-size:0.8em;
font-weight:bold;
}

.lps{
width:900px;
margin:10px auto;
color:#fff;
text-align:left;}


/* item（新）
--------------------------------*/
.item{
 width:920px;
 margin:30px auto;
 padding:20px;
 background:#fff;
 text-align:center;
}
.item section{
 margin:0 0 100px 0;
}
.item h2{
 padding:10px 0;
 color:#fff;
 font-size:2em;
 background:#000;
}
.item img,.item p{margin:0 0 20px 0;}
.item h3{
 margin:100px 0 10px 0;
 padding:5px 0;
 color:#fff;
 font-size:1em;
 background:#000;
}

.rubber{
 margin:0 0 20px 0;
 padding:0px 40px;
 border: 1px solid #999; 
}
.rubber:after {
  content: "";
  clear: both;
  display: block;
}
.rubber h4{ margin:10px 0 10px 0;}
.rubber p{
 margin:0 0 0 20px;
 text-align:left;
 float:left;
}
.rubber img{float:left;}

.btn-order{
 margin:0 auto;
 color:#fff;
 font-weight:bold;
 font-size:2em;
 display:inline-block;
 text-align:center;
 border: 1px solid #ccc;
 border-radius:8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#063181+0,063181+35,365fab+65,365fab+100 */
background: #063181; /* Old browsers */
background: -moz-linear-gradient(top,  #063181 0%, #063181 35%, #365fab 65%, #365fab 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #063181 0%,#063181 35%,#365fab 65%,#365fab 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #063181 0%,#063181 35%,#365fab 65%,#365fab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063181', endColorstr='#365fab',GradientType=0 ); /* IE6-9 */
}
.btn-order a{
 padding:20px 50px;
 color:#fff;
 display:block;
}


/* item（旧）
--------------------------------*/
.type table {
width:100%;
font-size:0.8em;
}
.type td {
 padding:5px 5px;
 text-align:center;
 border: 1px solid #999; 
 vertical-align:middle;
}
.type td.td-01{
 background:#000;
 color:#fff;
 text-align:center;
}
.type td.td-02{
 background:#999;
 color:#fff;
 text-align:left;
}
.type td.td-03{
 width:18%;
}
.type td.td-04{
 width:8%;
 background:#ddd;
}
.type td.td-05{
 text-align:left;
}



/* contact
--------------------------------*/
.contact h1{
 width:960px;
 margin:0 auto;
 color:#fff;
 font-size:0.9em;
 font-weight:normal;
}
.contact h2{
 margin:0 0 20px 0;
 padding:5px 30px;
 color:#022850;
 font-size:2.5em;
 border:3px double #022850;
 background:url(../img/common/h2-marker.gif) 10px 50% no-repeat;
}
.contact h3{
 margin:0 0 20px 0;
 padding:5px 30px;
 font-size:1.8em;
 text-align:left;
 color:#fff;
 background:#004996 url(../img/common/h3-marker.gif) 10px 50% no-repeat;
}
.contact h4{
 margin:0 0 20px 0;
 padding:5px 10px;
 color:#fff;
 background:#000;
}
.contact h5{
 margin:0 0 20px 0;
 padding:5px 10px;
 color:#fff;
 background:#999;
}

.contact table{
 width:100%;
 margin:0 0 20px 0;
 border:solid 1px #999; 
 border-bottom:1px solid #999;
}
.contact table th {
 width:25%;
 padding:5px 0px;
 font-weight:normal;
 text-align:center;
 border-right: 1px solid #999; 
 border-bottom: 1px solid #999;
 background:#ccc;
 vertical-align:middle;
}
.contact table td {
 width:75%;
 padding:5px 15px;
 text-align:left;
 border-bottom: 1px solid #999; 
}

.w-ss{width:5%;}
.w-s{width:15%;}
.w-m{width:50%;}
.w-l{width:100%;}

/* !!!メールフォームCGIに埋め込まれているclassっぽい!!!クラス名変更不可 */
.msg { color:#ff0000; }

/* orderform
--------------------------------*/
.orderform-size h4{
 margin:0 0 20px 0;
 padding:5px 10px;
 color:#fff;
 background:#000;
}
.orderform-size p {
 margin:0 0 20px 0;
}
.orderform-size table{
 width:100%;
 margin:0 0 20px 0;
 border:solid 1px #999; 
 border-bottom:1px solid #999;
}
.orderform-size table th {
 width:11%;
 padding:5px 0px;
 font-weight:normal;
 text-align:center;
 border-right: 1px solid #999; 
 border-bottom: 1px solid #999;
 background:#ccc;
 vertical-align:middle;
}
.orderform-size table td {
 width:14%;
 padding:5px 15px;
 text-align:left;
 border-right: 1px solid #999;  
 border-bottom: 1px solid #999; 
}


/* others
--------------------------------*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clear {clear: both;}

.red{color:#ff0000;}
.white{color:#fff;}

.f-l {float:left}
.f-r {float:right}

.fs-08{font-size:0.8em;}
.fs-09{font-size:0.9em;}
.fs-095{font-size:0.95em;}
.fs-11{font-size:1.1em;}
.fs-12{font-size:1.2em;}
.fs-15{font-size:1.5em;}
.fs-18{font-size:1.8em;}
.fs-20{font-size:2em;}

.ta-l{text-align:left;}
.ta-r{text-align:right;}
.ta-c{text-align:center;}

#opacity-06 img:hover{opacity: 0.6;}

.mb-20{margin-bottom:20px;}
.mb-40{margin-bottom:40px;}