@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 1.3em;
	font-family: sans-serif;
	text-align: left;
	background-repeat: no-repeat;
}

body {
	font-size: 0.9em;
	_font-size: 0.8em;/*IE*/
	color: #333333;
	text-align: center;/*IE*/
	background-color: #A9C3F4;
	background-image: url("../img/bg.jpg");
	background-repeat: repeat-x;
	background-position: 60px 0px;
}

h1 {
	height: 62px;
	float: left;
}

h2 {
	font-size: 1em;
	margin: 8px 0px 4px 0px;
	width: 548px;
	_width: 580px;
	line-height: 28px;
	color: #ffffff;
}

h2,
h2.sky,
h2.bn {
	background-image: url("../img/h2_sky.gif");
	padding-left: 32px;
}

/*h2.bn {
	background-image: url("../img/h2_bn.gif");
	padding-left: 32px;
}*/

h2.sky a,
h2.bn a {
	line-height: 28px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}

h2.sky a:hover,
h2.bn a:hover {
	color: #F0E68C;
}

h3,
h3.bn {
	font-size: 1em;
	padding-left: 6px;
	margin: 8px 0px 4px 6px;
	border-bottom: dotted 2px #7C7C7C;
	border-left: solid 4px #FFA500;
/*	border-bottom: dotted 2px #6699FF;
	border-left: solid 1em #6699FF;*/
}

/*h3.bn {
	border-bottom: dotted 2px #009900;
	border-left: solid 1em #009900;
}*/

h4 {

}

p {
	margin: 2px 8px 8px 8px;
}

ul,
ol {
	margin-left: 24px;
	margin-bottom: 8px;
}

table {
	width: 100%;
	margin-top: 16px;
	margin-bottom: 8px;
	border-collapse: collapse;
}

th,
td {
	padding: 2px 4px;
	border-bottom: 1px dotted #dcdcdc;
	_font-size: 0.8em;/*IE*/
	vertical-align: top;
}

.type2 th,
.type2 td {
	border-left: 1px dotted #dcdcdc;
	width: 33%;
}

.dl th {

}

.dl td {
	border: 1px dotted #dcdcdc;
	text-align: center;
}

.dl2 td {
	border: 1px dotted #dcdcdc;
	width: 16%;
	text-align: center;
}

.dl .t1,
.dl2 .t1 {
	background-color: #FAF0E6;
}

.dl .t2,
.dl2 .t2 {
	background-color: #E6E6FA;
}

caption {
	border-bottom: 1px dotted #dcdcdc;
	font-weight: bold;
	_font-size: 0.8em;/*IE*/
}

.img_right {
	float: right;
	margin-left: 8px;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.red {
	color: #CC3300;
}

.glay {
	color: #aaaaaa;
}

.bg_red {
	padding: 4px 8px;
	color: #ffffff;
	background-color: #CC3300;
}

/* contents base */
.contents_base {
	width: 840px;
	margin: 0px auto 0px auto;
	padding: 16px 0px;
}

.main_contents {
	width: 580px;
	_width: 612px;
	padding: 8px 16px;
	background-color: #ffffff;
	border-left: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	float: left;
}

.catalog_img {
	margin: 16px 0px;
}

.info {
	margin: 16px;
}

.anti-ball-net_image_box {
	width: 580px;
	background-image: url("../img/anti-ball-net/ks_bg.jpg");
	background-position: right top;
}

/* スカイタワー */
.sky_bg {
	background-image: url("../img/skytower/sky_bg.jpg");
	background-position: right top;
}
.sky_bg p {
	width: 440px;
	_width: 512px;
}

.sky li {
	margin: 4px 0px;
}

.sky li strong {
	color: #CC3300;
}

/* header */
.header {
	width: 832px;
}

.header .h_right {
	width: 480px;
	margin-top: 4px;
	float: right;
}

.h_right p {
	font-size: 0.85em;
	margin: 0px;
	padding-right: 8px;
	text-align: right;
}

.h_right .h_glay{
	margin-top: 4px;
	padding: 2px 0px;
	border: 1px solid #DCDCDC;
	background-color: #EEEEEE;
}

.h_top {
	margin-top: 4px;
}

/*link*/
a:link,
li a:link { color: #0033FF; text-decoration: underline; }
a:visited,
li a:visited { color: #003366; text-decoration: underline; }
a:hover,
li a:hover { color: #003366; text-decoration: none; }

/* menu */
.g_nemu {
	width: 200px;
	margin: 0px 18px 0px 0px;
	padding: 0px;
	font-size: 0.9em;
	background-color: #ffffff;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	list-style-type: none;
	float: left;
}

.g_nemu li a {
	width: 192px;
	_width: 200px;
	padding: 4px 0px 4px 8px;
	list-style-type: none;
	color: #000000;
	text-decoration: none;
	border-top: 1px solid #DCDCDC;
	display: block;
}

.g_nemu li a:hover,
.g_nemu li a#active {
	width: 188px;
	_width: 200px;
	border-right: 4px solid #FFA500;
	background-color: #EEEEEE;
}

.g_nemu li a#active:hover {
	background-color: #ffffff;
}

.s_nemu {
	list-style-type: none;
	background-color: #FDF5E6;
	margin: 0px;
	padding: 0px;
}

.s_nemu li a {
	width: 176px;
	_width: 200px;
	padding: 2px 0px 2px 24px;
	list-style-type: none;
	color: #000000;
	text-decoration: none;
	border-top: 1px solid #ffffff;
	display: block;
}

.s_nemu li a:hover,
.s_nemu li a#s_active {
	width: 172px;
	_width: 200px;
	border-right: 4px solid #FFD700;
	background-color: #ffffff;
	border-top: 1px solid #eeeeee;
}

.mail_icon {
	margin-right: 4px;
	vertical-align: middle;
}

address {
	padding: 4px 8px;
	text-align: right;
}