@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: none;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed, figure, figcaption, footer, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {
	display: block;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
body {
	line-height: 1;


}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

section {
	width: 100%;
	background-image:url(../images/bg_all.jpg);
	background-repeat:repeat-x;
}



/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
html, body {
	width: 100%;
	height: 100%;
	
	background-color:#f8c5cc;
	
}

section {
	width: 100%;
	background-position: top center;
	background-repeat: repeat;
	max-width: 1920px;
	background-color:#f8c5cc;
}
#contents {
	width: 980px;
	height:auto;
	margin:auto;
	display:block;
}

#contents h1{
	margin-top:20px;
	clear:both;
	
	}

.box1{
	float:left;
	width:606px;}


.img_harunaai{
	float:right;
	width:478px;
	margin-right:-60px;
	margin-top:52px;
	position: absolute;}
	
.img_narration{
	margin-top:40px;}
	
.box_logo{
	background-image:url(../images/bg_hana.png);
	background-repeat:no-repeat;
	background-position:right top;
	width:980px;
	height:500px;}	
#contents nav{
	clear:both;
	width:900px;
	margin:auto;
	padding-top:15px;}
	
	
#contents nav p{
	display:none;}
	
#contents nav li img{
	float:left;
	height:76px;
	margin-left:0px;
	margin-right:50px;}
	
#movie{
	width:440px;
	height:245px;
	float:left;
	padding:10px;
	background-image:url(../images/bg_movie1.jpg);
	background-repeat:no-repeat;
	margin:70px 30px 30px 30px;}
	
.img_harunaai2{
	margin-top:50px;
	float:left;}	


.midokoro{
	clear:both;
	text-align:center;
	}	

section .kaisya1{
	background-image:none;
	background-color:inherit;
	padding-top:20px;
	margin-top:20px;
	height:480px;
	width:980px;}	

.kaisya1 h2{
	background-image:url(../images/bg_h2.png);
	height:70px;
	text-align:center;
	padding-top:20px;
	margin:0px 0px;
	
	}
	
	
section .p_setsumei{
	background-image:url(../images/bg_text.png);
	display:block;
	width:368px;
	height:205px;
	float:left;
	color:#FFFFFF;
	line-height:24px;
	padding:20px 15px;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}	
	
	
.movie_s{
	float:left;
	width:330px;
	height:210px;
	text-align:center;
	padding-top:35px;	
	background-color:#FFFFFF;}

.img_name{
	margin-top:0px;
	margin-left:0px;
	float:left;}

footer{
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	clear:both;}
#inner{
	width:980px;
	margin:auto;}
	
.img_harunaai3{
	margin-top:30px;
	margin-bottom:0px;
	margin-left:30px;
	float:left;
	}
	
	
.img_foot{
	margin-top:80px;
	margin-bottom:0px;
	margin-left:30px;
	float:left;
	}
	
		
	
#footer #inner p{
	margin:auto;
	display:block;
	margin-top:10px;
	text-align:center;
	margin-bottom:20px;
	}	
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 250px;
}
.pagetop p{
	display: none;
}
.pagetop a {
	display: block;
	width: 120px;
	height: 59px;
	text-align: center;
}

.p_s{
	display:none;}

#kaisya1{
	width:980px;}
.img_copy{
	margin:auto;
	display:block;
	clear:both;}
	
.img_logo_s{
	display:none;}

.img_harunaai2_s{
	display:none;}
	
	
#movie_sm{
	display:none}
	
	
.midokoro_s{
	display:none}
	
.movie_s_s{
	display:none;}
	
.h1_n_s{
	display:none;}	
	
	
	
	
	
.pagetop_s{
	display:none;}
		
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
　
}
html, body {
	width: 100%;
	height: 100%;
	background-color:#fff;
	background-image:none;
}
section {
	width: 100%;
	background-image:none;
}
#contents {
	width: 100%;
	height:auto;
	margin:auto;
	display:block;
}


#contents h1{
	margin-top:20px;
	margin:auto;
	}
.img_logo_s{
	display:block;}

.img_logo{
	display:none;}
	
.img_narration{
	display:none;}

.img_harunaai{
	display:none;}

#contents nav{
	background-color:#ff4d83;
	padding:10px;}
#contents nav li{
	display:none;}
#contents nav li img{
	display:none;}
#contents nav p{
	display:block;
	height:20px;
	padding:5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	margin:10px;
	color:#FF0590;
	text-align:center;
	background-color:#FFFFFF;
	line-height:22px;}
		
nav p a{
	
	color:#FF0590;
	text-decoration:none;
	display:block;}


.img_harunaai2{
	display:none;}

.img_harunaai2_s{
	display:block;
	width:100%;
	margin-top:15px;}

#movie_sm{
	display:block;
	width:100%;
	text-align:center;
	margin:auto;
	height:auto;
	margin-top:10px;}
.midokoro{
	display:none;}
	

.midokoro_s{
	width:100%;
	padding:0%;
	background-image:url(../images/s/bg_text.png);
	background-position:center top;
	margin:15px 0px;
	background-color:#FFEAEA;
	color:#413823;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	}

.midokoro_s p{
	width:90%;
	margin:auto;
	padding:5%;
	display:block;
	margin:10px 0px;
	font-size:1.0em;
	line-height:1.4em;
	color:#413823;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.kaisya1{
	width:90%;
	background-color:#fc5989;
	padding:3%;
	margin:auto;}

.kaisya1 h2{
	width:98%;
	background-color:#FFFFFF;
	padding:5px 4px;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	margin:auto;}


.img_name{
	margin:10px  auto;
	clear:both;
	display:block;
	width:50%;}



section .p_setsumei{
	background-image:url(../images/bg_text.png);
	display:block;
	width:90%;
	height:auto;
	float:both;
	color:#FFFFFF;
	font-size:1.0em;
	line-height:1.3em;
	padding:5%;
}

section .p_setsumei p{
	
	width:100%;
	
}

.movie_s{
	display:none;}

.movie_s_s{
	display:block;
	width:100%;
	padding:3% 0%;
	text-align:center;
	margin:auto;
	height:auto;
	background-color:#FFB5B6;
	margin-top:10px;}

.h1_n{
	display:none;}

.h1_n_s{
	display:block;
	width:100%;}	





#footer{
	background-image:none;
	width:100%;
	text-align:center;}
#inner{
	
	width:100%;
	margin-top:15px;
	background-image:url(../images/bg_h1.jpg);
	background-repeat:no-repeat;
	background-position:right top;}
	
.img_foot{
	width:80%;
	margin:auto;
	display:block;}
.img_harunaai3
{
	width:80%;
	margin:auto;
	display:block;}	
#footer #inner p{
	margin:auto;
	display:block;
	margin-top:0px;
	text-align:center;
	}	


.pagetop{
	display: none;
	position: fixed;
	bottom: 0px;
	right: 0px;}
.pagetop p{
	display:block;
}
.pagetop　a{
	display: block;
	width: 20px;
	height: 18px;
	text-align: center;}

#movie_s{
	display:block;
	clear:both;
	margin:auto;
	width:90%;}

#movie{
	display:none;}
	
	
.img_copy{
	margin:auto;
	display:block;
	clear:both;
	width:100%;
	background-color:#FFC3C4;}
	
	
}