@charset "utf-8";

* {
margin: 0;
padding:0;

}


a {
color: blue;
text-decoration: underline;
}

a:link,a:visited,a:active {
	color: #0066CC;
}

a:hover {
	color: #FF3333;
}

a img {
border: 0px;
}

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	background-color: #EBEEDF;
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

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

#container {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 880px;
	background-color: #FFFFFF;
	background-image: url(img/cont-bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	position: relative;
}

#banner-top {
	background: url(img/bana-top.jpg) no-repeat left top #fff;
	margin-right: auto;
	margin-left: auto;
	width: 860px;
	height: 310px;
}

#banner h1, 
#banner-top h1 {
	font-size: 12px;
	text-align: right;
	padding: 5px 10px 0px 0px;
	color: #8BB00A;
	font-weight: normal;
}


#banner {
	background: url(img/bana.jpg) no-repeat left top;
	margin-right: auto;
	margin-left: auto;
	width: 860px;
	height: 100px;
}


#banner p {
text-align: center;
color: #fff;
background: #555;
height: 30px;
line-height: 30px;
font-size: 14px;
}



#content {
	float: left;
	width: 600px;
	text-align: left;
	margin-right: 0px;
	padding-left:25px;
	padding-right:0px;
	padding-bottom: 10px;
	margin-top: 5px;
	padding-top: 10px;
}

#content h2 {
	height: 50px;
	line-height: 38px;
	margin-bottom: 10px;
	padding-left: 45px;
	color: #6A8C00;
	font-size: 18px;
	background-image: url(img/h2-bg.jpg);
	background-repeat: no-repeat;
}

#content h3 {
	background: url(img/h3-bg.jpg) no-repeat left #fff;
	height: 50px;
	line-height: 45px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 25px;
	color: #333333;
	font-size: 16px;
}

#content h3#h3-top {
	background: url(img/h2-top.jpg) no-repeat;
	height: 45px;
	line-height: 36px;
	margin-bottom: 5px;
	margin-left: 0px;
	overflow: hidden;
	text-indent: -8888px;
}

#content h3#h3-step {
background: url(img/h3-step.jpg) no-repeat;
height: 36px;
line-height: 36px;
margin-bottom: 15px;
margin-left: 0px;
overflow: hidden;
text-indent: -7777px;
}


#content p {
	background-image: url(img/note_line.gif);
	line-height: 20px;
	font-size: 12px;
	color: #544F34;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.img-l {
	float:left;
	margin-right: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
}

.img-l img {
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 10px;
	border-left-width: 20px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


#content p.chu {
background: none;
line-height: 100%;
padding: 0px;
margin: 0px;
color:#fa374b;
font-size: 12px;
margin-bottom: 10px;
}

ul {
border: solid 1px #ccc;
margin: 25px;
padding: 10px 5px 5px 0px;
}

ul li {
font-size: 12px;
list-style-type: circle;
margin-left: 30px;
margin-bottom: 10px;
padding-left: 0px;
color: #333;
}


#right{
	float: right;
	width: 200px;
	margin-right: 25px;
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	background-color: #F5F6F1;
}

* html #right{
	margin-right: 13px;
}

#gohome a {
	display: block;
	height: 50px;
	background-image: url(img/gohome.jpg);
	background-repeat: no-repeat;
	text-indent: -8888px;
}

#gohome a:hover {
	background-position: 0 -50px;

}



#right dl {
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#right dt {
	text-indent: -8888px;
	color: #fff;
	height: 55px;
	display: block;
	width: 200px;
	background-color: #8BA923;
	background-repeat: no-repeat;
}

#right dt#dt-rank {
	background-image: url(img/side-rank.jpg);
}

#right dt#dt-info {
	background-image: url(img/side-info.jpg);
}

#right dt#dt-side {
	background-image: url(img/side-column.jpg);
}

#right dt#dt-main {
	background-image: url(img/main-column.jpg);
}

#right dd {
height: 40px;
line-height: 40px;
font-size: 14px;
}

#right dd a {
	background: url(img/side-dd.jpg) repeat-y #fff;
	color: #333333;
	text-decoration: none;
	padding-left: 35px;
	height: 40px;
	line-height: 40px;
	display: block;
}

#right dd#rank1 a, 
#right dd#rank2 a, 
#right dd#rank3 a {
	padding-left: 40px;
}

#right dd a:hover {
	background-position: 0 -40px;
	color: #000000;
}

#right dd#rank1 a {
	background: url(img/rank1.jpg) repeat-y #fff;
}

#right dd#rank2 a {
	background: url(img/rank2.jpg) repeat-y #fff;
}

#right dd#rank3 a {
background: url(img/rank3.jpg) repeat-y #fff;
}

#right dd#rank1 a:hover, 
#right dd#rank2 a:hover, 
#right dd#rank3 a:hover {
background-position: 0 -40px;
}




#foot{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	height: 80px;
	font-size:12px;
	color: #FFFFFF;
	clear:both;
	background-color: #C8C8BB;
	background-image: url(img/foot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

}

#foot p {
	padding-top: 49px;
	padding-right: 15px;
	text-align: right;
	margin:0px;


}

#foot p a{
	text-decoration: none;
	font-style:normal;
	color: #FFFFFF;
}

.clear {
clear:both;
}


p#pankuzu {
position: absolute;
top: 125px;
left: 20px;
font-size: 13px;

}



/*----------トップページ-------------*/



.kotira a {
	display: block;
	width: 120px;
	height: 20px;
	overflow: hidden;
	text-indent: -8888px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-image: url(img/kotira.gif);
	background-repeat: no-repeat;
}

.kotira a:hover {
background-position: 0px -20px;
}

#top-ufo-side,
#top-shot-side,
#top-fly-side,
#top-flash-side,
#top-cup,
#top-ufo-main,
#top-ufos,
#top-shot-main,
#top-fly-main,
#top-flash-main {
	position: relative;
	margin-left: 10px;
	margin-bottom: 15px;
	height: 160px;
	width: 125px;
	padding-top: 10px;
	padding-left: 145px;
	padding-right: 15px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #333;
	line-height: 1.5em;
	border: 1px solid #CCCCCC;
	background-image: url(img/top-ufo-side.jpg);
	background-repeat: no-repeat;
}

#top-shot-side {
background: url(img/top-shot-side.jpg) no-repeat left top;
}

#top-fly-side{
background: url(img/top-fly-side.jpg) no-repeat left top;
}

#top-flash-side {
background: url(img/top-flash-side.jpg) no-repeat left top;
}

#top-cup {
background: url(img/top-cup.jpg) no-repeat left top;
}

#top-ufo-main {
background: url(img/top-ufo-main.jpg) no-repeat left top;
}

#top-ufos {
background: url(img/top-ufos.jpg) no-repeat left top;
}

#top-shot-main {
background: url(img/top-shot-main.jpg) no-repeat left top;
}


#top-fly-main {
background: url(img/top-fly-main.jpg) no-repeat left top;
}

#top-flash-main {
background: url(img/top-flash-main.jpg) no-repeat left top;
}

.cap_btn a {
	display: block;
	height: 120px;
	width: 115px;
	position: absolute;
	left: 10px;
	top: 10px;
	text-indent: -8888px;
}

/*--------個別ページバナー---------*/

#shot-side-kobetu,
#shot-main-kobetu,
#ufo-side-kobetu,
#ufo-main-kobetu,
#fly-side-kobetu,
#fly-main-kobetu,
#flash-side-kobetu,
#flash-main-kobetu,
#cup-kobetu,
#ufos-kobetu,
#unei-kobetu,
#kiyaku-kobetu,
#parts-kobetu {
	height: 120px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	text-indent: -8888px;
}
#shot-side-kobetu {
	background-image: url(img/shot-side-kobetu.jpg);
}
#shot-main-kobetu {
	background-image: url(img/shot-main-kobetu.jpg);
}
#ufo-side-kobetu {
	background-image: url(img/ufo-side-kobetu.jpg);
}
#ufo-main-kobetu {
	background-image: url(img/ufo-main-kobetu.jpg);
}
#fly-side-kobetu {
	background-image: url(img/fly-side-kobetu.jpg);
}
#fly-main-kobetu {
	background-image: url(img/fly-main-kobetu.jpg);
}
#flash-side-kobetu {
	background-image: url(img/flash-side-kobetu.jpg);
}
#flash-main-kobetu {
	background-image: url(img/flash-main-kobetu.jpg);
}
#cup-kobetu {
	background-image: url(img/cup-kobetu.jpg);
}
#ufos-kobetu {
	background-image: url(img/ufos-kobetu.jpg);
}
#unei-kobetu {
	background-image: url(img/unei-kobetu.jpg);
}
#kiyaku-kobetu {
	background-image: url(img/kiyaku.jpg);
}
#parts-kobetu {
	background-image: url(img/blogparts-kobetu.jpg);
}

#unei-image {
background:url(img/unei.gif) no-repeat left top;
height: 300px;
margin-left: 10px;
}

/*-------配布ページサイドカラム用-------*/

#haihu-box {
	padding-bottom: 36px;
	margin-bottom: 20px;
	background-image: url(img/haihu-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#content #haihu-box h3 {
	background: url(img/haihu-top.jpg) no-repeat center top;
	height: 55px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#haihu-l {
display: inline;
float: left;
width: 164px;
background: url(img/haihu-logo.gif) no-repeat top;
padding-top: 54px;
}

#haihu-r {
display: inline;
float: right;
width: 360px;
}

#haihu-bg {
	padding-top: 10px;
	padding-left: 35px;
	padding-right: 30px;
	padding-bottom: 10px;
	background-image: url(img/haihu-bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}


#step-1 {
	height: 90px;
	padding-top:90px;
	padding-left: 60px;
	margin-bottom: 5px;
	background-image: url(img/haihu-step1.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
}

#step-2 {
background: url(img/haihu-step2-bottom.gif) no-repeat left bottom;
padding-bottom: 20px;
}

#step-2-top {
	height: 110px;
	background-image: url(img/haihu-step2-top.jpg);
	background-repeat: no-repeat;
}

#step-2-bg {
background: url(img/haihu-step2-bg.gif) repeat-y;
text-align: center;
padding-left: 10px;
line-height: 1.5em;
}

#step-2-bg textarea {
	margin-bottom: 10px;
	width: 280px;
	font-size: 12px;
	height: 90px;
}

table#haihu-color {
width: 240px;
margin: 0px;
border-collapse: separate;
}

table#haihu-color td {
padding: 0px;
margin: 0px;
border: none;
}

table#haihu-color td a img {
border:0;
padding: 0;
margin: 0px
}

/*-------配布ページメインカラム用-------*/

#haihu-bg-main {
	background: url(img/haihu-bg.gif) repeat-y center;
	padding-top: 10px;
	padding-left: 23px;
	padding-right: 28px;
	padding-bottom: 10px;
}


#main-step1 {
	height: 110px;
	padding-top:100px;
	padding-left: 20px;
	float: left;
	width:250px;
	margin: 0px;
	background-image: url(img/mhaihu-step1.jpg);
	background-repeat: no-repeat;
}

#main-step2 {
	height: 130px;
	padding-top: 80px;
	padding-left: 10px;
	float:right;
	width: 250px;
	text-align: center;
	margin: 0px;
	background-image: url(img/mhaihu-step2.jpg);
	background-repeat: no-repeat;
	padding-right: 10px;
}

#main-step2 textarea {
	margin-bottom: 5px;
	width: 220px;
	height: 80px;
	font-size: 12px;
}

#main-step2 input {
	width: 90%;
}

#main-hyouji {
margin-top: 5px;
background: url(img/haihu-logo.gif) no-repeat center top;
padding-top: 50px;
height: 450px;
text-align: center;
}


/*---------テーブル-------------*/

table#flash-setumei {
margin-left: 30px;
margin-bottom: 15px;
}

table#flash-setumei td {
padding: 5px 10px 5px 10px;
}

table#table-kuni {
margin-bottom: 10px;
margin-left: 20px;
}

table#table-kuni td, 
table#table-tuuka td {
font-size: 12px;
text-align: left;
}

table#table-tuuka td.td-c, 
table#table-kuni td.td-c {
text-align: center;
}

table#table-tuuka {
margin-bottom: 10px;
margin-left: 20px;
}
table#table-patarn1 {
border-collapse: collapse;
margin-bottom: 20px;

}

table#table-patarn1 td {
text-align: center;
border: solid 1px #aaa;

}

table#table-patarn1 td.td-check {
border-top: none;
padding: 3px 0px 5px 0px;
}


table#table-patarn1 td.td-img {
border-bottom: none;
}

table#table-patarn2 {
margin-bottom: 10px;
font-size: 12px;
}

table#table-patarn2 td {
padding: 2px;
}

table#table-patarn2 select {
font-size: 12px;
}

table#table-unei {
border-collapse: collapse;
margin-left: 30px;
margin-bottom: 15px;
width: 520px;

}

table#table-unei th {
border: solid 1px #666;
font-size: 12px;
color: #555;
background: #f4ffd2;
padding: 0px 10px;
width: 100px;
text-align: center;
}

table#table-unei td {
border: solid 1px #666;
font-size: 12px;
color: #555;
padding: 10px;
letter-spacing: 1px;
background: ;
}

/*------メールフォーム----------*/

#content table.parts-cost {
border-collapse: separate;
width: 480px;
margin-left: 50px;
background-color: #CCCCCC;
font-size: 12px;
}

#content table.parts-cost td {
border: solid 1px #FFFFFF;
background-color: #EFEFEF;
padding: 5px 0px 5px 00px;
color: #555;
text-align: center;
}

#content table.parts-cost tr {
border-bottom: solid 1px #CCCCCC;
}

#content table.parts-cost th {
width: 45%;
text-align: center;
padding: 5px 0px 5px 0px;
border: solid 1px #FFFFFF;
background-color: #ecf5ff;
color: #555;
}

#content table.parts-cost td.cost-td1 {
border: none;
text-align: center;
padding: 5px 0px 5px 0px;
color: #fff;
background:#034c91;
font-size: 14px;
}


#form {
border: solid 1px #aaa;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 20px;
}

#content table.mailform {
border-collapse: separate;
width: 520px;
margin: 0px;
}

#content table.mailform td p {
font-size: 9px;
color: #0B479F;
display: block;
margin: 0px;
padding: 0px;
background: none;
line-height: 100%
}

#content table.mailform td span {
font-size: 10px;
color: #FF0000;
}

#content table.mailform td {
font-size: 12px;
color: #333;
padding: 0px;
border: none;
}


/*----------文字色-------------*/


.white {color: white; }

.red  {color: red; }
.redb {color: red; font-weight: bold; font-size: 14px;}
.redl {color: red; font-weight: bold; font-size: 16px; }

.blue {color: blue; }
.blueb {color: blue; font-weight: bold; }
.bluel {color: blue; font-weight: bold; font-size: 24px; }

.yellow  {color: yellow; font-weight: normal}

strong {font-weight:normal;}


/*----------ブックマーク------------*/

#social-bookmark {
	position: absolute;
	top: 30px;
	right: 20px;
}

#social-bookmark ul {
border: none;
margin: 0px;
padding: 0px;
}


/*----------運営者情報------------*/

#unei-image {
background: url(img/unei.jpg) no-repeat;
height: 107px;
margin-bottom: 15px;

}