@charset 'utf-8';

html,body{
    margin: 0 auto;
    width: 100%;
    height:100%;
    display: table;
		font-size:20px;
}

a:link{color:#000000;
}
a:visited{color:#000000;
}
a:hover{color:#C4197E;
}

a:hover img{
opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.qatitle{text-align: left;}

p.prefix_sample2 {
width:700px; height:100px; background-color:#ccecf4;
border:solid 1px #7fcfe2;
padding-top:10px;
-moz-border-radius: 60px / 60px;
-webkit-border-radius: 60px / 60px;
-o-border-radius: 60px / 60px;
-ms-border-radius: 60px / 60px;
}

p.prefix_sample3 {
width:600px; height:50px; background-color:#ccecf4;
border:solid 1px #7fcfe2;
padding-top:10px;
-moz-border-radius: 30px / 30px;
-webkit-border-radius: 30px / 30px;
-o-border-radius: 30px / 30px;
-ms-border-radius: 30px / 30px;
margin-left:auto;
}

p.prefix_sample4 {
width:700px; height:75px; background-color:#ccecf4;
border:solid 1px #7fcfe2;
padding-top:10px;
-moz-border-radius: 35px / 35px;
-webkit-border-radius: 35px / 35px;
-o-border-radius: 35px / 35px;
-ms-border-radius: 35px / 35px;
}

p.prefix_sample5 {
width:700px; height:125px; background-color:#fafad2;
border:solid 1px #ffa500;
padding-top:10px;
-moz-border-radius: 60px / 60px;
-webkit-border-radius: 60px / 60px;
-o-border-radius: 60px / 60px;
-ms-border-radius: 60px / 60spx;
}

p.prefix_sample6 {
width:700px; height:120px; background-color:#fafad2;
border:solid 1px #ffa500;
padding-top:10px;
-moz-border-radius: 60px / 60px;
-webkit-border-radius: 60px / 60px;
-o-border-radius: 60px / 60px;
-ms-border-radius: 60px / 60spx;
}

p.prefix_sample7 {
width:700px; height:155px; background-color:#fafad2;
border:solid 1px #ffa500;
padding-top:10px;
-moz-border-radius: 60px / 60px;
-webkit-border-radius: 60px / 60px;
-o-border-radius: 60px / 60px;
-ms-border-radius: 60px / 60spx;
}

p.prefix_sample8 {
width:700px; height:180px; background-color:#fafad2;
border:solid 1px #ffa500;
padding-top:10px;
-moz-border-radius: 60px / 60px;
-webkit-border-radius: 60px / 60px;
-o-border-radius: 60px / 60px;
-ms-border-radius: 60px / 60spx;
}

p{line-height:140%;
}

p.sens-mida{margin-bottom:80px;}

p.nmt{font-size: 14px;
margin-top: 40px;}

p.nmt span{font-size: 20px;}

p.tisaku{font-size: 12px;
margin-top: -20px;}

p.trb{margin: 60px 0px 30px 0px;}


p.trb2{margin: 160px 0px 30px 0px;}

ul.chuu{font-size: 12px;
text-align: justify;
max-width: 90%;}


.frg{font-size:16px;
text-align:center;
margin-top:40px
}

.kakkoku{margin-bottom: 50px;}

.kakkoku2{margin-bottom: 100px;}

.tul img{vertical-align: middle;
}

.tul{font-size:1em;
font-weight: bold;}


img{max-width:100%;
}

#box{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	  max-width: 700px;
	 margin: 0 auto;
}

.video{max-width: 660px;
	margin: 0 auto;
text-align: left;
padding: 30px 0px 150px 0px;
}

div.vid_contents {
width: 100%;
text-align: center;
margin: auto;
}

.bg {background-color: #fff;
	margin: 0 auto;
	border: 1px solid #DEE0E1;
width: 600px;}

video.vid_main {
width: 100%;
}


.left3{font-size: 16px;
line-height: 120%;
margin: 100px 0px 0px 0px;}

.movie-wrap{margin-bottom: 50px;}

.boxB{position:fixed;
z-index:100;
right:0;
top:135px;
opacity: 0.5;
}

.top{margin-top:50px
}

/*for IE6 */  
* html #box{  
    display: inline;  
    zoom: 1;  
}  
   
/*for IE7 */  
*:first-child+html #box{  
    display: inline;  
    zoom: 1;  
}

#inner{width:auto;
    height:auto;
    display: inline-block;
}

p.flink{font-size: 16px;}

/* @group Footer */

footer {
padding : 24px 0;
color : white;
text-align : center;
background : #C4197E}


.five{max-width: 700px;
	margin: 60px auto;
		text-align: left;
	background-color:#fff4ff;
	padding: 20px;
	border: 1px solid #9A9797;
	border-radius: 20px;
}

.jitsujou{max-width: 700px;
	margin: 60px auto;
		text-align: left;
	background-color:#f0fff0;
	padding: 20px;
	border: 1px solid #9A9797;
	border-radius: 20px;
}

.five h3{color: #DC1619;
padding-bottom: 0px;
}

/* @end */


/* スマホ用 */
@media screen and (max-width: 767px) {
	
#box{width:100%;	
}

}


/*768px*/
@media screen and (min-width : 768px){

#contents { text-align : left}

}

/*1024px*/
@media screen and (min-width : 1024px) {


footer {
width : 91.796875%; /*940/1024*/
margin : 0 auto;
}

/* @end */

}