@charset "utf-8";

/* ==============================================
　Reset
=============================================== */
body {
	font-size: 92%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
a:hover {
	text-decoration:underline;
}
header {
	background-color: #FFFFFF;
	position: fixed;
	width: 100%;
	z-index: 2;
}
.headerBox {
	width:960px;
	margin: auto;
	height: 77px;
}
#contents li,
.headerBox li {
	float:left;
}
#catch {
	background-image:url(../images/head_bg.jpg);
	background-repeat:repeat;
	background-position: center 90px;
	height: 245px;
	padding-top: 77px;
}
#catch h1 {
	line-height: 1.4!important;
}
#contents p {
	line-height:180%;
}
#catch #catch_position {
	position:relative;
	height:100%;
}
.catch_txt_01 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 34px;
	text-shadow: 2px 2px #E16C2D;
	line-height: 150%;
}
.catch_tryfree {
	background-image: url(../images/img_tryfree.png);
	width: 214px;
	height: 214px;
	position: absolute;
	top: 50px;
    right: 20px;
}
/* ---------------
 PATH
--------------- */
.path {
	width: 960px;
	margin: 0 auto !important;
	overflow: hidden;
	margin: 0 3px;
	padding: 10px 0;
	zoom: 1;
}
.path li {
	/* float: left; */
	margin-right: 5px;
	font-size: 11px;
}
.path li a {
	margin-right:5px;
}
/* ==============================================
　Btn Set
=============================================== */
.btn_entry {
	background: #ED663C;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	box-shadow: 0px 4px 0px 0px #AA3918;
	-webkit-box-shadow: 0px 4px 0px 0px #AA3918;
	-moz-box-shadow: 0px 4px 0px 0px #AA3918;
	text-shadow: 1px 1px 0px #AB3917;
}
.btn_entry a {
	color: #ffffff;
	display: block;
	/*font-weight: bold;*/
}
.btn_entry a:hover {
	background: #E1562C;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	text-decoration: none;
}
.btn_entry a i {
	margin: 0 0 0 10px;
}
.layout_contact_btn {
	font-size:14px;
	width: 195px;
	margin-right: 15px;
}
.layout_contact_btn02 {
	font-size: 24px;
	width: 420px;
}
.layout_catch_tryfree_btn {
	margin-top: 130px;
	margin-left: 24px;
	font-size:14px;
	width: 162px;
}
.layout_catch_tryfree_btn a, .layout_contact_btn a{
	padding: 8px 8px 8px 22px;
}
.layout_contact_btn02 a {
	padding: 18px 46px;
  text-align: center;
}
.layout_plans_btn a {
	padding: 18px 46px;
}
.layout_tryfree_btn {
	font-size:18px;
	width: 400px;
}
.layout_tryfree_btn a {
	padding: 20px 20px 20px 80px;
}
.layout_tryfree_txt {
	padding: 10px 0 20px 0;
}
.layout_function_btn {
	font-size:16px;
	width: 200px;
	text-align:center;
}

/* ==============================================
　ScrollEvent
=============================================== */
/* TABLE */
table.native, table.plans {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
}
table.plans a, table.plans a:hover{
	color:#fff;
	text-decoration:underline;
}
table.native .title {
	padding: 8px 10px;
	background-color: #E37700;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
table.native .plan {
	padding: 8px 10px;
	background-color: #F6A300;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
table.native th{
	padding : 10px;
	border: 1px solid #c1c1c1;
	text-align: left;
	font-weight: normal;
}
table.plans th{
	padding :  4px 4px 6px 4px;
	border: 1px solid #c1c1c1;
	text-align: center;
	font-weight: normal;
	background-color: #F6A300;
	color: #fff;
	font-size: 18px;
	width:122px;
	line-height:1.1;
}
table.plans th.business,table.plans th.pro{
	background-color: #FF7200;
}
table.plans th.managed{
	background-color: #EB4800;
	font-size: 15px;
}
table.native td {
	padding: 10px 5px;
	border: 1px solid #c1c1c1;
	text-align: center;
	font-size: 12px;
	background-color: #fef3e7;
	font-weight: bold;
	color: #D04117;
}
table.plans td{
	border: 1px solid #c1c1c1;
	text-align: center;
	padding:5px;
	color:#555;
	font-size:14px;
	text-align: center;
	border: 1px solid #c1c1c1;
	line-height:1.6;
}

table.plans td.border-top{
	border-top: none;
}
table.plans td.border-bottom{
	border-bottom: none;
}
table.plans td.plans-level01{
	background-color: #FDF1DC;
}
table.plans td.plans-level02{
	background-color: #FFEFD0;
}
table.plans td.plans-level03{
	background-color: #FCE9C4;
}
table.plans td.plans-level04{
	background-color: #FCE1AE;
}
table.plans td.plans-level05{
	background-color: #FCDB9F;
}
table.native .hcell {
	border-top: none;
	background-color: #f6c057;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
}
table.native a:hover {
	text-decoration: underline;
}
table.native .gray {
	background: #f5f5f5;
}

/* GENERAL */

table.general {
	width: 100%;
	border: 1px solid #d4d0d0;
	border-collapse: collapse;
	background-color: #fff;
}
table.general th {
	padding: 10px 5px;
	border: 1px solid #fde5bc;
	border-bottom: 1px solid #fde5bc;
	background-color: #fffdf5;
	color: #555;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
}
table.general td {
	padding: 10px 5px;
	border: 1px solid #fde5bc;
	background: #fff;
	color: #555;
	text-align: center;
	font-size: 14px;
}
table.general thead th {
	font-size: 16px;
}
table.general tfoot th {
	padding: 10px 10px 10px 10px;
	width: 240px;
	vertical-align: top;
	text-align: left;
}
table.general tfoot th h4 {
	font-size: 16px;
}
table.general tfoot td {
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
table.general tfoot td li {
	margin-bottom: 5px;
}
table.general a {
	font-weight: bold;
}
table.general a:hover {
	text-decoration: underline;
}
table.general em {
	margin-right: 0.1em;
	color: #f19a0b;
	font-style: normal;
	font-size: 26px;
}
table.general span {
	margin-right: 0.1em;
	color: #f19a0b;
}
table.general tfoot em {
	margin: 0 0.1em 0 0.1em;
	font-size: 20px;
}
table.general strong {
	margin-right: 0.1em;
	font-size: 24px;
}
table.general caption {
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
table.general b {
	color: #ea2e59
}

/* SHELF */

table.shelf {
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid #eb9b00;
	background-color: #fff;
}
table.shelf thead th {
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff6e7;
}
table.shelf thead td {
	padding: 10px;
	border: 1px solid #ddd;
}
table.shelf tbody th {
	padding: 10px;
	border: 1px solid #ddd;
}
table.shelf tbody td {
	padding: 10px;
	width: 180px;
	border: 1px solid #ddd;
}
table.shelf tbody td {
	padding: 10px;
	width: 25%;
	border: 1px solid #ddd;
}
table.shelf td em {
	color: #ea2e59;
	font: 24px bold normal;
}
#tab02 table.shelf td {
	width: 25%;
	text-align: center;
}

/* MATRIX */

table.matrix {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
}
table.matrix th {
	padding: 10px;
}
table.matrix td {
	padding: 10px;
	border: 1px solid #ccc;
	border-top: none;
}
table.matrix tbody th {
	width: 25%;
	border: 1px solid #ccc;
	border-top: none;
	text-align: left;
}
table.matrix thead th {
	border-top: none;
	background-color: #f6a300;
	color: #fff;
	font-size: 16px;
}
table.matrix a:hover {
	text-decoration: underline;
}

/* ==============================================
　Layout
=============================================== */
.sitelogo {
	float:left;
	padding-top: 10px;
}
.header_utility {
	padding-top:20px;
	float:right;
}
.header_utility img {
	padding-right:20px;
}
.campaign-box-news {
	width:960px;
	margin:auto;
	padding: 10px 0px;
}
.campaign-box {
	width:960px;
	margin:auto;
	padding-bottom:35px;
	padding-top: 20px;
}
.campaign-box-arrow {
	background-image:url(../images/title_bg_arrow.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.campaign-col-sm-1 {
	float:left;
	width:440px;
	padding:0 20px;
}
.campaign-col-sm-overview_2 {
	float:right;
	width:470px;
}
.campaign-col-sm-3 {
	float:left;
	width:440px;
}

.campaign-col-sm-2 {
	float:left;
	width:440px;
}
.campaign-c_01 {
	color:#FF7A00;
	font-size:16px;
	font-weight:bold;
}
.campaign-c_02 {
	color:#39B09E;
}
.campaign-c_03 {
	color:#EA4A1C;
}
.campaign-c_04 {
	color:#43AEC3;
}
.campaign-c_05 {
	color:#FFFFFF;
}
.campaign-space01 {
	padding-right:55px;
}
.campaign-space02 {
	padding-top:20px;
	height:75px;
}
.campaign-space03 {
	padding-top:30px;
}
.campaign-space04 {
	padding-top:50px;
}
.campaign-txt01 {
	font-weight:bold;
	font-size: 23px;
}
.txt_small {
	font-size: 12px;
}
.campaign-box_tryfree {
	background-image:url(../images/tryfree_bg.png);
	background-repeat:repeat-y;
	background-position: center;
	}
th.campaign-layout01 {
	text-align: center!important;
}
.layout_03 {
	position:relative;
}
/* CLEARFIX */
.clearfix {
	display: block;
}
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	line-height: 0;
}
/* ==============================================
　Header
=============================================== */
.recommend-user {
	position: relative;
	margin-top: 50px;
}
.img_recommend-user {
	position: absolute;
	left: -15px;
	top: -25px;
}
.recommend-user ul {
	background-color: #43B2CC;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.recommend-user ul li {
	float: left;
	padding: 0 30px;
	margin: 5px 0;
	color: #FFFFFF;
	font-weight: bold;
}
.recommend-user .layout_recommend-user {
	border-right: solid 1px #FFFFFF;
}
/* ==============================================
　NEWS
=============================================== */
.news {
	position: relative;
}
.news h2 {
	background-color: #FF8000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
}
.layout_news_title {
	line-height: 50px;
	padding: 0 20px;
	border-right: solid 1px #ED663C;
	background-image: none;
	float: left;
}
.news ul {
	box-shadow: 0px 6px 3px -3px #cccccc;
	-webkit-box-shadow: 0px 6px 3px -3px #cccccc;
	-moz-box-shadow: 0px 6px 3px -3px #cccccc;
	margin-bottom:5px;
}
.news-rss li {
	padding: 15px 190px 15px 20px;
	font-size: 14px;
	width: 650px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.news-rss li a {
	padding-left: 10px;
}
.news span {
	position: absolute;
	top: 25px;
	right: 10px;
	font-size: 13px;
}
/* ----------------
 ARTICLE-BLOCK
---------------- */
.news .article-block {
	padding-bottom: 10px;
	min-height: 1px;
	float: left;
	width: 864px;
	font-size: 14px;
}
.news .article-block dd {
	background: none;
}
.news .article-block:after {
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
.news .article-block dl {
	margin-bottom: 8px;
	padding-left: 20px;
	height:70px;
	overflow: hidden;
}
.news .article-block dt {
	float: left;
	clear: left;
	margin: 0;
	padding: 6px 0 5px;
	width: 7em;
	line-height: 1.5;
}
.news .article-block p {
	text-align: right;
}
.news .article-block dd a.pdflink,
.news .article-block dd a.videolink,
.news .article-block dd a.ziplink {
	padding-left: 50px;
}
.news a.txtlink {
	padding-left: 15px;
	line-height: 1.5;
	background: url(../images/arrow_news.png) left no-repeat;
}

/* ==============================================
　BOX01
=============================================== */
.campaign-box_01 {
	background-color:#FEF8F1;
}
.campaign-box_01 h2 {
	font-size:23px;
	line-height:50px;
	font-weight:bold;
	background-image:url(../images/line01.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	margin-bottom:20px;
	color:#444444;
}
.campaign-plan_01 {
	padding-top:5px;
}
.campaign-plan_01 table {
   /*border-collapse: separate;
   border-spacing:6px;*/
}
.campaign-plan_table {
	width:100%;
	padding:5px;
	text-align:center;
}
.campaign-plan_table th a {
	color:#ffffff;
}
.campaign-plan_table th {
	background-color:#FFA133;
	padding:6px 0;
	color:#ffffff;
}
.campaign-plan_table td {
	background-color:#ffffff;
	padding:15px;
	font-size:14px;
	border-collapse:separate;
	border-bottom:#CDCDCD 1px solid;
	border-right:#CDCDCD 1px solid;
	border-left:#EEEEEE 1px solid;
	border-top:#EEEEEE 1px solid;
}
.campaign-title {
	background-image:url(../images/title_bg.gif);
	background-repeat:repeat;
	background-position:center;
	text-align:center;
	font-size:24px;
	color:#FFFFFF;
	line-height:65px;
	margin:0px;
}
.campaign-title02 {
	font-size:26px;
	background-image:none;
}
.campaign-plan_table02 {
	width:100%;
	padding:5px;
	text-align:left;
}
.campaign-plan_table02 th {
	background-color:#47BCB4;
	padding:15px;
	color:#ffffff;
	font-size:18px;
}
.campaign-plan_table02 td {
	padding:10px 15px;
	font-size:14px;
	border-spacing: 10px;
	border-collapse:separate;
}
#sps01 {
	padding-right:15px;
}
.sps02 {
	margin-top:10px!important;
	margin-right:10px!important;
}
#sps03 {
	padding-bottom:5px;
	padding:0px 5px 5px 5px;
}
.layout_01 {
	float:right;
	font-size:87%;
}
.layout_02 {
	text-align:center;
	display:block;
	padding-top:5px;
}
/* ==============================================
　BOX02
=============================================== */
.campaign-box_02 {
	background-color:#EEEEEE;
}
.campaign-box_02 li {
	width:282px;
	text-align:center;
}

.campaign-wrap-col-sm-1 {
	width: 440px;
}
.campaign-col-sm-2 table {
   border-collapse: separate;
   border-spacing:2px 6px;
}
.layout_box-table_01 {
	float: left;
}
.layout_box-table_02 {
	float: right;
}

/* ==============================================
　BOX03
=============================================== */
.campaign-box_03_1 {
	background:url(../images/function_bg02.gif) repeat-y center #fef8f1;
}
.campaign-box_03_2 {
	background:url(../images/function_bg03.gif) repeat-y center #fef8f1;
}
.campaign-c_06 {
	background-color:#DEEDE7;
}
.campaign-c_07 {
	background-color:#FFFFFF;
}
/* ==============================================
　BOX04
=============================================== */
.campaign-box_04 {
	background-color:#FEF8F1;
}
.campaign-box_04 ul li {
	width:161px;
	float:left;
	border-right:1px #666666 solid;
	padding:15px;
	font-size:13px;
}
/* ==============================================
　BOX05
=============================================== */
.campaign-box_05 {
	background-color:#F5F5F5;
}

/* ==============================================
　BOX06
=============================================== */

.campaign-box_06 {
	background-color:#FFFFFF;
}

.campaign-box_06 .inbox {
	padding:0;
	margin:0 auto;
}


.campaign-box_06 .img_mplan {
	width: 450px;
	padding: 50px 10px;
	float: left;
	clear: left;
}

.campaign-box_06 .txt_feature {
	width: 450px;
	padding-top: 55px;
	margin-left: 30px;
	float: left;
	text-align: center;
}


.campaign-box_06 .txt_feature li {
	background:url(../images/arrow_03.png) no-repeat 0px 3px;
	padding-left:30px;
	margin-bottom:18px;
	line-height:26px;
	text-align:left;
	font-size:17px;
}

.campaign-box_06 .txt_feature02 li{
	background:url(../images/arrow_02.png) no-repeat 0px 5px;
	padding-left:30px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:3px solid #E6E6E6;
	line-height:30px;
	text-align:left;
	clear:left;
	float:none;
	font-weight:bold;
	color:#43b2cc;
}

.campaign-box_06 .txt_feature02 li.last{
	border-bottom:none;
}

.campaign-box_06 .btn_entry{
	width:170px;
	margin-top:50px;
	margin-left:20px;
}

.campaign-box_06 .inquiry li{
	margin-top:20px;
	margin-left:120px;
	width:200px;
	padding-left:none;
}

.campaign-box_06 h4{
	font-size:24px;
	font-weight:bold;
	color:#ef7d1a;
	margin:10px 0;
	padding:0;
}

.campaign-box_06 .campaign-space01{
	width:320px;
	padding-right:25px;
	padding-left:15px;
}

/* ==============================================
　BOX07
=============================================== */
.campaign-box_07 {
	background-color:#FEF8F1;
}

.campaign-box_07 .campaign-box h2{
	float:left;
	font-size:28px;
	line-height:45px;
	font-weight:bold;
	background-image:none;
	padding-top:20px;
	padding-left:35px;
	margin-bottom:15px;
	color:#444444;
  width: 740px;
}

.campaign-box_07 .performance {
  position: relative;
  top: -79px;
  left: 20px;
  float: left;
  background: url(../images/img_performance.png) no-repeat;
  width: 160px;
  height: 215px;
}

.campaign-box_07 .performance .performance-record {
  font-size: 20px;
  top: 28px;
  position: relative;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px #d09a45;
}

#contents p.performance-record-title {
  line-height: 200%;
}

#contents p.performance-record-txt {
  line-height: 140%;
  font-weight: 700;
  font-size: 22px;
}

.performance-record-txt-number {
  font-size: 42px;
}

.campaign-box_07 .campaign-box{
	padding-bottom:0;
}
.campaign-box_07 p{
	line-height:180%;
}
.campaign-box_07 .campaign-col-sm-overview_1{
	position:relative;
	clear:both;
	top: -80px;
}

/* ==============================================
　BOX08
=============================================== */

.campaign-box_08 {
	background-color:#FFFFFF;
}

.campaign-box_08 .inbox{
	padding:0;
	margin:0 auto;
	text-align:center;
}

/* ==============================================
　Tryfree
=============================================== */
.tryfree {
	position:relative;
}

.layout_tryfree_left {
	float: left;
	width: 277px;
}
.layout_tryfree_left_inner01 {
	text-align: center;
	padding-top: 195px;
}
.layout_tryfree_right {
	float: left;
	width: 628px;
	padding-left: 55px;
}
.tryfree h2 {
	color: #ED663C;
	background-image: none;
	font-size: 14px;
	position: absolute;
	left: 80px;
	top: -15px;
}
.tryfree h3 {
	color: #ED663C;
	margin-top: 18px;
	font-size: 21px;
	}
.txt_tryfree01 {
	background-image:url(../images/arrow_01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-bottom: 8px;
	font-size: 15px;
	font-weight: bold;
	color: #585858;
}
.txt_tryfree02 {
	font-size: 17px;
}
/* ==============================================
　PLANS
=============================================== */
.btn_plans {
    cursor: pointer;
    position: relative;
	display: block;
	color: #FFFFFF;
	padding: 15px 0px 15px 100px;
	background: #FFCC00;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	box-shadow: 0px 6px 0px 0px #D5A500;
	-webkit-box-shadow: 0px 6px 0px 0px #D5A500;
	-moz-box-shadow: 0px 6px 0px 0px #D5A500;
	text-shadow: 1px 1px 0px #EDB800;
}
.btn_plans:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 20px;
  width: 15px;
  height: 15px;
  margin-top: -8px;
  background: #FFF;
}
.btn_plans:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 20px;
  width: 15px;
  height: 15px;
  margin-top: -13px;
  background: #FFCC00;
}
.btn_plans.active:before{
  margin-top: -2px;
}
.btn_plans.active:after {
  margin-top: 3px;
}
.layout_plans_btn {
	font-size: 20px;
	width: 500px;
	margin: auto;
	font-weight: bold;
}


/* ==============================================
　CONTACT
=============================================== */
.campaign-contact {
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	background-position:center 10px;
	height:225px;
	padding:10px 0px 30px 0px;
	position:relative;
}
.campaign-contact .contact_btn {
	margin: 102px auto 0;
}

/* ==============================================
　FUNCTION
=============================================== */

.layout_close-modal img {
	position: fixed;
	right: 100px;
	top: 30px;
}
.plans-detail {
	display: none;
}
.plans-detail h2 {
	font-size:26px;
	line-height:50px;
	font-weight:bold;
	background-image:url(../images/line01.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
	margin-bottom:20px;
	color:#444444;
}
.caption {
	font-size: 12px;
	color: #7D7D7D;
}
#contents .caption li {
	float: none;
}
.btn_style-01 {
	text-align: center;
	display: inline-block;
	width:40%;
	padding: 12px 0 12px 0;
	border: 2px solid #6D6D6D;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none !important;
	line-height: 1;
	color: #444;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.btn_style-01:hover {
	background: #e5e5e5;
	text-decoration: none;
}
.layout_close-btn {
	text-align:center;
	padding: 20px 0px;
}
/* ==============================================
　PAGETOP
=============================================== */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
	border:none;
}
.pagetop a {
	background-image:none;
	padding:0px;
}
/* ==============================================
　sakurainfo
=============================================== */
.sakurainfo {
	padding-top: 82px;
}
.sakurainfo .campaign-box {
	width: 680px;
	margin: auto;
	padding-top: 0px;
}
.sakurainfo .article-block {
	font-size:14px;
	padding-top:30px;
}