@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      default.css
 Author:         Yusuke Miyano(admin)
 Style Info:     CSS レイアウト
----------------------------------------------------------- */


#main {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#top {
	background-image: url(../img/top/back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#header {
	height: 90px;
	background-image: url(../img/header/back.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#header h1 a {
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 260px;
}

#header #logo {
	background-image: url(../img/header/logo.jpg);
	background-repeat: no-repeat;
	background-position: left -90px;
}

#header #logo a {
	background-image: url(../img/header/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#header #logo a:hover {
	background-image: none;
}#navi {
	width: 840px;
	margin-top: 20px;
	margin-left: 5px;
	height: 40px;
}
#navi li {
	float: left;
}
#navi li a {
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 140px;
}

#navi #menu1 {
	background-image: url(../img/navi/navi_01.jpg);
	background-repeat: no-repeat;
	background-position: left -40px;
}

#navi #menu1 a {
	background-image: url(../img/navi/navi_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu1 a:hover {
	background-image: none;
}

#navi #menu2 {
	background-image: url(../img/navi/navi_02.jpg);
	background-repeat: no-repeat;
	background-position: left -40px;
}

#navi #menu2 a {
	background-image: url(../img/navi/navi_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu2 a:hover {
	background-image: none;
}

#navi #menu3 {
	background-image: url(../img/navi/navi_03.jpg);
	background-repeat: no-repeat;
	background-position: left -40px;
}

#navi #menu3 a {
	background-image: url(../img/navi/navi_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu3 a:hover {
	background-image: none;
}

#navi #menu4 {
	background-image: url(../img/navi/navi_04.jpg);
	background-repeat: no-repeat;
	background-position: left -40px;
}

#navi #menu4 a {
	background-image: url(../img/navi/navi_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu4 a:hover {
	background-image: none;
}

#navi #menu5 {
	background-image: url(../img/navi/navi_05.jpg);
	background-repeat: no-repeat;
	background-position: left -40px;
}

#navi #menu5 a {
	background-image: url(../img/navi/navi_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu5 a:hover {
	background-image: none;
}

#navi #menu6 {
	background-image: url(../img/navi/navi_06.jpg);
	background-repeat: no-repeat;
	background-position: left -40px;
}

#navi #menu6 a {
	background-image: url(../img/navi/navi_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu6 a:hover {
	background-image: none;
}

#top-image {
	text-indent: -9999px;
	display: block;
	height: 245px;
	width: 850px;
	background-image: url(../img/header/image.jpg);
	background-repeat: no-repeat;
}
#contents {
	clear: both;
	width: 850px;
	height: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#sub {
	float: left;
	width: 200px;
}

.sub-back {
	background-image: url(../img/top/sub-back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#right-navi {
	float: right;
}

#topsub, #right-navi {
	padding: 20px;
	width: 160px;
	height: 100%;
}
#banner-list #text {
	margin-top: 3px;
	margin-bottom: 6px;
	font-size: 11px;
}
#middle {
	float: right;
	width: 450px;
	height: 100%;
}
#middle #news {
	width: 430px;
	table-layout:fixed;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 10px;
	word-break : break-all;
}

#Incontents {
	float: right;
	width: 630px;
}
#Infooter {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
#Infooter #top-link {
	float: right;
	position: relative;
	top: -30px;
}
#Infooter #f-navi {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 850px;
	clear: both;
}
#Infooter #f-navi li {
	display: inline;
	color: #FFFFFF;
	font-size: 11px;
}
#Infooter address {
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	width: 850px;
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
}


#Infooter #f-navi li a{
	color: #FFFFFF;
}

#footer {
	background-color: #2e0f15;
}

#page {
	background-image: url(../img/page/back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#contents2 {
	clear: both;
	float: left;
	width: 850px;
	padding-top: 40px;
	padding-bottom: 20px;
}
#Incontents #pan {
	clear: both;
	height: 30px;
	width: 630px;
}
#pan li {
	display: inline;
	font-size: 11px;
}
#pan #second {
	background-image: url(../img/page/icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 11px;
}
#page-title {
	text-indent: -9999px;
	display: block;
	height: 140px;
	width: 630px;
	margin-bottom: 10px;
}

#page #sub {
	float: right;
}
#sub-menu {
	clear: both;
	width: 200px;
	background-image: url(../img/sub/back.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sub #title1 {
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 200px;
	background-image: url(../img/sub/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub-menu ul {
	width: 198px;
	margin-left: 1px;
	margin-bottom: 10px;
}
#sub-menu a {
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 198px;
	margin-top: 8px;
}
#sub-menu #menu1 {
	background-image: url(../img/sub/menu1.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

#sub-menu #menu1 a {
	background-image: url(../img/sub/menu1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub-menu #menu1 a:hover {
	background-image: none;
}

#sub-menu #menu2 {
	background-image: url(../img/sub/menu2.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

#sub-menu #menu2 a {
	background-image: url(../img/sub/menu2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub-menu #menu2 a:hover {
	background-image: none;
}

#sub-menu #menu3 {
	background-image: url(../img/sub/menu3.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

#sub-menu #menu3 a {
	background-image: url(../img/sub/menu3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub-menu #menu3 a:hover {
	background-image: none;
}

#sub-menu #menu4 {
	background-image: url(../img/sub/menu4.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

#sub-menu #menu4 a {
	background-image: url(../img/sub/menu4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub-menu #menu4 a:hover {
	background-image: none;
}

#sub-menu #menu5 {
	background-image: url(../img/sub/menu5.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

#sub-menu #menu5 a {
	background-image: url(../img/sub/menu5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub-menu #menu5 a:hover {
	background-image: none;
}


#page #Incontents {
	float: left;
	width: 630px;
}
#banner-list img {
	margin-bottom: 5px;
}
#banner-list li {
	font-size: 11px;
	line-height: 135%;
}
#banner-list #text {
	margin-right: 7px;
}
#banner-list #text2 {
	margin-bottom: 12px;
	margin-top: 0px;
}