@charset "utf-8";
/* CSS Document */
div.mainphoto {
	width:100%;
	margin-top:50px;
}


#todwrap {
	width:100%;
	text-align:center;
}

#todwrap div.todarea{
	width:90%;
	margin:0 auto 0 auto;
}

#todwrap div.servie{
	width:100%;
}

#todwrap div.servie h2{
	display:block;
	width:100%;
	height:720px;
	text-indent:-9999px;
	background-image:url(../../images/tod_subtitle_service.png);
	background-repeat:no-repeat;
	background-size:160%;
	background-position:left bottom;
}

#todwrap div.servie div.servicedataarea{
	width:100%;
	display:block;
	text-align:center;
	position:relative;
	top:-300px;
	margin-bottom:-260px;
}

#todwrap div.servie div.servicedataarea ul{
	display:inline-block;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}

#todwrap div.servie div.servicedataarea ul li{
	display:block;
	margin:0 10px 0 10px;
	width:100%;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
}

#todwrap div.contentsarea {
	width:100%;
	margin:0 auto 0 auto;
	text-align:center;
}

#todwrap div.contentsarea ul{
	display:inline-block;
	list-style:none;
	width:100%;
	margin:0px;
	padding:0px;
}

#todwrap div.contentsarea ul li{
	margin:0 10px 25px 10px;
	border:0px solid #000000;
	width:100%;
}


#todwrap div.contentsarea ul li a{
	display:block;
	width:100%;
	height:150px;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	background-size:contain;
}

#todwrap div.contentsarea ul li.tod_aboutus a{
	background-image:url(../../images/tod_banner_tod_aboutus.png);
}

#todwrap div.contentsarea ul li.tod_staff a{
	background-image:url(../../images/tod_banner_tod_staff.png);
}

#todwrap div.contentsarea ul li.tod_result a{
	background-image:url(../../images/tod_banner_tod_result.png);
}

#todwrap div.contentsarea ul li.tod_clause a{
	background-image:url(../../images/tod_banner_tod_clause.png);
}

#todwrap div.contentsarea ul li a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#todwrap div.contentsarea ul li a h3{
	text-indent:-9999px;;
}


div#tailPhotos {
	width:100%;
	text-align:center;
}

div#tailPhotos ul#tiles{
	display:inline-block;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}

div#tailPhotos ul#tiles li{
	width:22%;
	float:left;
	margin:10px;
	display:block;
	text-align:center;
}

div#tailPhotos ul#tiles li div{
	margin:0 auto 0 auto;
}