@charset "utf-8";
/* CSS Document */

body{
  font-family: "Arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 90%;
  text-align:center;
  padding: 0;
  margin: 0;
}

a{/*リンクされた文字*/
    color:#F60;
    font-style:normal;
    text-decoration:none;
}
a:link {/*未訪問のリンク*/
    color:#F60;
    font-style:normal;
    text-decoration:none;
}
a:visited {/*訪問後のリンク*/
    color:#F60;
    text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:underline;
}

img{
	border:0;
	margin:0px;
	padding:0px;
    opacity: 1;
    transition: 0.3s;
}
	
a:hover img{
    opacity: .5;
}

.spenic{
	font-size:0.01px;
	color:#FFF;
	margin:0;
	padding:0;
}

#head_wrapper{
	background-color:#000;
}

#wrapper {
  text-align: left;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}


#head{
	width:960px;
	height:100px;
	background-image:url(/image/toplogo.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding: 0;
}
#head_en{
	width:960px;
	height:100px;
	background-image:url(/image/toplogo_en.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding: 0;
}
#head a:link {/*未訪問のリンク*/
    color:#F90;
    font-style:normal;
    text-decoration:none;
}
#head a:visited {/*訪問後のリンク*/
    color:#F90;
    text-decoration:none;
}
#head a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
#head a:active {/*クリック中*/
    text-decoration:underline;
}

#head_link{
	float:left;
	bottom:0;
}

#head_contents{
	float:right;
	color:#CCC;
	text-align:left;
	margin-top:20px;
	margin-right:50px;
	padding:7px 15px 9px 15px;
	background-color:rgba(0,0,0,0.40);
	border:#333 1px solid;
	border-radius:10px;
}
#head_sns{
	bottom:0;
	float:left;
	margin-left:5px;
	margin-top:55px;
}
#head_sns a{
	float:left;
	padding:3px;
}

#slide{
	width:960px;
	height:439px;
	margin-top:5px;
}

#menu{
	width:960px;
	height:40px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
}

#menubutton ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#menubutton li{
	font-family: 'Dosis', sans-serif;
	font-size:24px;
	width:160px;
	height:40px;
	float: left;
	margin:15px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

#menubutton li a{
	font-family: 'Dosis', sans-serif;
	font-size:24px;
	display: block; 
	background: url(/image/button01.jpg) no-repeat;
	border: 0px;
	padding: 3px;
	text-decoration: none;
	width:160px;
	height:40px;
	margin: 0px;
	color:#333;
	text-align: center;
	font-size: 24px;
	}
	
#menubutton li a:hover{
	display: block; 
	background: url(/image/button02.jpg) no-repeat;
	text-decoration: underline;
	color:#999;
	margin: 0px;
	}

#contents{
	margin-top:15px;
	margin-bottom:5px;
}

#contents_left{
	float:left;
	width:600px;
}

.fb{
	width:600px;
	height:500px;
	margin-top:15px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:18px;
  	border: 3px solid #c6c4c4;
	padding:0px;
	background-color: #f7f7f7;
	text-align:center;
}

#movie{
	width:600px;
	height:225px;
	background-image:url(/image/movie.jpg);
	background-repeat:no-repeat;
	margin:20px 0px 19px 0px;
}

.movie_text{
	margin:48px 0px 0px 15px;
	float:left;
	color:#FFF;
	width:225px;
}
.movie_text a{/*リンクされた文字*/
    color:#F90;
    font-style:normal;
    text-decoration:none;
}
.movie_text a:link {/*未訪問のリンク*/
    color:#F90;
    font-style:normal;
    text-decoration:none;
}
.movie_text a:visited {/*訪問後のリンク*/
    color:#F90;
    text-decoration:none;
}
.movie_text a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
.movie_text a:active {/*クリック中*/
    text-decoration:underline;
}


.movie_sumnail{
	margin:20px 0px 0px 21px;
	float:left;
}
	

#news_bigdiv{
	width:600px;
	padding:0px;
	margin:0px 0px 15px 0px;
}

.news_news{
	background-image:url(../image/news.jpg);
	background-repeat:no-repeat;
	width:295px;
	height:250px;
	margin:0px 0px 10px 4px;
	float:left;
}

.news_newproduct{
	background-image:url(../image/newproduct.jpg);
	background-repeat:no-repeat;
	width:295px;
	height:250px;
	margin:0px 0px 10px 4px;
	float:left;
}

.news_event{
	background-image:url(../image/event.jpg);
	background-repeat:no-repeat;
	width:295px;
	height:250px;
	margin:0px 0px 10px 4px;
	float:left;
}

.news_restocked{
	background-image:url(../image/restocked.jpg);
	background-repeat:no-repeat;
	width:295px;
	height:250px;
	margin:0px 0px 10px 4px;
	float:left;
}

.news_text{
	padding:30px 10px 0px 10px;
	margin:0px;
	color:#FFF;
	width:285px;
	height:70px;
}
.news_text a{/*リンクされた文字*/
    color:#F90;
    font-style:normal;
    text-decoration:none;
}
.news_text a:link {/*未訪問のリンク*/
    color:#F90;
    font-style:normal;
    text-decoration:none;
}
.news_text a:visited {/*訪問後のリンク*/
    color:#F90;
    text-decoration:none;
}
.news_text a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
.news_text a:active {/*クリック中*/
    text-decoration:underline;
}

.news_image{
	margin:0px 0px 0px 4px;
	padding:0px;
}

.scr {
  overflow-y: scroll;   /* スクロール表示 */
  overflow-x:hidden;
  width: 598px;
  height: 300px;
  border:thin 1px #333;
  border-bottom: 1px solid #ccc;
  margin:10px 0px 0px 0px;
}

.scr_new {
  overflow-y: scroll;   /* スクロール表示 */
  overflow-x:hidden;
  width: 350px;
  height: 250px;
  border:thin 1px #333;
  border-bottom: 1px solid #ccc;
  margin:2px 0px 0px 0px;
}

#contents_right{
	float:right;
	width:350px;

}

.headline{
	width:350px;
	height:450px;
	margin:0px;
	padding:0px;
	background-image:url(../image/headline.jpg);
	background-repeat:no-repeat;
}

.headline_title{
	font-family: 'Dosis', sans-serif;
	font-size:18px;
	margin:0px;
	padding:30px 0px 30px 10px;
}

.headline_content{
	margin:0px;
	padding:0px 10px 10px 10px;
	height:100px;
}

.headline_image{
	margin:0px;
	padding:0px 3px 0px 9px;
}

.banner{
	margin:0px 0px 20px 0px;
	border:#000 solid 1px;
}


.bannerc{
	margin:0px 0px 20px 0px;
	border:#000 solid 0px;
}

#footerwrapper {
  padding: 0.5em 0;
  background-color:#000;
}

#footer{
	width:960px;
	background-color:#000;
	margin: 0 auto;
	padding: 0;
}
#footer a:link {/*未訪問のリンク*/
    color:#F90;
    font-style:normal;
    text-decoration:none;
}
#footer a:visited {/*訪問後のリンク*/
    color:#F90;
    text-decoration:none;
}
#footer a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
#footer a:active {/*クリック中*/
    text-decoration:underline;
}

.footerleft{
	float:left;
	color:#FFF;
	text-align:left;
	width:240px;
	margin-top:50px;
}
.footercenter{
	float:left;
	color:#FFF;
	text-align:left;
	width:240px;
	margin-top:50px;
}
.footercontents{
	float:left;
	color:#FFF;
	text-align:left;
	width:240px;
	margin-top:50px;
	margin-left:40px;
}
.footerright{
	float:left;
	color:#FFF;
	text-align:left;
	width:200px;
	margin-top:50px;
}
.footer_title{
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}
.footerfooter{
	color:#FFF;
	text-align:center;
	margin-top:20px;
}

.backtop{
	margin:15px 0px 0px 0px;
	text-align:right;
}

#rod_left{
	width:600px;
	height:auto;
	float:left;
	margin:0px 0px 5px 0px;
}


#rod_right{
	width:350px;
	margin:0px 0px 5px 10px;
	float:right;
}

#rod_size{
	width:960px;
	height:auto;
	margin:0px 0px 35px 0px;
}

strong{
	color:#F00;
	font-weight:bold;
}

.img_right{
	float:right;
}

.error1{
	width:960px;
	text-align:center;
	background-color:#FF9;
	margin:20px auto 50px auto;
}

.error2{
	line-height: 3em;
	margin:30px;
}

.gotoenglish{
	float:right;
	margin-bottom:15px;
	width:230px;
}

.clear {
  clear:both;　/*floatの解除、ここがポイント*/
}