@charset 'utf-8';


#page {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; font-size:100%;
    position: relative;
    background-image: url('images/bg_main.gif');
    background-position: center top;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    min-width: 1005px;
    overflow: hidden
}
#main {
    background-position: center top;
    background-image: url('images/top_bg.png');
    background-repeat: no-repeat;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%
}

div.all {
    width:1005px;
    margin: 0 auto;
    text-align: center;
    background-position: center top;
}

div.faq {
   text-align:right;
}

div.top_logo {
    /*position: relative;*/
    /*top:  0px;*/
    /*left: 10px;*/
    text-align:left;
}

div.top_menubar {
    margin: 0 auto;
    text-align: center;
	background-image: url('images/bg_topmenubar.gif');
	height:60px;

}

div.top_rotbana {
    position: absolute;
    top:  380px;
    left: 420px;
}


div.aw_mov {
/*border: solid 1px red;*/
	box-sizing: border-box;
	text-align:left;
	position: absolute;
	left: 10px;
	bottom: 10px;
	/*left: 10px;*/
}

div.bt-play {
	/*text-align:right;
	margin-top: 200px;*/
	text-align:right;
	position: absolute;
	/*top:  200px;*/
	right:  10px;
	bottom:  80px;
}
div.bt-regist {
	/*text-align:right;
	margin-top: 200px;*/
	text-align:right;
	position: absolute;
	/*top:  200px;*/
	right:  16px;
	bottom:  10px;
}
div.dqsaw-top {
/*border: solid 0px blue;*/
	box-sizing: border-box;
	width:1005px;
	height:450px;
	position:relative;
}

div.dqsaw-contents {
/*border: solid 1px pink;*/
box-sizing: border-box;

    float: none;
    width:1005px;
    height:550px;
}

#buttom_list ul{
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
#buttom_list li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
}
#buttom_list li a{
	display: block;
	
	padding: 3px;
	margin: 2px 0px 2px 0px;
	text-decoration: none;	
	text-align: center;
	color: #000000;

}

#buttom_list li a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity60)";
}




div.dqsaw-footer {
/*border: solid 1px blue;*/	
    background-image: url('images/bg_footer.gif');
	-moz-background-size: 100% 100%;
    background-size:100% 100%;

    text-align:center;
    width:auto;
    height:60px;
    position:relative
}
div.dqsaw-footer ul {
	position:relative;
    top : 25px;
}
div.dqsaw-footer li {
	position:relative;
	text-align:center;	
	font-size: 15px;
  	display: inline;
  	margin-right: 20px;
 
}


#area-obi {
/*border: solid 1px blue;*/
box-sizing: border-box;

    text-align:center;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    width: 1003px;
    height: 64px;
}



#area_left {
/*border: solid 1px blue;*/
box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    width: 295px;
    height: 100%;
    overflow: hidden;
}

#area_twitter {
    background-image: url('images/left_bg.png');
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-repeat: no-repeat;
	-moz-background-size: 70% 100%;
    background-size:70% 100%;

    width: 295px;
/*    height: 100%;*/
    overflow: hidden

}
#area_twitter blockquote {
    left: 50%;
}


#area_right {
/*border: solid 1px green;*/
box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 705px;
    float: right;
}

#area_osirase {
/*border: solid 1px green;*/
box-sizing: border-box;
    background-image: url('images/right_bg.png');
    background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
    background-size:100% 100%;
    width: 100%;
    height: 100%;
    float: right
    

}


#area_osirase iframe{

   padding:10px;

}

p {margin: 0px; padding: 0px;}


#kotak-dialog {
 top:0%;
 left:0%;
 margin:0px 0px 0px 0px;
 width:600px;
 height:320px;
 background-color:#fff;
 -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 box-shadow:0px 1px 2px rgba(0,0,0,0.4);
 z-index:1000;
 display:none;
 position:fixed;
}

#kotak-dialog *:focus {
 outline:none;
}

#kotak-dialog h3.title {
 
 
 text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
 padding:2px 15px;
 position:relative;
 margin:0px 0px 0px 0px;
 top:-30px;
 left:0%;
 height:30px;
 wodth:100%;
 box-sizing: border-box; 
}

#kotak-dialog h3.title a {
 position:absolute;
 top:4px;
 right:15px;
 color:#fff;
 text-decoration:none;
 cursor:pointer;
}

#kotak-dialog .isi-dialog {
 position:absolute;
 top:0%;
 left:0%;
 width:100%;
 height:100%;
 margin:0px 0px 0px 0px;
}

#dialog-overlay {
 position:fixed !important;
 position:absolute;
 z-index:999;
 top:0px;
 right:0px;
 bottom:0px;
 left:0px;
 background-color:#000;
 display:none;
}

/*コピーライト用*/
.copyright {
	padding:0px 10px;
	text-align:center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; font-size:100%;
	font-weight: normal;
}
/*コピーライト用*/
.copyright div {
	margin:10px 0px;
}


#iframeContainer iframe {
 width:100%;
 height:100%;
 border:none;
 overflow:auto;
}

.obi{
	background-image: url('images/obi_hanyou.png');
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	background-size:100% 80%;
	width: 580px;
	height: 46px;
	line-height: 36px;
	text-align:center
}
.spec {
	margin-top:20px;
	text-align:center;
}

.spec table{
margin-left: auto;
margin-right: auto;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.spec table th{
padding:4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #feedf3;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.spec table td{
padding:4px;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}