@charset "UTF-8";
@import url("base.css");
@import url("ir.css");

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 01.wrapper style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#wrapper {
	text-align: center;
	width: 100%;
	margin: 0px;
	background-color: #fffef7;
	background-image: url(../images/commons/background.gif);
	background-repeat: repeat-x;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* header style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#header_wrapper {
	width: 100%;
	background-image: url(../images/frontpage/head_image.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	text-align: center;
}

div#header {
	position: relative;
	width: 940px;
	height: 200px;
	margin: 0px auto;
}

h1 {
	position: absolute;
	width: 200px;
	height: 71px;
	top: 55px;
	left: 65px;
}

h1 a {
	display: block;
	float: left;
	width: 200px;
	height: 71px;
}

#header p {
	text-indent: -5000px;
}

/* END */


h2.frontpage {
	font-size: 12px;
	text-align: left;
	text-indent: -5000px;
}

p.snippet {
	font-size: 14px;
	line-height: 1.6em;
	color : #494949;
	padding: 0px 10px 10px 10px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* navigator style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#global {
	position: absolute;
	top:175px;
	left: 0px;
}
ul#nv {
	width: 940px;
	height: 50px;
	background-image: url(../images/navigator.jpg);
}
ul#nv li {
	float: left;
}
ul#nv li a {
	display: block;
	height: 50px;
}
a#n_01 {
	width: 227px;
}
a#n_02,a#n_03,a#n_04,a#n_05 {
	width: 150px;
}
a#n_06 {
	width: 113px;
}
div#pd_n_01_background {
	position: absolute;
	top: 45px;
	left: -15px;
	z-index: 7500;
	text-align: center;
	display: none;
	width: 257px;
	height: 180px;
	background: url(../images/pd_n_01_background.png) center bottom no-repeat;
		_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sawarabi/images/pd_n_01_background.png', sizingMethod='scale');
}
ul#pd_n_01_navigator {
	width: 217px;
	top: 71px;
	z-index: 10000;
	left: 5px;
}
ul.nvIRPD li a {
	width: 217px;
	height: 62px;
	margin-bottom: 6px;
}
.nvIRPD {
	position: absolute;
	display: none;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* container style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#container_wrapper {
	clear: both;
	overflow: hidden;
	width: 960px;
	height: 100%;
	background: url(../images/commons/bg_container.png) repeat-y;
	margin: 0px auto;
	text-align: center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sawarabi/images/commons/bg_container.png', sizingMethod='scale');
}
div#container {
	clear: both;
	width: 936px!important;
	width/**/: 940px;
	padding: 25px 2px 2px;
	margin: 0px auto;
	background: url(../images/commons/bg_container_in.gif) repeat-y;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* breadlink style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* top */

div#tree_top {
	clear: both;
	overflow: hidden;
	padding: 2px 0px;
	background-color: #FFFFFF;
}
div#tree_top ul.breadlink {
	overflow: hidden;
	height: 30px;
	width: 936px;
	padding: 0px;
	background-color: #d6d6d6;
	margin: 0px 0px 0px 0px;
}
div#tree_top ul.breadlink li {
	float: left;
	height: 24px!important;
	height/**/: 30px;
	padding: 6px 20px 0px 20px;
	background: url(../images/commons/ic_breadlink.gif) no-repeat left 0px;
}
div#tree_top ul.breadlink li.home {
	float: left;
	height: 24px!important;
	height/**/: 30px;
	padding: 6px 10px 0px 10px;
	background: none;
}
div#tree_top ul.breadlink li a {
	color: #5394bc;
}

/* bottom */

div#tree_bottom ul.breadlink {
	float: left;
	height: 30px;
	width: 660px!important;
	width/**/: 660px;
	padding: 0px 0px 0px 0px;
}
div#tree_bottom ul.breadlink li {
	float: left;
	height: 24px!important;
	height/**/: 30px;
	padding: 6px 20px 0px 20px;
	background: url(../images/commons/ic_breadlink.gif) no-repeat left 0px;
}
div#tree_bottom ul.breadlink li.home {
	float: left;
	height: 24px!important;
	height/**/: 30px;
	padding: 6px 10px 0px 10px;
	background: none;
}
div#tree_bottom ul.breadlink li a {
	color: #5394bc;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* contents style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#contents {
	float: left;
	width: 630px!important;
	width/**/: 650px;
	padding: 0px 0px 0px 20px;
	text-align: left;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* sidebar style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#sidebar {
	float: right;
	width: 258px;
	position: relative;
	text-align: center;
	margin: 0px 2px 10px 0px;
	padding-top: 305px;
}
div#photo_gallery {
	position: absolute;
	top: 0px;
	left: 3px;
	width: 258px;
	height: 296px;
	background: url(../images/sidebar/bg_photo.gif) no-repeat;
}
a#n_15 {
	display: block;
	width: 204px;
	height: 42px;
	margin: 188px auto 5px;
}
div#photo_gallery p {
	display: block;
	width: 204px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0px auto;
}

/* mobile */

div#mobile {
	width: 240px;
	height: 268px;
	padding: 0px;
	margin: 0px auto 10px;
	padding: 8px 0px 0px;
	text-align: center;
	background: url(../images/sidebar/bg_mobile.gif) no-repeat 0px 0px;
	
}
div#mobile h4 {
	display: block;
	text-indent: -5000px;
	width: 224px;
	height: 32px;
	margin: 0px auto;
	background: url(../images/sidebar/h4_mobile.gif) no-repeat 0px 0px;
}
div#mobile img {
	display: block;
	width: 158px;
	height: 152px;
	margin: 8px auto;
}
div#mobile p {
	display: block;
	width: 210px;
	margin: 0px auto;
	text-align: center;
}

/* address */

div#address {
	clear: both;
	width: 240px;
	height: 260px;
	text-align: center;
	padding: 0px;
	margin: 0px auto 10px;
	background: url(../images/sidebar/bg_address.gif) no-repeat 0px 0px;
}
div#address h4 {
	text-indent: -5000px;
}
div#address address {
	width: 240px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.6em;
	color: #6b6b6b;
	font-style: normal;
	text-align: center;
	padding: 78px 0px 20px 0px;
	margin: 0px auto;
}
div#address p {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.8em;
	color: #6b6b6b;
}
div#address p.tel {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5em;
	color: #ff580e;
	padding: 0px 0px 0px 0px;
}

/* pagetop */

div#footer div.pagetop {
	float: right;
	width: 260px;
	height: 42px;
	text-align: center;
	padding: 0px 0px 0px 0px;
}
div#footer div.pagetop a#n_20 {
	width: 164px;
	height: 42px;
	position: absolute;
	right: 46px;
	top: -12px;
	z-index: 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* footer style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#footer_wrapper {
	clear: both;
	width: 100%;
	text-align: center;
	background: url(../images/commons/bg_footer.gif) repeat-x 0px 0px;
}
div#footer {
	width: 940px;
	text-align: left;
	margin: 0px auto;
	position: relative;
}

div#footer ul.footer_menu {
	clear: both;
	overflow: hidden;
	width: 940px;
	padding: 4px 0px 10px 0px;
	border-bottom: 1px solid #8f8882;
	margin: 0px 0px 10px 0px;
}
div#footer ul.footer_menu li {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 1.8em;
	float: left;
	padding: 0px 20px 0px 10px;
	background: url(../images/commons/ic_footerlist.gif) no-repeat right center;
}
div#footer ul.footer_menu li.last {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 1.8em;
	float: left;
	padding: 0px 0px 0px 10px;
	background: none;
}
div#footer ul.footer_menu li a {
	color: #FFFFFF;
}
div#footer ul.footer_menu li a:link,div#footer ul.footer_menu li a:active,div#footer ul.footer_menu li a:visited {
	color: #FFFFFF;
}
div#footer ul.footer_menu li a:hover {
	text-decoration: underline;
	color: #FFCC00;
	text-shadow: none;
}


div#footer p {
	clear: both;
	width: 940px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	color: #d6d6d6;
	padding: 0px 0px 20px 0px;
}