@charset "utf-8";
/* CSS Document */

/* sub menu css start */
#submenu-title{
	height:35px;
	width:200px;
}
.submenu-title-info{
	background-image:url(../images/info/submenu-title-sel.jpg);
	background-repeat:no-repeat;
}
.submenu-title-event{
	background-image:url(../images/event/submenu-title-sel.jpg);
	background-repeat:no-repeat;
}
.submenu-title-display{
	background-image:url(../images/display/submenu-title-sel.jpg);
	background-repeat:no-repeat;
}
#submenu-title a{
	display:block;
	height:35px;
	width:200px;
}
#submenu-title a.submenu-title-info{
	background-image:url(../images/info/submenu-title.jpg);
	background-repeat:no-repeat;
}
#submenu-title a.submenu-title-event{
	background-image:url(../images/event/submenu-title.jpg);
	background-repeat:no-repeat;
}
#submenu-title a.submenu-title-display{
	background-image:url(../images/display/submenu-title.jpg);
	background-repeat:no-repeat;
}
#submenu-title a:hover{
	background:none;
}

ul#submenu, ul#submenu li{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul#submenu li {
	height:auto;
	width:200px;
	list-style-type: none;
	background-image:url(../images/com/bg-submenu.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
}
ul#submenu li a {
	display: block;
	height:auto;
	width:170px;
	color:#4c3619;
	text-decoration: none;
	line-height:120%;
	padding-top: 10px;
	padding-right:5px;
	padding-bottom: 10px;
	padding-left:25px;
	background-image: url(../images/com/arrow-link.gif);
	background-repeat: no-repeat;
	background-position:9px 12px;
}
ul#submenu li a:hover{
	color:#e18110;
}
/* sub menu css end */

/* head css start */
#h1-box {
	height:auto;
	width:100%;
	margin-bottom:15px;
	background-image: url(../images/com/bg-h1.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	border-top:solid;
	border-top-color:#bdb5b2;
	border-top-width:2px;
}
h1{
	height:auto;
	width:auto;
	color:#4c3619;
	font-size:125%;
	padding-top: 9px;
	padding-right:5px;
	padding-bottom: 5px;
	padding-left:25px;
	background-image: url(../images/com/icon-h1.gif);
	background-repeat: no-repeat;
	background-position:10px 10px;
}
#h1-read{
	color:#928574;
	padding-left:10px;
	padding-bottom: 8px;
}
h2{
	clear:both;
	color:#4c3619;
	font-size:110%;
	line-height:140%;
	margin-bottom:10px;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left:16px;
	background-image: url(../images/com/icon-h2.gif);
	background-repeat: no-repeat;
	background-position:left 13px;
	border-top: solid;
	border-top-color:#bdb5b2;
	border-top-width:2px;
	border-bottom: dotted;
	border-bottom-color:#bdb5b2;
	border-bottom-width:2px;
}
h3{
	clear:both;
	color:#4c3619;
	font-size:110%;
	line-height:140%;
	margin-bottom:10px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left:11px;
	border-left: solid;
	border-left-color:#e18110;
	border-left-width:5px;
	border-bottom: solid;
	border-bottom-color:#f6d9b7;
	border-bottom-width:1px;
}
/* head css end */

/* layout css start */
.layout-frame{
	margin-bottom:10px;
}
.layout-frame-end{
	margin-bottom:20px;
}
.layout1-1 {
	float: left;
	width: 250px;
}
.layout1-2 {
	float: right;
	width: 350px;
}
.layout2-1 {
	float: left;
	width: 200px;
}
.layout2-2 {
	float: left;
	width: 200px;
	margin-left:7px;
}
.layout2-3 {
	float: right;
	width: 200px;
}
.layout3-1 {
	float: left;
	width: 300px;
}
.layout3-2 {
	float: right;
	width: 300px;
}
.layout4-1 {
	float: left;
	width: 150px;
}
.layout4-2 {
	float: right;
	width: 450px;
}
.layout5-1 {
	float: left;
	width: 185px;
}
.layout5-2 {
	float: right;
	width: 415px;
}
/* layout css end */

/* frame-menu start */
.frame-menu-bg{
	height:auto;
	width:614px;
	background-image:url(../images/com/frame-menu_02.gif);
	background-repeat:repeat-y;
	margin-bottom:20px;
}
.frame-menu-top{
	height:auto;
	width:614px;
	background-image:url(../images/com/frame-menu_01.gif);
	background-repeat:no-repeat;
}
.frame-menu-bottom{
	height:auto;
	width:570px;
	background-image:url(../images/com/frame-menu_03.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-top:12px;
	padding-right:22px;
	padding-bottom:22px;
	padding-left:22px;
}
.btm-menu-left{
	float:left;
	width:275px;
	margin-top:10px;
}
.btm-menu-right{
	float:right;
	width:275px;
	margin-top:10px;
}
.btm-menu-bg{
	height:50px;
	width:275px;
	background-image:url(../images/com/btm-menu.jpg);
	background-repeat:no-repeat;
	margin-bottom:5px;
}

.btm-menu-bg a:hover{
	background-image:url(../images/com/btm-menu-sel.jpg);
	background-repeat:no-repeat;
}
.btm-menu-read{
	font-weight: normal;
	color:#928574;
	font-size:80%;
	line-height:140%;
}
/* frame-menu end */

/* other start */
.link a{
	display: block;
	height:auto;
	width:auto;
	line-height:120%;
	margin-top:5px;
	padding-left:17px;
	background-image: url(../images/com/arrow-link.gif);
	background-repeat: no-repeat;
	background-position:left 2px;
}
.link-end a{
	display: block;
	height:auto;
	width:auto;
	line-height:120%;
	margin-top:5px;
	margin-bottom:20px;
	padding-left:17px;
	background-image: url(../images/com/arrow-link.gif);
	background-repeat: no-repeat;
	background-position:left 2px;
}
.img-mb5{
	font-size:80%;
	line-height:140%;
	margin-bottom:5px;
	color:#4c3619;
}
.link-event{
	border-bottom:dotted #cccccc 2px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.link-event a{
	display: block;
	height:auto;
	width:auto;
	line-height:120%;
	margin-top:5px;
	padding-left:17px;
	background-image: url(../images/com/arrow-link.gif);
	background-repeat: no-repeat;
	background-position:left 2px;
}
/* other end */

/* paragraph css start */
p.read {
	color: #735072;
	font-size:110%;
	line-height:160%;
	font-weight:bold;
	margin-bottom: 10px;
}
p.read-end {
	color: #735072;
	font-size:110%;
	line-height:160%;
	font-weight:bold;
	margin-bottom: 20px;
}
p.text {
	line-height:160%;
	margin-bottom: 10px;
}
p.text-end {
	line-height:160%;
	margin-bottom: 20px;
}
p.notice {
	color:#D95047;
	line-height: 160%;
	margin-bottom: 10px;
}
p.notice-end {
	color:#D95047;
	line-height: 160%;
	margin-bottom: 20px;
}
p.frame {
	line-height: 160%;
	margin-bottom: 10px;
	padding: 10px;
	border: 2px solid #bdb5b2;
}
p.frame-end {
	line-height: 160%;
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #bdb5b2;
}
p.solid {
	font-size: 90%;
	color: #333333;
	line-height: 160%;
	background-color: #E9E1DC;
	margin-bottom: 10px;
	padding: 5px;
}
p.solidend {
	font-size: 90%;
	color: #333333;
	line-height: 160%;
	background-color: #E9E1DC;
	margin-bottom: 20px;
	padding: 5px 5px 5px 10px;
}
div.p{
	clear:both;
	margin-bottom:10px;	
}
div.p-end{
	clear:both;
	margin-bottom:20px;	
}
div.p-frame{
	clear:both;
	margin-bottom: 10px;
	padding: 10px 10px 5px 10px;
	border: 2px solid #E9E1DC;
}
div.p-frame-end{
	clear:both;
	margin-bottom: 20px;
	padding: 10px 10px 5px 10px;
	border: 2px solid #E9E1DC;
}
div.p p.pic-left, div.p-end p.pic-left, div.p-frame p.pic-left, div.p-frame-end p.pic-left {
	float: left;
	margin-right:10px;
}
div.p p.pic-right, div.p-end p.pic-right, div.p-frame p.pic-right, div.p-frame-end p.pic-right {
	float: right;
	margin-left:10px;
}
p.pic-right img.mb, p.pic-left img.mb {
	margin-bottom:5px;
}
div.p p.text, div.p-end p.text, div.p p-frame.text, div.p-frame-end p.text {
	font-size: 90%;
	color:#333333;
	line-height:160%;
}

div.center{
	clear:both;
	text-align:center;
	margin-bottom:10px;	
}
/* paragraph css end */

/* img css start */
div.figure{
	margin-bottom:10px;	
}
div.figureend{
	margin-bottom:20px;
}
div.img{	/* width設定 */
	font-size: 10px;
	line-height: normal;
	color:#333333;
	margin-right:auto;
	margin-left:auto;
}
div.mb5{
	margin-bottom:5px;
}
div.mb10{
	margin-bottom:10px;
}
/* img css end */