* { margin: 0; padding:0; }

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.indent {
	text-indent: -9999px;
}

/* float classes */
.lleft {
	float:left;
}
.rright {
	float: right;
}

/* 透過ＰＮＧ設定（透過させたいＰＮＧが背景に入っているＩＤタグやクラス
をhtml以降に追加していくことで透過ＰＮＧが可能＜もちろんjsも必要です。*/

* html #warpper_foot{
behavior: expression(IEPNGFIX.fix(this));
} 

/* common */
.indent {
	text-indent: -9999px;
}
#menu ul {
	list-style: none none;
}


/* index_css
-----------------------------------*/
h1 {
	font-size: 1em;
	position: absolute;
	top: -999999px;
}

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	color: #333333;
	background-color: #fff9f3;
}
#wrapper {
	padding: 0px;
	height: 100%;
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 83px;
	width: 840px;
}
#menu {
	margin: 0px;
	padding: 0px;
	height: 53px;
	width: 840px;
}

/* gnavi section: image */
#top {
	width: 	117px;
	height: 53px;
	display: block;
	background-image: url(../images/menu/menu_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#higt {
	width: 	156px;
	height: 53px;
	display: block;
	background-image: url(../images/menu/menu_h_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#madamu {
	width: 	155px;
	height: 53px;
	display: block;
	background-image: url(../images/menu/menu_h_p.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#shoseki {
	width: 	156px;
	height: 53px;
	display: block;
	background-image: url(../images/menu/menu_h_w.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#links {
	width: 	150px;
	height: 53px;
	display: block;
	background-image: url(../images/menu/menu_qa.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#sora {
	width: 	106px;
	height: 53px;
	display: block;
	background-image: url(../images/menu/menu_h_l.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#main {
	background-color: #FFFFFF;
	margin: 0px;
	height: 100%;
	width: 840px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#right_main {
	height: 650px;
	width: 595px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#left_main {
	margin: 0px;
	height: 100%;
	width: 197px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #333333;
}
#main li {
	line-height: 18px;
	font-size: 90%;
}
#high_h {
	height: 480px;
	width: 284px;
	text-align: left;
	background-color: #fff7f7;
	padding: 0px;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#high_h ul {
	margin: 0px;
	height: 100%;
	width: 264px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 90%;
	line-height: 18px;
	color: #FF6699;
}

#madamu_h {
	height: 132px;
	width: 197px;
	text-align: left;
	background-color: #fff7f7;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
	margin-top: 0px;
}
#madamu_h ul {
	margin: 0px;
	height: 100%;
	width: 264px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 90%;
	line-height: 18px;
	color: #FF6699;
}
#madamu_h h2 {
	font-size: 80%;
	color: #666666;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#shoseki_data {
	width: 197px;
	background-color: #fff7f7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#shoseki_data  img2 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#movie {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 284px;
}
#movie_h {
	height: 245px;
	width: 284px;
	text-align: left;
	padding: 0px;
	margin-top: 18px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FF9999;
	background-color: #fff7f7;
}
#come_h {
	height: 180px;
	width: 284px;
	text-align: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #FF6666;
	background-color: #fff7f7;
	clear: right;
	font-size: 80%;
	line-height: 16px;
}
#movie h2 {
	font-size: 100%;
	line-height: 17px;
	color: #FF66CC;
	letter-spacing: 0.1em;
}


#footer {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 840px;
	color: #FFFFFF;
	background-color: #ff3535;
	clear: both;
}

#footer h4 {
	font-size: 100%;
	margin: 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	height: 20px;
	width: 840px;
}
#footerinfo {
	margin: 0px;
	height: 15px;
	width: 840px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 75%;
	color: #FFFFFF;
	text-decoration: none;
	clear: both;
}


/* gnavi section: link */
#top a {
	width: 117px;
	height: 53px;
	display: block;
}

#higt a {
	width: 156px;
	height: 53px;
	display: block;
}

#madamu a {
	width: 155px;
	height: 53px;
	display: block;
}

#shoseki a {
	width: 156px;
	height: 53px;
	display: block;
}

#links a {
	width: 150px;
	height: 53px;
	display: block;
}
#sora a {
	width: 	106px;
	height: 53px;
	display: block;
}


/* gnavi section: hover*/
#top a:hover {
	background: url(../images/menu/menu_top_s.png) no-repeat left top;
	width: 117px;
	height: 53px;
	display: block;
}
.komento {
	font-size: 90%;
	color: #333333;
	visibility: visible;
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
}


#higt a:hover {
	background: url(../images/menu/menu_h_s_s.png) no-repeat left top;
	width: 156px;
	height: 53px;
	display: block;
}

#madamu a:hover {
	background: url(../images/menu/menu_h_p_s.png) no-repeat left top;
	width: 155px;
	height: 53px;
	display: block;
}

#shoseki a:hover {
	background: url(../images/menu/menu_h_w_s.png) no-repeat left top;
	width: 156px;
	height: 53px;
	display: block;
}

#links a:hover {
	background: url(../images/menu/menu_qa_s.png) no-repeat left top;
	width: 150px;
	height: 53px;
	display: block;
}
#sora a:hover  {
	width: 	106px;
	height: 53px;
	display: block;
	background: url(../images/menu/menu_h_l_s.png) no-repeat left top;
}
#flash_mv {
	margin: 0px;
	padding: 0px;
	height: 260px;
	width: 840px;
}
ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style: none none;
}
#m1 {
	background-image: url(../images/top/smenu1.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 256px;
		display: block;
}
#m2 {
	background-image: url(../images/top/smenu2.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 256px;
		display: block;
}
#m3 {
	background-image: url(../images/top/smenu3.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 256px;
	display: block;
}

#m4 {
	background-image: url(../images/top/smenu4.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 256px;
		display: block;
}
#m5 {
	background-image: url(../images/top/smenu5.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 256px;
		display: block;
}

#m1 a {
	height: 20px;
	width: 256px;
	display: block;
}
#m2 a {
	height: 20px;
	width: 256px;
		display: block;
}
#m3 a {
	height: 20px;
	width: 256px;
		display: block;
}
#m4 a {
	height: 20px;
	width: 256px;
		display: block;
}
#m5 a {
	height: 20px;
	width: 256px;
		display: block;
}


#m1 a:hover {
	height: 20px;
	width: 256px;
	display: block;
	background-image: url(../images/top/smenu1_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#m1 a:hover {
	height: 20px;
	width: 256px;
	display: block;
	background-image: url(../images/top/smenu1_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#m2 a:hover {
	height: 20px;
	width: 256px;
	display: block;
	background-image: url(../images/top/smenu2_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#m3 a:hover {
	height: 20px;
	width: 256px;
	display: block;
	background-image: url(../images/top/smenu3_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#m4 a:hover {
	height: 20px;
	width: 256px;
	display: block;
	background-image: url(../images/top/smenu4_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#m5 a:hover {
	height: 20px;
	width: 256px;
	display: block;
	background-image: url(../images/top/smenu5_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}

a:link {
	color: #333333;
	text-decoration: none;
}


a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #FF6699;
	text-decoration: underline;
}


/* clearfix
-----------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.sp_s {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.sp_s2 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
