@charset "utf-8";
/* formatting style
----------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	color: #FFFFFF;
	background-repeat: repeat;
	background-image: url(image/top/back-bk4.png);
	background-color: #000000;
}
/* link styles
----------------------------------------------------*/
a img {
	border-style: none;
}
img#wide {
	width: 100%;
	height: auto;
}

img#right {
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
}


a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	color: #000099;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	position: relative;
	left: 1px;
	top: 1px;
}


/* basic layout
----------------------------------------------------*/

#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #666666;
	border-left-color: #666666;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #666666;
	background-image: url(image/top/back-bk.png);
	background-color: #000000;
	background-repeat: no-repeat;
	padding-top: 10px;
	border-bottom-style: none;
}

#header table {
	margin-bottom: 2px;
	background-image: url(image/top/navi/navi-haikei2.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 41px;
}
#header {
	border: 1px solid #333333;
}


#header a:link {
	color: #333333;
	text-decoration: none;
}
#header a:visited {
	color: #333333;
	text-decoration: none;
}
#header a:hover {
	color: #339900;
	text-decoration: underline;
}
#header #header-navi {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-top-color: #111111;
	border-right-color: #FFFFFF;
	border-bottom-color: #666666;
	border-left-color: #FFFFFF;
	background-image: url(image/top/navi/navi-back.png);
	height: 41px;
	border-bottom-style: none;
}
#title {
}
#slider-widearea {
	height: 387px;
	background-image: url(image/top/slider-back.png);
}






#sidebar-l {
	float: left;
	width: 180px;
	margin-top: 10px;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #333333;
}
#sidebar-l #sidebar-ivy {
	background-color: #000000;
}

#sidebar-l a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebar-l a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebar-l a:hover {
	color: #339900;
	text-decoration: underline;
}
#sidebar-l #privacy a:link {
	color: #999999;
}
#sidebar-l #privacy a:visited {
	color: #999999;
}
#sidebar-l #privacy a:hover {
	color: #33CC00;
}






#main {
	float: right;
	width: 710px;
	margin-top: 10px;
	left: 195px;
	border-right: 1px none #333333;
	border-left: 1px none #333333;
}
#main #title {
	background-image: url(image/top/title-back-long.png);
	height: 32px;
	padding-left: 15px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 4px;
}


#submain  #title {
	background-image: url(image/top/title-back-long.png);
	height: 30px;
	padding-left: 15px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 4px;
}

#submain #title-hight {
	background-image: url(image/top/title-back-long.png);
	height: 60px;
	padding-left: 15px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 4px;
}


#submain table#list img {
	margin-right: 10px;
}


#main-index {
	float: left;
	width: 525px;
	left: 202px;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #333333;
	border-left-color: #333333;
}


#main-navi {
	margin-top: 2px;
	margin-left: 5px;
	float: right;
}
#main-index #news {
	border: 1px solid #333333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 506px;
}
#main-index #news a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#main-index #news a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#main-index #news a:hover {
	color: #66FF66;
}


#main-index #news td {
	color: #FFFFFF;
	padding: 5px;
}
#main-index #mainnavi img {
	margin-bottom: 15px;
}
#main #form {
	padding-left: 30px;
}
#main table#productstitle {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	margin-bottom: 10px;
}
#main table#item tr td {
	padding-left: 5px;
}


#main .fb-page {
	border: 1px solid #FFFFFF;
}
#main table#flame {
	background-image: url(image/top/flame-back340.png);
	background-repeat: no-repeat;
}
#main table#flame tr td {
	padding-right: 27px;
	padding-left: 20px;
}
#main table#flame-right {
	background-image: url(image/top/flame-back340.png);
	background-repeat: no-repeat;
}
#main table#flame-right tr td {
	padding-right: 27px;
	padding-left: 27px;
}


#wrapper-subpage #event {
	font-size: medium;
	line-height: 1.8em;
	padding-left: 10px;
}
#wrapper-subpage #event #news2017-07 {
	clear: both;
	width: 100%;
	padding-left: 50px;
}
#wrapper-subpage #event #news2017-09 {
	background-image: url(image/news/news17-09-2.png);
	padding-top: 190px;
	padding-left: 50px;
	height: 590px;
	background-repeat: no-repeat;
}
#event #flame-youtube {
	background-image: url(image/news/news18-04-2.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 50px;
	padding-bottom: 120px;
}
#event #flame-youtube-leftspace {
	padding-left: 50px;
}


#event #flame-youtube-gr {
	background-image: url(image/news/news18-05-2.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 50px;
	padding-bottom: 70px;
}

#event #flame-youtube-gr2 {
	background-image: url(image/news/news18-05-2.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 50px;
	padding-bottom: 70px;
}

#event #flame-youtube-ye {
	background-image: url(image/news/news-flame-yellow.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 120px;
	padding-left: 50px;
}

#event #flame-youtube-ye2 {
	background-image: url(image/news/news-flame-yellow2.png);
	background-repeat: no-repeat;
	padding-top: 150px;
	padding-bottom: 120px;
	padding-left: 50px;
}
#event #flame-youtube-19-11 {
	background-image: url(image/news/news19-11-2.png);
	padding-top: 560px;
	padding-left: 68px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
}


#wrapper-subpage #main-wh {
	color: #333333;
	background-color: #FFFFFF;
	float: right;
	width: 710px;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
#wrapper-subpage #sidebar-l {

}
#wrapper-subpage #main-wh #title h2 {
	background-image: url(image/top/title-back-long.png);
	padding-left: 10px;
	color: #FFFFFF;
	margin-top: 3px;
}
#wrapper-subpage #main-wh table#productstitle {
	background-image: url(image/top/title-back-long.png);
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	color: #FFFFFF;
	margin-bottom: 8px;
}
#wrapper-subpage #main-wh table#item tr td {
	padding-left: 5px;
}
#wrapper-subpage #main-wh #go-blog {
	font-size: medium;
	border: 1px solid #0000FF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #0000FF;
}
#wrapper-subpage #main-wh #go-blog a:link {
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}
#wrapper-subpage #main-wh #go-blog a:visited {
	font-weight: bold;
	color: #0000FF;
}
#wrapper-subpage #itemlist #event table tr td {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 75%;
}
#wrapper-subpage #itemlist #event table#news7 {
	border: 8px solid #333333;
}
#wrapper-subpage #itemlist #event #news9-2 {
	background-image: url(image/news/news9-2.png);
	background-repeat: no-repeat;
	padding-top: 220px;
	padding-left: 210px;
	height: 690px;
}
#wrapper-subpage  #backnumber {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #FFFFFF;
}
#wrapper-subpage h4 {
	background-color: #949B79;
	font-size: large;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#wrapper-subpage #main-wh a:link {
	color: #0000FF;
	text-decoration: none;
}
#wrapper-subpage #main-wh a:hover {
	color: #0000FF;
	text-decoration: underline;
}
#wrapper-subpage #main-wh a:visited {
	color: #0000FF;
	text-decoration: none;
}
#wrapper-subpage #main #otheritem-youtubearea {
	background-image: url(image/top/hardstreams/acc/otheritem7.png);
	height: 200px;
	width: 280px;
	padding-top: 200px;
	padding-left: 450px;
	background-repeat: repeat;
}





#movie-9 {
}



div#video-center {
	clear: both;
}











#itemlist {
	width: 895px;
	margin-top: 8px;
}
#itemlist div#title {
	background-image: url(image/top/title-back-long.png);
	padding-left: 8px;
	height: 32px;
	margin-bottom: 8px;
}


#submain {
	float: left;
	width: 580px;
}
#submain #productstitle {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
#submain table#item {
	margin-top: 8px;
}

#submain table#item tr td {
	padding-left: 5px;
}
#submain table#list img {
	height: auto;
	width: 100%;
}


#sidearea-r {
	float: right;
	width: 300px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #333333;
	margin-top: 5px;
}















#sidebar-r {
	float: right;
	width: 165px;
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #333333;
}
#sidebar-l  table  {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	color: #FFFFFF;
}
#sidebar-l table tr td {
	padding-top: 3px;
	padding-bottom: 3px;
}


#sidebar-r img {

}
#sidebar-r #newitem {
	background-color: #FFFFFF;
	width: 165px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}


#sidebar-l #conmany {
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#sidebar-l #conmany p {
	color: #FFFFFF;
}

#sidearea-r #title {
	background-image: url(image/top/title-back-long.png);
	padding-left: 8px;
	height: 30px;
	padding-top: 4px;
}








#footer {
	clear: both;
	height: 60px;
	width: 900px;
	color: #FFFFFF;
	padding-right: 10px;
	background-image: url(image/top/footerback.png);
}
#footer a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:visited {
	color: #FFFFFF;
}
#footer2 a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer2 a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer2 a:hover {
	color: #0000FF;
	text-decoration: none;
}
#wrapperwh {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
#wrapper-subpage {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #666666;
	border-left-color: #666666;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #666666;
	background-repeat: repeat;
	padding-top: 10px;
	color: #FFFFFF;
	background-image: url(image/top/back-bk4.png);
	border-bottom-style: none;
}
#wrapper-subpage #sidebar-l #conmany {
	color: #333333;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
#wrapper-subpage #footer2 a:link {
	color: #999999;
	text-decoration: underline;
}
#wrapper-subpage #footer2 a:visited {
	color: #666666;
	text-decoration: underline;
}
#wrapper-subpage #footer2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#wrapper-subpage #troutvillage {
	background-color: #FFFFFF;
	padding: 10px;
}
#wrapper-subpage #header .menubar {
	background-color: #000000;
	width: 630px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: 8000000;
	border-bottom-color: 8000000;
}
#wrapper-subpage #header .menubar ul#menu {
   margin: 0px 0px 0px 15px; /* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 40px; /* メニューバーの高さ */
}
#wrapper-subpage #header div.menubar ul#menu li {
   width: 120px; /* メニュー項目の横幅 */
   height: 40px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   float: left;
   list-style-type: none;
   position: relative;

}
#wrapper-subpage #header div.menubar ul#menu li a {
	color: #FFFFFF;
	background-color: #000000;
	line-height: 40px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
	text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none; /* メニュー項目の装飾(下線を消す) */
	display: block;
	width: 100%;
	height: 100%;
}
#wrapper-subpage #header div.menubar ul#menu a:hover {
	background-color: #FF0000; /* メニュー項目にマウスが載ったときの背景色 */
	color: #FFFFFF; /* メニュー項目にマウスが載ったときの文字色 */
}
/* メニューバー直後のClearfix */
#wrapper-subpage #header div.menubar ul#menu { zoom:1; }
#wrapper-subpage #header div.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; 
}
#wrapper-subpage #header div.menubar ul#menu ul.sub {
	background-color: #cc0000; /* サブメニュー全体の枠線の色 */
	margin: 0px;
	padding: 0px;
	display: none;
	position: absolute;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
#wrapper-subpage #header div.menubar ul#menu ul.sub li {
	width: 135px; /* サブメニュー1項目の横幅 */
	height: 35px; /* サブメニュー1項目の枠線の色 */
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
#wrapper-subpage #header div.menubar ul#menu ul.sub li a {
   line-height: 35px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}
#wrapper-subpage #header div.menubar ul#menu ul.sub li a:hover {
	background-color: #999999; /* サブメニュー項目にマウスが載ったときの背景色 */
	color: #FFFFFF; /* サブメニュー項目にマウスが載ったときの文字色 */
}
 /* メニューHERD STREAMS */

#wrapper-subpage #header-fardstreams .menubar {
	background-color: #000000;
	width: 630px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: 8000000;
	border-bottom-color: 8000000;
}
#wrapper-subpage #header-fardstreams .menubar ul#menu {
   margin: 0px 0px 0px 15px; /* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 40px; /* メニューバーの高さ */
}
#wrapper-subpage #header-fardstreams div.menubar ul#menu li {
   width: 120px; /* メニュー項目の横幅 */
   height: 40px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   float: left;
   list-style-type: none;
   position: relative;

}
#wrapper-subpage #header-fardstreams div.menubar ul#menu li a {
	color: #FFFFFF;
	background-color: #000000;
	line-height: 40px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
	text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none; /* メニュー項目の装飾(下線を消す) */
	display: block;
	width: 100%;
	height: 100%;
}
#wrapper-subpage #header-fardstreams div.menubar ul#menu a:hover {
	background-color: #003300; /* メニュー項目にマウスが載ったときの背景色 */
	color: #FFFFFF; /* メニュー項目にマウスが載ったときの文字色 */
}
/* メニューバー直後のClearfix */
#wrapper-subpage #header-fardstreams div.menubar ul#menu { zoom:1; }
#wrapper-subpage #header-fardstreams div.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; 
}
#wrapper-subpage #header-fardstreams div.menubar ul#menu ul.sub {
	background-color: #cc0000; /* サブメニュー全体の枠線の色 */
	margin: 0px;
	padding: 0px;
	display: none;
	position: absolute;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
#wrapper-subpage #header-fardstreams div.menubar ul#menu ul.sub li {
	width: 135px; /* サブメニュー1項目の横幅 */
	height: 35px; /* サブメニュー1項目の枠線の色 */
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
#wrapper-subpage #header-fardstreams div.menubar ul#menu ul.sub li a {
   line-height: 35px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}
#wrapper-subpage #header-fardstreams div.menubar ul#menu ul.sub li a:hover {
	background-color: #999999; /* サブメニュー項目にマウスが載ったときの背景色 */
	color: #FFFFFF; /* サブメニュー項目にマウスが載ったときの文字色 */
}
 /* メニューHERD STREAMS */
#wrapper-subpage #itemlist #event #news10-2 {
	background-image: url(image/news/news10-2.png);
	height: 500px;
	padding-top: 130px;
	padding-left: 70px;
	background-repeat: no-repeat;
}

/*スクロール設定
---------------------------------------------------------------------------*/
.scroll{
	overflow-y:scroll;
	height: 125px;
	margin-bottom: 10px;
}
.scroll::-webkit-scrollbar{width:10px;}/*バーの太さ*/
.scroll::-webkit-scrollbar-track{background:#dddddd;}/*バーの背景色*/
.scroll::-webkit-scrollbar-thumb{background:#a40000;}/*バーの色*/
#scroll-area {
	background-image: url(image/top/scroll-area-bk.png);
	background-repeat: no-repeat;
	padding-top: 130px;
	padding-left: 30px;
	padding-right: 20px;
	height: 170px;
}