@charset "utf-8";

/* ---------------------------------------------------------------------

　TITLE  : ホーム CSS
　URL    : /css/index.css

--------------------------------------------------------------------- */

#container {
	padding-top: 20px;
}
#side {
	padding-top: 20px;
}
#visual {
}
#visual #news {
}
#visual #news #view {
	background: url(../img/visual_bg.jpg) no-repeat 0px 0px;
	/*margin-left: 10px;*/
	height: 240px;
	margin-bottom: 20px;
	overflow: hidden;
}
#visual #news #tab {
	position: absolute;
	visibility: inherit;
	top: 335px;
	/*margin-left: 10px;*/
	margin-bottom: 20px;
	width: 650px;
	_margin-left: -12px;
	list-style: none;
	height: 50px;
	background: url(../img/visual_tab_bg.jpg) no-repeat 1px 1px;
}
#visual #news #tab li {
	float: left;
	width: 79px;
	height: 50px;
	background: url(../img/visual_tab_bg.jpg) no-repeat 1px 1px;
	margin-left: 12px;
	margin-top: 1px;
}
#visual #news #tab li a {
	width: 77px;
	height: 48px;
	display: block;
	border: 1px solid #BBBBBB;
	outline: none;
}
#visual #news #tab li a:hover {
	border: 1px solid #FFFFFF;
}
#visual #news #tab .present a, #visual #news #tab .present a:hover {
	border: 1px solid #72C42F;
}
#visual #main_navi {
	height: 240px;
	background: url(../img/visual_navi_bg.jpg) no-repeat 0px 0px;
}
#visual #main_navi li {
	display: inline;
	padding-left: 0px;
}
#visual #main_navi li a {
	height: 60px;
	display: block;
	text-indent: -9999px;
	outline: none;
}
#visual #main_navi li a:hover {
}
#visual #main_navi .plan a {
	background: url(../img/visual_navi_btm.jpg) no-repeat 0px 0px;
}
#visual #main_navi .plan a:hover {
	background: url(../img/visual_navi_btm.jpg) no-repeat -250px 0px;
}
#visual #main_navi .special a {
	background: url(../img/visual_navi_btm.jpg) no-repeat 0px -60px;
}
#visual #main_navi .special a:hover {
	background: url(../img/visual_navi_btm.jpg) no-repeat -250px -60px;
}
#sub_navi {
	clear: left;
	background: url(../img/bg_dotted_gray.gif) repeat 0px 0px;
	padding-top: 10px;
	/padding-top: 5px;/* for IE6,7 */
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #CCCCCC;
}
#sub_navi ul {
	height: 40px;
	text-align: center;
}
#sub_navi li {
	display: inline-block;
	/display: inline;/* for IE6,7 */
	/zoom: 1;/* for IE6,7 */
	head~/* */body display: inline;/* for IE8 */
	head~/* */body zoom: 1;/* for IE8 */
	width: 168px;
	height: 42px;
	margin-left: 3px;
	margin-right: 3px;
	background: url(../img/index_subnavi_bg.gif) no-repeat 0px 0px;
	line-height: 40px;
	text-indent: 0px;
	padding-left: 0px;
}
#sub_navi li a {
	outline: none;
}
#sub_navi li img {
	padding: 1px;
	background: #CCCCCC;
}
#sub_navi li a:hover img {
	background: #72C42F;
}
/*
#sub_navi .sapporo {
	background: #FFFFFF url(../img/index_subnavi_sapporo.gif) no-repeat 0px 0px;
}
#sub_navi .aojiru {
	background: #FFFFFF url(../img/index_subnavi_aojiru.gif) no-repeat 0px 0px;
}
*/
/*#main .inner {
	width: 92%;
}*/
#history dt, #message dt {
	clear: left;
	float: left;
	margin-right: 2%;
	width: 11%;
}
#history dd, #message dd {
	float: left;
	width: 86%;
}
#history p, #message p {
	clear: left;
	padding-top: 1em;
}
#message {
	margin-bottom: 20px;
}
#message dd {
	padding-bottom: 1.5em;
}