/* @override http://www.sublease.co.jp/contact/contact.css */

/*h2{
	width: 196px;
	height: 30px;
	line-height: 100px;
	background: transparent url(../contact/images/title.gif) no-repeat;
}*/
#content{
	width: 600px;
	margin: 0 auto;
	padding:10px 0px;
}

/* @group Top Menu */

div#topMenu {
	position: relative;
	width: 600px;
	height: 210px;
	top: 0px;
	left: 0px;
	background: transparent url(../contact/images/image.jpg) no-repeat top left;
}
div#topMenu div.copy {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 310px;
	height: 20px;
	text-indent: -99em;
	background: transparent url(../contact/images/copy_1.gif) no-repeat;
}
div#topMenu ul {
	position: absolute;
	left: 250px;
	top: 26px;
	list-style: none;
}
div#topMenu ul li {
	width: 241px;
	height: 51px;
	margin-bottom: 5px;
}
div#topMenu ul li a {
	display: block;
	width: 241px;
	height: 51px;
	text-indent: -99em;
	text-decoration: none;
}

div#topMenu ul li.single a {
	background: transparent url(../contact/images/menu.gif) no-repeat 0px 0px;
}
div#topMenu ul li.single a:hover {
	background: transparent url(../contact/images/menu.gif) no-repeat -250px 0px;
}

div#topMenu ul li.student a {
	background: transparent url(../contact/images/menu.gif) no-repeat 0px -56px;
}
div#topMenu ul li.student a:hover {
	background: transparent url(../contact/images/menu.gif) no-repeat -250px -56px;
}

div#topMenu ul li.family a {
	background: transparent url(../contact/images/menu.gif) no-repeat 0px -112px;
}
div#topMenu ul li.family a:hover {
	background: transparent url(../contact/images/menu.gif) no-repeat -250px -112px;
}

div#topMenu div.contactbutton {
	position: absolute;
	top: 40px;
	left: 300px;
}

/* @end */


div#caption1 {
	margin: 20px 10px;
	font-size: small;
}


div#phone {
	width: 186px;
	height: 19px;
	margin: 20px 20px 5px;
	line-height: 60px;
	overflow: hidden;
	background: transparent url(../contact/images/address.gif) no-repeat 0px 0px;
}
div#mailaddress a {
	width: 234px;
	height: 23px;
	margin: 5px 20px 20px;
}
div#mailaddress a {
	display: block;
	width: 234px;
	height: 23px;
	line-height: 115px;
	overflow: hidden;
	background: transparent url(../contact/images/address.gif) no-repeat 0px -23px;
}
div#mailaddress a:hover {
	background: transparent url(../contact/images/address.gif) no-repeat -256px -23px;
}



hr.divide {
	display: block;
	height: 1px;
	background: #ccc;
	border: none;
}

div#copy2 {
	margin: 20px 10px;
}

h3 {
	margin: 20px 10px;
}

/* @group Contact Flow */

div#contactFlow {
	position: relative;
	height: 156px;
	margin: 0px 20px 40px;
}
div#contactFlow ol {
	list-style: none;
}
div#contactFlow ol li {
	position: absolute;
	width: 164px;
	height: 156px;
	text-indent: -9999em;
}
div#contactFlow ol li.flow1 {
	top: 0px;
	left: 0px;
	background: transparent url(../contact/images/otoiawase_pic1.gif) no-repeat;
}
div#contactFlow ol li.flow2 {
	top: 0px;
	left: 190px;
	background: transparent url(../contact/images/otoiawase_pic2.gif) no-repeat;
}
div#contactFlow ol li.flow3 {
	top: 0px;
	left: 380px;
	background: transparent url(../contact/images/otoiawase_pic3.gif) no-repeat;
}
div#contactFlow div.arrow1 {
	position: absolute;
	top: 70px;
	left: 170px;
}
div#contactFlow div.arrow2 {
	position: absolute;
	top: 70px;
	left: 357px;
}

/* @end */

/* @group Kodawari Container */

div#kodawariContainer {
	margin: 0px 20px 30px;
}

div#kodawariContainer h4 {
	margin: 20px 0px 10px;
}
div#kodawariContainer p {
	font-size: small;
	margin: 10px 0px;
	line-height: 1.4;
}
div#kodawariContainer strong {
	font-weight: normal;
	color: #FF3333;
}

/* @end */