@charset "utf-8";

/*ロゴ*/
#header h1 {
	background: url(../../images/common/cmn_logo2.jpg);
	display: block;
	height: 119px;
	width: 255px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/*概要*/
#contents #upper {
	width:860px;
	padding: 0px 0px 0px 30px;
	margin: 15px 0px 0px;
	float: left;
	display: block;
	clear: left;
	background: url(../../images/magic/inx_pic_06.jpg) no-repeat 30px 185px;
}
#contents #upper .left {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 458px;
	height: 169px;
}
#contents #upper .left h2 {
	background: url(../../images/magic/inx_h2_01.gif) no-repeat;
	display: block;
	margin: 27px 0px 0px;
	padding: 0px;
	float: left;
	height: 33px;
	width: 210px;
}
#contents h2 span,
#contents h3 span {
	display: none;
}
#contents #upper .text1 {
	display: block;
	margin: 28px 0px 0px;
	padding: 0px 0px 0px 40px;
	float: left;
	height: 69px;
	width: 403px;
	clear: left;
}
#contents #upper .right {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 189px;
	width: 374px;
	display: block;
}
#contents #upper #kinds {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 831px;
}
#contents #upper .kind {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 277px;
}
#contents #kinds .k1 {
	background: url(../../images/magic/inx_h4_01.gif) no-repeat 114px 21px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 277px;
	height: 41px;
}
#contents #kinds .k2 {
	background: url(../../images/magic/inx_h4_02.gif) no-repeat 114px 21px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 277px;
	height: 41px;
}
#contents #kinds .k3 {
	background: url(../../images/magic/inx_h4_03.gif) no-repeat 114px 21px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 277px;
	height: 41px;
}
#contents #kinds p {
	margin: 0px;
	padding: 15px 26px 0px;
	clear: left;
	float: left;
	width: 225px;
}
#contents #upper .uppernavi {
	margin: 44px 0px 0px;
	padding: 0px 0px 5px;
	float: left;
	clear: left;
	width: 831px;
	display: block;
	text-align: right;
}
#contents #arts {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	float: left;
	clear: left;
	width: 860px;
	display: block;
}
#contents #arts .art {
	margin: 0px;
	padding: 0px 0px 5px;
	clear: left;
	float: left;
	width: 830px;
	display: block;
}
#contents #arts .bar {
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	height: 19px;
	width: 830px;
	display: block;
}
#contents #arts .art1,
#contents #arts .art4,
#contents #arts .art6,
#contents #arts .art8,
#contents #arts .art9 {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 826px;
	border-right: 2px solid #E1AD6F;
	border-bottom: 2px solid #E1AD6F;
	border-left: 2px solid #E1AD6F;
	background: #F4F2E4;
}
#contents #arts .ttl1 {
	background: url(../../images/magic/inx_h3_01.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 119px;
	width: 73px;
}
#contents #arts .art2,
#contents #arts .art3,
#contents #arts .art5 {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 826px;
	border-right: 2px solid #A085CB;
	border-bottom: 2px solid #A085CB;
	border-left: 2px solid #A085CB;
	background: #F4F2E4;
}
#contents #arts .ttl2 {
	background: url(../../images/magic/inx_h3_02.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 151px;
	width: 73px;
}
#contents #arts .ttl3 {
	background: url(../../images/magic/inx_h3_03.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 109px;
	width: 73px;
}
#contents #arts .ttl4 {
	background: url(../../images/magic/inx_h3_04.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 98px;
	width: 73px;
}
#contents #arts .ttl5 {
	background: url(../../images/magic/inx_h3_05.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 63px;
	width: 73px;
}
#contents #arts .ttl6 {
	background: url(../../images/magic/inx_h3_06.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 108px;
	width: 73px;
}
#contents #arts .art7 {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 826px;
	border-right: 2px solid #D77979;
	border-bottom: 2px solid #D77979;
	border-left: 2px solid #D77979;
	background: #F4F2E4;
}
#contents #arts .ttl7 {
	background: url(../../images/magic/inx_h3_07.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 63px;
	width: 73px;
}
#contents #arts .ttl8 {
	background: url(../../images/magic/inx_h3_08.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 119px;
	width: 73px;
}
#contents #arts .ttl9 {
	background: url(../../images/magic/inx_h3_09.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 77px;
	width: 73px;
}
#contents #arts .ttl10 {
	background: url(../../images/magic/inx_h3_10.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 77px;
	width: 73px;
}
#contents #arts .art10,
#contents #arts .art11 {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 826px;
	border-right: 2px solid #C1B588;
	border-bottom: 2px solid #C1B588;
	border-left: 2px solid #C1B588;
	background: #F4F2E4;
}
#contents #arts .ttl11 {
	background: url(../../images/magic/inx_h3_11.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 238px;
	width: 73px;
}
#contents #column {
	margin: 0px;
	padding: 20px 0px 0px 29px;
	float: left;
	clear: left;
	width: 831px;
	display: block;
}
#contents #column .bar2 {
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	height: 15px;
	width: 831px;
	display: block;
}
#contents #column .eastwest {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 831px;
}
#contents #column .ttl12 {
	background: url(../../images/magic/inx_h3_12.gif) no-repeat 30px 20px;
	margin: 0px;
	padding: 20px 30px 0px 0px;
	float: left;
	height: 212px;
	width: 45px;
}
#contents #arts p {
	display: block;
	margin: 0px;
	padding: 18px 24px 24px 18px;
	float: left;
	width: 710px;
}
#contents #column .text12 {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 752px;
}
#contents #column .sum12 {
	display: block;
	margin: 0px;
	padding: 18px 24px 0px 18px;
	clear:left;
	float: left;
	width: 710px;
}
#contents #column p {
	display: block;
	margin: 0px;
	padding: 18px 24px 24px 18px;
	clear:left;
	float: left;
	width: 710px;
}
#art01,#art02,#art03,#art04,#art05,#art06,#art07,#art08,#art09,#art10,#art11,#art12 {
	clear: left;
	float: left;
}
#contents .totop_txt {
	width: 830px;
	clear: left;
	float: left;
	text-align: right;
}


/*バナー*/
#contents #bannerspace {
	display: block;
	margin: 40px 0px 0px;
	padding: 0px 0px 40px;
	clear: left;
	float: left;
	width: 890px;
	text-align: center;
}


/*ページトップへ*/
#contents #totop {
	display: block;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	clear: left;
	float: left;
	width: 880px;
	text-align: right;
}