* {
	padding: 0px;
	margin: 0px;
}

a {
/*	color: #222222; */
	overflow: hidden;
}

a:hover {
	text-decoration: underline;
	color: #7EAD15;
	text-decoration: none;
}

a:focus { outline: none; }
img { border: 0px; }

p { 
	line-height: 150%;
	text-align: left;
}

body {
	background-color: #FFFFFF;
	font-size: 14px;
	color: #333333;
	font-family: Verdana,Arial,sans-serif,Osaka,tahoma,"ＭＳ Ｐゴシック","ＭＳ ゴシック","Osaka-等幅";
	background-image: url(images/bk.jpg);
}

#header {
	background-image: url(images/bk_header.gif);
	background-repeat: no-repeat;
	width: 900px;
	height: 73px;
}

#main {
	background-image: url(images/bk_body.gif);
	width: 900px;
}

#title, #bottom {
	width: 930px;
	height: 60px;
}

#title { background-image: url(images/bk_title.gif); }
#bottom { background-image: url(images/bk_bottom.gif); }


/************ start
 menu for toppage
 ************/

#menu li {
	float: left;
	list-style-type: none;
	text-indent: -10000px;
	padding: 0px 45px 0px 0px;
}

#menu a {
	display: block;
	text-decoration: none;
}

#top_ul { margin: 0px 0px 0px 0px; }

#menu_goods_top {
	background-image: url(images/menu_goods_top.jpg);
	background-repeat: no-repeat;
	width: 253px;
	height: 295px;
}

#menu_goods_top:hover { background-image: url(images/menu_goods_top_hover.jpg); }

#menu_training_top {
	background-image: url(images/menu_training_top.jpg);
	background-repeat: no-repeat;
	width: 263px;
	height: 295px;
}

#menu_training_top:hover { background-image: url(images/menu_training_top_hover.jpg); }

.top_left_box, .top_right_box {
	background-repeat: no-repeat;
	width: 390px;
	height: 300px;
}

.top_left_box { background-image: url(images/bk_top_left_box.gif); }
.top_right_box { background-image: url(images/bk_top_right_box.gif); }

.top_box { padding: 70px 35px 0px 35px; }

.topic_date, .topic_body {
	text-align: left;
	font-size: 14px;
	color: #603913;
	line-height: 150%;
}

.topic_body {
	padding: 2px 0px 10px 0px;
	color: #333333;
}

#topic_body_bk { background-image: url(images/bk_topi_body.gif); }


/**********************
goods page
**********************/

.top_navi {
	width: 600px;
	text-align: right;
	font-weight: bold;
}

.title_goods, .title_training {
	background-repeat: no-repeat;
	width: 630px;
	height: 190px;
}

.title_goods { background-image: url(images/title_goods.gif); }
.title_training { background-image: url(images/title_training.gif); }

.goods { background-image: url(images/bk_goods.gif); }
.p_goods { padding: 10px 20px 10px 25px; }

.p_title {
	padding: 60px 20px 5px 25px;
	color: #555555;
}

.point1, .point2, .point3 {
	width: 565px;
	height: 142px;
	text-align: left;
	background-repeat: no-repeat;
}

.point1 { background-image: url(images/bk_point1.gif); }
.point2 { background-image: url(images/bk_point2.gif); }
.point3 { background-image: url(images/bk_point3.gif); }

.p_point1 { padding: 65px 150px 0px 0px; }
.p_point2 { padding: 65px 9px 0px 150px; }

.side_panel {
	background-image: url(images/bk_side_panel.gif);
	width: 170px;
	height: 976px;
}

.p_side_panel {
	padding: 5px 10px 0px 8px;
	line-height: 140%;
	font-size: 13px;
}



.bottom {
	background-image: url(images/bk_bottom.gif);
	background-repeat: no-repeat;
	width: 928px;
	height: 60px;
}
	
.copyright {
	background-image: url(images/bk_body.gif);
	width: 900px;
	height: 30px;
	padding: 15px 0px 0px 0px;
}



.align_right { text-align: right; }
.align_left { text-align: left; }
.align_center { text-align: center; }

.m_b30 { margin-bottom: 30px; }
.m_r20 { margin-right: 20px; }
.m_l10 { margin-left: 10px; }
.m_l20 { margin-left: 20px; }
.m_l40 { margin-left: 40px; }
.m_t5 { margin-top: 5px; }
.m_t20 { margin-top: 20px; }
.m_t50 { margin-top: 50px; }

.p_t20 { padding-top: 20px; }
.p_l30 { padding-left: 30px; }
.p_r30 { padding-right: 30px; }
.p_t20_b20 { padding: 20px 0px 20px 0px; }
.p_b30 { padding-bottom: 30px; }

.gw660 { width: 660px; float: left; }
.gw630 { width: 630px; float: left; }
.gw450 { width: 450px; float: left; }
.gw240 { width: 240px; float: left; }
.gw300 { width: 300px; float: left; }
.gw150 { width: 150px; float: left; }

.orange { color: #F27200; }
.blue { color: #0A50A1; }

.bold { font-weight: bold; }

.lspace1 { letter-spacing: 1px; }
.clear { clear: both; }
.mizaru { text-indent: -10000px; }


