@charset "UTF-8";

/*layout.css*/

/*--------------------------------------------------------
layout
--------------------------------------------------------*/
body {
  border-top: 3px solid;
  padding-top: 5px;
}
div {
  text-align: left;
}

/*--------------------------------------------------------
Set Font
--------------------------------------------------------*/
body {
  font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", "MS P Gothic", serif;
}
* + html body {
  font-family: "メイリオ",Meiryo;
}

/*--------------------------------------------------------
Set Anchor
--------------------------------------------------------*/
a:link, a:visited {
  color: #011fff;
  text-decoration: none;
}
a:active, a:hover {
  color: #ff7401;
  text-decoration: underline;
}


/*--------------------------------------------------------
Set List
--------------------------------------------------------*/
ol li {
  margin-left:20px;
  list-style-type:decimal;
  font-weight:bold;
}
ol li span {
  color:#000;
  font-weight:normal;
}

/*--------------------------------------------------------
header
--------------------------------------------------------*/
.header {
  height: 80px;
}
.header_nav {
  display: inline;
  padding: 0 10px 0 0;
}
.discription {
  font-size: 14px;
  padding-top:18px;
}

.bnr {
	text-align:right;
	margin-top:10px;
}

.pdf {
  margin-top:50px;
}
.h_link{
  padding-left:5px;
  margin:0 10px 0 5px;
  height:14px;
  line-height:14px;
  background-image:url('../img/shared/arw_hlnk.png');
  background-repeat:no-repeat;
}


/*--------------------------------------------------------
nav
--------------------------------------------------------*/
.nav {
  background: url('../img/shared/nav.png') no-repeat left top;
  padding: 0;
  border-bottom:1px solid #e0e0e0;
  margin-bottom:5px;
}
.nav_top {
  background: url('../img/shared/btn_nav_top.png') no-repeat left top;
  height: 25px;
  line-height: 25px;
  margin-bottom:5px;
}
.nav_top a {
  display:block;
  padding-left: 35px;
}

.left_nav {
  height: 40px;
  line-height: 40px;
  margin: 0 10px 0 10px;
  border-bottom:1px dotted #d5d5d5;
  font-size: 14px;
  background:url('../img/shared/arw_nav.png') no-repeat 5px 15px;
}
.left_nav_last {
  height: 40px;
  line-height: 40px;
  margin: 0 10px 0 10px;
  border-bottom:none;
  font-size: 14px;
  background:url('../img/shared/arw_nav.png') no-repeat 5px 15px;
}
.left_nav_c {
  height: 40px;
  line-height: 40px;
  margin: 0 10px 0 10px;
  border-bottom:1px dotted #d5d5d5;
  font-size: 14px;
  background:url('../img/shared/arw_nav_c.png') no-repeat 5px 15px;
}
.left_nav_c_last {
  height: 40px;
  line-height: 40px;
  margin: 0 10px 0 10px;
  border-bottom:none;
  font-size: 14px;
  background:url('../img/shared/arw_nav_c.png') no-repeat 5px 15px;
}
.left_nav a,.left_nav_last a,.left_nav_c a,.left_nav_c_last a {
  display:block;
  padding-left: 25px;
}
.left_nav_top {
  height: 30px;
  line-height: 30px;
  margin: 0 5px 0 5px;
  font-size: 12px;
  border-bottom:1px solid #e5e5e5;
}
.left_bnr {
  margin: 0;
  background-color:#f5f5f5;
  font-size:10px;
  padding:5px;
  border:1px solid #e5e5e5;
}
.left_bnr img {
  margin-bottom:5px;  
}
.partner{
	margin-bottom:5px;
}


/*--------------------------------------------------------
contents
--------------------------------------------------------*/
.contents {
}

.top_btn {
  margin-right:10px;
  margin-top:-90px;
  margin-bottom:30px;
  position:relative;
  z-index:2;
  height:50px;
}

.detail {
  border:1px solid #e0e0e0;
  background-color:#f5f5f5;
  padding-bottom:15px;
}
.detail_box {
  width:50%;
  float:left;
}
.link {
  padding-left:12px;
  margin-right:10px;
  height:14px;
  line-height:14px;
  background-image:url('../img/shared/arw_lnk.png');
  background-repeat:no-repeat;
}
.link_br {
  padding-left:12px;
  margin-right:10px;
  height:14px;
  line-height:14px;
}


.nextpage {
  font-size:14px;
  margin:0 auto 15px;
  text-align:center;
}






/*
basic
*/
.explain {
  margin: 15px 15px 25px 15px;
  font-size:14px;
  line-height:160%;
}
.explain p,.explain ul,.explain ol,.explain table {
  margin-bottom: 15px;
}

.explain h3 {
  border-left:3px solid;
  border-bottom:1px dotted;
  font-weight:bold;
  font-size:14px;
  margin-bottom:15px;
  padding:5px;
}
.explain blockquote {
  font-size:12px;
  padding:10px;
  margin:15px;
  background-color:#f5f5f5;
  border:1px dotted #cccccc;
}
.explain blockquote p,.explain blockquote ul {
  margin-bottom:0px;
}
.explain blockquote .link {
  background-image:url('../img/shared/arw_lnk_bq.png');
}
.explain .notes {
  margin: 0 0 15px 20px;
  border:1px solid #e0e0e0;
}
.explain .notes img {
  padding:15px;
}
.explain .notes div {
  padding:20px;
}
.explain .notes dl {
	margin-bottom:15px;
} 
.explain .notes dt {
  position: relative;
}
.explain .notes dt span {
  position: absolute;
}
.explain .notes dd {
  padding-left: 1em;
}



.explain legend {
	display:inline;
	padding:0 10px 0 10px;
	margin-left:10px;
	font-size:100%;
	font-weight:normal;
	color:#fff;
}

/*
form
*/
.form table {
  width:90%;
  margin:10px auto;
  text-align:center;
}
.form th {
  width:35%;
  background-color: #f5f5f5;
}
.form td, .form th {
  font-size:14px;
}
.form label {
  font-weight:normal;
}
.step_contact {
  margin:0 auto;
  padding:0;
  width:648px;
  height:66px;
  text-align:center;
}


/*
faq
*/

.question,.answer {
  width:21px;
  height:22px;
  float:left;
}


/*
equip
*/
.equip table {
  width:90%;
  margin:10px auto 20px;
  text-align:center;
}
.equip table th {
  width:20%;
}
.equip_box {
  float:left;
  width:50%;
}
.equip td, .equip th {
  font-size:12px;
}
.equip th {
  background-color: #f5f5f5;
}
.equip ul {
	margin-bottom:0;
	
}



/*
company
*/
.comp table {
  width:90%;
  margin:20px auto;
  text-align:center;
}
.comp table th {
  width:20%;
}
.comp_box {
  float:left;
  width:50%;
}
.comp td, .comp th {
  font-size:12px;
}
 .comp th {
  background-color: #f5f5f5;
}
.notes .support h4{
  margin-bottom:0;
  font-size:115%;
}
.notes div.support{
  background-color:#eee;
  width:196px;
  font-size:85%;
  padding:10px;
}

/*
agreement
*/
.agree {
  margin: 15px 10px 25px 10px;
  line-height:160%;
}
.agree h3 {
  border-left:3px solid;
  border-bottom:1px dotted;
  font-weight:bold;
  font-size:14px;
  margin-bottom:15px;
  padding:5px;
}
.agree p {
  margin-bottom: 15px;
  padding:0 10px 0 10px;
  font-size:12px;
}


/*
order
*/
.flow {
  width:180px;
  float:left;
  padding:0;
  background:url('../img/shared/bg_flow.png') no-repeat left bottom;
}
.flow p {
  padding:110px 10px 0 10px;
}
.flow p strong {
  color:#f00;
}
.flowchart {
  width:720px;
  height:50px;
}
.step01 {
  background:url('../img/shared/step01.png') no-repeat left top;
}
.step02 {
  background:url('../img/shared/step02.png') no-repeat left top;
}
.step03 {
  background:url('../img/shared/step03.png') no-repeat left top;
}
.step04 {
  background:url('../img/shared/step04.png') no-repeat left top;
}
.step01_2 {
  background:url('../img/shared/step01_2.png') no-repeat left top;
}
.step02_2 {
  background:url('../img/shared/step02_2.png') no-repeat left top;
}
.step03_2 {
  background:url('../img/shared/step03_2.png') no-repeat left top;
}
.step04_2 {
  background:url('../img/shared/step04_2.png') no-repeat left top;
}
.easy {
  width:720px;
  height:24px;
}


/*FAQ*/
.question {
  background-image:url('../img/shared/bg_q.png');
  background-repeat:no-repeat;
	margin-right:8px;
  margin-left:10px;
	float:left;
}
.answer {
  background-image:url('../img/shared/bg_a.png');
  background-repeat:no-repeat;
  margin-right:8px;
	margin-left:10px;
  float:left;
}
.qa {
	float:left;overflow: hidden; _zoom: 1;
	width:670px;
}
.bdr {
	width:720px;
  border-bottom:1px dotted #ccc;
	clear:both;
	margin-bottom:15px;
}

.price {
  width:720px;
	border-collapse: separate;
	border-spacing:2px;
}
.price td,.price th {
	padding:8px;
  border:none;
}
.price th {
  background-color:#ddd;
  
}
.price th.blue {
  background-color:#acf;
  
}

.price td {
	background-color:#f5f5f5;
	font-size:120%;
}

/*newspaper*/
.newspaper {
  width:720px;
  height:250px;
}

/*--------------------------------------------------------
Heading Basic
--------------------------------------------------------*/
h1 {
  display: block;
  width:250px;
  height:70px;
  overflow: hidden;
}
h1 a {
  width: 250px;
  height: 0;
  overflow: hidden;
  display: block;
  padding-top: 70px;
  background: url('../img/logo.png') no-repeat left top;
}
h2 {
  border-bottom: 3px solid;
  font-size: 16px;
  padding: 0 0 0 20px;
  height: 47px;
  line-height: 50px;
  font-weight: bold;
  background: url('../img/shared/bg_h2.png') no-repeat left top;
}
h2.all {
  background: url('../img/shared/bg_h2_info.png') no-repeat left top;
}
h2.top_image{
  border:none;
  background: url('../img/top_image.png') no-repeat left top;
  width: 750px;
  padding: 250px 0 0 0;
  position:relative;
  z-index:1;
  margin-bottom:20px;
}

h4 {
  font-weight:bold;
  margin-bottom:15px;
}









/*--------------------------------------------------------
footer_link
--------------------------------------------------------*/
.fst {
  background: url('../img/shared/arw_flnk_fst.png') no-repeat left 5px;
  padding-left:15px;
}
.snd {
  background: url('../img/shared/arw_flnk_snd.png') no-repeat left 5px;
  padding-left:15px;
}

.footer {
  margin-top:30px;
  margin-bottom:30px;
  padding-top:30px;
  background: url('../img/shared/bg_footer.png') repeat-x left top;
}




/*--------------------------------------------------------
copyright
--------------------------------------------------------*/
.copyright {
  padding-top: 20px;
  height: 70px;
  line-height: 70px;
}