@charset "utf-8";
/* css for 01 page */

@import "subpages.css";


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

div#main {
	width: 840px;
	margin: 20px auto;
}

h2 {
	margin-top: 100px;
	clear: both;
	text-indent: -9999px;
	width: 839px;
	height: 60px;
	background: url("../images/01/h2.gif") left bottom no-repeat;
}


/*----------------------------------------------------- h3_wrapper */

div#h3_wrapper {
	margin: 20px auto;
	width: 840px;
	overflow: hidden;
}

div#h3_wrapper h3 {
	text-indent: -9999px;
	width: 839px;
	height: 107px;
	background: url("../images/01/h3.gif") right bottom no-repeat;
}

div#h3_wrapper div {
	min-height: 119px;  
	height: auto !important;	/* ie6 */
	height: 119px;				/* ie6 */
	background: url("../images/01/main_bk.gif") right top no-repeat;
}

div#h3_wrapper div p {
	width: 500px;
	font-size: 80%;
	line-height: 180%;
	padding: 10px 0 0 20px;
}

/*----------------------------------------------------- list */

div#list{
	width: 840px;
	overflow: hidden;
	background: url("../images/01/list_bk.gif") right top no-repeat;
}

div#list ul{
	padding: 10px;
}

div#list ul li{
	font-size: 80%;
	width: 270px;
	float: left;
	margin: 5px 0;
	min-height: 18px;  
	height: auto !important;	/* ie6 */
	height: 18px;				/* ie6 */
	padding-top: 3px;
}

div#list ul li a {
	padding-left: 30px;
	text-decoration: none;
}

div#list ul li a:hover {
	background:url(../images/common/cursol.gif) 0 0 no-repeat;
}



/*----------------------------------------------------- datail */

div#oste ,
div#sport ,
div#hari ,
div#hogusi ,
div#denki ,
div#taiyo ,
div#micro ,
div#super ,
div#medomer ,
div#kinesio ,
div#taping {
	clear: both;
	margin: 40px 0 0 0;
	overflow:hidden;
}

div#oste h4,
div#sport h4,
div#hari h4,
div#hogusi h4,
div#denki h4,
div#taiyo h4,
div#micro h4,
div#super h4,
div#medomer h4,
div#kinesio h4,
div#taping h4{
	text-indent: -9999px;
	width: 840px;
	height: 40px;
}

div#oste p,
div#sport p,
div#hari p,
div#hogusi p,
div#denki p,
div#taiyo p,
div#micro p,
div#super p,
div#medomer p,
div#kinesio p,
div#taping p{
	margin: 30px 0 0 0;
	font-size: 80%;
	line-height: 1.5em;
}

div#oste h4{
	background: url("../images/01/h4_01.gif") left bottom no-repeat;
}

div#sport h4{
	background: url("../images/01/h4_02.gif") left bottom no-repeat;
}

div#hari h4{
	background: url("../images/01/h4_03.gif") left bottom no-repeat;
}

div#hogusi h4{
	background: url("../images/01/h4_04.gif") left bottom no-repeat;
}

div#denki h4{
	background: url("../images/01/h4_05.gif") left bottom no-repeat;
}

div#taiyo h4{
	background: url("../images/01/h4_06.gif") left bottom no-repeat;
}

div#micro h4{
	background: url("../images/01/h4_07.gif") left bottom no-repeat;
}

div#super h4{
	background: url("../images/01/h4_08.gif") left bottom no-repeat;
}

div#medomer h4{
	background: url("../images/01/h4_09.gif") left bottom no-repeat;
}

div#kinesio h4{
	background: url("../images/01/h4_10.gif") left bottom no-repeat;
}

div#taping h4{
	background: url("../images/01/h4_11.gif") left bottom no-repeat;
}

div.img {
	width: 320px;
	float: left;
	margin: 20px 10px 0 0;
	text-align: center;
}

div.avairable {
	margin-top: 20px;
	padding-top: 3px;
	width: 380px;
	float: right;
	text-align:center;
	font-size: 80%;
	color: #00A2FF;
	line-height:30px;
	border-top: #46DAFF 1px dotted;
}

div.avairable ul {
	margin-top:5px;
	padding-top:5px;
	border-top: #46DAFF 1px dotted;
	overflow:hidden;
}

div.avairable ul li {
	float:left;
	margin: 10px 5px;
	background-color:#FFF;
}

/*----------------------------------------------------- datail */

div#datail {
	width: 600px;
	margin: 40px auto;
}

div#datail h4 {
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	font-size: 110%;
	color: #FFF;
	font-weight: bold;;
	background:  #8BE8FF url("../images/07/h4.gif") left bottom repeat-x;
}

div#datail table {
	width: 600px;
	font-size: 80%;
	border-top: #E6E6E6 1px solid;
	border-left: #E6E6E6 1px dotted;
}

div#datail th {
	padding: 15px;
	border-bottom: #E6E6E6 1px solid;
	border-right: #E6E6E6 1px dotted;
	text-align: center;
	background: url("../images/07/th_back.gif") left bottom repeat-x;
}

div#datail td {
	padding: 15px;
	border-bottom: #E6E6E6 1px solid;
	border-right: #E6E6E6 1px dotted;
	background: url("../images/07/td_back.gif") left bottom repeat-x;
}