@charset "utf-8";
/* CSS Document */

.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }

html {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	background-image:url(../image/heart_bg.jpg);
	margin:0 auto;
	font-size:12px;

}
#header {
	margin:0 auto;
	width:770px;
	height:200px;
	background:url(../image/img_header.jpg);
	position:relative;
}
#header img {
	position:absolute;
	top:145px;
	left:360px;
}
#header a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";	
}
#main {
    width: 750px;
	background-color:#FFF;
	border:solid 10px;
	border-color:#ff9acf;
	margin:0 auto;
}
#globalMenu {
	width:750px;
	height:50px;
	padding:0;
	background:url(../image/global_menu.png);		
}
.topImage
{
    width: 732px;
	margin:0 auto;
}

.mainContents {
	width:750px;
	margin:0 auto;
	padding-top:10px;
	clear:both;
}

#footer
{
	margin-left:auto;
	margin-right:auto;
	margin:20px 0 20px 0;
	font-size:14px;
	text-align:center;
	clear:both;
}


.centerText {
	text-align:center;
	padding:20px 0;
}
.leftText {
	text-align:left;
	padding:20px 0;
	width:620px;
	margin:0 auto;
	line-height:32px;
}
.rightText {
	text-align:right;
	padding:20px 0;
	width:620px;
	margin:0 auto;
	line-height:32px;
	font-size:23px;
	font-weight:bold;
}
.pinkText {
	font-weight:bold;
	color:#ff378e;
	font-size:20px;
	line-height:30px;
	width:600px;
	padding-left:15px;
}

.blueText {
	font-weight:bold;
	color:#1085e0;
	font-size:20px;
	line-height:30px;
}

.redText {
	font-weight:bold;
	color:#ff0000;
	font-size:20px;
	line-height:30px;

}
.redText2 {
	font-weight:bold;
	color:#fd5fc0;
	font-size:18px;
	line-height:30px;
}
.redText3 {
	font-weight:bold;
	color:#cd0752;
	font-size:17px;
	line-height:35px;
}
.redText4 {
	font-weight:bold;
	color:#fd5fc0;
	font-size:18px;
	line-height:30px;
	text-align:center;
}
.blackText {
	font-weight:bold;
	color:#333;
	font-size:20px;
	line-height:30px;
}
.bigText {
	text-align:center;
	font-size:28px;
	font-weight:bold;
	width:100%
}
.centerRedText {
	text-align:center;
	font-size:22px;
	font-weight:bold;
	width:100%;
	color:#F00;
}

.underLine {
	text-decoration:underline;
	font-weight:bold;
}

.centerImage {
	text-align:center;
}
.checkIcon {
	margin-bottom:10px;
}
.race02 {
	text-align:center;
	width:608px;
	margin:0 auto;
	padding:20px 0 20px 0;
	margin:20px 0;
}
.bottomArrow {
	margin:0 auto;
	width:500px;
	text-align:center;

}
.imageBox {
	width:600px;
	margin:0 auto;
}
.imageBoxDvd {
	width:650px;
	margin:0 auto;
	margin-bottom:10px;
	border:solid 1px #000;
}
.imageBoxText {
	width:650px;
	margin:0 auto;
	border:solid 1px #000;
}

.imageBoxCash {
	width:298px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}
.imageBox365 {
	width:620px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}
.imageFinal {
	width:403px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;	
}
.dvdContents {
	width:326px;
	margin:0 auto;	
}

.btnBox {
	width:620px;
	border:solid 5px #ffb1da;	
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
	padding:20px;
	text-align:center;
	margin:0 auto;

}


/*画像のシャドー*/
.visitorImg {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4); 
}



/******************** prologue ********************/

.prologue {
	width:725px;
	margin:0 auto;
}
.prologue ol {
	margin-top:20px;
	width:650px;
}
.prologue li {
	padding-left:50px;
	font-size:18px;
	line-height:32px;
	font-weight:bold;
}
.prologue li img {
	padding-bottom:9px;

}
.prologue .topText {
	text-align:center;
	font-size:17px;
	font-weight:bold;
	padding:20px 0;
}
.prologue .topTextSecond {
	width:689px;
	margin:0 auto;
	text-align:center;
	font-size:18px;
}
.prologue .topTextSecond img {
	padding:20px 0;
}
.introduction img {
	padding:0;

}
.introduction .introductionTitle {
	text-align:center;
	padding:0;
	line-height:38px;
	font-size:20px;

	font-weight:bold;
	
}
.introduction .introductionBox {
	width:690px;
	margin:0 auto;

}

.introduction .introductionText {
	float:left;
	width:410px;
	padding:0 40px 0 30px;
	line-height:32px;

}
.introduction .introductionImage {
	float:left;
	width:204px;
	height:293px;
	padding:0px;
}


/******************** paragraphBox ********************/


.paragraphBox {
	width:725px;
	text-align:left;
	margin:0 auto;
}

.stepFour {	
	width:600px;
	border:solid 5px #ffb1da;	
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
	padding:20px;
	font-weight:bold;
	text-align:left;
	margin:0 auto;
}
.stepFour img {
	width:600px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

.stepDvd {	
	width:620px;
	border:solid 5px #ffb1da;	
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
	padding:20px;
	text-align:left;
	margin:0 auto;
}

/******************** reasonBox ********************/

.reasonBox {	
	width:620px;
	border:solid 5px #85c7ff;	
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
	padding:20px;
	text-align:left;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:15px;
}
.reasonBox img {
	margin-right:10px;

}

/******************** priceTable ********************/

.priceTable {
	background:#000;
	width:600px;
	margin:0 auto;
}
.priceTable th {
	background:#f9c9ff;
	text-align:center;
	color:#000;
	
}
.priceTable td {
	background:#fff;
	text-align:center;
	color:#000;

}

/******************** privilegeBox ********************/

.privilegeBox {	
	width:620px;
	border:solid 5px #ffb1da;	
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
	padding:20px;
	text-align:left;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	font-size:18px;
}
/******************** globalmenu ********************/
#menu ul{
	width:750px;
	margin:0 auto;
	margin-bottom:0px;
	list-style:none;
}

#menu ul li{
	float:left;
	list-style:none;
}

#menu ul li a{
		display:block;
		height:50px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
}

#menu ul .navi01 a {width:100px; background:url(../image/global_menu.png) 0 0 no-repeat;}
#menu ul .navi02 a {width:150px; background:url(../image/global_menu.png) -100px 0 no-repeat;}
#menu ul .navi03 a {width:170px; background:url(../image/global_menu.png) -250px 0 no-repeat;}
#menu ul .navi04 a {width:200px; background:url(../image/global_menu.png) -420px 0 no-repeat;}
#menu ul .navi05 a {width:130px; background:url(../image/global_menu.png) -620px 0 no-repeat;}

#menu ul .navi01 a:hover{width:100px; background:url(../image/global_menu.png) 0 -50px no-repeat;}
#menu ul .navi02 a:hover{width:150px; background:url(../image/global_menu.png) -100px -50px no-repeat;}
#menu ul .navi03 a:hover{width:170px; background:url(../image/global_menu.png) -250px -50px no-repeat;}
#menu ul .navi04 a:hover{width:200px; background:url(../image/global_menu.png) -420px -50px no-repeat;}
#menu ul .navi05 a:hover{width:130px; background:url(../image/global_menu.png) -620px -50px no-repeat;}


/******************** voice ********************/

.visitorBox {	
	width:620px;
	border:solid 8px #fec06f;	
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
	padding:20px;
	text-align:left;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:25px;
}
.visitorTitle {
	float:left;
	width:450px;
	height:200px;
	background:url(../image/img_visitorbg.png);
}
.visitorTitle .titleText {
	width:290px;
	height:135px;
	padding:65px 80px 0 80px;
	font-size:20px;
	font-weight:bold;
	color:#f86a01;
}
.visitorImage {
	float:left;
	width:166px;
	font-size:12px;
	text-align:center;
}
.visitorText {
	width:600px;
	text-align:left;
	margin:0 auto;
	line-height:32px;
	clear:both;
}

/******************** copyRight ********************/

.copyRight {
	width:100%;
	height:35px;
	color:#FFF;
	text-align:center;
	background:#ff9acf;
	padding-top:20px;
	
}
/******************** btnBox ********************/

.btnBox1 {	width:620px;
	border:solid 8px #ffb1da;	
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
	padding:20px;
	text-align:center;
	margin:0 auto;
	margin-bottom:20px;
}



a img.application {
	background:none!important;
	
}
a:hover img.application {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}
a img.telephone {
	background:none!important;
	
}
a:hover img.telephone {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

/******************** qaBox ********************/

.qaBox {	
	width:620px;
	border:solid 8px #f1befe;	
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
	padding:20px;
	text-align:left;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:15px;
}
.qaBox img {
	margin-right:10px;

}

/******************** tokuteiTable ********************/

.tokuteiTable {
	background:#000;
	width:600px;
	margin:0 auto;
}
.tokuteiTable th {
	background:#eee;
	text-align:center;
	color:#000;
	padding:5px;
	font-weight:normal;
	
}
.tokuteiTable td {
	background:#fff;
	text-align:left;
	color:#000;
	padding:10px;
}

/******************** finalText ********************/

.finalText {
	width:665px;
	padding:50px 30px;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.6);
	text-align:left;
	font-size:18px;
	
}
	

/******************** privacy ********************/

.titleUnderline {
	text-decoration:underline;
	font-weight:bold;
	
}