/*reset*/
@charset "utf-8";

 *{padding:0; margin:0;}

 html{height:100%;}
 body{height:100%; text-align:center;}
 body,td,input,textarea,select{
		color:#87617b;
		font-size:13px;line-height:170%;
		font-family: "メイリオ","Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック", sans-serif;}

 p{margin:0 0 20px;}
 img{border:0 none;}

 a:link,a:visited,a:active{color:#EA5283;text-decoration:none;}
 a:hover{color:#FAD1DF;text-decoration:none;border-bottom:none;}
 a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: “alpha( opacity=80 )”;}

 h1{
		width:450px;height:120px;
		float:left;
		font-size:10px;
		color:#ff70b2;
		text-align:center;
		font-weight:normal;
		letter-spacing: 0.9em;}

 h2,h3,h4,h5{text-align:left;font-size:14px;font-weight:normal;}

 h6{text-align: center; font-size:15px; font-weight:nomal;margin-top:10px;}

 h7{text-align: left; font-size:20px; font-weight:nomal;margin-top:10px;}

 
 h4.cont{
		text-align:center;
		font-size:25px;
		font-weight:bold;
		line-height:30px;
		padding:10px 0px 50px;
		margin:0 0 20px;
		height:24px;}

 ul li{ list-style-type:none; font-size:14px; }

 .line{
		width:95%;
		margin:0 auto;
		margin-top:10px;
		margin-bottom:10px;
		border-bottom:1px dashed #ff6696;}

/*-------------------- clearfix --------------------*/
 /* For modern browsers */

 .pkg:before,
 .pkg:after {content:""; display:table;}
 .pkg:after {clear:both;}

 /* For IE 6,7 (trigger hasLayout) */
 .pkg {zoom:1;}

/* win ie チラツキ防止 */
 * html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}


/*-------------------- wrap --------------------*/
 #content{
		min-height: 100%;
		_height: auto !important;
		_height:100%;
		position:relative;}

 #main{
		width:1000px;
		height:auto;
		margin:0 auto;
		padding:0 0 185px;
		text-align:left;}
		
 #main02{
		width:1000px;
		height:auto;
		margin:0 auto;
		padding:0 1500 0px;
		text-align:left;}

/*----------- page top -----------*/
 #page-top {
	position: fixed;
	bottom:10px;right:20px;
	font-size: 77%;}

/*-------------------- header --------------------*/
 #top{
		position:absolute;
		left:0; top:0;}

 #header{width:1000px; margin:0 auto;}

 #btn_sitemap{
		background:url(../images/top/btn_sitemap.png) no-repeat left top #fff;}

 #btn_info{
		background:url(../images/top/btn_info.png) no-repeat left top #fff;}

 #head_tw{
		position:absolute;
		width:1000px;
		top:10px;
		margin:0 auto;
		text-align:right;}

 #head_link{
		width:500px;
		float:right;
		padding:50px 0 0;
		text-align:right;}

 #head_link a {
		display:inline-block;
		width:115px;height:0px;
		padding:21px 0 0;
		margin:0 0 0 20px;
		overflow:hidden;
		border-bottom:2px solid #fff;
		text-decoration:none;}

 #head_link a:hover{border-bottom:2px solid #EA5283;}


/*-------------------- topics --------------------*/
 #topics_wrp{
		height:34px;
		background:#fff0f0;
		overflow:hidden;}

 #topics{
		width:1000px;
		text-align:left;
		margin:0 auto;}

 #topics h3{
		float:left;
		width:120px;height:0px;
		padding:34px 0 0;
		overflow:hidden;
		background:url(../images/top/topic.png) no-repeat left top;}

 #topics ul{width:880px; float:left;}

 #topics li{
		height:24px;
		padding:5px 15px;
		font-size:13px;
		line-height:24px;
		opacity:0;}

 #topics a{color:#B71A2C;}
 #topics a:hover{color:#B71A2C;text-decoration:underline;border-bottom:none;}


/*-------------------- global --------------------*/
 #menu_wrap{
		height:60px;
		background:url(../images/top/menu_bg.png) repeat-x;
		margin:0 0 15px;}

 #menu{
		width:1000px;
		margin:0 auto;
		text-align:left;
		height:60px;
		background:url(../images/top/menu.png) repeat-x left top;}

 #menu li{
		width:200px;
		float:left;}

 #menu a.btn{
		display:block;
		width:200px;height:0px;
		padding:60px 0 0;
		overflow:hidden;}

 #mn_top a.btn:hover, #mn_top a.now{
		background:url(../images/top/menu.png) no-repeat 0px bottom;}

 #mn_abo a.btn:hover, #mn_abo a.now{
		background:url(../images/top/menu.png) no-repeat -200px  bottom;}

 #mn_pro a.btn:hover, #mn_pro a.now{
		background:url(../images/top/menu.png) no-repeat -400px  bottom;}

 #mn_sup a.btn:hover, #mn_sup a.now{
		background:url(../images/top/menu.png) no-repeat -600px  bottom;}

 #mn_eve a.btn:hover, #mn_eve a.now{
		background:url(../images/top/menu.png) no-repeat -800px  bottom;}


/*-------------------- slider --------------------*/
 #idx_head_img{
		position:relative;
		min-width:1000px;
		min-height:400px;
		max-height:600px;
		overflow: hidden;
		background:url(img/idx_head_imgbg.png) no-repeat right bottom #fff0f0;
		margin:0 0 15px;}

 #index_head_img img{
		display:block;
		width:100%;
		max-width:1500px;
		margin:0 auto;/*下、スキマ対策*/}

 #index_head_img_btn_wrap{
		position:absolute;
		width:100%;
		left:5px;
		bottom:5px;
		z-index:10;}

 #index_head_btn{
		position:relative;
		width:1000px;
		margin:0 auto;
		text-align:left;}

 #index_head_btn a.btn{
		display:block;
		float:left;
		width:20px;height:0px;
		padding:20px 0 0;
		overflow:hidden;
		background:url(../images/slider/btn_sl.png) no-repeat -20px -50px;}

 #index_head_btn a.selected{
		background:url(../images/slider/btn_sl.png) no-repeat 0px -50px;}

 #index_head_img_btn_wrap2{
		position:absolute;
		width:100%;
		left:0;top:0;
		z-index:10;}

 #index_head_btn2{
			position:relative;
			width:1000px;
			margin:0 auto;
			text-align:left;}

 #index_head_btn_prev{
		width:35px;height:0;
		position:absolute;
		left:50px;top:50%;
		opacity:0;
		padding:50px 0 0;
		margin:-25px 0 0;
		overflow:hidden;
		background:url(../images/slider/btn_sl.png) no-repeat 0px 0px;}

 #index_head_btn_next{
		width:35px;height:0;
		position:absolute;
		right:50px;top:50%;
		opacity:0;
		padding:50px 0 0;
		margin:-25px 0 0;
		overflow:hidden;
		background:url(../images/slider/btn_sl.png) no-repeat -35px 0px;}

 #idx_main{width:730px; float:right;}
 #idx_sub{width:250px; float:left;margin-bottom:30px;}


/*--------------- 右カラム ---------------*/
 #news{
		height:0px;
		width:100%;
		padding:70px 0 0;
		margin:0px 0px 10px 0px;
		background:url(../images/top/title_news.png) no-repeat center top;}

 ul.news_tx{
		height:400px;
		margin-bottom:20px;
		padding:0px 0px 0px 10px;
		overflow: scroll;
		overflow-x: hidden;}

 ul.news_tx li{
		padding:3px 0px 5px 40px;
		background:url(../images/list_bg.png) no-repeat left 4px;}

 #cn li{
		float:left;line-height:150%;
		margin:0 0 15px;text-align:center;font-size:11px;}

 #cn li.right{float:right;text-align:center;font-size:11px;}

 #title_pro{
		height:0px;
		width:100%;
		padding:70px 0 0;
		margin:0px 0px 10px 0px;
		background:url(../images/top/title_product.png) no-repeat center top;}

 #title_web{
		height:0px;
		width:100%;
		padding:70px 0 0;
		margin:0px 0px 10px 0px;
		background:url(../images/top/title_web.png) no-repeat center top;}

/*--------------- 左カラム ---------------*/
/*----------- twitter -----------*/
 .tweet{
		width:229px;
		height:400x;
		border-left:3px solid #FAD1DF;
		border-right:3px solid #FAD1DF;
		padding:5px 5px 0px 10px;}

 .tw_in{
	width:229px;
	height:400px;
	overflow:auto;}

 .tw_foot{
		height:0px;
		padding:10px 0 0;
		overflow:hidden;
		background:url(../images/tweet_btm.png) no-repeat left top;}


 #idx_banner_li {
		text-align:center;
		width:810px;
		margin:0px 0px 0px 150px;}

 #idx_banner_li li{
		margin:100px 10px 10px 0px;
		float:left;}

/*----------- サイドバナー -----------*/
 .banner{
		width:250px;height:auto;
		padding-bottom:10px;}
	
	.banner img{margin-bottom:10px;}
	.banner iframe{margin-bottom:10px;}

 .lk{
		width:1000px;height:auto;
		text-align:center;
		font-size:10px;
		margin:30px 0px 10px 0px;}

/*-------------------- common --------------------*/
 .school{
		width:1000px;
		height:500px;
		text-align:center;
		margin-bottom:10px;
		padding:0px 0px 0px 10px;}

 .sc_in{
		display:block;
		float:left;
		width:267px;height:220px;
		padding:3px 0px 5px 40px;
		text-align:center;}
		

 ul.flower{
		height:auto;
		margin-bottom:10px;
		padding:0px 0px 0px 10px;}

 ul.flower li{
		padding:3px 0px 5px 40px;
		background:url(../images/list_bg.png) no-repeat left 4px;}

 .block{margin:0 0 20px;}

 h2.cont{
		font-size:24px;
		line-height:24px;
		padding:30px 23px 16px;
		margin:0 0 20px;
		height:24px;
		color:#fff;
		background:url(../images/cont_h2.png) no-repeat left top;}

 h3.cont{
		font-size:24px;
		line-height:24px;
		padding:30px 23px 16px;
		margin:0 0 20px;
		height:24px;
		color:#666;
		background:url(../images/cont_h3.png) no-repeat left top;}

 h4.day{font-size:11px;
 		margin-top:-10px;
 		margin-bottom:5px;}

 h5.cont{
		padding:3px 0px 3px 10px;
		margin-bottom:10px;
		background-image: -moz-linear-gradient(left, #fff, #ffa7be);
		background-image: -ms-linear-gradient(left, #fff, #ffa7be);
		background-image: -o-linear-gradient(left, #fff, #ffa7be);
		background-image: -webkit-linear-gradient(left, #fff, #ffa7be);
		background-image: linear-gradient(left, #fff, #ffa7be);
		text-decoration:none;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;}

 ul.float_li li{
		padding:0 20px 15px 0;
		width:1000px;
		text-align:center;}

 ul.float_li li.right{ padding:0 0 15px 0; }

/*-------------------- modal_confilm --------------------*/

 #modal_back{
		opacity:1.0;
		background:#fff;
		width:100%;height:100%;
		position:absolute;
		left:0; top:0; z-index:20;}

 #modal_back2{
		opacity:1.0;
		background:#fff;
		width:100%; height:100%;
		position:absolute;
		left:0; top:0; z-index:20;}

 #conf_wrap{display:none;}

 #confirm_win, #confirm_win2{
		position:fixed;
		left:50%; top:50%; z-index:21;
		border:3px solid #FAD1DF; background:#fff;
		width:500px;height:0px;
		overflow:hidden;
		padding:50px 0 25px;
		margin:-100px 0 0 -250px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;}

 #confirm_win a, #confirm_win2 a{
		display:inline-block;
		width:140px;height:0px;
		padding:60px 0 0 0;
		margin:10px;
		overflow:hidden;}

 #conf_yes, #conf_yes2{
		background:url(../images/confirm_btn.png) no-repeat left top;}

 #conf_no, #conf_no2{
		background:url(../images/confirm_btn.png) no-repeat right top;}

 #conf_yes:hover, #conf_yes2:hover{
		background:url(../images/confirm_btn.png) no-repeat left bottom;}

 #conf_no:hover, #conf_no2:hover{
		background:url(../images/confirm_btn.png) no-repeat right bottom;}

/*-------------------- event --------------------*/

 .event_pop{
		width:250px;
		float:left;
		margin:20px 0px 10px 0px;
		font-size:12px;
		text-align:center;
		line-height:140%;}

 .event_pop img{margin-bottom:5px;}

 .line01 {border-bottom:dashed 1px #ff81a2;
		margin:5px;}

 .goods{
		float:left;
		width:313px;height:auto;
		margin:10px 10px 10px 0px;
		padding:5px 5px 5px; 5px;
		text-align:center;}

 .goods_tx{
		float:left;
		width:970px;height:auto;
		margin:0px 10px 10px 0px;
		padding:10px 10px 10px; 10px;
		background-color:#ffeaf4;}
		
 .goods_tx2{
		float:left;
		width:636px;height:auto;
		margin:80px 10px 10px 0px;
		padding:10px 10px 10px; 10px;
		background-color:#ffeaf4;}

 .goods_at{
		float:left;
		width:970px;height:auto;
		margin:0px 10px 10px 0px;
		padding:10px 10px 10px; 10px;}

 h6.gd{
		width:313px;
		height:13px;
		font-weight: bold;
		font-size:11px;
		line-height:150%;
		text-align:center;
		padding-bottom:3px;}

 h6.gd_tx{
		width:120px;
		height:20px;
		font-weight: bold;
		font-size:20px;
		line-height:150%;
		text-align:center;
		padding:20px 0px 10px 0px;}

 h6.gd_tx2{
		width:200px;
		height:20px;
		font-weight: bold;
		font-size:20px;
		line-height:150%;
		text-align:center;
		padding:20px 0px 10px 0px;}


 h7.gd{
		width:313px;
		height:13px;
		font-weight: bold;
		font-size:11px;
		line-height:150%;
		text-align:center;
		padding-bottom:3px;}

 h7.gd_tx{
		width:120px;
		height:20px;
		font-weight: bold;
		font-size:20px;
		line-height:150%;
		text-align:center;
		padding:20px 0px 10px 0px;}



/*-------------------- footer --------------------*/

 #footer_wrp {
		position:absolute;
		bottom:0;
		height:185px;
		min-width: 100%;
		background:url(../images/footer.png) no-repeat center bottom;}

 #footer{
		font-size:10px;
		width:1000px;
		margin:0 auto;
		padding:15px 0 0;}

 #to_top{ text-align:right; padding:40px 0 0;}

 #to_top a{
		display:inline-block;
		width:67px;height:0;
		padding:24px 0 0;
		overflow:hidden;
		background:url(../images/top/btn_top.png) no-repeat center top;}

 #copy{padding:45px 0 0;}



/*-------------------- footer --------------------*/
 .voice_story{
		height:200px;
		text-align:left;
		margin:5px 0px 0px 100px;
 		padding:35px 0px 0px 35px;
		background:url(../images/contents/voice_bg.png) no-repeat;}

 .radio_reoyuri{
		height:500px;
		text-align:left;
		margin:5px 0px 0px 20px;
 		padding:35px 0px 0px 35px;
		background:url(../images/contents/radio_bg.png) no-repeat;}


 #content_in{
		width:1030px;
		margin:0 auto;
		text-align:left;
		position:relative;
		z-index:4;}