@charset "euc-jp";
/* CSS Document */


.c-both { clear:both; }

#nzLeft{
	float:left;
	width: 725px;
	text-align:right;
}
#nzRight{
	float:right;
	width: 188px;
	padding-top:10px;
}

/*=============================================
/		top
/=============================================*/
.topIntro{
	background-image: url(../img/top/intro.gif);
	width: 100%;
	height:106px;
}

#top{
	background-image: url(../img/top/contents_bg.gif);
	width: 100%;
}

#top .blogFrame,#top .contents{
	padding:25px 0 30px 0;
}
#top .blogFrame{
	float:left;
	width:190px;
	text-align:center;
}
#top .blogFrame_after{
	float:left;
	width:162px;
	padding:25px 14px 30px;
}
#top .contents{
	float:right;
	width:743px;
	text-align:center;
}
#top .contentsInner{
	margin-left:auto;
	margin-right:auto;
	width:708px;
	text-align:left;
	padding-left: 2px;
}
#top .contentsBlock{
 float:left;
	width:175px;
	padding-right:2px;
}
.contentsTxt{
	width:160px;
	font-size:77%;
	line-height:13px;
	padding-top: 10px;
}
.contentsTxt A{ color:#ccbacc; text-decoration:none;}
.contentsTxt A:visited{ color:#ccbacc; text-decoration:none;}
.contentsTxt A:active{ color:#ccbacc; text-decoration:underline;}
.contentsTxt A:hover{ color:#ccbacc; text-decoration:underline;}
.coming{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #ccbacc;
}

/*=============================================
/		contents
/=============================================*/
.bg{
	background-image: url(../img/common/bg.gif);	
}
#navi{
 float:right;
	width:208px;
	text-align:center;
}
#navi .top{
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 20px;
}
#navi .present{
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 20px;
}
#navi .block{
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 8px;
}
#v1,#v2,#v3,#v4,#pre{
	width:725px;
	float:left;
	text-align:center;
}
#v1 .inner,#v1 .inner02,#v1 .inner03,#v1 .inner04,#v2 .intro,#v2 .inner01,#v2 .inner02,#v2 .inner03,#v2 .inner04,#v2 .inner05,#pre .intro,#pre .bg,#pre .info,#v3 .inner,#v4 .inner{
	width:670px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#v1 .inner,#v2 .inner{
 margin-left:auto;
	margin-right:auto;
 padding:30px 0 30px 0;
}
#v1 .inner02{
 background : url(../img/vol1/bg01.jpg) no-repeat ;
	height:545px;
	text-align: right;
}
#v1 .txt02{
	width:315px;
	text-align: left;
	padding:65px 0 0 0;
	float: right;
}
#v1 .inner03{
 background : url(../img/vol1/bg02.jpg) no-repeat ;
	height:430px;
	text-align: left;
}
#v1 .txt03{
	width:310px;
	text-align: left;
	padding:85px 0 0 0;
}
#v1 .cafe{
	width:100%;
	text-align: center;
	background-color: #ccbacc;	
}
#v1 .cafeInner{
	width:670px;
	margin-left:auto;
	margin-right:auto;
	padding:25px 0 25px 0;
}
#v1 .cafeTtl{
 	padding-bottom:20px;
}
#v1 .cafeFlash{
 	float:left;
		width:380px;
}
#v1 .cafeTxt{
	float:right;
	width:270px;
	font-size:77%;
	line-height:14px;
	color:#47295c;
	text-align: left;
}
#v1 .inner04{
 background : url(../img/vol1/bg03.jpg) no-repeat ;
	height:690px;
	text-align: left;
}
#v1 .txt04{
	width:320px;
	text-align: left;
	padding:100px 0 0 0;
}

#v2 .intro{
	background : url(../img/vol2/intro.jpg) no-repeat;
	background-position: bottom;
}
#v2 .introTxt{
 width:390px;
	padding-top:30px;
}
#v2 .inner01{
	padding-top:15px;
}
.cap{
	line-height:14px;
	color:#b285b2;
	padding-top: 8px;
}
#v2 .inner02{
	padding-top:30px;
}
#v2 .inner03{
	background : url(../img/vol2/apass_bg.gif) no-repeat ;
}
#v2 .inner03Txt{
	font-size:77%;
	line-height:14px;
	color:#47295c;
	padding:15px 20px 20px 30px;
}
#v2 A{ color:#47295c; text-decoration:underline;}
#v2 A:visited{ color:#47295c; text-decoration:underline;}
#v2 A:active{ color:#47295c; text-decoration:none;}
#v2 A:hover{ color:#47295c; text-decoration:none;}
#v2 .inner03Ttl{
	padding:20px 0 5px 0;
}
#v2 .inner04{
	background : url(../img/vol2/style_bg.jpg) no-repeat ;
	height:930px;
}
#v2 .inner04Txt{
 width:315px;
	padding-top:120px;
}
#v2 .inner05{
	background : url(../img/vol2/present_bg.gif) no-repeat;
}
#v2 .inner05Ph{
 float:left;
	padding:10px;
}
#v2 .inner05Txt{
	float:left;
	line-height:14px;
	color:#47295c;
	padding:80px 0 10px 10px;
	width:380px;
	font-size: 77%px;
}
#v2 .inner05Txt .sweets{
	float:right;
	width:135px;
	padding:0 0 10px 10px;
}
#v3 .inner{
	margin-top: 20px;
}
#v3 .bg01{
	background : url(../img/vol3/ph1.jpg) no-repeat;
	width:100%;
	margin-top: 20px;
}
#v3 .txt01{
	width:285px;
	float: right;
	padding:20px 0 25px 0;
}
#v3 .bg02{
	background : url(../img/vol3/ph2.jpg) no-repeat;
	width:100%;
}
#v3 .txt02{
	width:330px;
	padding:25px 0 25px 0;
}
#v3 .bg03{
	background : url(../img/vol3/ph3.jpg) no-repeat;
	width:100%;
}
#v3 .txt03{
	width:285px;
	float: right;
	padding:100px 0 25px 0;
}
#v3 .snap{
	background : url(../img/vol3/snap_bg.gif) no-repeat;
	width:100%;
	padding: 20px 0 20px 0;
}
#v4 .intro{
	background : url(../img/vol4/header.jpg) no-repeat;
	height:172px;
}
#v4 .introTxt{
 width:390px;
	padding-top:30px;
}
#v4 .ph01{
	background : url(../img/vol4/ph1.jpg) no-repeat;
	width:100%;
}
#v4 .txt01{
 width:230px;
	padding:30px 0 25px 0;
	float:right;
}
#v4 .txt01_2{
	width:100%;
	padding:30px 0 25px 0;
}
#v4 .ph02{
	background : url(../img/vol4/ph2.jpg) no-repeat;
	width:100%;
}
#v4 .txt02{
 width:340px;
	padding:0 0 30px 0;
}
#v4 .ph03{
	background : url(../img/vol4/ph3.jpg) no-repeat;
	width:100%;
}
#v4 .txt03{
 width:290px;
	padding:110px 0 30px 0;
	float:right;
}
#v4 .info{
	padding-top:30px;
}
#v4 .info_ttl{
	padding:0 0 15px 0;
}

/*=============================================
/		present
/=============================================*/
#pre .intro{
	background : url(../img/present/header.jpg) no-repeat;
	text-align: left;
}
#pre .introTxt{
	width:390px;
	padding:150px 0 30px 0;
	margin-left: 5px;
}
#pre .bg{
	background : url(../img/present/pre_bg.gif) no-repeat;
	text-align: center;
	padding:20px 0 20px 0;
}
#pre .pre1{
 background : url(../img/present/pre_1.jpg) no-repeat;
	width:634px;
	height:229px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}
#pre .preTxt1{
	width:365px;
	padding-top:65px;
	margin-left:250px;
	text-align: left;
	font-size: 77%;
	line-height: 14px;
}
#pre .preBlock{
	margin-left:auto;
	margin-right:auto;
	width:634px;
}
#pre .pre2{
 background : url(../img/present/pre_2.jpg) no-repeat;
	width:312px;
	height:199px;
	text-align: left;
	float:left;
	margin:0 10px 0 0;
}
#pre .preTxt2{
	width:165px;
	padding-top:70px;
	margin-left:132px;
	text-align: left;
	font-size: 77%;
	line-height: 13px;
}
#pre .pre3{
 background : url(../img/present/pre_3.jpg) no-repeat;
	width:312px;
	height:199px;
	text-align: left;
	float:left;
}
#pre .infoTxt{
 font-size:77%;
	line-height:15px;
	width:600px;
	text-align:left;
		margin-left:auto;
	margin-right:auto;
}
#pre .btn{
 padding:20px 0 20px 0;
}
/*=============================================
/		blog
/=============================================*/
#auBlog_Area{
	width: 162px;
}

#auBlog_Area .phtBox{
	width: 150px;
	margin:0 0 15px;
	padding:6px;
	background:#fff;
}

#auBlog_Area .text{
 width:162px;
	color: #ccc;
}