/* CSS Document */

/* CSS Information ==============================
File name: top.css
Editors: N
Last Editor: N
Date: 2009.09.20
============================================== */

/*====================
 +#contents_top
====================*/

#contents_top{
	width:550px;
	background-image: url(../img/top/bk1.jpg);
	background-repeat: no-repeat;
	text-align: left;
	background-position: right top;
	position: relative;
	height: 301px;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

#contents_top #tit1{
	background-image: url(../img/top/title6.gif);
	background-repeat: no-repeat;
	height: 83px;
	width: 550px;
	text-indent:-100000em;
	overflow:hidden;
	display: block;
}

#contents_top ul{
	width: 547px;
	margin-top: 15px;
	text-indent:-100000em;
	overflow:hidden;
}

/*====================
 +tit7-9
====================*/
#contents_top ul li#tit7{
	text-indent:-100000em;
	overflow:hidden;
	background-image: url(../img/top/title7.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 45px;
}
#contents_top ul li#tit8{
	text-indent:-100000em;
	overflow:hidden;
	background-image: url(../img/top/title8.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 45px;
}
#contents_top ul li#tit9{
	text-indent:-100000em;
	overflow:hidden;
	background-image: url(../img/top/title9.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 45px;
}

#contents_top ul li#tit10{
	text-indent:-100000em;
	overflow:hidden;
	background-image: url(../img/top/title10.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 45px;
}

/*====================
 +ontents
====================*/
#top .contents{
	width:550px;
	margin:0 0 30px;
	text-align: left;
	position: relative;
}

#top #care{
	width:550px;
	margin:0 0 30px;
	text-align: left;
	position: relative;
}

#top #care h3{
	text-indent:-100000em;
	overflow:hidden;
	background-image: url(../img/top/title11.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
	width: 550px;
	margin-bottom: 10px;
}

#top #care ul {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	height: 180px;
	width: 383px;
	overflow: hidden;
	background-color: #FB9700;
	color:#ffffff;
}

#top #care ul span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 180px;
	width: 383px;
	background-image: url(../img/top/bk2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#top #care p{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 550px;
	height: 62px;
	margin-top: 10px;
}

#top #care p span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 550px;
	height: 62px;
	background-image: url(../img/top/title15.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#top .contents #photo {
	display: block;
	position: absolute;
	height: 177px;
	width: 136px;
	overflow: hidden;
	background-color: #FB9700;
	color:#ffffff;
	right: 0px;
	top: 70px;
}

#top .contents #photo span {
	display: block;
	position: absolute;
	right: 0;
	top: 0px;
	height: 177px;
	width: 136px;
	overflow: hidden;
	background-image: url(../img/top/photo1.gif);
	background-position: center top;
}

#top #merit h3 {
	background-image: url(../img/top/title2.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 550px;
	text-indent:-100000em;
	overflow:hidden;
	margin-bottom: 10px;
}

#top #merit ol li#meri1 {
	background-image: url(../img/top/title3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 34px;/*40px*/
	width: 505px;/*550px*/
	margin-bottom: 10px;
	padding-left: 45px;
	padding-top: 6px;
	font-size: 15px;
	font-weight: bold;
}

#top #merit ol li#meri2 {
	background-image: url(../img/top/title4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 34px;/*40px*/
	width: 505px;/*550px*/
	margin-bottom: 10px;
	padding-left: 45px;
	padding-top: 6px;
	font-size: 15px;
	font-weight: bold;
}
#top #merit ol li#meri3 {
	background-image: url(../img/top/title5.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 34px;/*40px*/
	width: 505px;/*550px*/
	margin-bottom: 10px;
	padding-left: 45px;
	padding-top: 6px;
	font-size: 15px;
	font-weight: bold;
}

#top #button{
	display:block;
	background-image: url(../img/top/button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 92px;
	width: 452px;
	margin-bottom: 60px;
}

#top #button a{
	background-image: url(../img/top/button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	text-indent:-100000em;
	overflow:hidden;
	height: 92px;
	width: 452px;
	}

#top #button a:hover{
	background-image: url(../img/top/button_on.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	text-indent:-100000em;
	overflow:hidden;
	height: 92px;
	width: 452px;
}

	
#top #news h3,
#top #summary h3{
	background-image: url(../img/top/bk3.gif);
	background-repeat: no-repeat;
	height: 35px;/*40px*/
	width: 530px;/*550p*/
	padding-top: 5px;
	padding-left: 20px;
}

#top #news dl{
	overflow: scroll;
	width:530px;/*550px*/
	height:130px;
	margin:0px;
	background-color: #FFFFFF;
	padding: 0.313em 0.625em;
}

#top #news dl dt{
	clear: left;
	float: left;
	width: 7em;
	padding: 10px 0.5em 10px 1em;
	background-image: url(../img/top/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	line-height:1.5;
}

#top #news dl dd{
	margin-left: 0;
	padding: 10px 0.5em 10px 10px;
	border-bottom: 1px dotted #CCC;
	width:350px;
	float: left;
}

#top #news dl dd a{
	text-decoration: underline;
}

#top #summary{
	margin-bottom: 30px;
}

#top #summary p{
	background-color: #FFFFFF;
	font-size: 16px;
	color: #ff5500;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#top #summary #app{
overflow:hidden;
	width: 550px;
}

#top #summary ul#left{
	float: left;
	width: 270px;
}

#top #summary #tel{
	text-indent:-100000em;
	overflow:hidden;
	background-image: url(../img/top/tel.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 60px;
	width: 270px;
	margin-bottom: 10px;
}

#top #summary #add{
	text-indent:-100000em;
	overflow:hidden;
	background-image: url(../img/top/add.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 51px;
	width: 270px;
}

#top #summary ul#right{
	float: right;
	width: 270px;
}

#top #summary #mail{
	text-indent:-100000em;
	overflow:hidden;
	background-image: url(../img/top/button2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 45px;
	width: 270px;
}

#top #summary #mail,
#top #summary #fax{
	text-indent:-100000em;
	overflow:hidden;}

#top #summary #mail a{
	background-image: url(../img/top/button2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 45px;
	width: 270px;
	display: block;
}

#top #summary #mail a:hover{
	background-image: url(../img/top/button2_on.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 45px;
	width: 270px;
	display: block;
}
	
#top #summary #fax a{
	text-indent:-100000em;
	overflow:hidden;
	background-image: url(../img/top/button3.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 75px;
	width: 270px;
	display: block;
}

#top #summary #fax a:hover{
	text-indent:-100000em;
	overflow:hidden;
	background-image: url(../img/top/button3_on.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 75px;
	width: 270px;
	display: block;
}