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

/* ========初期化設定======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#000;
}
html{
    height:100%;
}

body {
	color: #fff;
	background:#dddbdc;
	font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
	font-size: 100%;
	line-height: 1.5;
	text-align: center;
	margin:0 auto;
    padding:0;
}

a {
	color: #0066ff;
}

a:visited {
	color: #0066ff;
	text-decoration: none;
}

a:hover {
	color: #0066ff;
	text-decoration: underline;
}

a img{
	border:none;
}

.thankslink a{
	color: #0099FF;
	text-decoration:underline;
}
.thankslink a:hover{
	color: #990000;
	text-decoration: none;
}
.osu a:hover {
	position:relative;
	top:1px;
	left:1px;
	
}
h1,h2,h3,h4,h5,h6 {
   margin:0;
}
h1 {font-size:8px;
color:#ccc;
text-align:left;}
img{
	border:0;
}

hr{
  	border-top:solid 1px #999999;
	width:94%;
	height:1px;
	margin-top:30px;
}
* html hr{/* for -IE6 */
  margin:0;
}
*:first-child+html hr{/* for IE7 */
  margin:0;
} 



#wrapper {
	color: #fff;
	background:#fff;
	width:100%;
	margin:0 auto;
	  min-height: 100%;

  /* フッタの高さと等しいネガティブマージン */
  /* また最後の子要素の潜在的なマージンとしても機能 */
  margin-bottom: -50px;}
#header {}
#container {}
#main {
	margin:30px 100px;
text-align:left;}
@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
#main {
	margin:20px 10px;
}
}
.footer,
.push {
  height: 50px;
}

h2 { color:#0066CC;
	font-size:180%;
	margin:30px auto 20px;
}

h3 {
	margin:50px auto 30px;
}


/*============================================================
フキダシデザイン 
============================================================*/
.arrow_answer,
.arrow_question {
    position: relative;
    background: #fff;
    border: 1px solid #a8a8a8;
    padding: 30px 25px;
    border-radius: 10px;
    width: 77%;
    font-size: 90%;
}
@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.arrow_answer,
.arrow_question {
        width: 55%;
    padding: 10px 5px;
}
}
.arrow_answer {
    float: right;
    margin-right: 20px;
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.arrow_answer {
    margin-right: 0;
}
}
.arrow_answer:after,
.arrow_answer:before,
.arrow_question:after,
.arrow_question:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_question:after,
.arrow_question:before { left: 100%; }
.arrow_answer:after,
.arrow_answer:before { right: 100%; }
.arrow_answer:after,
.arrow_question:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 15px;
    margin-top: -15px;
}
.arrow_answer:after { border-right-color: #fff ; }
.arrow_question:after { border-left-color: #fff ; }
.arrow_answer:before,
.arrow_question:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 16px;
    margin-top: -16px;
}
.arrow_answer:before { border-right-color: #a8a8a8; }
.arrow_question:before { border-left-color: #a8a8a8; }
.question_image { float: right;   
            margin-left: 20px;
 }
.answer_image {
    float: left;
}
.answer_image img,
.question_image img { border-radius: 50px; }
.question_Box {
    margin-bottom: 25px;
    overflow: hidden;
}
.question_name {font-size:75%;
margin:0 20px;}
.answer_name {font-size:75%;
margin:0 20px;}



.kakomi {
	margin:30px auto;
	padding:30px;
	border:solid #C9E5FF 3px;
	border-radius: 20px;  /* 角丸の指定 */
	}
.sp-70px {
    margin-top: 70px;
}
.sp-100px {
    margin-top: 100px;
}


table {
	border: #2D0F09 1px solid;
	border-collapse: collapse;
	font-size: 90%;
	width: 100%;
	color: #F6ECEF;	
} 
table th.t_top {
	border: #333 1px dashed;
	background-color: #eee;
	text-align: left;
	padding: 10px;
	font: bold;
} 
table td.t_line01 {
	border: #333 1px dashed;
	background-color: #fff;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}
table td.t_line02 {
	border: #333 1px dashed;
	background-color: #752241;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}


.clear {clear:both;}



.imgr {float:right;
margin-left:20px;}
.imgl {float:left;
margin-right:20px;}

.sp-50px {margin:50px;}