@charset "utf-8";

/* ----------------------- Browser Default Initialization */
body {
	margin-top: 0px;
	margin-bottom: 0px;
	color:#41220f;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

a:link{
  color: #41220f;
  text-decoration: none;
}
a:visited{
  color: #41220f;
  text-decoration: none;
}
a:hover{
  color:#00F;
  text-decoration:none;
}
a:active{
  color: #41220f;
  text-decoration:none;
}

/* ----------------------- Browser Default Initialization */

#contents {
	position: relative;
	width: 950px; /* 任意 */
	height: 1199px; /* 任意 */
	margin: auto;
}

#contents2 {
	position: relative;
	width: 950px; /* 任意 */
	height: 405px; /* 任意 */
	margin: auto;
}

#contents3 {
	position: relative;
	width: 950px; /* 任意 */
	height: 139px; /* 任意 */
	margin: auto;
}

#contents4 {
	position: relative;
	width: 950px; /* 任意 */
	height: 122px; /* 任意 */
	margin: auto;
}


#js-info {
	position: absolute;
	top: 24px; /* #contents内の上から何pxか */
	left: 245px; /* #contents内の左から何pxか */
	height:122px;
	overflow: auto;
	text-overflow: ellipsis;
	line-height:13px;
}



.title {
	position: absolute;
	top: 60px; /* #contents内の上から何pxか */
	left: 375px; /* #contents内の左から何pxか */
	background: url("/images/title_over.png") no-repeat;
}

.title a {
    display: inline-block;
}

.title a:hover {
	background-color: transparent; /* IE6対応 */
}

.title a:hover img {
    visibility: hidden;
}

.menu1 {
	position: absolute;
	top: 114px; /* #contents内の上から何pxか */
	left: 152px; /* #contents内の左から何pxか */
	background: url("/images/main_menu01_over.png") no-repeat;
}

.menu1 a {
    display: inline-block;
}

.menu1 a:hover {
	background-color: transparent; /* IE6対応 */
}

.menu1 a:hover img {
    visibility: hidden;
}

.menu2 {
	position: absolute;
	top: 85px; /* #contents内の上から何pxか */
	left: 260px; /* #contents内の左から何pxか */
	background: url("/images/main_menu02_over.png") no-repeat;
}
.menu2 a {
    display: inline-block;
}

.menu2 a:hover {
	background-color: transparent; /* IE6対応 */
}

.menu2 a:hover img {
    visibility: hidden;
}


.menu3 {
	position: absolute;
	top: 85px; /* #contents内の上から何pxか */
	left: 578px; /* #contents内の左から何pxか */
	background: url("/images/main_menu03_over.png") no-repeat;
}
.menu3 a {
    display: inline-block;
}

.menu3 a:hover {
	background-color: transparent; /* IE6対応 */
}

.menu3 a:hover img {
    visibility: hidden;
}


.menu4 {
	position: absolute;
	top: 114px; /* #contents内の上から何pxか */
	left: 692px; /* #contents内の左から何pxか */
	background: url("/images/main_menu04_over.png") no-repeat;
}
.menu4 a {
    display: inline-block;
}

.menu4 a:hover {
	background-color: transparent; /* IE6対応 */
}

.menu4 a:hover img {
    visibility: hidden;
}


.uketsuke {
	position: absolute;
	top: 45px; /* #contents内の上から何pxか */
	left: 728px; /* #contents内の左から何pxか */
	line-height: 1.5em;
}

.title2 {
	position: absolute;
	top: 128px; /* #contents内の上から何pxか */
	left: 340px; /* #contents内の左から何pxか */
}

.whatespoir {
	position: absolute;
	width: 418px;
	height: 200px;
	top: 188px; /* #contents内の上から何pxか */
	left: 265px; /* #contents内の左から何pxか */
	font-size:12px;
	line-height: 1.5em;
	font-weight:bold;
}

.linkyou {
	font-size:12px;
	font-weight:bold;
	line-height: 2.2em;
	text-align:center;
	position: absolute;
	top: 15px; /* #contents内の上から何pxか */
	left: 748px; /* #contents内の左から何pxか */

	-moz-transform:    rotate( 5deg );  /* Firefox用 */
	-webkit-transform: rotate( 5deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 5deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 5deg );  /* IE9用 */
	transform:         rotate( 5deg );  /* CSS3の書き方 */
}

.linkyou  a {
	text-decoration: none;/* リンクの下線を消す */
}

.under_L1 {
	position: absolute;
	top: 50px; /* #contents内の上から何pxか */
	left: 80px; /* #contents内の左から何pxか */
	font-size:10px;
	line-height: 1.5em;
	font-weight:bold;
}
.under_L2 {
	position: absolute;
	top: 80px; /* #contents内の上から何pxか */
	left: 80px; /* #contents内の左から何pxか */
	font-size:20px;
	line-height: 1.5em;
	font-weight:bold;
}
.under_L3 {
	position: absolute;
	top: 50px; /* #contents内の上から何pxか */
	left: 220px; /* #contents内の左から何pxか */
	font-size:11px;
	line-height: 1.7em;
	font-weight:bold;
}
.under_L4 {
	position: absolute;
	top: 85px; /* #contents内の上から何pxか */
	left: 450px; /* #contents内の左から何pxか */
}

.under_R1 {
	position: absolute;
	width: 350px;
	height: 50px;
	top: 65px; /* #contents内の上から何pxか */
	left: 580px; /* #contents内の左から何pxか */
	font-size:11px;
	line-height: 1.7em;
	font-weight:bold;
}

.under_L3 a {
	text-decoration: none;/* リンクの下線を消す */
}


.top_TEL1 {
	position: absolute;
	width: 150px;
	height: 20px;
	top: 10px; /* #contents内の上から何pxか */
	left: 730px; /* #contents内の左から何pxか */
	font-size:12px;
	line-height: 1.5em;
	font-weight:bold;
}

.top_TEL2 {
	position: absolute;
	width: 180px;
	height: 25px;
	top: 26px; /* #contents内の上から何pxか */
	left: 726px; /* #contents内の左から何pxか */
	font-size:20px;
	line-height: 1.5em;
	font-weight:bold;
}

.top_TEL2 a {
	text-decoration: none;/* リンクの下線を消す */
}