@charset "utf-8";
/*
base.css

(0)common
(1)header
(2)mv
(3)menu
(4)footer

(5)top
(6)price
(7)form

*/

/* (0)common
------------------------------------------- */
.wrapper {
	margin: 0 auto;
	width: 840px;
}
ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}
.contents .btn{
	text-align:center;
}
.contents .btn a{
	background:url(../images/arrow01.png) no-repeat center right 30px #FF8000;
	color:#FFFFFF;
	font-size:24px;
	padding:20px;
	width:340px;
	display:inline-block;
	border-radius:50px;
	position: relative;
}
.contents .btn a:hover,
.contents .btn a:focus{
	background:url(../images/arrow01.png) no-repeat center right 30px #FF9326;
}
.contents .btn a:hover:after,
.contents .btn a:focus:after{
    content: "";
    position: absolute;
    top:   0px;
    right: 0px;
    bottom:0px;
    left:  0px;
    border: 2px solid #FA4;
    border-radius: 4px;
}

.contents .btn a:link   { color:#FFFFFF; text-decoration:none;}
.contents .btn a:visited{ color:#FFFFFF; text-decoration:none;}
.contents .btn a:hover  { color:#FFFFFF; text-decoration:none;}

/* (1)header 
------------------------------------------- */
header {
	border-bottom:solid #0255BE 5px;
	padding: 18px 0;
}
h1{
	margin:0;
	font-size:0;
}

/* (2)mv 
------------------------------------------- */
#mv{
	background:linear-gradient(#BFEFFF, #FFFFFF);
	text-align:center;
}
#mv p{
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	margin:-100px 0 0 0;
}

/* (3)menu 
------------------------------------------- */
#menu{
	width:100%;
	margin:0 0 70px 0;
	text-align:center;
}
#menu nav{
	background:#0255BE;
	text-align:center;
	margin:0 0 0 0;
}
#menu ul{
	font-size:0;
	margin:0 auto;
	padding:50px 0 0 0;
	width:840px
}
#menu li{
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	background:#00A3D9;
	border-radius:9px 9px 0 0;
	width:250px;
	margin:0 10px;
}
#menu li.active{
	background:#FFFFFF;
}
#menu li a{
	display:block;
	padding:15px 0 10px;
}
#menu li a:link    {color:#FFFFFF; text-decoration:none;}
#menu li a:visited{color:#FFFFFF; text-decoration:none;}
#menu li a:hover,
#menu li.active a {color:#0059B2; text-decoration:none;}

/* (4)footer 
------------------------------------------- */
footer{
	margin:70px 0 0 0;
	padding:0;
	font-size:18px;
	font-weight:normal;
}
footer a:link   {color:#FFFFFF; text-decoration:underline;}
footer a:visited{color:#FFFFFF; text-decoration:underline;}
footer a:hover  {color:#FFFFFF; text-decoration:none;}
footer ul{
	text-align:center;
	background:#0059B2;
	padding:40px 0;
}
footer li{
	display:inline-block;
	color:#FFFFFF;
}
footer li::after{
	content:"｜";
	padding:0 10px;
}
footer li:last-child::after{
	content:"";
}
footer .copy{
	background:#EEEEEE;
	text-align:center;
	margin:0;
	padding:20px 0;
	font-size:14px;
}

/* (5)top 
------------------------------------------- */
#top h2{
	background:url(../images/icn01.png) no-repeat left top;
	color:#0154BE;
	font-size:26px;
	font-weight:bold;
	margin:0 0 30px 0;
	padding:10px 0 1px 60px;
}
#top section{
	overflow:hidden;
	margin:0 0 70px 0;
}
#top .photo{
	width:400px;
}
#top section.box1 .photo{
	float:left;
	margin:0 40px 0 0;
}
#top section.box2 .photo{
	float:right;
	margin:0 0 0 40px;
}
#top .text{
	width:400px;
}
#top section.box1 .text{
	float:right;
}
#top .att{
	text-align:right;
	font-size:16px;
}

/* (6)price 
------------------------------------------- */
#price .price_box{
	background:url(../images/img_price01.png) no-repeat left 30px top 75px;
	margin:0 0 40px 0;
	padding:0 0 0 220px;
	text-align:center;
}
#price .price_box img{
	margin:0 0 20px 0;
}

/* (7)form 
------------------------------------------- */
#form table{
	border-bottom:solid 1px #999999;
	width:100%;
	margin:0 0 40px 0;
}
#form table th,
#form table td{
	border-top:solid 1px #999999;
	vertical-align:middle;
	font-weight:normal;
	padding:20px;
}
#form table th{
	background:#EEEEEE;
	width:220px;
}
#form table th span.hissu{
	color:#0052C5;
	float:right;
}
#form table td input[type="text"]{
	border:solid 1px #999999;
	padding:5px;
	border-radius:3px;
}
#form table td input[type="text"].w200{
	width:190px;
}
#form table td input[type="text"].w300{
	width:290px;
}
#form table td input[type="text"].w400{
	width:380px;
}
#form table td input[type="text"].w580{
	width:560px;
}
#form .btn_form{
	text-align:center;
}
#form .ds{
	display: inline-block;
	position: relative;
	z-index: 0;
}
#form .btn_form input{
	background:url(../images/arrow01.png) no-repeat center right 30px #39A0E8;
	color:#FFFFFF;
	font-size:24px;
	padding:20px;
	width:340px;
	display:inline-block;
	border-radius:50px;
	border: none;
	outline:none;
	position: relative;
	z-index: 2;
}
#form .btn_form input:hover,
#form .btn_form input:focus{
	background:url(../images/arrow01.png) no-repeat center right 30px #0080FF;
}
#form .btn_form .ds input:hover + span:before,
#form .btn_form .ds input:focus + span:before{
    content: "";
    position: absolute;
    width:336px;
    top:   0px;
    right: 0px;
    bottom:0px;
    left:  0px;
    display:inline-block;
    border: 2px solid #48F;
    border-radius: 4px;
    z-index: 1;
}
#form .btn_form .sbmbt2{
    width:250px;
}
#form .btn_form input.revs{
    background:url(../images/arrow02.png) no-repeat center left 30px #39A0E8;
}
#form .btn_form input.revs:hover,
#form .btn_form input.revs:focus{
    background:url(../images/arrow02.png) no-repeat center left 30px #0080FF;
}
#form .btn_form .ds input.sbmbt2:hover + span:before,
#form .btn_form .ds input.sbmbt2:focus + span:before{
    width:246px;
}
#form .thankyou {
	text-align:center;
	padding:35px 0;
}
#form .thankyou h2{
	font-size:30px;
	font-weight:bold;
	color:#0053C5;
}

/* other(8) */
/* ------------------------------------------------- */
.capt_lbl {
  font-size: 135%;
  font-weight: bold;
  margin-bottom: 0rem;
}
.descript ul {
  padding-left: 1.5rem;
  list-style-type: square;
}
li.cp_b {
  font-size: 1.0rem;
  list-style: square outside;
  margin-bottom: 0.5rem;
}
span.cp_b {
  font-size: 1.0rem;
}
.cp_b a {
  color: #00F;
}
.bg {
  font-weight: bold;
  color: #F88;
}
.big_c {
  font-size: 125%;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.tel_q {
  margin-top : 0.0rem;
  margin-left: 1.5rem;
  font-size: 125%;
  line-height: 2.0;
  font-weight: bold;
}
.hr_r {
  border: 2px solid #888;
  height: 0px;
  display: block;
  margin-bottom: 2.5rem;
}
.tx-c{
  text-align: center;
  font-size: 1.1rem;
}
.canpen {
  text-align: center;
  font-size: 1.1rem;
  color: #F00;
  font-weight: bold;
  margin-bottom: 1rem;
}
.red { color: #F00; }
.blu { color: #00F; }