@charset "utf-8";

/* -------------------------[01]:トップページヘッダー */
#index_header {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	position: relative; 
}

#index_header h1 {
	background-image: url(../img/index_visual.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 243px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 65px;
	left: 0px;
	text-indent: -5555px;
	display: block; /*  float: left; */
}

/*******ヘッダーボタン***********/
#index_header .header_bt {
	width: 245px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 37px;
	left: 550px;
}

#index_header .header_bt li {
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -5555px;
	float: left;
}

#index_header .header_bt .bt01 a {
	background-image: url(../img/header_bt01.gif);
	background-repeat: no-repeat;
	width: 118px;
	height: 28px;
	margin: 0px 7px 0px 0px;
	padding: 0px;
	display: block;
}

#index_header .header_bt .bt02 a {
	background-image: url(../img/header_bt02.gif);
	background-repeat: no-repeat;
	width: 118px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	display: block;
}

/*******ヘッダーテキスト***********/
#index_header p {
	width: 420px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 48px;
	left: 7px;
	color: #fff;
}

/*******グローバルナビゲーション***********/
#index_gnavi {
	width: 800px;
	margin: 65px auto 0;
	padding: 0px;
	display: block;
	list-style: none;
}

#index_gnavi li {
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -5555px;
	float: left;
}

#index_gnavi .navi01 a {
	background-image: url(../img/index_navi01.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#index_gnavi .navi01 a:hover {
	background-image: url(../img/index_navi01_on.gif);
	background-repeat: no-repeat;
	display: block;
}

#index_gnavi .navi02 a {
	background-image: url(../img/index_navi02.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#index_gnavi .navi02 a:hover {
	background-image: url(../img/index_navi02_on.gif);
	background-repeat: no-repeat;
	display: block;
}

#index_gnavi .navi03 a {
	background-image: url(../img/index_navi03.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#index_gnavi .navi03 a:hover {
	background-image: url(../img/index_navi03_on.gif);
	display: block;
}

#index_gnavi .navi04 a {
	background-image: url(../img/index_navi04.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#index_gnavi .navi04 a:hover {
	background-image: url(../img/index_navi04_on.gif);
	background-repeat: no-repeat;
	display: block;
}

#index_gnavi .navi05 a {
	background-image: url(../img/index_navi05.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#index_gnavi .navi05 a:hover {
	background-image: url(../img/index_navi05_on.gif);
	background-repeat: no-repeat;
	display: block;
}

#index_gnavi .navi06 a {
	background-image: url(../img/index_navi06.gif);
	background-repeat: no-repeat;
	width: 135px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#index_gnavi .navi06 a:hover {
	background-image: url(../img/index_navi06_on.gif);
	background-repeat: no-repeat;
	display: block;
}

/* -------------------------[03]:左カラム */
.left ul.banner {
	width: 258px;
	margin: 16px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.left ul.banner li {
	margin: 0px;
	padding: 0px;
	display :block;
	text-indent: -5555px;
}

.left ul.banner .banner01 a {
	background-image: url(../img/index_banner01.gif);
	background-repeat: no-repeat;
	width: 258px;
	height: 91px;
	margin: 0px;
	padding: 0px;
	display :block;
}

.left ul.banner .banner02 a {
	background-image: url(../img/index_banner02.gif);
	background-repeat: no-repeat;
	width: 258px;
	height: 91px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	display :block;
}

/**************トピックス*****************/
.topics {
	width: 242px;
	margin: 12px 15px 10px 0px;
	padding: 10px 0px 0px 9px;
	background: #f8f5ef;
	border: 3px double #cdbfaf;
}

.topics h2 {
	background-image: url(../img/index_bar01.gif);
	background-repeat: no-repeat;
	width: 233px;
	height: 22px;
	margin: 0px 0px 10px 0px;
	text-indent: -5555px;
}

.topics dl {
	width: 230px;
	margin: 0 auto 20px;
	padding: 0px;
}

.topics dl dt {
	background: url(../img/index_dt.gif) no-repeat 0px 4px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0px 0px 0px 10px;
	text-align: left;
}

.topics dl dd {
	background: url(../img/dot.gif) repeat-x bottom;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 4px 0px;
	text-align: left;
	line-height: 120%;
}

/* -------------------------[04]:右カラム */

/**************コンセプト*****************/
.concept {
	width: 475px;
	margin: 15px 0px 0px 0px;
	padding: 10px;
	background: #f8f5ef;
	border: 5px solid #cdbeae;
}

.concept h2 {
	background: url(../img/index_bar02.gif) no-repeat;
	width: 478px;
	height: 26px;
	margin: 0 auto 7px;
	padding: 0px;
	text-indent: -5555px;
}

.concept strong {
	color: #600;
	font-size: 14px;
	line-height: 140%;
	margin: 0px 0px 5px 0px;
}

/**************アクセスマップ*****************/
.access {
	width: 306px;
	margin: 15px 10px 0px 0px;
	padding: 0px;
	display: block;
}

.access h2 {
	background: url(../img/index_bar03.gif) no-repeat;
	width: 306px;
	height: 28px;
	margin: 0 auto 20px;
	padding: 0px;
	text-indent: -5555px;
}

.access .add {
	width: 286px;
	margin: 10px auto 10px;
	padding: 5px 5px 5px 5px;
	border: 5px solid #a58f81;
	background: #f8f5ef;
}

.access .add .logo {
	background: url(../img/index_add.gif) no-repeat;
	width: 131px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	text-indent: -5555px;
}

/**************バナー*****************/
ul.right_banner {
	width: 188px;
	margin: 13px 0px 0px 0px;
	list-style: none;
	display: block;
}

ul.right_banner li {
	margin: 0px;
	display: block;
	text-indent: -5555px;
}

ul.right_banner .movie01 a {
	background: url(../img/movie_btn01.gif) no-repeat;
	width: 188px;
	height: 62px;
	margin: 0px 0px 5px 0px;
	display: block;
}

ul.right_banner .movie01 a:hover {
	background: url(../img/movie_btn01_on.gif) no-repeat;
	display: block;
}

ul.right_banner .banner01 a {
	background: url(../img/index_navi07.gif) no-repeat;
	width: 188px;
	height: 62px;
	margin: 0px;
	display: block;
}

ul.right_banner .banner01 a:hover {
	background: url(../img/index_navi07_on.gif) no-repeat;
	display: block;
}

ul.right_banner .banner02 a {
	background: url(../img/index_navi08.gif) no-repeat;
	width: 188px;
	height: 62px;
	margin: 0px;
	display: block;
}

ul.right_banner .banner02 a:hover {
	background: url(../img/index_navi08_on.gif) no-repeat;
	display: block;
}

ul.right_banner .banner03 a {
	background: url(../img/index_banner03.gif) no-repeat;
	width: 186px;
	height: 34px;
	margin: 7px 0px 0px 0px;
	display: block;
}

ul.right_banner .banner04 a {
	background: url(../img/index_banner04.gif) no-repeat;
	width: 188px;
	height: 62px;
	margin: 7px 0px 0px 0px;
	display: block;
}

ul.right_banner .mobile {
	text-indent: 0px;
	width: 178px;
	margin: 7px 0px 0px 0px;
	padding: 5px;
	background: #f1ebe0;
}

ul.right_banner .mobile p {
	clear: both;
	width: 94px;
	margin: 5px 0px 0px 0px;
}