﻿* { 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: 510px;

	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;

}



#banner{
	clear:both;
	padding:15px 0;
}


#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;

}


