@charset "UTF-8";
@import url("default.css");
@import url("screen_base.css");

div#flash {
	text-align: center;
	margin: 22px 0px 0px 0px;
	/*background: url(../img/back_ind.jpg) repeat-x center top;*/
}

div.index {
	background-image: url(../img/ind_middleback.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
}

div.what {
	width: 820px;
	height: 240px;
	margin: 0px auto;
	padding-top: 26px;
	background-image: url(../img/ind_photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
}

div.what div {
	margin: 0px 290px 0px 20px;
	padding-left: 10px;
	height: 174px;
	background-color: #f1f0e6;
}

div.what div h3 {
	margin: 0px;
	padding: 8px 0px 10px 2px;
}

div.what div p {
	margin: 0px;
	padding: 0px 5px;
}

div.what div p.more {
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 390px;
}

div.what div p.more a {
	display: block;
	width: 110px;
	height: 25px;
	background-position: 0px 0px;
	background-image: url(../img/ind_more.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	/*¥*/
	_text-indent: 0px;
	_font-size: 0px;
	_color: #f1f0e6;
	/**/
	_text-indent/**/ : -10000px;
}
div.what div p.more a:hover {
	background-position: 0px -25px;
	color: #f1f0e6;
}

div.about {
	float: left;
	width: 550px;
}

div.about {
	float: left;
	width: 550px;
}

div.store {
	float: left;
	width: 270px;
}

div.company {
	float: right;
	width: 270px;
}

div.store ul,
div.company ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.store ul li,
div.company ul li {
	margin: 0px;
	padding: 10px 0px;
	background-image: url(../img/ind_newborder.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.store ul li a,
div.company ul li a {
	margin: 7px 0px 0px 7px;
	padding: 0px 0px 0px 13px;
	background-image: url(../img/icon_redarrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.store ul li a:link,
div.company ul li a:link {
	color: #333;
}
div.about a:link {
	color: #333;
	text-decoration: none;
}
div.about a:visited {
	color: #333;
	text-decoration: none;
}
div.about a:active {
	text-decoration: none;
}
div.about a:hover {
	color: #cc0000;
	text-decoration: underline;
}

div.banner {
	float: right;
	width: 220px;
}

h4  {
	margin: 0px;
	padding: 2px 0px 10px 0px;
}

h4 a {
	display: block;
	width: 220px;
	height: 56px;
	background-position: 0px 0px;
	text-indent: -10000px;
	/*¥*/
	_text-indent: 0px;
	_font-size: 0px;
	_color: #fff;
	/**/
	_text-indent/**/ : -10000px;
}

h4.hosp a {
	background-image: url(../img/ind_forhos.jpg);
	background-repeat: no-repeat;
}

h4.user a {
	background-image: url(../img/ind_foruse.jpg);
	background-repeat: no-repeat;
}

h4 a:hover {
	background-position: 0px -56px;
	color: #fff;
}

h4.online a {
	display: block;
	width: 220px;
	height: 78px;
	background-position: 0px 0px;
	text-indent: -10000px;
	/*¥*/
	_text-indent: 0px;
	_font-size: 0px;
	_color: #fff;
	/**/
	_text-indent/**/ : -10000px;
	background-image: url(../img/ind_online.jpg);
	background-repeat: no-repeat;
}
h4.online a:hover {
	background-position: 0px -78px;
	color: #fff;
}

div.banner p {
	margin: 10px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	background-image: url(../img/border_graydot.gif);
	background-repeat: repeat-x;
	background-position: top;
}