@charset "UTF-8";
/* CSS Document */

html{
}

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background-color:#FFFFFF;
}

a:link    {color:#02aada; text-decoration: none;}
a:visited {color:#028cb4; text-decoration: none;}
a:hover   {color:#02aada; text-decoration:underline}
a:active  {color:#02aada; text-decoration:underline}

img {
margin: 0px;
padding: 0px;
border: none;
border-width: 0px;
border-style: none;
}

h1,h2,h3,h4,h5,h6 {
margin: 0px;
padding: 0px;
font-size: 100%;
font-weight: normal;
}

ol{margin:0px 0px 15px 0px;
padding:0px 0px 0px 20px;
}

li{
margin:0px 0px 10px 0px;
}

p{
line-height:140%;
}

.layout{
margin:auto auto;
padding:0px 0px 0px 0px;
text-align:left;
width:900px;
}

.header{
margin:0px 0px 0px 0px;
}

*:first-child+html .header{
margin:0px 0px 0px 0px;
}

.logo{
float:left;
margin:0px 0px 0px 0px;
padding:0px;
}

.logo h1{
margin:0px;
padding:0px;
}

.navi{
float:right;
text-align:right;
width:650px;
margin:15px 9px 0px 0px;
font-size:12px;
overflow: hidden;
}

 /* IE7 only */  
*:first-child+html .navi{
float:right;
text-align:right;
width:600px;
margin:25px 9px -2px 0px;
font-size:12px;
z-index:1000;
}

.navibtn{
float:right;
border:#eeeeee 1px solid;
margin:0px 0px 0px 10px;
padding:10px;
margin-bottom:-2px;
_margin-bottom:-3px;
background-color:#f5f5f5;
}

 /* safari only \*/  
html[xmlns*=""] body:last-child .navibtn{  
margin:2px 0px -2px 10px;
}

 /* IE7 only */  
*:first-child+html .navibtn{
margin:12px 0px -3px 10px;
z-index:1000;
}

.active{
background-color:#FFFFFF;
border-bottom:#ffffff 1px solid;
}

.top_main{
width:900px;
margin:0px;
padding:0px;
background-image:url(../images/img_main.png);
background-repeat:no-repeat;
}


.main{
width:900px;
margin:0px;
padding:0px;
}

.main_title{
margin:0px 0px 10px 0px;
_margin:-3px 0px 10px 0px;
font-weight:bold;
border-top:#eeeeee 1px solid;
background-image:url(../images/pageTitle_bg.png);
background-repeat:repeat-x;
text-align:center;
}

.main_title_body{
width:900px;
height:80px;
margin:auto auto;
background-image:url(../images/pageTitle.png);
background-repeat:no-repeat;
text-align:left;
}

.main_title h1{
font-size:20px;
font-weight:bold;
color:#278ec3;
padding:25px 0px 0px 0px;
}

.main_left{
width:690px;
float:left;
}

.sub_left{
width:690px;
float:left;
}

.sub_left h2{
font-size:16px;
margin:20px 0px 0px 0px;
padding:10px;
/padding:7px 3px 3px 5px;
border-bottom:#cccccc 1px dotted;
color:#555555;
background-image:url(../images/title_bg_stripe.png);
background-repeat:repeat;
font-weight:bold;
border-left:#165d85 5px solid;
}

.sub_left h3{
font-size:12px;
font-weight:normal;
margin:5px 0px 0px 0px;
padding:3px 10px 10px 10px;
color:#555555;
line-height:140%;
}

.termsOfUse{
font-size:18px;
font-weight:normal;
margin:20px 0px 0px 0px;
padding:3px 3px 3px 5px;
border-bottom:#cccccc 1px dotted;
color:#555555;
background-image:url(../images/title_bg_stripe.png);
background-repeat:repeat;
font-weight:bold;
border-left:#e6e6e6 5px solid;
}


.main_right{
width:200px;
margin:0px 0px 0px 10px;
float:left;
text-align:left;
}

.main_right h2{
font-size:16px;
margin:0px 0px 0px 0px;
padding:7px;
/padding:7px 3px 3px 5px;
border-bottom:#cccccc 1px dotted;
color:#555555;
background-image:url(../images/title_bg_stripe.png);
background-repeat:repeat;
font-weight:bold;
border-left:#165d85 5px solid;
}

.main_inner{
float:right;
width:552px;
height:255px;
margin:25px 0px 0px 0px;
text-align:left;
font-size:12px;
overflow:hidden;
}

.main_inner h2{
margin:10px 0px 0px 5px;
font-size:24px;
line-height:140%;
font-weight:bold;
color:#165d85;
}

.main_inner h3{
margin:10px 0px 0px 5px;
font-size:12px;
line-height:140%;
font-weight:normal;
color:#165d85;
}

.top_select_plan{
text-align: center;
margin:0px 0px 20px 0px;
padding:15px 0px 0px 0px;
clear: both;
}

.clear{
clear:both;
}

.lead_text{
width:340px;
margin:10px 0px 30px 20px;
text-align:left;
font-size:12px;
color:#666666;
}

.term{
font-size:12px;
margin:20px 0px 60px 0px;
}

.menu{
text-align:right;
font-size:12px;
margin:0px 10px 0px 0px;
padding:20px 0px 0px 0px;
vertical-align:bottom;
}

.sub{
width:900px;
font-size:14px;
color:#393636;
}

.sub_body{
padding:0px 5px 0px 30px;
}

.sub_body_left{
width:635px;
float:left;
padding:0px 30px 0px 30px;
}

.sub_body_right{
width:175px;
float:left;
margin:0px 5px 0px 0px;
padding:10px 10px 20px 10px;
font-size:12px;
border:#eeeeee 1px solid;
background-color:#f9f9f9;
}

.sub h2{
font-size:20px;
font-weight:normal;
margin:10px 0px 0px 0px;
border-bottom:#cccccc 1px dotted;
}

.sub h3{
font-size:14px;
font-weight:normal;
margin:5px 0px 20px 0px;
}

.sp1{
float:left;
width:314px;
background-image:url(../images/img_simple.png);
background-repeat:no-repeat;
}

.sp1_body{
padding:50px 15px 30px 38px;
}

.sp2{
float:left;
width:299px;
background-image:url(../images/img_slim.png);
background-repeat:no-repeat;
}

.sp2_body{
padding:50px 15px 30px 35px;
}

.sp3{
float:left;
width:278px;
background-image:url(../images/img_smart.png);
background-repeat:no-repeat;
}

.sp3_body{
padding:50px 15px 30px 30px;
}

.footer{
margin:30px 0px 0px 0px;
padding:10px 0px 10px 0px;
border-top:#eeeeee 1px solid;
border-bottom:#eeeeee 1px solid;
font-size:10px;
color:#666666;
text-align:center;
background-color:#F7F7F7;
}


.copyright{
margin:0px 0px 30px 10px;
font-size:10px;
}

.toPagetop{
margin-top:0px;
width:900px; 
text-align:right;
font-size:12px;
}

.left{
text-align:left;
}

.center{
text-align:center;
}

.right{
text-align:right;
}

.box{
padding:10px;
font-size:12px;
line-height:140%;
}

/* 基本tableセット */
.basicTable{
width:95%;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
font-size:12px;
margin:auto auto;
}

.basicTable th{
background-color:#eeeeee;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding:5px;
text-align:center;
}

.basicTable td{
background-color:#ffffff;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding:5px;
vertical-align:top;
}

/* 価格tableセット */
.priceTable{
width:95%;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
font-size:12px;
margin:auto auto;
}

.priceTable th{
background-color:#eeeeee;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding:5px;
text-align:center;
}

.priceTable td{
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding:5px;
vertical-align:top;
}


/* フォームtableセット */
.formTable{
width:800px;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
font-size:12px;
}

.formTable th{
background-color:#eeeeee;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding:5px;
text-align:center;
width:120px;
}

.formTable td{
background-color:#ffffff;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding:5px;
vertical-align:middle;
}



.fc{
float:left;
text-align:center;
border-right:#cccc 1px dotted;
width:215px;
}

.fc_body{
padding:5px;
font-size:12px;
color:#278ec3;
}

/* フォーム */
.permission{
font-size:10px;
color:#666666;
}

.attention{
color:#CC0000;
font-size:10px;
margin-top:5px;
}

.thumbnail{
border:#7ccce5 3px solid;
}

.price_tax_incl{
font-size:18px;
font-weight:bold;
color:#666666:
}

.price_tax_incl2{
font-size:14px;
font-weight:bold;
color:#3333FF;
}

.price_tax_incl3{
font-size:14px;
font-weight:bold;
color:#666666:
}

.price_tax_out{
font-size:10px;
color:#999999:
}

.price_List td{
text-align:center;
vertical-align:middle;
}

.faq_item{
padding:10px;
margin:0px 0px 10px 0px;
border-bottom:#CCCCCC 1px dotted;
}

.faq_item p{
font-size:14px;
padding:5px;
margin-left: -5px;
background-color: #eeeeee;
border:#d6d6d6 1px solid;
}

.function_name{
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
color:#333333;
line-height:140%;
}

.function_explain{
font-size:12px;
line-height:140%;
color:#333333;
margin:5px 0px;;
padding:0px;
}

.pankuzu{
margin:0px 10px 10px 10px;
font-size:10px;
}

*:first-child+html .pankuzu{
margin:0px 10px 10px 10px;
font-size:10px;
}


.function_lead{
margin:10px 0px 0px 5px;
font-size:12px;
line-height:140%;
font-weight:normal;
color:#165d85;
}


/* page top header*/
div#header {
}

div#headerTagline {
_height:1%;/* for IE6バグ　背景色 */
margin-bottom: 5px;
padding: 3px 0;
background-image: url(../images/header_top_bg.png);
background-repeat: repeat-x;
font-size: 10px;
color: #666666;
text-align: center;
}

div#headerTaglineBody {
width: 900px;
margin: 0 auto;
}

span#siteTagline,
h1#siteTagline {
float: left;
font-size: 10px;
}

span#titeTagline {
float: right;
}

.clearfix:after,
.clearFix:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

/* for IE  */
.clearfix,
.clearFix {
zoom: normal;
min-height: 1%;
}
	
/* Hides from IE-mac ¥*/
* html .clearFix {
height:1%;
}

.solution_subtitle{
font-size:14px;
font-weight:bold;
margin:20px 0px 0px 0px;
}

.solution_text{
font-size:12px;
margin:10px 0px 10px 0px;
padding:0px;
line-height:160%;
}

.solution_box_left{
margin:30px 0px 0px 30px;
_margin:0px 0px 0px 30px;
width:550px;
_width:500px;
}

*:first-child+html .solution_box_left{
margin:0px 0px 0px 30px;
width:500px;
}

.solution_box_right{
margin:0px 0px 0px 20px;
width:460px;
float:right;
}

.entry_flow{
border-bottom:#d6d6d6 1px dotted;
margin:0px 10px 10px 10px;
font-size:14px;
font-weight:bold;
color:#444444;
}

.plan50{
background-color:#FFFFFF;
}

.plan50{
background-color:#f0FFFF;
}

.plan60{
background-color:#E0FFFF;
}

.plan70{
background-color:#CCFFFF;
}

.plan80{
background-color:#99FFFF;
}

.plan90{
background-color:#33FBFF;
}

.plan100{
background-color:#00ecFF;
}