@charset "utf-8";

/* Content -------------------------*/

#content{
background:url(/jp/page_images/home_content_bg06.jpg) repeat-x 0 0;
text-align:center;
}
#inner-content01{
width:930px;
margin:0 auto;
text-align:left;
background:#fff;
}
.innerContent {
	width: 896px;
	margin-left: 17px;
	clear: both;
}
.innerContent870 {
	width: 870px;
	margin-left: 30px;
	clear: both;
}
#whats-title,
#lets-title {padding: 15px 0 15px 10px;}

.clearBlank {
	clear: both;
	margin-bottom: 10px;
}


/* Navi -------------------------*/
#navi{
width:898px;
margin:0 auto 20px auto;
}
#navi:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html #navi{display:inline-block;}
*:first-child+html #navi{display:inline-block;}
#navi li{float:left;}


/**/
.home-col {width: 897px; margin: 0 auto 20px auto; background: url(../page_images/home_bg_rep.gif) repeat-y 0 0;}
.home-col h3{margin-bottom: 6px;}
.home-col .home-col-inr { padding: 20px 30px 13px 30px; background: url(../page_images/home_bg_btm.gif) no-repeat left bottom;}
.home-col .ti-easy {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 10px 0 77px; background: url(../page_images/home_bg_h2_01.gif) no-repeat 0 0;}
.home-col .ti-easy h2 {padding-top: 19px; margin-bottom: 5px;} 

.home-col .ti-beauty {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 10px 0 77px; background: url(../page_images/home_bg_h2_02.gif) no-repeat 0 0;}
.home-col .ti-beauty h2 {padding-top: 19px; margin-bottom: 5px;} 

.home-col .ti-enjoy {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 10px 0 77px; background: url(../page_images/home_bg_h2_03.gif) no-repeat 0 0;}
.home-col .ti-enjoy h2 {padding-top: 19px; margin-bottom: 5px;} 

.home-col .ti-lets-enj {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 20px 0 97px; background: url(../page_images/lets_bg_h2_03.gif) no-repeat 0 0;}
.home-col .ti-lets-enj h2 {padding-top: 19px; margin-bottom: 5px;} 

.col-02 .col-l {width: 405px; float: left;}
.col-02 .col-r {width: 405px; float: right;}
.col-02 dl {font-size: x-small;float: left; width: 143px; padding-top: 5px;}
.col-02 dl dt {color: #444E57; font-weight: bold;}
.col-02 dl dt,
.col-02 dl dd {padding-right: 15px;}
.col-02 dl.last {width: 115px;}
.col-02 dl.last dt,
.col-02 dl.last dd {padding-right: 0;}

.col-04 {font-size: x-small;}
.col-04 ul li {list-style-type: disc; list-style-position: outside; margin: 5px 10px 0 13px;}
.col-04 .col01,
.col-04 .col02,
.col-04 .col03 {float: left; width: 215px;}
.col-04 .col04 {float: left; width: 189px;}

.col-02 p {font-size: x-small; margin: 10px 0;}
.col-02 ul li {font-size: x-small; list-style-type: disc; list-style-position: outside; margin: 5px 10px 0 13px;}


/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt05 { margin-top: 5px; !important;}
.mt10 { margin-top: 10px; !important;}
.mt15 { margin-top: 15px; !important;}
.mt20 { margin-top: 20px; !important;}
.mt25 { margin-top: 25px; !important;}
.mt30 { margin-top: 30px; !important;}
.mt35 { margin-top: 35px; !important;}
.mt40 { margin-top: 40px; !important;}
.mt45 { margin-top: 45px; !important;}
.mt50 { margin-top: 50px; !important;}
.mt55 { margin-top: 55px; !important;}
.mt60 { margin-top: 60px; !important;}

.mb05 { margin-bottom: 5px; !important;}
.mb10 { margin-bottom: 10px; !important;}
.mb15 { margin-bottom: 15px; !important;}
.mb20 { margin-bottom: 20px; !important;}
.mb25 { margin-bottom: 25px; !important;}
.mb30 { margin-bottom: 30px; !important;}
.mb35 { margin-bottom: 35px; !important;}
.mb40 { margin-bottom: 40px; !important;}
.mb45 { margin-bottom: 45px; !important;}
.mb50 { margin-bottom: 50px; !important;}
.mb55 { margin-bottom: 55px; !important;}
.mb60 { margin-bottom: 60px; !important;}

.ml05 { margin-left: 5px; !important;}
.ml10 { margin-left: 10px; !important;}
.ml17 { margin-left: 17px; !important;}
.ml15 { margin-left: 15px; !important;}
.ml20 { margin-left: 20px; !important;}
.ml25 { margin-left: 25px; !important;}
.ml30 { margin-left: 30px; !important;}
.ml35 { margin-left: 35px; !important;}
.ml40 { margin-left: 40px; !important;}
.ml45 { margin-left: 45px; !important;}
.ml50 { margin-left: 50px; !important;}

.mr05 { margin-right: 5px; !important;}
.mr10 { margin-right: 10px; !important;}
.mr15 { margin-right: 15px; !important;}
.mr20 { margin-right: 20px; !important;}
.mr25 { margin-right: 25px; !important;}
.mr30 { margin-right: 30px; !important;}
.mr35 { margin-right: 35px; !important;}
.mr40 { margin-right: 40px; !important;}
.mr45 { margin-right: 45px; !important;}
.mr50 { margin-right: 50px; !important;}


/* padding */

.pt05 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}

.pb05 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}

.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}

.pr05 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}

.p05 { padding: 5px;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p25 { padding: 25px;}
.p30 { padding: 30px;}



/* animal -------------------------*/
.omoshiroTitleArea {
	background-image: url(../images/brog02.jpg);
	background-repeat: no-repeat;
	height: 247px;
	width: 896px;
}
.omoshiroTitleArea p {
	padding-top: 165px;
	padding-right: 320px;
}
.youiArea {
	background-color: #FFFFCC;
	width: 896px;
}
.youiText1 {
	float: left;
	width: 590px;
	padding-left: 30px;
	padding-right: 40px;
	line-height: 130%;
	padding-bottom: 20px;
}
.youiText2 {
	float: left;
	width: 200px;
	line-height: 130%;
	padding-bottom: 20px;
}
.leftColumn {
	float: left;
	width: 430px;
	padding-bottom: 30px;
}
.rightColumn {
	float: right;
	width: 430px;
}
.column1D {
	clear: both;
	width: 870px;
}

.btnArea {
	padding-top: 20px;
}
.btnArea li {
	display: block;
	width: 290px;
	float: left;
}
.btnArea2 {
	padding-top: 20px;
	width: 896px;
	padding-left: 17px;
}
.btnArea2 li {
	display: block;
	width: 430px;
	float: left;
}
.brogWideBanner {
	clear: both;
	padding-top: 10px;
	width: 896px;
}

h4 {
	padding-top: 10px;
}
h3 {
	padding-bottom: 5px;
}
.innerContent870 .leftColumn {
	float: left;
	width: 420px;
	padding: 0px;
}
.innerContent870 .rightColumn {
	float: right;
	width: 420px;
}
.note {
	font-size: 10px;
	line-height: 12px;
	color: #666666;
}
.caution2 {
	color: #FF0000;
	font-size: 12px;
	line-height: 16px;
	margin-top: 5px;
	padding-top: 110px;
}
.redTxt {
	color: #FF0000;
	padding-top: 5px;
}
#bodyStep6 {
	float: left;
	width: 550px;
}
.btnDownload {
	float: right;
	width: 290px;
	padding-top: 45px;
}
.step5 {
	clear: both;
	padding-top: 10px;
}
.step5txt {
	float: left;
	width: 580px;
}
.step5Photo {
	float: right;
	width: 300px;
}
.movieArea {
	width: 896px;
	margin-right: auto;
	margin-left: auto;
}
.partyArea {
	background-image: url(../images/movie_party.jpg);
	background-repeat: no-repeat;
	height: 339px;
	padding-left: 428px;
}
.parkArea {
	background-image: url(../images/movie_park.jpg);
	background-repeat: no-repeat;
	height: 340px;
	padding-left: 428px;
}
.travelArea {
	background-image: url(../images/movie_travel.jpg);
	background-repeat: no-repeat;
	height: 330px;
	padding-left: 428px;
}
.cmArea {
	width: 896px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/cm_base.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 330px;
}
.cmFlash {
	padding-top: 18px;
	padding-left: 15px;
	float: left;
}
.cmBtn {
	float: left;
	padding-top: 243px;
	padding-left: 46px;
}