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

body{background: url("../images/bg_type1_1.png") repeat;}
/*------------------------------------------------------------
  デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, figure, img, fieldset,
a, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, small, strong, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{
  background:transport;
  margin:0;
  padding:0;
  border:none;
  outline:none;
  font-size:1em;
}

header,hgroup,nav,article,
section,aside,figure,footer{
  display:block;
}

ol, ul{
  list-style: none;  
}

img{
  margin: 0;
  padding: 0;
}

html{font:14px/1.3 "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Arial, Helvetica, Tahoma, sans-serif;}
/*body{  min-width: 640px;}*/
/*------------------------------------------------------------*/
a.hover {
  text-decoration: underline;
  color: #0f7eac;
  background: #d8f4ff;}
/*------------------------------------------------------------*/


.logo{margin-top: 18px; width: 50%; max-width: 234px;}

header{
  background: #fff; margin-bottom: 10px;
  box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.2);
  /*width: 640px;*/
  width: 100%;
  height: 70px;
}

/*---タブ下の見出し--------------------------*/
.br-sp{display: none;}

@media screen and (max-width: 320px) {
 .br-sp{display: inline;}
 .h2_p{line-height: 1.4em; margin-left: 10px; letter-spacing:3px;}

 }

table.h2tb td{padding:4px;}


/*----------------------------------*/

#mainwrap{width: 100%; margin-left: auto; margin-right: auto;}
.main_inner{width: 90%; margin-left: auto; margin-right: auto; padding: 3px; border-radius: 3px; border: 1px solid #d5d6d7; border-top: 3px solid #0069d5;}

.heading1 {
  margin: 1px;
  background: url("../images/bg_type4_1.png") 0 bottom repeat-x, url("../images/bg_type3_3.png") repeat;
  font-weight: bold;
}

.heading1_title {
  line-height: 1;
  padding: 26px 30px;
}

.heading1_mainLabel {
  color: #666C75;
  font-size: 22px;
}

.tab_wrap{padding-top: 20px; }

/*-----------------------------------------------*/

.tab{overflow:hidden; width: 96%; margin-left: auto; margin-right: auto;}
.tab li{ float:left; width: 50%; height: 60px; line-height: 60px; font-weight: bold; font-size: 1em;
background:#d3e5ff; color: #666C75; text-align: center;
}
.tab li.select{background:#003F97; color: #fff;}
.content li{background:#eee; padding:20px; border-top: 3px solid #003F97;}
.hide {display:none;}

/*-----------------------------------------------*/

h1{text-align: center;}

h2 { background: #dedede; color: #010101; font-size: 1em; font-weight: bold; line-height: 40px;
	margin: 0 auto; padding-left: 8px; margin-bottom: 1em;
}

h2 img{vertical-align: middle; margin-right: 8px;}

.que_table{color: #003F97; border: 20px; font-size: 1em; font-weight: bold; /*border-collapse:collapse;*/ }

th, td {
    border-bottom:solid 1px silver;
}


table.que_table tr td{padding: 10px;}

table.que_table tr td img{vertical-align: middle;}


/*table.que_table tr td{ font-size: 50px; font-weight: bold;}
*/


p.question{color: #003F97; font-size: 1em; font-weight: bold; line-height: 40px; margin-bottom: 20px;}

p.question:hover{color: #1d9dd2;}

p.question a{text-decoration-line: underline;}

.question{margin-left: 15px; text-indent : 3em;}

.q1{background: url("../images/Q1.jpg") no-repeat;}
.q2{background: url("../images/Q2.jpg") no-repeat;}
.q3{background: url("../images/Q3.jpg") no-repeat;}
.q4{background: url("../images/Q4.jpg") no-repeat;}
.q5{background: url("../images/Q5.jpg") no-repeat;}
.q6{background: url("../images/Q6.jpg") no-repeat;}
.q7{background: url("../images/Q7.jpg") no-repeat;}
.q8{background: url("../images/Q8.jpg") no-repeat;}
.q9{background: url("../images/Q9.jpg") no-repeat;}
.q10{background: url("../images/Q10.jpg") no-repeat;}

.q1:hover{background: url("../images/Q1_o.jpg") no-repeat;}
.q2:hover{background: url("../images/Q2_o.jpg") no-repeat;}
.q3:hover{background: url("../images/Q3_o.jpg") no-repeat;}
.q4:hover{background: url("../images/Q4_o.jpg") no-repeat;}
.q5:hover{background: url("../images/Q5_o.jpg") no-repeat;}
.q6:hover{background: url("../images/Q6_o.jpg") no-repeat;}
.q7:hover{background: url("../images/Q7_o.jpg") no-repeat;}
.q8:hover{background: url("../images/Q8_o.jpg") no-repeat;}
.q9:hover{background: url("../images/Q9_o.jpg") no-repeat;}
.q10:hover{background: url("../images/Q10_o.jpg") no-repeat;}

.questionVTR{text-indent : 3em; color: #1d9dd2; font-size: 1em; font-weight: bold; line-height: 40px;border-bottom: 2px solid #1d9dd2; margin-bottom: 5px;
}
.q1VTR{background: url("../images/Q1_o.jpg") no-repeat;}
.q2VTR{background: url("../images/Q2_o.jpg") no-repeat;}
.q3VTR{background: url("../images/Q3_o.jpg") no-repeat;}
.q4VTR{background: url("../images/Q4_o.jpg") no-repeat;}
.q5VTR{background: url("../images/Q5_o.jpg") no-repeat;}
.q6VTR{background: url("../images/Q6_o.jpg") no-repeat;}
.q7VTR{background: url("../images/Q7_o.jpg") no-repeat;}
.q8VTR{background: url("../images/Q8_o.jpg") no-repeat;}
.q9VTR{background: url("../images/Q9_o.jpg") no-repeat;}
.q10VTR{background: url("../images/Q10_o.jpg") no-repeat;}

.Answer{margin-top: 20px;}

footer{text-align: center; font-size: 10px; color: #454545; margin-top: 10px; /*background: #fff;*/ height: 60px;}



#pagetop{ position:fixed; right: 5px; bottom:10px; cursor:pointer;}