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


body {
color: #333333;
background: #ffffff;
font-family:"���C���I", Meiryo, "�l�r �o�S�V�b�N", "MS P Gothic", Osaka, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro",  sans-serif;
font-size: 18px;
text-align:left;
width:100%;
height:100%;
margin:0;
padding:0;
line-height: 220%;
}
#tokukomi {
    width: 100%;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 2.2em;
    background: #D11A1D;
    color: #FFF;
    line-height: 200%;
}

@media screen and (max-width: 1000px) {
#tokukomi {
	font-size:1em;
}

img{
width: 100%;
}
	
.hi{
	display:none;
	transition:ease;
	transition-duration:3s;
	}


.hyouji{
	display:block;
	}
}
img{
border:0;
}
a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
}
#bBg {
width:100%;
height:1500px;
position:fixed;
z-index:-90;
}
#top {
width:100%;
background-color: #0095CC;
height: 54px;
}
#header h1 {
font-size:0px;
}

#container {
background: transparent url(../images/header.png) no-repeat scroll center 0;
width:100%;
}

#container #header {
width:1000px;
min-width:1000px;
margin:0 auto;
position:relative;
height:851px;
}

#container #header h1 ,
#container #header h2 ,
#container #header p {
margin:0;
padding:0;
}

#wrapper {
width:100%;
min-width:1000px;
margin: 0px;
}

#main {
}

#main h3 {
text-align:center;
margin:0px auto;
padding-top:0px;
}
#main .text-box {
border-left: 3px #ddd solid;
border-right: 3px #ddd solid;
width: 993px;
margin: 0 auto;
background: #fff;
box-shadow: 0px 0px 20px #000;
padding:20px 0px;
}

#main .text-boxt {
border-left: 3px #ddd solid;
border-right: 3px #ddd solid;
width: 1000px;
margin: 0 auto;
background: #fff;
box-shadow: 0px 0px 20px #000;
padding:0px 0px 20px 0px;
}
#main .text-boxt p,
#main .text-box p {
width:920px;
margin:0px auto;
}

@media screen and (max-width: 1000px) {
#main .text-boxt p,
#main .text-box p {
width:90%;
margin:0px auto;
}
}
/*  テキスト装飾
---------------------------------------------------------------- */
a:hover { color: #999;}
.red{ color: #d90000;}
.yellow{ background:#FF3;
}
.blue{ display: block; color: #0075a9;}
.line{ text-decoration:underline;}
.bold{ font-weight: bold;}
.big{ font-size: 48px;}

/*  小見出し
---------------------------------------------------------------- */
h3#title_1 {
background:url(../images/title_bg_1.jpg) center top;
width: 100%;
height: 245px;
}
h3#title_2 {
background:url(../images/title_bg_2.jpg) center top;
width: 100%;
height: 196px;
}
h3#title_3 {
background:url(../images/title_bg_3.jpg) center top;
width: 100%;
height: 287px;
}
h3#title_4 {
background:url(../images/title_bg_4.jpg) center top;
width: 100%;
height: 286px;
}
h3#title_5 {
background:url(../images/title_bg_5.jpg) center top;
width: 100%;
height: 305px;
border:0;
}
h3#title_6 {
background:url(../images/title_bg_6.jpg) center top;
width: 100%;
height: 234px;
border:0;
}
h3#title_7 {
background:url(../images/title_bg_7.jpg) center top;
width: 100%;
height: 242px;
border-top: 10px solid #383f43;
border-bottom: 10px solid #383f43;
}
h3#title_8 {
background:url(../images/title_bg_8.jpg) center top;
width: 100%;
height: 137px;
border:0;
}
h3#title_9 {
background:url(../images/title_bg_9.jpg) center top;
width: 100%;
height: 224px;
border:0;
}
h3#title_10 {
background:url(../images/title_bg_10.jpg) center top;
width: 100%;
height: 283px;
border:0;
}
h3#title_11 {
background:url(../images/title_bg_11.jpg) center top;
width: 100%;
height: 327px;
border:0;
}
h3#title_12 {
background:url(../images/title_bg_12.jpg) center top;
width: 100%;
height: 142px;
border:0;
}

h3#title_13 {
background:url(../images/title_bg_13.jpg) center top;
width: 100%;
height: 422px;
border:0;
}

h3#title_14 {
background:url(../images/title_bg_14.jpg) center top;
width: 100%;
height: 388px;
border:0;
}

h3#tokuten_1 {
background:url(../images/tokuten1_bg.jpg) center top;
width: 100%;
height: 348px;
border:0;
}

/*  内容
------------------------------------------------------*/
#info {
width:919px;
background:url("../images/info_bg.jpg") repeat-y bottom;
border-bottom: 5px #5a5049 solid;
margin: 0px auto;
}

.naiyou_box {
width: 750px; 
background:#FFF;
margin:30px auto; 
	
}

#info p{
padding: 30px 50px;
margin-left: 40px;
	
}


.m-left{
display: block;
margin-left: 2em;
font-weight:bold;
}

/*  DVD
------------------------------------------------------*/

#info_2 {
width:960px;
background:#FFF;
border:20px #676450 solid;
margin: 0px auto;
padding: 20px 0;
}


#info_2 p{
padding: 20px 0px 30px 30pX;
margin-left: 30px;	
}

/* 支払い
------------------------------------------------------ */
#payment {
width: 712px;
margin: 0 auto;
}

#payment div{
width: 411px;
margin: 0 auto;
text-align: center;
}

.sec{ 
width:712px;
margin: 0 auto;
}

/* Ｑ＆Ａ
---------------------------------------------------------*/

.question {
background:url(../images/question.png) left no-repeat;
height: 133px;
border-bottom: 16px solid #3e525c;
}

.answer {
background:url(../images/answer.png) left no-repeat;
height: 138px;
border-bottom: 16px solid #c64d39;
margin-bottom: 15px;
}

.answer2 {
background:url(../images/answer.png) left bottom no-repeat;
height: 450px;
border-bottom: 16px solid #c64d39;
margin-bottom: 15px;
}


.question p{
padding: 50px 10px 0 110px;
width: 850px!important;
}

.answer p{
padding:15px 0 0 110px;
width: 850px!important;
line-height: 1.7em;
}

.answer2 p{
padding:15px 0 0 110px;
width: 850px!important;
line-height: 1.7em;
}

.answer p.vertical{ padding-top:35px;}

/* 追伸
---------------------------------------------------------*/
.ps {
background:url(../images/ps_bg.jpg) repeat!important;
}


/* 安心
---------------------------------------------------------*/

#anshin{
background-color: #FFFFFF;
text-align: center;
width: 1000px;
margin: 0 auto;
clear: both;
padding: 20px 0;
color: #222;
}



/* フッター
---------------------------------------------------------*/

#footer {
background-color: #FFFFFF;
text-align: center;
width: 1000px;
margin: 0 auto;
clear: both;
padding: 20px 0;
color: #222;
border-top: 3px solid #d4d4d4;
}

#footer a{
color: #0075a9;
}

#footer #copyright{
padding: 10px 0;
color:#222222;
}

/*著作権--------------------------------------------------------*/
#chosaku {
  padding: 3% 0;
}
#chosaku p {
  text-align: center;
  font-size: 1.2em;
  padding: 2%;
  border: #f00 5px solid;
}
/*1024px以下*/
@media screen and (max-width: 1024px) {
  #chosaku p {
    text-align: center;
    font-size: 1.1em;
    padding: 2%;
    border: #8C0015 2px solid;
  }
}
/*著作権--------------------------------------------------------*/

/* video
------------------------------------------------------ */

.video iframe{
	margin-bottom:20px;
	border:solid 5px #223142;
}

#video {
	width:900px;
	margin:0px auto;
	text-align:center;
}

#video .video {
	display:inline-block;
	width:640px;
	height:360px;
}

#video p {
	font-weight:bold;
	color:#FFF;
}
	
	


/* text
------------------------------------------------------ */

.byr {
	color:red;
}
.byb {
	font-weight:bold;
}
.byu {
	text-decoration:underline;
}
.byy {
	background:yellow;
}
.by {
	background:#FF3;
	font-weight:bold;
	text-decoration:underline;
}