/* [ layout_led-nakadooshibouuki.css ] LED中通し棒ウキ スタイルシート */

body,p,h1,h2,h3,h4,h5{
	margin: 0px;
	padding: 0px;
}

body{
	background-color: #000;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック",sans-serif;
	font-size: 15px;
	line-height: 26px;
}

h1{
	font-size: 20px;
	line-height: 20px;
	font-weight: 900;
	margin: 0px 0px 20px;
	padding: 0px 0px 7px;
	border-bottom: solid 1px #000;
}

img{
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
img.img_r{
	border-radius: 10px;
}

a{
	text-decoration: none;
}
a:hover{
	opacity: 0.7;
}

/* ------------------------------------------------------ */

header{
	background: url(header_bg.gif);
	background-position: center top;
	background-repeat: repeat-x;
	width: 100%;
	height: 54px;
}
	#header_logo{
		background: url(header_logo.png);
		background-position: 30px 10px;
		background-repeat: no-repeat;
		width: 1080px;
		height: 54px;
		margin: 0px auto;
	}

footer{
	padding: 20px 0px;
}
	#copyright{
		font-size: 11px;
		line-height: 11px;
		color: #fff;
		text-align: center;
		max-height: 100%;
	}

/* ------------------------------------------------------ */

.box_blank{
	clear: both;
}
.text_color1{
	color: red;
}
.text_price{
	font-weight: 900;
}

/* ------------------------------------------------------ */

#main{
	width: 100%;
}

	#box_main_img1{
		background-image: url(main_bg.png);
		background-position: center;
		background-repeat: repeat-x;
		width: 100%;
		height: 450px;
	}
		#box_main_img2{
			background-image: url(main_bg_package_s.png);
			background-position: center;
			background-repeat: repeat-x;
			width: 100%;
			height: 450px;
			animation: anime2 15s linear 0s infinite normal;
		}
		#box_main_img3{
			background-image: url(main_bg_main.png);
			background-position: center;
			background-repeat: no-repeat;
			font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
			font-weight: 900;
			font-size: 25px;
			line-height: 25px;
			color: #fff;
			text-shadow: 0px 0px 5px #000;
			text-align: center;
			width: 1020px;
			height: 450px;
			margin: 0px auto;
			padding: 0px 30px;
		}
			#box_main_img3 div:nth-child(1){
				text-align: center;
				padding: 95px 0px 30px 0px;
			}
			#box_main_img3 div:nth-child(2){
				padding-bottom: 10px;
			}
				span#blink_led{
					animation: anime_led 6s linear 0s infinite normal;
				}
			#box_main_img3 div:nth-child(3){
				max-height: 100%;
			}

			/* ---------------------------------- */
			@keyframes anime2 {
			    0% { background-position: 0px center; }
			    100% { background-position: 691px center; }
			}
			@keyframes anime_led {
			    0% { color: red; }
			    20% { color: red; }
			    30% { color: lime; }
			    70% { color: lime; }
			    80% { color: red; }
			    100% { color: red; }
			}
			/* ---------------------------------- */

	#main_body_bg{
		background-color: #fff;
		width: 100%;
	}
		#main_body{
			width: 1020px;
			margin: 0px auto;
			padding: 30px 30px;
		}
			#main_body_left{
				float: left;
				width: 620px;
				margin: 0px;
				padding: 0px;
				max-height: 100%;
			}
				#main_body_left ul{
					margin: 50px 10px 0px 30px;
					padding: 0px;
				}
					#main_body_left ul li{
						margin: 0px;
						padding: 0px 0px 15px 0px;
					}
			#main_body_right{
				float: right;
				width: 400px;
				margin: 0px;
				padding: 0px;
				text-align: center;
			}




	#shop{
		background-color: #fff;
		width: 100%;
	}
		#shop_body{
			width: 1020px;
			margin: 0px auto;
			padding: 30px;
		}
			#item{
				background-color: #fd6a00;
				color: #fff;
				border-radius: 8px;
				padding: 10px 0px 8px;
				margin-bottom: 30px;
				text-align: center;
				max-height: 100%;
			}
			#shop_link{
				background-color: #fd6a00;
				border-radius: 8px;
				color: #fff;
				padding: 10px;
				margin: 30px 0px;
				text-align: right;
				max-height: 100%;
			}
				#shop_link img{
					border: solid 5px #fff;
					border-radius: 8px;
				}



/* ------------------------------------------------------ */