@charset "UTF-8";

/* --------------------------------------------------
	スライドショー
-------------------------------------------------- */
#slideshow_navigation {
	width: 940px;
	height: 35px;
	margin-top: 1px;
	background-color: #000000;
	position: relative;
}

.caroufredsel_wrapper {
	margin-left: 50px;
}

#corousel img {
	display: block;
	float: left;
	margin: 5px 3px;
	padding: 0;
	width: 25px;
	height: 25px;
	border: 1px solid #999999;
	cursor: pointer;
}

#corousel li {
	display: block;
	position: relative;
	float: left;
}
/*
#corousel li .balloon {
	display: none;
	position: absolute;
	top: -20px;
	z-inde: 100;
}

#corousel li .balloon img {
	width: 76px;
	height: 23px;
}

#corousel li:hover .balloon {
	display: block;
}
*/

#corousel img:hover {
	border: 1px solid #ffffff;
}

a.prev {
	width: 50px;
	height: 35px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-position: 0 0;
	background: #2d2d2d url("../images/base/arrow_white_left.png") no-repeat scroll center center ;
}

a.next {
	width: 50px;
	height: 35px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-position: -50px 0;
	background: #2d2d2d url("../images/base/arrow_white_right.png") no-repeat scroll center center ;
}

a.prev.disabled {	background-position: 0 -100px !important;  }

a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

#slideshow_navigation a.prev span,
#slideshow_navigation a.next span {
	display: none;
}

#tooltip img {
	width: 100px;;
}

/* --------------------------------------------------
	トップページ用ナビゲーション
-------------------------------------------------- */
#wrap_sub_navigation {
	margin: 15px 0;
	background-color: #e8eaee;
}

#wrap_sub_navigation ul {
	width: 929px;
	margin: 0 auto;
}

#wrap_sub_navigation ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrap_sub_navigation ul li {
	float: left;
	width: 230px;
	border-right: 1px solid #ffffff;
}

#wrap_sub_navigation ul li.last {
	width: 230px;
	border-right: none;
}

#wrap_sub_navigation ul li .header {
	border-bottom: 1px solid #ffffff;
}

#wrap_sub_navigation ul li .contents {
	height: 130px;
}

#wrap_sub_navigation ul li .contents ul {
	width: 210px;
	padding: 10px;
}

#wrap_sub_navigation ul li .contents ul li {
	float: none;
	width: 195px;
	margin-bottom: 6px;
	padding: 0 0 0 15px;
	border-right: none;
	background: url("../images/base/li_icon_corner.png") no-repeat scroll 0 center transparent;
	font-size: 1.1em;
}

/* --------------------------------------------------
	メインコンテンツ
-------------------------------------------------- */
#main {
	float: left;
	width: 700px;
	margin-right: 20px;
}

#main h2 {
	width: 700px;
	margin-bottom: 10px;
	border-bottom: 2px solid #e8eaee;
}

#main h2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main h2 span {
	display: block;
	float: left;
	width: 400px;
	font-size: 1.3em;
}

#main h2 a {
	display: block;
	float: right;
	width: 150px;
	margin: 0 5px 3px 0;
	padding: 0 0 0 15px;
	background: url("../images/base/li_black_arrow_right.gif") no-repeat scroll left center transparent;
}

#main ul li {
	min-height: 80px;
	margin: 5px 0;
	padding-bottom: 10px;
	background: url("../images/base/line_white_dot_bottom.gif") repeat-x scroll left bottom transparent;
}

#main ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main ul li .img {
	float: left;
	width: 70px;
	margin-right: 10px;
	padding-top: 10px;
	text-align: center;
}

#main ul li .contents {
	float: left;
	width: 620px;
}

#main ul li .contents p {
	margin-top: 7px;
}

/* --------------------------------------------------
	バナーエリア
-------------------------------------------------- */
#sub {
	float: left;
	width: 220px;
}

#sub ul li {
	margin-bottom: 10px;
}

#sub p {
	margin: 0 5px 10px 0;
	padding: 0 0 0 15px;
	background: url("../images/base/li_black_arrow_right.gif") no-repeat scroll left center transparent;
}