@charset "utf-8";

html,body,div,span,h1, h2, h3, h4, h5, h6, p,
a,address,img,strong,sup,dl,dt,dd,ol,ul,li,
table,caption,tbody,tr,th,td,section,article,header,footer {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-size:100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	display: inline-block;
}

strong, em {
	font-weight: normal;
	font-style: normal;
}

img {
	border: 0;
	vertical-align: bottom;
}

ul,ol {
	list-style-type: none;
}

/*-----------------------------------------
  common
-----------------------------------------*/

h2{
	width:89.4%;
	color:#fff;
	font-size:15px;
	text-align:left;
	padding:12px 0 12px 40px;
	background:url(../images/common/icon.gif) no-repeat #333399;
	background-size:26px 20px;
	background-position:8px 12px;
}

.btn{
	width:100%;
	font-size:14px;
	color:#fff;
	background:#ff9700;
	text-align:center;
	padding:16px 0 16px 0;
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
}
.btn a{
	width:90%;
	display:block;
	margin:0 auto;
	text-decoration:none;
	background:url(../images/common/arrow_w.gif) right no-repeat;
	background-size:8px 13px;
}
.btn a:link{ color:#fff;}
.btn a:visited{ color:#fff;}

.Box{
	width:90%;
	margin:20px 0 0 20px;
	text-align:left;
}
.Box h3{
	margin:10px 0 6px 0;
}
.Box p{
}
.Box p span{
	color:#b40a16;
}
.Box dl{
	margin-bottom:16px;
}
.Box dl dt{
	color:#b40a16;
}
.Box table{
	width:100%;
	margin:20px 0 12px 0;
	text-align:center;
	border:1px solid #333399;
}
.Box table th{
	padding:10px;
	font-weight:bold;
	background:#ccccff;
	border:1px solid #333399;
}
.Box table td{
	border:1px solid #333399;
}
.Box table td.pink{
	background:#ffddee;
}
.Box .btn{
	margin:1em 0 2em 0;
}

.border{
	border-bottom:1px solid #ccc;
}

.arrow{
	padding:0 0 3em 0;
	background: url(../images/flow/icon.gif) no-repeat;
	background-position: bottom center;
	background-size:30px 32px;
}

/* margin */
.margin_b2em{
	margin-bottom:2em;
}
.margin_b4em{
	margin-bottom:4em;
}
/* padding */
.padding-b1em{
	padding-bottom:1em;
}


/*-----------------------------------------
  tamplate
-----------------------------------------*/

body {
	background: #ffffff;
	font-size: 13px;
	text-align:center;
	color: #000;
	width:100%;
	font-family: "Lucida Grande",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}

a:link { 
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #333399;
}

/* header */
#header {
	width: 100%;
	margin: 0 auto;
}
#header #keyword {
	color:#fff;
	margin: 0 auto;
	background:#333399;
	padding:6px 0 6px 0;
}
#header h1{
	float:right;
	margin:18px 12px 12px 0;
}

/* menu */
.HiddenCheckbox {
  display: none;
}
.MenuContainer {
  display: inline-block;
  margin: 20px 20px 20px -80px;
}
.MenuHeader {
  color: #fff;
  display: inline-block;
  float: left;
  font-weight: 100;
  line-height: 30px;
  margin: 0 0 0 15px;
  opacity: 0;
  position: relative;
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
  transition: transform 0.6s, opacity 0.5s;
  z-index: 101;
}
.MenuIcon {
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  width: 30px;
  z-index: 101;
}
.MenuIcon::before {
  -webkit-box-shadow: #333399 0 12px 0;
  box-shadow: #333399 0 12px 0;
  height: 5px;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  width: 30px;
}
.MenuIcon::after {
  bottom: 0;
  height: 5px;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  width: 30px;
}
.MenuIcon::before,
.MenuIcon::after {
  background: #333399;
  display: block;
  content: '';
  position: absolute;
  -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
  transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
}
.Menu {
  background: #fff;
  bottom: 0;
  left: -100%;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  margin:3em 0 0 0;
  z-index: 98;
}
.HiddenCheckbox:checked ~ .MenuHeader {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.HiddenCheckbox:checked ~ .MenuIcon::before {
  -webkit-box-shadow: transparent 0 0 0;
  box-shadow: transparent 0 0 0;
  -webkit-transform: rotate(45deg) translate3d(6px, -3px, 0);
  transform: rotate(45deg) translate3d(6px, -3px, 0);
}
.HiddenCheckbox:checked ~ .MenuIcon::after {
  -webkit-transform: rotate(-45deg) translate3d(6px, 3px, 0);
  transform: rotate(-45deg) translate3d(6px, 3px, 0);
}
.HiddenCheckbox:checked ~ .Menu {
  left: 0;
}
.Menu-list {
  list-style-type: none;
  margin: 60px 0 0;
  padding: 0;
}
.Menu-item {
  margin: 0;
}
.Menu-link {
  width:37%;
  float:left;
  color: #fff;
  height:24px;
  overflow: hidden;
  padding: 8px 22px;
  position: relative;
  text-decoration: none;
  z-index: 100;
  border:1px solid #ccc;
  text-align:left;
}
.Menu-link::before {
  background: #444;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: 0;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
  z-index: 99;
}
.Menu-link::after {
  content: attr(href);
  color: #fff;
  float: right;
  opacity: 0;
  -webkit-transition: opacity 0.8s, -webkit-transform 0.4s;
  transition: opacity 0.8s, transform 0.4s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.Menu-link:hover::before {
  right: 0;
}
.Menu-link:hover::after {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* main */
#main {
	clear: both;
	margin:0 auto;
	margin-bottom:4em;
}

/* footer */
#footer {
	margin:16px 0 0 0;
}
#footer #bnr{
	margin:0 0 20px 0;
}
#footer #bnr li{
	margin:10px 0 10px 0;
}
#footer #bnr li ul{
	width:94%;
	text-align:left;
	overflow:hidden;
	margin:0 -1em 0 20px;
}
#footer #bnr li ul li{
	width:46%;
	float:left;
	margin-right:1em;
}
#footer #contact{
	padding:20px;
	border:10px solid #e1e1f0;
}
#footer #contact ul{
	text-align:left;
	margin:12px 0 12px 34px;
}

#footer table{
	width:100%;
	border:1px solid #ccc;
}
#footer table td{
	width:50%;
	text-align:left;
	padding:8px 0 8px 20px;
	border:1px solid #ccc;
}
#footer table td a{
	width:94%;
	display:block;
	text-decoration:none;
	background:url(../images/common/arrow_b.gif) right no-repeat;
	background-size:6px 10px;
}

#footer #copyright {
	color:#fff;
	margin: 0 auto;
	background:#333399;
	padding:6px 0 6px 0;
}

#footer #pcsite {
	color:#000;
	margin: 0 auto;
	background:#efefef;
	padding:12px 0 12px 0;
}

#footer #pcsite a{
	width:90%;
	color:#333;
	padding:6px;
	display:block;
	background:#fff;
	margin-left:2.5%;
	text-align:center;
	text-decoration:none;
	border:1px solid #ccc;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*-----------------------------------------
  top
-----------------------------------------*/

.top dl{
	width:92%;
	padding:12px;
	text-align:left;
	background:#efefef;
}
.top dl dt{
	margin:0 0 8px 0;
}
.top dl dd span{
	color:#343399;
	font-weight:bold;
}

.top .slides a {
    display: inline;
}

/*-----------------------------------------
  first
-----------------------------------------*/

.first .Box h3{
	margin-bottom:12px;
}
.first .Box p{
	margin-bottom:16px;
}
.first .Box p.last{
	text-align:right;
}

/*-----------------------------------------
  flow
-----------------------------------------*/

.flow .Box span a{
	color:#b50b16;
	text-decoration:none;
}

/*-----------------------------------------
  about
-----------------------------------------*/

/*-----------------------------------------
  point
-----------------------------------------*/

.point .Box .zoom{
	float:right;
	padding:0 0 0 18px;
	margin:0.4em 0 0.4em 0;
	background:url(../images/point/icon.gif) no-repeat;
	background-position:0 2px;
	background-size:12px 12px;
}
.point .Box .zoom a{
	color:#1f0000;
	text-decoration:none;
}

.point .Box p{
	clear:both;
	display:block;
}

/*-----------------------------------------
  flow2
-----------------------------------------*/

/*-----------------------------------------
  price
-----------------------------------------*/

.price .Box h3{
	color:#333399;
	font-size:14px;
	font-weight:bold;
}

.price .Box .table2 th, .price .Box .table2 td{
	width:50%;
}
.price .Box .table3 th, .price .Box .table3 td{
	width:33%;
}
.price .Box .table4 th, .price .Box .table4 td{
	width:25%;
}

/*-----------------------------------------
  area
-----------------------------------------*/

.area .Box .table2 th, .area .Box .table2 td{
	width:50%;
}
.area .Box .table5 th, .area .Box .table5 td{
	width:20%;
}

/*-----------------------------------------
  ad
-----------------------------------------*/

.ad .Box h3{
	font-size:14px;
	font-weight:bold;
}

/*-----------------------------------------
  voice
-----------------------------------------*/

.voice .Box .voiimg{
	text-align:center;
	padding:24px 0 24px 0;
	border:1px solid #ccc;
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}
.voice .Box .voiimg img{
	width:80%;
}

/*-----------------------------------------
  faq
-----------------------------------------*/

.faq .Box h3.ttl{
	font-size:14px;
	font-weight:bold;
}

.faq .Box h3.q{
	color:#b40a16;
	font-size:14px;
}

/*-----------------------------------------
  only
-----------------------------------------*/

.only .Box h3{
	color:#333399;
	font-size:14px;
	font-weight:bold;
}

.only .Box .table5 th, .only .Box .table5 td{
	width:20%;
}

/*-----------------------------------------
  company
-----------------------------------------*/

.company .Box table{
	text-align:left;
	border:1px solid #ccc;
}
.company .Box table th{
	background:#fafafa;
	border:1px solid #ccc;
}
.company .Box table th span{
	padding-left:6px;
	font-weight:bold;
	border-left:4px solid #343399;
}
.company .Box table td{
	padding:12px 12px 12px 10px;
	border:1px solid #ccc;
}

/*-----------------------------------------
  contact
-----------------------------------------*/
.contact .Box .formbox{
	width:100%;
	text-align:left;
	overflow:hidden;
}
.contact .Box .formbox table{
	border:none !important;
	text-align:left;
}
.contact .Box .formbox table th{
	border:none !important;
}
.contact .Box .formbox table th span{
	color:#b40a16;
	font-weight:bold;
}
.contact .Box .formbox table td{
	border:none !important;
	text-align:left;
	padding:12px 12px 20px 10px;
}
.contact .Box .formbox table td textarea{
	width: 98%;
}

/*-----------------------------------------
  staff
-----------------------------------------*/

.staff .Box table{
	text-align:left;
	border:1px solid #ccc;
}
.staff .Box table th{
	background:#fafafa;
	border:1px solid #ccc;
}
.staff .Box table th span{
	padding-left:6px;
	font-weight:bold;
	border-left:4px solid #343399;
}
.staff .Box table td{
	padding:12px 12px 12px 10px;
	border:1px solid #ccc;
}
.staff .Box  dl.summary{
	padding:12px;
	margin-top:1em;
	background:#fafafa;
}
.staff .Box  dl.summary dt{
	color:#333399;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0.5em;
}
.staff .Box  dl.summary dd{
	padding:0 0 0 6px;
}
.staff .Box  dl.guide{
	margin-top:1em;
}
.staff .Box  dl.guide dt{
	color:#000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0.3em;
}

.staff .Box .formbox{
	margin:20px 0 12px 0;
	overflow:hidden;
}
.staff .Box .formbox table{
	border:none !important;
}
.staff .Box .formbox th{
	padding:10px;
	font-weight:bold;
	background:#ccccff;
	border:none;
}
.staff .Box .formbox th span{
	color:#b40a16;
	font-weight:bold;
	border:none;
}
.staff .Box .formbox td{
	border:none;
	text-align:left;
	padding-bottom:1.8em;
}
.staff .Box .formbox td input.inputTxt{
	width:90%;
	margin:0 auto;
}

.submit{
	width:100%;
	height:48px;
	font-size:14px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding:10px;
	margin-top:1em;
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	background:url(../images/common/arrow_w.gif) #ff9700 no-repeat;
	background-size:8px 13px;
	background-position:94% 50%;
	border:none;
}
.back{
	width:100%;
	height:48px;
	font-size:14px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding:10px;
	margin-top:1em;
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	background:url(../images/common/arrow_g.gif) #ccc no-repeat;
	background-size:8px 13px;
	background-position:94% 50%;
	border:none;
}

/*-----------------------------------------
  form
-----------------------------------------*/

.form .Box .formbox table{
	width:100%;
	margin:20px 0 12px 0;
	text-align:left;
	border:none !important;
}
.form .Box .formbox th{
	padding:10px;
	font-weight:bold;
	background:#ccccff;
	border:none;
}
.form .Box .formbox th span{
	color:#b40a16;
	font-weight:bold;
	border:none;
}
.form .Box .formbox td{
	border:none;
	text-align:left;
	padding:1em 0 1.8em 1em;
}
.form .Box .formbox td input.inputTxt{
	width:92%;
	margin:0 auto;
}
.form .Box .formbox td textarea.message{
	width:92%;
}