@charset "utf-8";

/***********************************************************

 Default

************************************************************/

/* font size
-----------------------------------------------------------
20px : 142%
18px : 128%
16px : 114%
14px : 100%
13px :  93%
12px :  85%
11px :  78%
10px :  71%
----------------------------------------------------------- */

/* clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}

/* Hides from MacIE \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from MacIE */

/* IEでimgの拡大縮小を綺麗にする */

img {
	-ms-interpolation-mode: bicubic;
}

/***********************************************************

 Tag

************************************************************/

html {
}
body {
	margin: 0px;
	padding: 0px;
	color: #44341F;
	text-align: center;
	word-break: break-all;
	font: 87%/1em "Georgia", sans-serif;
	background-color: #E7E3DB;
}
h1, h2, h3, h4, h5, h6, table, form, p, ul, ol, li, dl, dt, dd, img {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
}
div, p, table, form {
	text-align: left;
}
p {
	font-size: 100%;
	line-height: 1.5;
	margin-bottom: 20px;
}
table {
	empty-cells: show;
	border-collapse: collapse;
}
th, td {
	vertical-align: top;
	line-height: 1.5;
	text-align: left;
}
img {
	border: 0px;
	vertical-align: top;
}
ul, ol {
	margin: 0px 0px 16px 36px;
	padding: 0px;
	line-height: 1.5;
}
dl {
	line-height: 1.5;
}
form {
	font-size: inherit;
}
input, select, textarea {
}
input[type="text"] {
	padding: 1px;
}
input[type="button"] {
}
strong {
	font-weight: bold;
}
a:link, a:visited {
	color: #D03600;
	text-decoration: underline;
	outline: none;
}
a:hover, a:active {
	color: #FF7A4B;
	text-decoration: none;
	outline: none;
}
hr {
	display: none;
}
blockquote {
	font-size: 100%;
}
address {
}
code {
	font-size: inherit;
}
abbr {
	border-bottom-width: 0;
}

/***********************************************************

 Class

************************************************************/

.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.last {
	margin-bottom: 0px !important;
}
.small {
	font-size: 85%;
}
.large {
	font-size: 128%;
}
.point {
}
.annotation {
	text-indent: -1em;
	margin-left: 1em;
}
.necessary {
	color: #AC403F;
	font-size: 85%;
}

/***********************************************************

 Main Layout

************************************************************/

#header {
	position: relative;
	height: 104px;
	background: url(../images/bg-header.gif) repeat-x left top;
}
#header-inner {
	position: relative;
	width: 950px;
	margin: 0px auto;
}
#contents {
	background: url(../images/bg-body.jpg) repeat;
}
#contents-inner {
	background: url(../images/bg-contents.jpg) no-repeat right top;
	position: relative;
	width: 950px;
	margin: 0px auto;
	overflow: hidden;
}
#footer {
	background-color: #E7E3DB;
	border-top: 3px solid #941616;
	position: relative;
}
#footer-inner {
	position: relative;
	width: 950px;
	margin: 0px auto;
	padding: 16px 0px;
	min-height: 68px;
	_height: 68px;
}

/***********************************************************

 Sub-Layout

************************************************************/

/* header
----------------------------------------------------------- */

#header h1 {
	position: absolute;
	top: 20px;
	left: 0px;
}
#header ul {
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 0;
}
#header p {
	position: absolute;
	top: 36px;
	right: 0px;
}
#nav-language {
	position: absolute;
	top: 4px;
	right: 0px;
	width: 152px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav-language li {
	float: left;
}

/* footer 
----------------------------------------------------------- */

#footer p {
	font-size: 85%;
	color: #756C5F;
	margin-bottom: 4px;
}
#footer #bt-pagetop {
	position: absolute;
	top: 0px;
	right: 0px;
}
#footer a:link, #footer a:visited {
	color: #756C5F;
	text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color: #AB5969;
	text-decoration: none;
}

/***********************************************************

 ホーム /english/

************************************************************/

#home #flash-outer {
	background: url(../images/bg-flash-outer.jpg) repeat-x left top;
}
#home #flash {
	position: relative;
	background: url(../images/home-visual.jpg) no-repeat left top;
	width: 950px;
	height: 382px;
	margin: 0px auto;
}
#home #flash h2 {
	position: absolute;
	top: 40px;
	left: 34px;
}
#home #flash p {
	position: absolute;
	top: 108px;
	left: 34px;
}
#home #contents-inner {
	padding: 32px 0px;
}
#home #content-body {
	width: 882px;
	margin: 0px auto;
}
#content-body h3 {
	margin-bottom: 24px;
}
#content-body .section {
}
#section1 .left-section {
	float: left;
	width: 332px;
}
#section1 .left-section p {
	text-align: right;
}
#section1 .right-section {
	float: right;
	width: 516px;
}
#section1 .right-section .right-photo {
	float: right;
	margin: 4px 0px 14px 14px;
	border: solid 1px #FFF;
}
#section1 .right-section .left-photo {
	float: left;
	margin: 4px 14px 14px 0px;
	border: solid 1px #FFF;
}
.list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.list li {
	float: left;
}
#section1 p {
	line-height: 1.4;
	margin-bottom: 16px;
}
#section1 #bt-otaru {
	margin-right: -6px;
	margin-top: -4px;
}
#section2 {
	margin-bottom: 36px;
}
#section2 .list li {
	width: 215px;
	margin-right: 7px;
}
#section2 .list li.last {
	margin-right: 0px;
}
#section2 .list li .bt-access {
	display: block;
	text-align: center;
	margin-top: 12px;
}
#section3 .list li {
	width: 268px;
	margin-right: 39px;
}
#section3 .list li.last {
	margin-right: 0px;
}
#section3 .list li p {
	margin: 4px 0px 12px 12px;
}