@charset "utf-8";

/* visualArea
---------------------------------------- */
#top #visualArea {
	background: url(../../img/visual_bg1.jpg) 50% 0% no-repeat;
}

#top #visualArea p.visualparts1 {
	width: 319px;
	position: absolute;
	margin: 60px 0 0 8px;
}

#top #visualArea p.visualparts1 img {
	margin: 0;
}

#top #visualArea p.visualparts2 {
	width: 298px;
	position: absolute;
	margin: 124px 0 0 11px;
}

#top #visualArea p.visualparts2 img {
	margin: 0;
}

#top #visual {
	width: 800px;
	height: 269px;
	margin: 0 auto;
	overflow: hidden;
	border-top: 1px solid #800D27;
	background: url(../../img/visual_bg2.jpg) no-repeat;
}

#top #visualInner {
	width: 800px;
	margin: 0 auto;
	padding-top: 199px;
}

/* visualArea/vnavi
---------------------------------------- */
#top #visualInner #vnavi {
	width: 800px;
	height: 65px;
	margin: 0 auto;
	padding: 0 auto;
	border-top: 5px solid #800D27;
}

#top #visualInner #vnavi li {
	float: left;
	text-indent: -9999px;
}

#top #visualInner #vnavi li a {
	width: 266px;
	height: 65px;
	display: block;
	outline: none;
}

#top #visualInner #vnavi li.vn1 a {
	background: url(../../img/vnavi_01.jpg) no-repeat;
	margin: 0 1px 0 0;
}

#top #visualInner #vnavi li.vn2 a {
	background: url(../../img/vnavi_02.jpg) no-repeat;
	margin: 0 1px 0 0;
}

#top #visualInner #vnavi li.vn3 a {
	background: url(../../img/vnavi_03.jpg) no-repeat;
	margin: 0;
}

#top #visualInner #vnavi li a:hover {
	background-position: 0 -65px;
}



/* contents/topmain
---------------------------------------- */
#top #contents #topmain {
	width: 571px;
	margin-top: 28px;
	margin-bottom: 20px;
	float: left;
}

/* topmainInner1
---------------------------------------- */
#topmainInner1 {
	width: 571px;
	margin: 0;
}

#topmainInner1 h2 {
	width: 571px;
}

#topmainInner1 h2 img {
	margin: 0;
}

/* topmainInner1/search-navi
---------------------------------------- */
#topmainInner1 #search-navi {
	width: 571px;
	height: 84px;
	margin: 0;
	padding: 0;
}

#topmainInner1 #search-navi li {
	float: left;
	text-indent: -9999px;
}

#topmainInner1 #search-navi li a {
	width: 285px;
	height: 84px;
	display: block;
	outline: none;
}

#topmainInner1 #search-navi li.s-n1 a {
	background: url(../../img/search-navi_01.jpg) no-repeat;
	margin: 0 1px 0 0;
}

#topmainInner1 #search-navi li.s-n2 a {
	background: url(../../img/search-navi_02.jpg) no-repeat;
	margin: 0;
}

#topmainInner1 #search-navi li a:hover {
	background-position: 0 -84px;
}

/* topmainInner2
---------------------------------------- */
#topmainInner2 {
	width: 571px;
	margin-top: 28px;
}

#topmainInner2 h2 {
	width: 571px;
}

#topmainInner2 h2 img {
	margin: 0 0 18px 0;
}

#topmainInner2 dl {
	padding-left: 10px;
}

#topmainInner2 dl dt {
	background: url(../img/arrow1.gif) 0 40% no-repeat;
	padding-left: 10px;
	float: left;
	color:#800D27;
	font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#topmainInner2 dl dd {
	margin: 0 0 8px 0;
	padding: 0 0 8px 8em;
	border-bottom: dotted 1px #ECECEC;
}

#topmainInner2 dl dd a {
	color: #43677E;
	text-decoration: underline;
}

#topmainInner2 dl dd a:hover {
	color: #43677E;
	text-decoration: none;
}

#topmainInner2 dl dd img {
	vertical-align: middle;
	margin-right: 5px;
}



/* contents/topside
---------------------------------------- */
#top #contents #topside {
	width: 200px;
	margin-top: 28px;
	margin-bottom: 20px;
	float: right;
}

/* topsideInner1
---------------------------------------- */
#topsideInner1 {
	width: 200px;
	margin: 0;
}

#topsideInner1 h2 {
	width: 200px;
}

#topsideInner1 h2 img {
	margin: 0;
}

#topsideInner1 .bnbox-tsin1 {
	width: 178px;
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom:  1px solid #CCCCCC;
	background: url(../../img/bnbox-tsin1l_bg1.jpg) no-repeat;
}

#topsideInner1 ul.bn {
	width: 178px;
	padding: 0;
}

#topsideInner1 ul.bn li {
    width: 166px;
}

#topsideInner1 ul.bn li a {
    width: 166px;
	height: 65px;
	background-color: #CCCCCC;
	margin-bottom: 10px;
	padding: 6px;
	position: relative;
	display: block;
}

#topsideInner1 ul.bn li a:hover {
	width: 166px;
	height: 65px;
	background-color: #AAAAAA;
	margin-bottom: 10px;
	padding: 6px;
	position: relative;
	display: block;
}

#topsideInner1 ul.bn li img {
    width: 164px;
	border: 1px solid #FFFFFF;
}