@charset "Shift_JIS";

/*---------------------------蜈ｱ騾夂畑縺薙�?��九�?----------------------------*/

body {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-family: "", Osaka, "";
}

img {
	border: none;
	vertical-align: bottom;
}

.clear {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0em;
	height: 0px;
	clear: both;
	text-indent: -9999px;
}

.clearspace {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0em;
	height: 10px;
	text-indent: -9999px;
	clear: both;
}

.clear_white {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0em;
	height: 15px;
	text-indent: -9999px;
	clear: both;
	background-color: #FFFFFF;
}


#dammy {
	margin: 0px;
	padding: 0px;
}

#ie {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#pageborder {
	width: 950px;
	height: 720px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#page {
	width: 600px;
	height: 720px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
}

#page1 {
	width: 700px;
	height: 720px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
}

#page2 {
	width: 848px;
	margin: 15px auto 15px auto;
	padding: 0px;
	text-align: right;
}


#wrapper {
	margin: 0px;
	padding: 0px;
	width: 950px;
    height: 680px;
	clear: both;
}

#contents {
	margin: 0px;
	padding: 0px;
	width: 800px;
	float: left;
}

#contents2 {
	margin: 0px;
	padding: 0px;
	width: 850px;
	float: left;
}

#contentsarea {
	margin: 0px;
	padding: 0px;
	width: 451px;
	height: 438px;
}

#contentsarea2 {
	margin: 0px;
	padding: 0px;
	width: 850px;
	height: 400px;
}

#contentsarea_news {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 451px;
	height: 400px;
	background: url(../images/k_tai.gif) left top no-repeat;
}

#contentsarea_kataru {
	margin: 50px 150px 150px 100px;
	padding: 0px;
	width: 800px;
	height: 395px;
	background: url(../images/k_tai.gif) left top no-repeat;
}


#contentsarea_art {
	margin: 50px 150px 150px 100px;
	padding: 0px;
	width: 600px;
	height: 395px;
	background: url(../images/k_tai.gif) left top no-repeat;
}

#contentsarea_spec {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 451px;
	height: 380px;
	background: url(../images/k_tai.gif) left top no-repeat;
}
#contentsarea_mono {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 451px;
	height: 400px;
	background: url(../images/m_tai.gif) left top no-repeat;
}

#contentsarea_photo {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 850px;
	height: 400px;
	background: url(../images/photo.gif) left top no-repeat;
}

#contentsarea_movie {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 850px;
	height: 400px;
	background: url(../images/movie.gif) left top no-repeat;
}

#contentsarea_sound {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 850px;
	height: 400px;
	background: url(../images/s_tai.gif) left top no-repeat;
}

#contentsarea_fun {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 850px;
	height: 400px;
	background: url(../images/f_tai.gif) left top no-repeat;
}

#contentsarea_sp {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 451px;
	height: 400px;
	background: url(../images/sp_tai.gif) left top no-repeat;
}

#contentsarea_n {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 451px;
	height: 400px;
	background: url(../images/n_tai.gif) left top no-repeat;
}

div#contentsarea_scroll_kataru h3 {
	margin: 0px 20px 1em 0px;
	padding: 0px;
	font-size: 0.9em;
	line-height: 1.0em;
	color: #ffffff;
}

div#contentsarea_scroll_kataru h4 {
	margin: 0px 20px 1em 0px;
	padding: 0px;
	font-size:1.0em;
	line-height: 1.5em;
	color: #ffffff;
}

div#contentsarea_scroll_kataru h5 {
	margin: 0px 20px 1em 0px;
	padding: 0px;
	font-size: 0.9em;
	line-height: 1.0em;
	color: #FC352C;
}

div#contentsarea_scroll_mono h3 {
	margin: 0px 20px 1em 0px;
	padding: 0px;
	font-size: 0.9em;
	line-height: 1.0em;
	color: #595757;
}


#contentsarea_inner {
	margin: 15px 1px 1px 0px;
	padding: 10px 0px 0px 0px;
}

#contentsarea_inner2 {
	margin: 0px 0px 0px 15px;
	padding: 10px 0px 0px 0px;
}

#contentsarea_inner_kataru {
	margin: 0px 15px 1px 100px;
	padding: 50px 0px 150px 30px;
}

#contentsarea_inner_mono {
	margin: 0px 15px 1px 0px;
	padding: 50px 0px 0px 30px;
}


#contentsarea_scroll {
	height: 400px;
	overflow: auto;
}

#contentsarea_scroll_kataru {
	height: 395px;
	overflow: auto;
}

#contentsarea_scroll_spec {
	height: 395px;
}

#contentsarea_scroll_mono {
	height: 400px;
}

#contentsarea_scroll p {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	font-size: 0.8em;
	line-height: 1.5em;
}

#contentsarea_scroll_kataru p {
	margin: 0px 0px 1em 0px;
	padding: 0px 20px 0px 0px;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #ffffff;
}

#contentsarea_scroll_art p {
	margin: 0px 0px 1em 0px;
	padding: 0px 20px 0px 0px;
	font-size: 1em;
	line-height: 2em;
	color: #ffffff;
}

#contentsarea_scroll_mono p {
	margin: 0px 0px 1em 0px;
	padding: 0px 20px 0px 0px;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #595757;
}

#leftarea {
	width: 376px;
	float: right;
}

#photoarea {
	margin: 34px 0px 0px 19px;
	padding: 0px;
	float: center;
}

#photoarea img {
	padding: 13px;
	
}

#rightarea {
	width: 452px;
	float: right;
}

#midarea {
	width: 950px;
	float: right;
}



/*---------------------------蜈ｱ騾夂畑縺薙�?��?�縺?�----------------------------*/


/*---------------------------繝�?�ャ繝�繝ｼ縺薙�?��九�?----------------------------*/

.logo {
	margin: 0px;
	padding: 0px;
	width: 850px;
	height: 107px;
	float: left;
}

.logo2 {
	margin: 0px;
	padding: 0px;
	width: 850px;
	height: 70px;
	float: left;
}

.logo3 {
	margin: 0px;
	padding: 0px;
	width: 850px;
	height: 100px;
	float: left;
}

.camera {
	margin: 0px;
	padding: 0px;
	width: 224px;
	height: 61px;
	float: right;
}

#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#header div.logo h1 {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/k_hed.gif) no-repeat;
}

#header div.logo2 m1 {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/m_hed.gif) no-repeat;
}

#header div.logo p {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/photo.gif) no-repeat;
}

#header div.logo mo {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/movie.gif) no-repeat;
}

#header div.logo s {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/a_hed.gif) no-repeat;
}

#header div.logo f {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/a_hed.gif) no-repeat;
}

#header div.logo sp {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/sp_hed.gif) no-repeat;
}

#header div.logo n {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/n_hed.gif) no-repeat;
}

#header div.logo h1 a {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
}

#header div.logo m1 a {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
}

#header div.logo h2 {
	width: 850px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
}


/*---------------------------繝｡繝九Η繝ｼ縺薙�?��九�?---------------------------*/

#menu2 {
	margin: margin: 50px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

#menu2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu2 ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
}

a#kim {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 230px;
	height: 619px;
	display: block;
	background: url(../images/art_off.gif) 0px 0px;
}

a:hover#kim {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 230px;
	height: 619px;
	display: block;
	background: url(../images/art_on.gif) 0px 0px;
}

a#kim_on {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 230px;
	height: 619px;
	display: block;
	background: url(../images/art_on.gif) 0px 0px;
}

a#atm {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 230px;
	height: 619px;
	display: block;
	background: url(../images/art_off.gif) -230px 0px;
}

a:hover#atm {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 230px;
	height: 619px;
	display: block;
	background: url(../images/art_on.gif) -230px 0px;
}

a#atm_on {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 230px;
	height: 619px;
	display: block;
	background: url(../images/art_on.gif) -230px 0px;
}

a#mar {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 260px;
	height: 619px;
	display: block;
	background: url(../images/art_off.gif) -460px 0px;
}

a:hover#mar {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 260px;
	height: 619px;
	display: block;
	background: url(../images/art_on.gif) -460px 0px;
}

a#mar_on {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 260px;
	height: 619px;
	display: block;
	background: url(../images/art_on.gif) -460px 0px;
}

a#su {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 230px;
	height: 619px;
	display: block;
	background: url(../images/art_off.gif) -720px 0px;
}

a:hover#su {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 230px;
	height: 619px;
	display: block;
	background: url(../images/art_on.gif) -720px 0px;
}

a#su_on {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 230px;
	height: 619px;
	display: block;
	background: url(../images/art_on.gif) -720px 0px;
}



/*---------------------------繝｡繝九Η繝ｼ縺薙�?��九�?---------------------------*/

#menu3 {
	margin: margin: 50px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

#menu3 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu3 ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
}

a#top {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 255px;
	height: 30px;
	display: block;
	background: url(../images/menu_off.gif) 0px 0px;
}

a:hover#black {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_on.gif) 0px 0px;
}

a#black_on {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_on.gif) 0px 0px;
}

a#black {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_off.gif) 0px 0px;
}

a:hover#white {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_on.gif) -115px 0px;
}

a#white_on {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_on.gif) -115px 0px;
}

a#white {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_off.gif) -115px 0px;
}


a:hover#blue {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_on.gif) -230px 0px;
}

a#blue_on {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_on.gif) -230px 0px;
}

a#blue {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_off.gif) -230px 0px;
}

a:hover#pink {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_on.gif) -345px 0px;
}

a#pink_on {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_on.gif) -345px 0px;
}

a#pink {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_off.gif) -345px 0px;
}

a:hover#yellow {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_on.gif) -460px 0px;
}

a#yellow_on {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_on.gif) -460px 0px;
}

a#yellow {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 115px;
	height: 165px;
	display: block;
	background: url(../images/menu_off.gif) -460px 0px;
}


/*---------------------------繝｡繝九Η繝ｼ縺薙�?��?�縺?�---------------------------*/

/*---------------------------繝輔ャ繧?�----------------------------*/

#footerbanner {
	width: 950px;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	text-align: right;
}

#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
}

#footer p {
	font-size: 0.6em;
	line-height: 1.5em;
	text-align: center;
	color: #8c8c8c;
}

#footer p a {
	color: #FFAA00;
}