@charset "utf-8";

/*サイト共通
---------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}

html
{
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family:"ＭＳ Ｐゴシック",/*"Osaka","ヒラギノ角ゴ Pro W3",*/sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
}

body
{
	text-align:center;
	margin:0px auto;
	font-size:small;
	line-height:1.5;
	height:100%;
	color: #333;
	background:url(../img/cmn_bg_body.jpg) 0 0 repeat;
}

body > #container
{
	height: auto;
}

h1, h2, h3, h4, h5, p, li, ul, form{margin:0px;padding:0px;}
table td
{
	vertical-align: top;
	text-align: left;
}
img{border:none;}
ul, li{list-style:none;}

a, a:link, a:visited, a:active{color:#08877a;text-decoration:none;}
a:hover{color:#08877a;text-decoration:underline;}


/* For modern browsers */
.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}

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

* html div#container{height:100%;}

div#container{
	width:100%
	text-align:center;
	margin:0 auto;
	min-height:100%;
	height: auto !important;
	height: 100%;
	position:relative;
	background:url(../img/body_photo1.png) center 35px no-repeat;
}


	/*--CLEAR--*/
	div#container:after{content:"";display:table;clear:both;zoom:1;}


/*---------------------------------------------------------
　HEADER
---------------------------------------------------------*/
#head{width:100%;height:100px;background:#362e2b;z-index:1000;}
#head-inner{width:1080px;margin:0 auto;}
#head-inner h1{
	margin:13px 0 0 10px;
	display:block;
	text-indent:-9999px;
	background:url(../img/cmn_siteid.jpg) 0 0 no-repeat;
	width:249px;
	height:75px;
	float:left;
}

.navArea{width:798px;float:right;margin:10px 10px 0 0 ;}
.navArea li{float:left;}
.navArea li a{display:block;text-indent:-9999px;height:80px;}

#nav01{width:396px;float:left;}
	#nav01 a#g0101{background:url(../img/cmn_g01.jpg) 0 0 no-repeat;width:86px;}
	#nav01 a:hover#g0101{background-position:0 -80px;}
	#nav01 a#g0102{background:url(../img/cmn_g01.jpg) -86px 0 no-repeat;width:76px;}
	#nav01 a:hover#g0102{background-position:-86px -80px;}
	#nav01 a#g0103{background:url(../img/cmn_g01.jpg) -162px 0 no-repeat;width:74px;}
	#nav01 a:hover#g0103{background-position:-162px -80px;}
	#nav01 a#g0104{background:url(../img/cmn_g01.jpg) -238px 0 no-repeat;width:74px;}
	#nav01 a:hover#g0104{background-position:-238px -80px;}
	#nav01 a#g0105{background:url(../img/cmn_g01.jpg) -312px 0 no-repeat;width:84px;}
	#nav01 a:hover#g0105{background-position:-312px -80px;}

#nav02{width:396px;float:right;}
	#nav02 a#g0201{background:url(../img/cmn_g02.jpg) 0 0 no-repeat;width:86px;}
	#nav02 a:hover#g0201{background-position:0 -80px;}
	#nav02 a#g0202{background:url(../img/cmn_g02.jpg) -86px 0 no-repeat;width:76px;}
	#nav02 a:hover#g0202{background-position:-86px -80px;}
	#nav02 a#g0203{background:url(../img/cmn_g02.jpg) -162px 0 no-repeat;width:74px;}
	#nav02 a:hover#g0203{background-position:-162px -80px;}
	#nav02 a#g0204{background:url(../img/cmn_g02.jpg) -238px 0 no-repeat;width:74px;}
	#nav02 a:hover#g0204{background-position:-238px -80px;}
	#nav02 a#g0205{background:url(../img/cmn_g02.jpg) -312px 0 no-repeat;width:84px;}
	#nav02 a:hover#g0205{background-position:-312px -80px;}


.fixed{position: fixed;top: 0;left: 0;width: 100%;}


	/*--CLEAR--*/
	#head-inner:after, .navArea:after, .navArea ul:after{content:"";display:table;clear:both;zoom:1;}


/*---------------------------------------------------------
　FOOTER
---------------------------------------------------------*/
#foot{width:760px;margin:0 auto 3em;}
#foot-inner{width:100%;background:url(../img/cmn_footer.jpg) 0 0 no-repeat;height:80px;color:#fff;position:relative;margin-bottom:10px;}
#foot-inner p{font-size:0.8em;text-align:left;position:absolute;top:38px;left:125px;}
#foot-inner ul{width:200px;font-size:0.8em;position:absolute;top:55px;left:125px;}
#foot-inner ul li{display:block;float:left;}
#foot-inner ul li span{margin:0 6px;}
#foot-inner a, #foot-inner a:link, #foot-inner a:visited, #foot-inner a:active{color:#e99600;text-decoration:none;}
#foot-inner a:hover{color:#e99600;text-decoration:underline;}

#foot address{
	display:block;
	text-indent:-9999px;
	background:url(../img/cmn_copy.png) 0 0 no-repeat;
	width:318px;
	height:11px;
	margin:0 auto;
}


	/*--CLEAR--*/
	#foot-inner ul:after{content:"";display:table;clear:both;zoom:1;}


/*---------------------------------------------------------
　トップページ
---------------------------------------------------------*/
#conTop{width:1080px;margin:120px auto 0;padding:10px 0 30px 0;position:relative;}
*+html #conTop {padding-top:120px;}	/* for IE7 */

.snsArea{width:960px;margin:0 auto 10px;text-align:right;}

#mainArea{width:1080px;margin:0 0 1em;position:relative;height:625px;}

#mNin{width:541px;height:625px;background:url(../img/main_img01.png) 0 0 no-repeat;float:left;position:relative;}
#mNin .more{position:absolute;bottom:30px;left:40px;}

#mHana{width:539px;height:625px;background:url(../img/main_img02.png) 0 0 no-repeat;float:right;position:relative;}
#mHana .more{position:absolute;bottom:30px;right:40px;}

#infoTkt{width:960px;height:98px;background:url(../img/info_bg.png) 0 0 no-repeat;margin:0 auto 2em;padding:0;position:relative;}

#infoTkt-inner{width:760px;padding:27px 0 0 0;margin:0 0 0 90px;/margin-left:0px;}
#infoTkt-inner img{margin:0 5px;}
#infoTkt-inner a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

#fbBox{width:960px;background:#fff;margin:0 auto;padding:0;}
#fbBox img{font-size:1px;vertical-align:top;}


	/*--CLEAR--*/
	#mainArea:after{content:"";display:table;clear:both;zoom:1;}


/*---------------------------------------------------------
　コンテンツ共通
---------------------------------------------------------*/
#conBody{width:1080px;padding:0 0 10px 0;margin:0 auto;}

.floL{float:left;}
.floR{float:right;}


/*---------------------------------------------------------
　忍者修行
---------------------------------------------------------*/
#ninBox{margin-bottom:100px;/margin-top:120px;}
#ninBox-body{width:1080px;background:#f5e5c7;padding:15px 0 5px;}
#ninBox-bottom{width:1080px;background:url(../img/nin_bg_bottom.png) 0 bottom no-repeat;font-size:1px;height:10px;}

.set{width:960px;margin:0 auto 2em;}

.ninHead{width:960px;background:url(../img/nin_conbg_top.jpg) 0 0 no-repeat;height:60px;padding:13px 0 0 0;}
.ninHead h2{display:block;text-indent:-9999px;margin:0 0 0 50px;}
	#nin1 h2{background:url(../img/nin_nin1_title.jpg) 0 0 no-repeat;width:157px;height:30px;}
	#nin2 h2{background:url(../img/nin_nin2_title.jpg) 0 0 no-repeat;width:223px;height:30px;}
	#nin3 h2{background:url(../img/nin_nin3_title.jpg) 0 0 no-repeat;width:209px;height:31px;}
	#nin4 h2{background:url(../img/nin_nin4_title.jpg) 0 0 no-repeat;width:180px;height:31px;}
	#nin5 h2{background:url(../img/nin_nin5_title.jpg) 0 0 no-repeat;width:189px;height:30px;}

.ninBody{width:960px;background:#fff url(../img/nin_conbg_bottom.jpg) 0 bottom no-repeat;padding-bottom:20px;}

/* nin1 */
#nin1 .innerSL{width:450px;background:url(../img/nin_nin1_img.jpg) 0 25px no-repeat;float:left;position:relative;text-align:left;height:440px;margin-left:20px;_margin-left:10px;}
#nin1 .innerSL .more{position:absolute;bottom:35px;right:18px;}
#nin1 .innerSR{width:450px;background:url(../img/nin_nin1_img2.jpg) 0 25px no-repeat;float:right;position:relative;text-align:left;height:440px;margin-right:20px;_margin-right:10px;}
#nin1 .innerSR .more{position:absolute;bottom:35px;right:18px;}
#nin1 .innerSR  a:hover.more img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}


/* nin2 */
#nin2 .inner{width:920px;margin:0 20px 20px;}
	#nin2 .attBox1{border:5px solid #f2b737;width:430px;padding:5px;position:relative;}
	#nin2 .attBox1 a{position:absolute;bottom:5px;right:8px;}
	#nin2 .attBox1 a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
	#nin2 .txtR{float:right;width:163px;}
	#nin2 .txtR p{text-align:left;margin:10px 0;}

	#nin2 .attBox2{width:200px;border:5px solid #f2b737;padding:5px;position:relative;float:left;margin:0 13px 0 0;min-height:260px;}
	#nin2 .attBox2 p{text-align:left;width:180px;margin:10px 5px;}
	#nin2 .attBox2 a{position:absolute;bottom:5px;left:12px;}
	#nin2 .attBox2 a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
	#nin2 .last{margin:0;}

#nin2 .price{background:url(../img/nin_nin2_bg_price.jpg) 0 0 no-repeat;height:160px;}
#nin2 .price img{float:left;margin:60px 0px 0 15px;}


/* nin3 */
#nin3 .inner{width:460px;_width:450px;}
#nin3 .floL{margin-left:15px;}
#nin3 .floR{margin-right:15px;_margin-right:5px;}

#nin3 .showBox{border:5px solid #ffd870;background:#fff8c6;padding:5px;}
#nin3 .showBox a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

	#nin3 .sizeM img{margin-bottom:23px;}
	#nin3 .sizeM p{width:420px;margin:0 15px 20px;font-size:1em;text-align:left;_width:380px;}
	#nin3 .sizeM .more{margin-bottom:5px;}

	#nin3 .sizeS{width:200px;float:left;margin:0 0 10px 9px;min-height:230px;_width:190px;_margin:0 0 10px 5px;_height:230px;}
	#nin3 .sizeS img{margin-bottom:8px;}
	#nin3 .sizeS p{width:180px;margin:0 15px;font-size:1em;text-align:left;margin-bottom:10px;_width:180px;_margin:0 7px;}
	#nin3 .sizeS .more{margin-bottom:0;}


/* nin4 */
#nin4 .inner{width:920px;margin:0 20px;}
#nin4 .set{width:450px;}
#nin4 .shugyouHead{background:url(../img/nin_nin4_bg1.jpg) 0 0 no-repeat;padding:20px 0 5px;}
#nin4 .shugyouBody{background:url(../img/nin_nin4_bg2.jpg) 0 bottom no-repeat;padding:5px 0 20px 0;}
#nin4 .shugyouBody p{width:380px;text-align:left;margin:0 0 10px 25px;}
#nin4 .shugyouBody a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}


/* nin5 */
#nin5 .inner{width:920px;margin:0 20px 20px;position:relative;}
#nin5 .ninBody{padding-bottom:100px;position:relative;}
#nin5 .ninBody a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

#nin5 .inner #btnDoki{position:absolute;left:0px;top:675px;}

#nin5 .ninBody #btnChara{position:absolute;right:30px;top:690px;}


	/*--CLEAR--*/
	.ninBody:after, .inner:after,
	#nin2 .attBox1:after,
	.set:after{content:"";display:table;clear:both;zoom:1;}


/*---------------------------------------------------------
　華のくに
---------------------------------------------------------*/
#hanaBox{margin-bottom:30px;/margin-top:120px;}
#hanaBox-body{width:1080px;background:#fecfca;padding:15px 0 5px;}
#hanaBox-bottom{width:1080px;background:url(../img/hana_bg_bottom.png) 0 bottom no-repeat;font-size:1px;height:10px;}

#hanaBox-body h2{display:block;text-indent:-9999px;margin:0;width:960px;height:50px;}


/* hana1 */
#hana1 h2{background:url(../img/hana1_title.jpg) 0 0 no-repeat;}
#hana1 .hanaBody{background:url(../img/hana1_img.jpg) 0 0 no-repeat;width:960px;height:460px;position:relative;}
#hana1 .infomation{width:350px;background:#fff;float:right;margin:180px 20px 0 0;padding:15px 0 0;}
#hana1 .infomation p{width:330px;margin:0 0 15px 10px;text-align:left;}
#hana1 a{position:absolute;bottom:20px;right:25px;width:240px;}
#hana1 a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}


/* hana2 */
#hana2 h2{background:url(../img/hana2_title.jpg) 0 0 no-repeat;}
#hana2 .hanaBody{background:url(../img/hana2_img.jpg) 0 0 no-repeat;width:960px;height:460px;position:relative;}
#hana2 .hanaBody #hibari{position:absolute;top:15px;right:15px;}
#hana2 .information{width:320px;background:#000;float:right;margin:280px 20px 0 0;padding:15px 0 0;}
#hana2 .information p{width:300px;margin:0 0 15px 10px;text-align:left;color:#eee;font-size:14px;line-height:1.6;}
#hana2 a{position:absolute;bottom:20px;right:25px;width:240px;}


/* hana3 */
#hana3 h2{background:url(../img/hana3_title.jpg) 0 0 no-repeat;}
#hana3 .hanaBody{background:url(../img/hana3_img.jpg) 0 0 no-repeat;width:960px;height:460px;position:relative;}
#hana3 .hanaBody #funsou{position:absolute;top:10px;right:15px;}
#hana3 .hanaBody #tenji{position:absolute;top:210px;right:15px;}
#hana3 a.more{position:absolute;bottom:15px;right:25px;width:240px;}


/* hana4 */
#hana4{width:465px;float:left;margin:0;}
#hana4 h2{background:url(../img/hana4_title.jpg) 0 0 no-repeat;width:465px;}
#hana4 .hanaBody{background:url(../img/hana4_img.jpg) 0 0 no-repeat;width:465px;height:400px;position:relative;}
#hana4 .hanaBody p{width:450px;position:absolute;bottom:45px;left:10px;_left:5px;color:#423219;}
#hana4 .hanaBody a{position:absolute;bottom:15px;left:115px;width:240px;}


/* hana5 */
#hana5{width:465px;float:right;margin:0;}
#hana5 h2{background:url(../img/hana5_title.jpg) 0 0 no-repeat;width:465px;}
#hana5 .hanaBody{background:url(../img/hana5_img.jpg) 0 0 no-repeat;width:465px;height:400px;position:relative;}
#hana5 .hanaBody a{position:absolute;bottom:15px;left:115px;width:240px;}


	/*--CLEAR--*/
	#hana1 .hanaBody:after{content:"";display:table;clear:both;zoom:1;}


/*---------------------------------------------------------
　インフォメーション
---------------------------------------------------------*/
.info{width:970px;margin:0 auto 2em;}
.info img{margin-bottom:10px;}

/*---------------------------------------------------------
　終了
---------------------------------------------------------*/
.jumpBox{width:500px;margin:100px auto;}
.jumpBox a, .jumpBox a:link, .jumpBox a:visited, .jumpBox a:active{color:#000;text-decoration:none;}
.jumpBox a:hover{color:#000;text-decoration:underline;}