@charset "utf-8";

/*============================================================

	[office_content.css]
	
============================================================*/


/*
	background
------------------------------------------------------------*/
* html div#header {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../shared/img/content_header_bg.png", sizingMethod="scale");
	text-align: center;
}

* html div#content div.wrapper {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../shared/img/content_bg_body_ie.png", sizingMethod="scale");
}


/*
	navigation
------------------------------------------------------------*/
div#header ul#nav {
	background: url(../../img/nav_bg.jpg) no-repeat;
}


/*
	notice
------------------------------------------------------------*/
p.notice {
	margin: 0 20px 20px;
}


/*
	area selector
------------------------------------------------------------*/
ul.area {
	list-style: none;
	height: 1em;
	margin: 0 20px 0 10px;
}

ul.area li {
	float: left;
	margin: 0;
	border-right: 1px dotted #CCC;
	line-height: 1.2;
}

ul.area li a {
	margin: 0 10px;
}

ul.area li a:hover {
	color: #F90;
}


/*
	area block
------------------------------------------------------------*/
div.area {
	clear: both;
	margin: 20px 20px 0;
	padding: 1em 1em 0;
	background: #FFC;
	border: 1px solid #FC0;
}

div.area h2 {
	margin: 0 0 0.5em;
	font-size: 20px;
	color: #F90;
}


/*
	office block
------------------------------------------------------------*/
div.office {
	position: relative;
	padding: 1em 0;
	border-top: 1px dotted #FC3;
}
* html div.office {
	width: 100%;
}

div.office h3 {
	margin: 0;
	line-height: 1.4;
	font-size: 16px;
}

div.office dl {
	margin: 0;
	line-height: 1.4;
}

div.office dt {
	float: left;
}

div.office dd {
	margin-left: 5em;
	margin-right: 110px;
}

div.office p.go-detail {
	position: absolute;
	right: 0;
	bottom: 1em;
	width: 100px;
	height: 25px;
}

div.office p.go-detail a,
div.office p.go-detail img {
	display: block;
}

div.office p a.external img {
	margin-left: 2px;
}


/*
	detail
------------------------------------------------------------*/
div.section {
	position: relative;
}

div.section h2 {
	margin: 0 0 1em;
	padding: 0.8em 10em 0.7em 1em;
	background: #FFC;
	border: 1px dotted #FC0;
	line-height: 1.2;
	font-size: 16px;
}
* html div.section h2 {
	width: 100%;
}

div.section p#tel {
	position: absolute;
	right: 1em;
	top: 0.8em;
	line-height: 1.2;
	font-weight: bold;
	font-size: 16px;
	color: #F90;
}

div.section dl.info {
	margin: 0 0 0 300px;
}

div.section dl.info dt {
	float: left;
	margin: 0;
}

div.section dl.info dd {
	margin: 0 0 0 5em;
}

div.section div#map {
	float: left;
	width: 280px;
	height: 240px;
	border: 1px solid #999;
}

div.section p#print {
	margin: 20px 0 0 300px;
	text-align: center;
}

div.section p#print img {
	vertical-align: bottom;
	cursor: pointer;
}