/*===== NOTES ======================================================
	RESET setting
	BASE
	COMPANY・APP・INQUIRY
	PRIVACY
===================================================================*/

/* =================================================================
		RESET setting
================================================================= */
*{ margin:0; padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, 
p, blockquote, th, td{margin:0;padding:0;}
img { border:none }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

/* Clearfix
----------------------------------------------------------*/
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clear { clear:both; }

/* =================================================================
		BASE
================================================================= */
* {
 margin: 0;
 padding: 0;
}
html,body {
 height: 100%;
 color:#333333;
 font-size:15px;
 font-family:'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
 background-color: #fff;
 text-align: center;
 margin: 0 auto;
}
div#container {
 width: 100%;
 height: auto !important;
 min-height: 100%;
 text-align: left;
 position: relative;
 background-color:#FFF;
 margin: 0 auto;
}
body > #container {
 height: auto;
}
/* HEADER
----------------------------------------------------------*/
#container #header_area{
 width:100%;
 position:relative;
 background-color:#fff;
 border-top:#165CB7 5px solid;
 overflow: hidden;
}
#container #header_area #header{
 width:980px;
 height:90px;
 margin:0 auto;
 padding-top:10px;
}
/* HEADER LEFT */
#container #header_area #header #header_left{
 float:left;
 margin-top:4px;
}
#container #header_area #header #header_left h1{
 padding-top:17px;
}
/* HEADER RIGHT */
#container #header_area #header #header_right{
 float:right;
 padding-top:20px;
}
#container #header_area #header #header_right p{
 float:left;
 margin-left:10px;
}
/* TOPIC PATH */
#container #topicpath{
 width:100%;
 background:#F2F2F2;
 padding:10px 0;
 margin:0;
}
#container #topicpath p{
 width:980px;
 text-align:left;
 margin:0 auto;
}
#container #topicpath img{
 margin:0 2px -2px 0;
}
#container #topicpath a,
#container #topicpath a:hover{
 color:#000;
}

/* CONTENTS 
----------------------------------------------------------*/
#container #main_pic_area{
 width:100%;
 height:350px;
 text-align:center;
 background:url(../images/main_pic_bg.png) repeat-x;
}
#container #content_area{
 width:100%;
 line-height:160%;
 height: auto;
 text-align:center;
 padding-bottom:105px;
}
#container #content_area .mainSection01{
 background:#fff;
 padding:40px 0;
}
#container #content_area .mainSection02{
 background:#F2F2F2;
 padding:40px 0;
}
#container #content_area .mainSection03{
 background:#fff;
 padding:50px 0 100px 0;
}

/* 商品説明 */
#container #box_a p{ font-size:17px; line-height:1.7; text-align:left; padding:87px 30px 0 30px;}
#container #box_a #box_a1{ width:980px; height:161px; background:url(../images/box_a1.png) no-repeat; margin:25px auto;}
#container #box_a #box_a2{ width:980px; height:161px; background:url(../images/box_a2.png) no-repeat; margin:25px auto;}
#container #box_a #box_a3{ width:980px; height:161px; background:url(../images/box_a3.png) no-repeat; margin:25px auto;}
#container #box_a #box_a4{ width:980px; height:161px; background:url(../images/box_a4.png) no-repeat; margin:25px auto;}
#container #box_a #box_a5{ width:980px; height:190px; background:url(../images/box_a5.png) no-repeat; margin:25px auto 0 auto;}

/* ボタンエリア・プライス */
#container #main_btn_area{
 width:980px;
 margin:0 auto;
}
#container #main_btn_area p{
 float:left;
}
#container #main_btn_area #left_btn{
 margin-right:23px;
}
#container #price {
 width:980px;
 height:500px;
 position:relative;
 background:url(../images/price.png) no-repeat;
 margin:30px auto 0 auto;
}
#container #price p{
 position:absolute;
 margin:346px 0 0 46px;
}

/* HP開設の手順 */
#container #box_b p{ font-size:17px; line-height:1.7; text-align:left; padding:87px 30px 0 90px;}
#container #box_b #box_b1{ width:980px; height:160px; background:url(../images/box_b1.png) no-repeat; margin:25px auto;}
#container #box_b #box_b2{ width:980px; height:160px; background:url(../images/box_b2.png) no-repeat; margin:25px auto;}
#container #box_b #box_b3{ width:980px; height:160px; background:url(../images/box_b3.png) no-repeat; margin:25px auto;}
#container #box_b #box_b4{ width:980px; height:160px; background:url(../images/box_b4.png) no-repeat; margin:25px auto;}
#container #box_b #box_b5{ width:980px; height:160px; background:url(../images/box_b5.png) no-repeat; margin:25px auto;}

/* Q&A */
#container #box_c p.question{ font-size:23px; line-height:1.7; font-weight:bold; text-align:left; color:#fff;padding:14px 0 0 65px;}
#container #box_c p.answer{ font-size:15px; line-height:1.6; text-align:left; padding:20px 20px 0 65px;}
#container #box_c .box_qa{ width:980px; height:160px; background:url(../images/box_c.png) no-repeat; margin:25px auto;}

/* FOOTER
----------------------------------------------------------*/
#container #footer_area{
 width:100%;
 height:105px;
 color:#fff;
 background:#165CB7;
 position: absolute;
 bottom:0px;
 margin:0;
}
#container #footer_area #footer{
 width:980px;
 line-height:170%;
 text-align:center;
 padding-top:20px;
 margin:0 auto;
}
#container #footer_area #footer a{
 color:#fff;
}
#container #footer_area #footer a:hover{
 color:#8AADDB;
}
#container #footer_area #footer p{
 margin-top:20px;
}

/* =================================================================
		COMPANY・APP・INQUIRY
================================================================= */
#container #menu_area{
 width:980px;
 text-align:left;
 margin: 0 auto;
}

#container #menu_area .table01 thead td {
	text-align:center;
	font-size:19px;
	font-weight:bold;
	background:#123E4E;
	color:#FFF;
	letter-spacing: 0.3em;
	padding:10px;


}

#container #menu_area .table01{
 width:800px;
 border-collapse:collapse;
 border-spacing:1px;
 border: solid 1px #bbbbbb;
 margin:40px auto 0 auto;
}
#container #menu_area .table01 th{
 width:210px;
 font-size:18px;
 font-weight:normal;
 background: #f6f6f6;
 border: solid 1px #bbbbbb;
 padding:20px;
 margin:0;
}

#container #menu_area .table01 td .error{
	display:block;
	float:right;
	color:red;
	

}

/* APP */
#container #menu_area .table02{
 width:800px;
 border-collapse:collapse;
 border-spacing:1px;
 border: solid 1px #bbbbbb;
 margin:30px auto 0 auto;
}
#container #menu_area .table02 th{
 width:250px;
 font-size:16px;
 font-weight:normal;
 background: #f6f6f6;
 border: solid 1px #bbbbbb;
 padding:20px;
 margin:0;
}

#container #menu_area .table02 td input[type='text']{
	width:250px;
}

#container #menu_area .table02 td input[type='text'].domain {
	width:190px;
}

#container #menu_area .table02 td .error {
	dispay:block;
	float:right;
	color:red;
	

}


#container #menu_area td{
 background:#ffffff;
 border: solid 1px #bbbbbb;
 padding:20px;
 margin:0;
}

#container #menu_area #table03{
 width:800px;
 border-collapse:collapse;
 border-spacing:1px;
 border: solid 1px #bbbbbb;
 margin:30px auto 0 auto;
}
#container #menu_area #table03 th{
 width:250px;
 font-size:16px;
 font-weight:normal;
 background: #f6f6f6;
 border: solid 1px #bbbbbb;
 padding:10px;
 margin:0;
}
#container #menu_area #table03 td{
 background:#ffffff;
 border: solid 1px #bbbbbb;
 padding:10px;
 margin:0;
}


#container #menu_area .menu_btn_area{
 width:980px;
 text-align:center;
 margin:40px auto 0 auto;
}
#container #app_privacy{
 width:770px;
 font-size:14px;
 text-align:left;
 background:#FFFFF0;
 border:#ccc 1px solid;
 padding:10px 15px;
 margin:30px auto 0 auto;
}
#container #app_privacy a{font-weight:bold;}
#container p.app_foottext{
 text-align:center;
 margin-top:40px;
}

/* =================================================================
		PRIVACY
================================================================= */
#container #privacy_area{
 width:980px;
 text-align:left;
 margin: 0 auto;
}
#container #privacy_area b{
 font-size:21px;
}
#container #privacy_area p{
 margin:50px 0 10px 0;
}
#container #privacy_area ol{
 width:900px;
 margin:0 auto;
}
#container #privacy_area li{
 padding-top:30px;
}


#closebtn {
	margin-top:50px;


}