@charset "UTF-8";

/* ------------------------------------------- CSS Information 
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  

html{overflow-y:scroll;} 
body,div,blockquote,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,input,textarea,fieldset{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}   
img,abbr,acronym,fieldset{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display:none;}
object,embed{vertical-align:top;} 


/* ------------------------------------------- CSS Information 
 Style Info:     レスポンシブデザイン詳細設定
----------------------------------------------------------- */
body{  
font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
color:#333333;
line-height:0;
text-align:center;
background:#ffffff;
}
/*header*/
header{
margin:0;
padding:0;
width:100%;
background: url(../img/header_bg.png) no-repeat center top;
background-size:auto 100%;
}
header img{
margin:0 auto;
width:100%;
max-width:960px;
}
/*wrapper*/
.wrapper{
margin: 0 auto;
padding:10px 0;
width:100%;
max-width:960px;
}
/*form*/
.form_top{width:100%;max-width:960px;}
.form_box{
margin:0;
padding:0 0 20px 0;
width:100%;
background:linear-gradient(rgba(53,122,199,0.9),rgba(5,72,146,0.9)),url(../img/form_bg.png);
background-size:cover;
text-align:center;
border-bottom:2px solid #ffc000;
}
.form_title_bg_01{
margin:0 auto;
width:100%;
max-width:960px;
background: url(../img/form_title_bg_01.png) no-repeat center top;
background-size:100% auto;
}
.form_title_bg_02{
margin:0 auto;
width:100%;
max-width:960px;
background: url(../img/form_title_bg_02.png) no-repeat center top;
background-size:100% auto;
}
.form_title_bg_01 img.pc,.form_title_bg_02 img.pc,.form_top{
width:100%;max-width:960px;display:block;margin:0 auto;
}
.form_title_bg_01 img.sp,.form_title_bg_02 img.sp{display:none;}
.form_text{width:100%;max-width:640px;display:block;margin:0 auto;}
.btn{width:90%;}
form{margin:0 10px;padding:0;}
table{
margin:0 auto;
width:100%;
max-width: 600px;
border-collapse:separate;
border-spacing: 0 10px;
border:0;
}
th{
background:#101b53;
width:150px;
text-align:center;
vertical-align: top;
height:40px;
}
th img{height:40px;}
td{
padding:5px;
background:#ffffff;
line-height:30px;
text-align:left;
}
input[type=text]{
font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
font-size: 16px;
font-weight: bold;
padding:0;
color:#000000;
border:none;
width:90%;
}
.btn{width:75%;max-width:600px;}
.term{
max-width:900px;
margin:20px auto 0 auto;
padding:0 10px;
text-align: justify;
color:#eeeeee;
font-size:12px;
line-height: 16px;
}
.term img{width:270px;}
@media only screen and (max-width:640px){
.form_title_bg_01{background: url() #ffc000;}
.form_title_bg_02{background: url() #ffc000;}
.form_title_bg_01 img.pc,.form_title_bg_02 img.pc,.form_top{display:none;}
.form_title_bg_01 img.sp,.form_title_bg_02 img.sp{width:100%;max-width:960px;display:block;margin:0 auto;}
th,td{width:100%;display:block;padding:0;}
th{height:30px;}
input[type=text]{font-size:14px;width:100%;}
th img{height:30px;}
.term{
max-width:900px;
margin:10px auto 0 auto;
padding:0 10px;
text-align: justify;
color:#eeeeee;
font-size:11px;
line-height: 14px;
}
.term img{width:240px;}
}
/*box*/
.box_bg{
margin:10px 10px 30px 10px;
padding:10px;
border-radius: 10px;
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
background:#abcdef url(../img/box_bg.png) repeat left top;
box-shadow:2px 2px 4px 0px #cccccc;
-moz-box-shadow:2px 2px 4px 0px #cccccc;
-webkit-box-shadow:2px 2px 4px 0px #cccccc;
}
.box_white{
margin:0;
padding:20px;
background:#ffffff;
border-radius:6px;
-moz-border-radius:6px;    /* Firefox */
-webkit-border-radius:6px; /* Safari,Chrome */
}
.textbox{
padding:20px;
text-align:justify;
line-height:24px;
font-size:16px;
}
.textbox p{margin:0;padding:12px 0;}
.img_text{width:100%; max-width:640px; margin:15px 0;}
@media only screen and (max-width:768px){.textbox br{display:none;}}
@media only screen and (max-width:640px){
.box_bg{
margin:10px;
padding:5px;
border-radius: 10px;
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
background:#abcdef url(../img/box_bg.png) repeat left top;
box-shadow:2px 2px 4px 0px #cccccc;
-moz-box-shadow:2px 2px 4px 0px #cccccc;
-webkit-box-shadow:2px 2px 4px 0px #cccccc;
}
.box_white{
margin:0;
padding:10px;
background:#ffffff;
border-radius:6px;
-moz-border-radius:6px;    /* Firefox */
-webkit-border-radius:6px; /* Safari,Chrome */
}
.textbox{
margin:0;
padding:10px;
text-align:justify;
line-height:20px;
font-size:14px;
}
.textbox p{margin:0;padding:10px 0;}
.img_text{margin:10px 0;}
}
@media only screen and (max-width:480px){
.textbox{margin:0;padding:0;}
}
.img_text_name{display:block;width:180px; margin-left:auto;}
@media only screen and (max-width:640px){.img_text_name{width:120px;}}
.img02{width:768px;}
@media only screen and (max-width:768px){.img02{width:100%;}}
.img01,.img03{width:640px;}
@media only screen and (max-width:640px){.img01,.img03{width:100%;}}
/*profile*/
.profile_img{
float:right;
padding:0 0 20px 20px;
background:#ffffff;
}
.profile_text{
margin:0;
padding:0;
text-align:justify;
line-height:20px;
font-size:14px;
border-top:2px dashed #dddddd;
}
.profile_text p,.profile_text dl{margin:0;padding:20px 0 0 0;}
.profile_text dl{line-height:24px;}
.profile_text dt{
margin-bottom:10px;
font-weight:bold;
padding:5px 10px;
color:#ffffff;
background:#101b53;
}
.profile_text dd{
font-weight:bold;
padding-left:16px;
background: url(../img/dd.png) no-repeat center left;
}
.img_book{width:200px; float:right;}
@media only screen and (max-width:640px){
.profile_img{
float:none;
padding:10px;
width:200px;
}
.profile_text{
margin:0;
padding:0;
text-align:justify;
line-height:16px;
font-size:12px;
}
.profile_text p,.profile_text dl{margin:0;padding:10px 0 0 0;}
.profile_text br{display:none;}
}
@media only screen and (max-width:540px){
.profile_text dt{text-align:center;}
.img_book{width:150px;float:none;display:block; margin:0 auto 10px auto;}
}
/*comment*/
.comment_bg{
margin:30px 10px;
padding:20px;
background:#fffbed;
border:10px solid #f55c00;
box-shadow:2px 2px 4px 0px #cccccc;
-moz-box-shadow:2px 2px 4px 0px #cccccc;
-webkit-box-shadow:2px 2px 4px 0px #cccccc;
overflow-y:auto;
}
.comment_img{
float:right;
padding:0 0 20px 20px;
background:#fffbed;
}
.comment_prf{
margin:0;
padding:0 0 20px 0;
text-align:justify;
line-height:20px;
font-size:14px;
border-top:2px dashed #f55c00;
border-bottom:2px dashed #f55c00;
}
.comment_prf p{margin:0;padding:20px 0 0 0;}
.comment_name{text-align:left;}
.comment_name img{
height:24px;
padding-bottom:20px;
}
.comment_text{
margin:0;
padding:20px 10px 0 10px;
text-align:justify;
line-height:24px;
font-size:16px;
}
.comment_text p{margin:0;padding:12px 0;}
@media only screen and (max-width:640px){
.comment_bg{
margin:20px 10px;
padding:10px;
background:#fffbed;
border:5px solid #f55c00;
box-shadow:2px 2px 4px 0px #cccccc;
-moz-box-shadow:2px 2px 4px 0px #cccccc;
-webkit-box-shadow:2px 2px 4px 0px #cccccc;
overflow-y:auto;
}
.comment_img{
float:none;
padding:10px;
background:#fffbed;
width:200px;
}
.comment_prf{
margin:0;
padding:0 0 10px 0;
text-align:justify;
line-height:16px;
font-size:12px;
border-top:2px dashed #f55c00;
border-bottom:2px dashed #f55c00;
}
.comment_prf p{margin:0;padding:10px 0 0 0;}
.comment_name{text-align:center;}
.comment_name img{
height:20px;
padding-bottom:10px;
}
.comment_text{
margin:0;
padding:10px 0 0 0;
text-align:justify;
line-height:20px;
font-size:14px;
}
.comment_text p{margin:0;padding:10px 0;}
.comment_text br{display:none;}
}

/*footer*/  
footer{
margin:0;
padding:20px 0;
color:#ffffff;
clear: both;
text-align:center;
background:#002c7f;
}
footer img{width:100%;max-width:960px;margin:0 auto;}

/*A Style*/  
a:link{text-decoration:underline;color:#666666;}
a:visited{text-decoration:none;color:#666666;}
a:hover{text-decoration:none;color:#666666;}
a:active{text-decoration:none;color:#666666;}

/*basic*/
.b{font-weight:bold;}
.b-bg{font-weight:bold; background-color:#ffec47;}
.b-ul{font-weight:bold; text-decoration:underline;}
.b-ul-bg{font-weight:bold; text-decoration:underline; background-color:ffec47;}

/*red*/
.red-b{color:#ff4000;font-weight:bold;}
.red-b-bg{color:#ff4000;font-weight:bold;background-color:#ffec47;}
.red-b-ul{color:#ff4000;font-weight:bold;text-decoration:underline;}
.red-b-ul-bg{color:#ff4000;font-weight:bold;text-decoration:underline;background-color:#ffec47;}

/*blue*/
.blue-b{color:#5e8ac6;font-weight:bold;}
.blue-b-bg{color:#5e8ac6;font-weight:bold;background-color:#fffec47;}
.blue-b-ul{color:#5e8ac6;font-weight:bold;text-decoration:underline;}
.blue-b-ul-bg{color:#5e8ac6;font-weight:bold;text-decoration:underline;background-color:#ffec47;}

/*img*/
img.imgr{float: right; width:300px;}
.pc{display:block;width:100%; max-width:960px;}
.sp{display:none;}
@media only screen and (max-width:768px){
img.imgr{display: none;}
}
@media only screen and (max-width:640px){
.pc{display:none;}
.sp{display:block;width:100%; max-width:640px;}
}