@charset "utf-8";

html {width: 100%; height: 100%;}
body { font-family: Roboto, calibli; font-size: 13px; line-height:1.5; color:#333333; background: #ffffff; width:100%; height: 100%}
a{color: #333333}
.clr {clear: both;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 , h6 , .h6{ font-weight: 700;}
h1,.h1 {font-size: 30px;}
h2,.h2 {font-size: 26px;}
h3,.h3 {font-size: 24px;}
h4,.h4 {font-size: 22px;}
h5,.h5 {font-size: 20px;}
h6,.h6 {font-size: 18px;}

a{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
a:visited {}
a:hover, a:visited:hover{}
a:focus, a:visited:focus {}
a:link, a:visited:link {}


/********** LAYOUT **********/
#wrapper{position: relative; width: 100%; min-height: 100%; height: auto !important; height: 100%;}

#header{width: 100%; height: 100%;}
#contents{width: 100%;}
#contents{padding-bottom: 120px;} /*フッターの高さと同じ*/
#footer{position:absolute;  bottom:0;  width:100%; height: 120px; background-color: #ffffff; border-top: 1px solid #cccccc;}

#header .inner, #contents .inner, #footer .inner{width: 960px; margin: 0 auto;}

/* #index-left{width: 190px; float: left; background-color: #156484;} */
#index-center{width: 770px; float: left; margin-top: 30px;}
#index-right{width: 190px; float: left; margin-top: 30px;}


/********** HEADER **********/
.header-slide{width: 100%; height: 400px;}
.menu-wrapper{width: 100%; background-color: #eeeeee;}
ul.menu{font-size: 0; text-align: center;}
ul.menu li{display: inline-block; font-size: 12px;}
ul.menu li a{display: block; padding: 2em 4em;}
ul.menu li a:hover{background-color: #949494; color: #fff;}
ul.menu span{display: block; font-size: 16px; padding-bottom: 3px; font-weight:bold; }

a.fortop{display: block; float: left; margin-right: 30px; height: 65px;}
a.fortop:hover img{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

ul.menu-top{display: block; float: left; font-size: 0; text-align: center;}
ul.menu-top li{display: inline-block; font-size: 12px;}
ul.menu-top li a{display: block; padding: 1em 4em;}
ul.menu-top li a.on{background-image: url(../img/menubar.gif); background-repeat:repeat-x; background-position: center bottom; }
ul.menu-top li a:hover{background-color: #949494; color: #fff;}
ul.menu-top span{display: block; font-size: 16px; padding-bottom: 1px; font-weight:bold; }


/********** FOOTER **********/
#footer .inner{margin-top: 15px;}
ul.footer-link{font-size: 0; text-align: center;}
ul.footer-link li{display: inline-block; padding: 5px;}
ul.footer-link a:hover img{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

/********** CONTENTS **********/
#index-center p{font-size: 20px; line-height: 1.7}
.wide-center{width: 960px;}
.slim-center{width: 720px; margin: 0 auto 50px;}
.goods-box{border: 1px solid #cccccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 15px; margin-top: 20px;}
.goods-dis{width: 750px; padding-left: 180px; background-image: url(../img/utto.jpg); background-repeat: no-repeat;}

.btn {
	font-size:14px;
	-moz-border-radius:8px;	-webkit-border-radius:8px;border-radius:8px;
	border:0px;
	padding:9px 18px;
	text-decoration:none;
	background-color:#fb9e25;
	color:#ffffff;
	display:inline-block;
}.btn:hover {
	background-color:#f9b057;
}

dl{display: block; margin: 15px 0px;}
dl dt{font-size: 13px; font-weight: 700;  float:left; clear:left;}
dl dd{float: left;}
dl:after {height: 0; visibility: hidden; content: ""; display: block; clear: both;}

h1{font-size: 23px; margin-top: 30px;}
h2{font-size: 23px; text-align: center; padding: 0 0 4px 0; border-bottom: 2px solid #e4aa01; margin:60px 0 10px 0;}
h2:first-child{margin-top: 30px;}
.slim-center p{font-size: 16px; font-weight: bold; padding: 0; line-height: 1.7; }
.slim-center img{padding: 20px 0 15px 0;}
h4{font-size: 18px; padding: 10px 0; border-bottom: 1px solid #cccccc;}
.goods-dis p{font-size: 14px; margin-bottom: 15px;}