@charset "utf-8";

@font-face {
  font-family: 'myfont';
  src: url(./DSEG7Classic-Bold.ttf) format("truetype");
}

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background:transparent; list-style: none; font-style: normal; font-weight: normal; }

body { line-height: 1; }

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {	display: block;}

nav ul { list-style:none;}

blockquote, q { quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent; outline: none;}

ins {background-color:#ff9;color:#000;text-decoration:none;}

mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}

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

hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}

input, select {vertical-align:middle;}

a img { vertical-align: text-bottom;
}

/* reset end */

@media(min-width: 601px) {
::selection {
	background: #948e85;
	color: #fff;
}
::-moz-selection {
	background: #948e85;
	color: #fff;
}

body {
	line-height: 1.8;
	color: #000;
	font-size: 12px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","Osaka",sans-serif;
}

a {
	color: #030;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: none;
}

section {
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
}

header {
	background: url(../img/header_bg.jpg) repeat-x;
	height: 154px;
	width: 100%;
}

#header {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#header h1 {
	margin: 21px 0 0 0;
	width: 130px;
	height: 127px;
	float: left;
}

#h1SP {
	display: none;
}

.maintenanceCost {
	padding-left : 60px;
	padding-top: 3px;
	position: relative;
}

.maintenanceCost img {
	width: 160px;
}

.seg7Font {
	font-family: 'myfont';
	position: relative;
}
.priceTableMaintenanceFeeRate {
		position: absolute;
		right: 35px;
		top: 58px;
		font-size: 43px;
		color: #a0da25;
		font-family: myfont;
}
.priceTableMaintenanceFeeRateBack {
		position: absolute;
		right: 35px;
		top: 58px;
		font-size: 43px;
		color: #474a4e;
		font-family: myfont;
}
.priceTableMaintenanceFeeRate2 {
		position: relative;
		font-size: 33px;
		color: #a0da25;
		font-family: myfont;
}
.priceTableMaintenanceFeeRateBack2 {
		position: relative;
		font-size: 33px;
		color: #474a4e;
		font-family: myfont;
}

.footerMaintenanceFeeRate {
		position: absolute;
		right: 35px;
		top: 58px;
		font-size: 43px;
		color: #a0da25;
		font-family: myfont;
}
.footerMaintenanceFeeRateBack {
		position: absolute;
		right: 35px;
		top: 58px;
		font-size: 43px;
		color: #474a4e;
		font-family: myfont;
}
.footerMaintenanceFeeRate2 {
		position: relative;
		font-size: 33px;
		color: #a0da25;
		font-family: myfont;
}
.footerMaintenanceFeeRateBack2 {
		position: relative;
		font-size: 33px;
		color: #474a4e;
		font-family: myfont;
}

.header_login_area {
	width: 555px;
	height: auto;
	overflow: hidden;
	float: right;
}

#header h2 {
	width: 555px;
	height: auto;
	overflow: hidden;
	margin: 35px 0 0 0;
	text-align: right;
}

#h2SP {
	display: none;
}

.powerd_by {
	width: 540px;
	height: auto;
	overflow: hidden;
	float: right;
}

.powerd_by_text {
	float: left;
	width: 80px;
	padding: 23px 0;
	text-align: center;
}

.powerd_navi {
	background: url(../img/powerd_bg.jpg) no-repeat;
	background-position: right;
	width: 540px;
	height: 67px;
	float: right;
}

.powerd_navi ul {
	width: 540px;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
}

.powerd_navi ul li {
	float: left;
}

.powerd_navi01 {
	margin: 1px 30px 0 25px;
}

.powerd_navi02 {
	margin: 7px 10px 0 20px;
}

.powerd_navi03 {
	margin: 7px 10px 0 10px;
}

.powerd_navi_sp {
	display: none;
}

nav {
	background: url(../img/nav_bg.jpg) repeat-x;
	width: 100%;
	height: 62px;
	margin: 10px 0 0 0;
}

#navArea {
	display: none;
}

#g_navi {
	width: 960px;
	height: 62px;
	margin: 0 auto;
}

#g_navi li {
	float: left;
}

li.navi_01 a {
	background: url(../img/navi01.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 179px;
	height: 62px;
}

li.navi_01 a:hover {
	background: url(../img/navi01_on.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
}

li.navi_02 a {
	background: url(../img/navi02.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 165px;
	height: 62px;
}

li.navi_02 a:hover {
	background: url(../img/navi02_on.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
}

li.navi_03 a {
	background: url(../img/navi03.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 193px;
	height: 62px;
}

li.navi_03 a:hover {
	background: url(../img/navi03_on.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
}

li.navi_04 a {
	background: url(../img/navi04.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 245px;
	height: 62px;
}

li.navi_04 a:hover {
	background: url(../img/navi04_on.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
}

li.navi_05 a {
	background: url(../img/navi05.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 178px;
	height: 62px;
}

li.navi_05 a:hover {
	background: url(../img/navi05_on.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
}


#container {
	width: 1260px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.table_intext {
	color: "";
	font-size: 12px;
}

.pc_index_contents {

}

.sp_index_contents {
	display: none;
}

.index_contents {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.index_contents_wrpa {
	width: 320px;
	height: 141px;
	overflow: hidden;
	float: left;
	background: url(../img/index_img02.jpg) no-repeat right;
}

.index_contents_wrpa_last {
	width: 320px;
	height: 141px;
	overflow: hidden;
	float: left;
}

.index_contents_inner {
	width: 250px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.index_contents_inner_img {
	text-align: center;
	display: block;
}

.index_contents_inner_text {
	text-align: center;
	margin: 10px auto 0;
}

.index_contents_inner_text2 {
	text-align: center;
	margin: 16px auto 0;
}

.index_contents_inner_text2 a {
	text-decoration: none;
	line-height: 1.8;
	color: #000;
	font-size: 12px;
}

.index_price_img{
	margin:10px auto;
	}

.index_contents_inner2 {
	width: 280px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.index_info_area {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.index_news {
	width: 450px;
	height: 320px;
	border-bottom: #749055 solid 7px;
	overflow: hidden;
	float: left;
}

.index_news_inner {
	width: 430px;
	height: 165px;
	overflow: hidden;
	border-bottom: #cecee1 solid 1px;
	padding: 0 0 20px 20px;
	margin: -5px auto 10px;
}

.index_news_inner2 {
	width: 430px;
	height: 66px;
	margin: -5px 0 0 0;
	display: table;
	text-align: center;
}

.index_news_date {
	clear: both;
	display: block;
}

.index_news_text {
	clear: both;
	display: block;
	font-weight: bold;
}

.index_info {
	width: 450px;
	height: auto;
	height: 320px;
	border-bottom: #749055 solid 7px;
	overflow: hidden;
	float: right;
}

.index_info_att {
	text-align: center;
	margin: 10px auto 0;
}

.index_info_tel {
	background: url(../img/ico01.png) no-repeat 0 3px;
	padding: 5px 0 0 40px;
	font-size: 25px;
	font-weight: bold;
	color: #779853;
	margin: 0 auto;
	width: 230px;
}

footer {
	background: url(../img/footer_bg.jpg) repeat-x;
	width: 100%;
	height: 367px;
}

#footer {
	width: 940px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 40px 0 0 0;
}


 .footer_link {
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 50px 0 0;
}

 #footer_link {
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 2px 0 0;
}

.footer_link p {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
}

.footer_link ul {
	clear: both;
	display: block;
}



/******************************3.10 add start


.footer_link ul li {
	padding: 0 0 0 0px;
	margin: 5px 0;
}


******************************3.10 add end */

.footer_link ul li {
	padding: 0 0 0 20px;
	margin: 5px 0;
}

.footer_link_end {
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 0 0 0;
	position: relative;
	top: -120px;
	left: 165px;
}

.footer_link_end p {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
}

.footer_link_end ul {
	clear: both;
	display: block;
}

.footer_link_end ul li {
	padding: 0 0 0 20px;
	margin: 5px 0;
}

.footer_icon {
	padding: 0;
	margin: 0 5px 5px 0;
	clear: both;
	position: relative;
	bottom: 30px;
	width: 40%;
}

.footer_icon ul {
	display: block;
}

.footer_icon ul li {
	float: left;
	margin: 0 0 5px 20px;
}

#footer_icon_ul {
	position: absolute;
	width: 800px;
	top: 20px;

}

.card_img {
	width: 40px;
}

.footer_icon_corp {
	padding-right: 10px;
	padding-top: 0;
	float: right;
}

.copyPC {
	background: #13744c;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 5px 0;
	color: #fff;
	text-align: center;
	font-size: 10px;
	letter-spacing: 1px;
}

.copySP {
	display: none;
}

.page_info_contents_pc {
	background: #cddcbd;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 20px 0;
	margin: 20px 0;
}

.page_info_contents_sp {
	display: none;
}

.page_info_inner {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.page_info01 {
	width: 265px;
	height: 160px;
	overflow: hidden;
	float: left;
	border-right: #fff solid 1px;
	padding: 30px 0;
}

.page_info01_title {
	text-align: center;
}

.page_info01_text {
	margin: 10px auto;
	width: 230px;
}

.page_info02 {
	width: 388px;
	height: 160px;
	overflow: hidden;
	float: left;
	border-right: #fff solid 1px;
	padding: 25px 0;
}

.page_info_tel {
	background: url(../img/ico02.jpg) no-repeat left;
	padding: 0 0 0 40px;
	font-size: 25px;
	font-weight: bold;
	color: #3a5e12;
	margin: 0 auto;
	width: 230px;
}

.page_info02_text {
	margin: 0 auto;
	text-align: center;
}

.page_info02_bt {
	text-align: center;
	margin: 20px auto
}

.page_info03 {
	width: 300px;
	height: 160px;
	overflow: hidden;
	float: left;
	padding: 30px 0;
	text-align: center;
}

.page_info03_sp {
	display: none;
}
.page_info03_bt {
	text-align: center;
	margin: 0 0 20px 0;
}

#page_container {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.page_title_sub {
	clear: both;
	display: block;
}

.page_title_sub_sp {
	display: none;
}

.page_title {
	background: url(../img/page_title_bg.jpg) repeat-x;
	width: 100%;
	height: 85px;
}

.page_title h3 {
	width: 960px;
	height: auto;
	overflow: hidden;
	padding: 20px 0;
	margin: 15px auto 20px;
}

.page_title14 {
	background: url(../img/page_title_bg.jpg) repeat-x;
	width: 100%;
	height: 85px;
}

.page_title14 h3 {
	width: 960px;
	height: auto;
	overflow: hidden;
	padding: 20px 0;
	margin: 15px auto 20px;
}

.page {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 40px auto 0;
}

.sitemap {
	width: 900px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.sitemap_link {
	width: 440px;
	height: auto;
	overflow: hidden;
	float: left;
}

.sitemap_link p {
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0 10px 0;
}

.sitemap_link ul {
	clear: both;
	display: block;
}

.sitemap_link ul li {
	padding: 0 0 0 20px;
	margin: 5px 0;
}

.use_dl {
	background: #f1f1f1;
	padding: 20px;
	width: 860px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	float: left;
}

.use_dl ul {
	width: 830px;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
}

.tabs {
  padding-bottom: 40px;
  background-color: #fff;
  width: 958px;
  margin: 20px auto 30px;
  border: 1px solid rgb(0 0 0 / 20%);
  height: auto;
  }

.tab_item {
  width: calc(99.65%/3);
  height: 50px;
  border-bottom: 3px solid #13744c;
  border-left: 1px solid #13744c;
  border-left: 1px solid #13744c;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.tab_item:hover {
  opacity: 0.75;
  cursor: pointer;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}

#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

.tabs input:checked + .tab_item {
  background-color: #13744c;
  color: #fff;
}

/*プライステーブル*/
.price_table {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto 0;
}

.price_table p {
	display: block;
}

.price_table span {
	margin: 5px auto 0;
	width: 920px;
	display: block;
	color: #F00;
	font-size: 14px;
}

.price_table_inner {
	background: #cddcbd;
	border: #dddddd solid 1px;
	width: 915px;
	height: auto;
	overflow: hidden;
	padding: 20px;
	margin: 30px auto;
}

.price_table_inner_text {
	margin: 20px 0;
	font-size: 14px;
	padding: 0 20px;
}

.price_table2 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto 0;
}

/*プライステーブル*/
.price_table_top {
	width: 1260px;
	height: auto;
	overflow: hidden;
	margin: 20px auto 0;
}

.price_table_top p {
	display: block;
}

.price_table_top span {
	margin: 5px auto 0;
	width: 920px;
	display: block;
	color: #F00;
	font-size: 14px;
}

.price_bn {
	margin-left: -80px;
}

.domain_description {
	display: flex;
}

#priceTableMaintenanceCostImg {
	width: 169px;
	margin: 10px 30px 0 30px;
	position: relative;
}

#domainRegistServiceMaintenanceCostImg {
	width: 169px;
	margin: 50px 30px 0 30px;
	position: relative;
}

.webTmpBanner {

}

.about {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about a {
	color: #009;
	text-decoration: underline;
}

.about_att {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_att p {
	width: 840px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.about_att ul {
	display: block;
	clear: both;
}

.about_att ul li {
	float: left;
	display: inline;
}

.about_att ul li a {
	margin: 50px 20px 0 20px;
	float: left;
}

.about_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_title_sub {
	width: 960px;
	margin: 0;
}

.about_contents01_inner {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents01_inner_left {
	width: 480px;
	height: auto;
	overflow: hidden;
	float: left;
	font-size: 14px;
}

.about_contents01_inner_right {
	width: 480px;
	height: auto;
	overflow: hidden;
	float: right;
	font-size: 14px;
}

.about_contents01_inner_title {
	background: #ddf1c7 url(../img/about_img06.jpg) no-repeat 6px;
	padding: 7px 0 7px 55px;
	width: 430px;
	height: 50px;
	font-size: 14px;
	vertical-align: middle;
	display: table-cell;
}

.about_contents01_inner_text {
	width: 440px;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
}

.about_contents02 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents02_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.about_contents03 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents03_left {
	width: 480px;
	height: auto;
	float: left;
	overflow: hidden;
}

.about_contents03_right {
	width: 480px;
	height: auto;
	float: right;
	overflow: hidden;
}

.about_contents03_left_att {
	width: 450px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.about_contents04 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents04_att {
	width: 920px;
	font-size: 14px;
	margin: 5px auto 20px;
	height: auto;
	overflow: hidden;
}

.about_contents04_left {
	width: 480px;
	height: auto;
	float: left;
	overflow: hidden;
	padding: 10px 0 20px;
}

.about_contents04_right {
	width: 440px;
	height: auto;
	float: right;
	overflow: hidden;
	padding: 0 20px 20px;
	font-size: 14px;
	line-height: 2.5;
}

.about_contents04_right span{
	float: right;
}

.about_contents04_right img {
	width: 400px;
	margin-top: 20px;
}

.about_contents05 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}


.about_contents05_att {
	width: 930px;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	margin: 20px auto 0;
}

.about_contents05 p {
	margin: 0 auto 20px;
	text-align: center;
}

.about_contents06 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents06 .sub_title1 img {
	margin: 20px 0 0 20px;
}

.about_contents06_left{
	width: 600px;
	height: auto;
	overflow: hidden;
	margin:20px 20px 0;
	float:left;
	font-size:14px;
}

.about_contents06_right {
	width: 300px;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	float:left;
	margin: 0 auto;
}

.about_contents06_att {
	width: 930px;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_contents07 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents07_att {
	width: 930px;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_contents07_left {
	width: 520px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 0 0 30px 100px;
}

 /*
.about_contents07_left {
	width: 480px;
	height: auto;
	float: left;
	overflow: hidden;
	font-size: 14px;
}

.about_contents07_right {
	width: 440px;
	height: auto;
	float: right;
	font-size: 14px;
	overflow: hidden;
	padding: 10px 20px;
	line-height: 2.5;
}
*/

.about_contents08 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents08_att {
	width: 930px;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_contents08_left {
	width: 520px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 0 0 30px 100px;
}

.about_contents08_right {
	width: 400px;
	height: auto;
	float: right;
	overflow: hidden;
	padding: 10px 5px;
	font-size:14px;
}

.about_contents09 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents09_upper_left{
	width: 500px;
	height: auto;
	float: left;
	overflow: hidden;
	font-size:14px;
	margin: 0 0 0 20px;
}

.about_contents09_upper_right{
	float:left;
}

 .about_contents09_lower_left{
	float: left;
	margin: 80px 0 0 0;
}

 .about_contents09_lower_left img{
	width: 320px;
 }

 .about_contents09_lower_right{
	width: 600px;
	height: auto;
	float: left;
	overflow: hidden;
	font-size:14px;
	margin: 0 0 20px 20px;
}

 .about_contents09_lower_right p{
	margin: 0 0 0 50px;
}

 .about_contents10 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents10_left {
	width: 480px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 20px 0;
}

.about_contents10_right {
	width: 480px;
	height: auto;
	float: right;
	overflow: hidden;
	margin: 20px 0 0 0;
}

.about_contents10_left_att {
	width: 450px;
	height: auto;
	overflow: hidden;
	margin: 10px auto 0;
	font-size: 14px;
}

.about_contents11 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents11_left {
	width: 480px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 20px 0;
}

.about_contents11_right {
	width: 480px;
	height: auto;
	float: right;
	overflow: hidden;
	margin: 20px 0 0 0;
}

.about_contents11_left_att {
	width: 450px;
	height: auto;
	overflow: hidden;
	margin: 10px auto 0;
	font-size: 14px;
}


 .use_flow {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.use_flow a {
	color: #009;
	text-decoration: underline;
}

.use_flow_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 10px;
}

.use_flow_wrap	{
	border: #bcbcbc solid 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 4px;
	padding: 10px 0 10px;
}

.use_flow_contents01 p {
	width: 780px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.use_flow_nowrap {
	width: 780px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
	white-space: nowrap;
}

.use_flow_contents01 span {
	display: block;
	float: left;
	color: #F00;
	margin: 10px 0 0 0;
	white-space: nowrap;
}

.qa {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.qa_att {
	width: 960px;
	height: auto;
	overflow: auto;
	margin: 20px auto;
}

.qa_att_left {
	width: 520px;
	height: auto;
	float: left;
	overflow: hidden;
}

.qa_att_right {
	width: 400px;
	height: auto;
	overflow: hidden;
	float: right;
}

.qa_info {
	background: url(../img/qa_img03.jpg) no-repeat;
	width: 353px;
	height: 113px;
}

.qa_info span {
	background: url(../img/ico01.png) no-repeat 0 11px;
	padding: 13px 0 0 40px;
	font-size: 25px;
	font-weight: bold;
	margin: 30px 0 0 40px;
	float: left;
	color: #779853;
 }

 .qa_contents01 {
	 width: 960px;
	 height: auto;
	 overflow: hidden;
	 margin: 20px auto;
}

.qa_title_sub {
	margin-top:10px;
}

.qa_contents_inner {
	width: 930px;
	height: auto;
	overflow: hidden;
	margin: 10px auto 20px;
	border-bottom: #dcdcdc dotted 1px;
	padding: 0 0 5px 0;
}

.qa_q {
	background: url(../img/qa_img02.jpg) no-repeat left;
	padding: 10px 0 0 35px;
	color: #F60;
}

.qa_a {
	background: url(../img/qa_img01.jpg) no-repeat left;
	padding: 10px 0 10px 35px;
}

.qa_a_lv1 {
	margin-left: 1em;
}

.qa_a_lv2 {
	margin-left: 2em;
}

.qa_a_lv3 {
	margin-left: 3em;
}

.inquiry {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.inquiry_att {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 30px;
}

.inquiry_att a {
	margin: 10px 0 0 0;
	float: left;
}

.inquiry_form {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #ecffda;
	border-top: #c2c6d6 solid 2px;
	border-right: #c2c6d6 solid 2px;
	border-left: #c2c6d6 solid 2px;
}

.inquiry_form_last {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #ecffda;
	border: #c2c6d6 solid 2px;
}

.inquiry_form_left {
	float: left;
	width: 210px;
	height: auto;
	overflow: hidden;
	padding: 25px;
}

.inquiry_form_right {
	float: right;
	width: 640px;
	height: auto;
	overflow: hidden;
	padding: 25px;
	background: #fff;
	border-left: #c2c6d6 solid 2px;
}

.inquiry_form_right input[type="text"] {
	padding: 5px;
	width: 400px;
	height: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.inquiry_form_left span {
	background: url(../img/ico04.jpg) no-repeat left;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.inquiry_form_right textarea {
	padding: 5px;
	width: 630px;
	height: 300px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.inquiry_ch {
	width: 400px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
	padding: 10px 20px;
}

.inquiry_ch span {
	font-weight: bold;
	margin: 0 15px 0 0;
}

.ch_bt {
	width: 270px;
	margin: 20px auto;
}

.inquiry_back {
	width: 100%;
	text-align: right;
	margin: 20px 0;
}

.inquiry_back a {
	color: #009;
	text-decoration: underline;
}

.submit_bt {
	width: 270px;
	margin: 20px auto;
	text-align: center;
}

.inquiry_confirmation_left {
	float: left;
	width: 200px;
	height: auto;
	overflow: hidden;
	padding: 25px;
}

.inquiry_confirmation_right {
	float: right;
	width: 640px;
	height: auto;
	overflow: hidden;
	padding: 30px;
	background: #fff;
	border-left: #c2c6d6 solid 2px;
}

.submit_att {
	text-align: center;
}

.complete_att {
	font-weight: bold;
}

.complete_att a {
	color: #009;
	text-decoration: underline;
}

.complete_att span {
	color: #F00;
	margin: 10px 0 0 0;
	float: left;

}

.temporary {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.temporary_att {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 20px;
}

.temporary_att a {
	margin: 10px 0 0 0;
	float: left;
}

.temporary_form {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 0;
	background: #ecffda;
	/* border-top: #c2c6d6 solid 2px; */
	border-right: #c2c6d6 solid 2px;
	border-left: #c2c6d6 solid 2px;
	border-bottom: #c2c6d6 solid 2px;
}

.temporary_form_first {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 0;
	background: #ecffda;
	border: #c2c6d6 solid 2px;
}

.temporary_form_left_required {
	background: url(../img/ico04.jpg) no-repeat left;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.temporary_form_left_norequired {
	background: none;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.temporary_form_sp {
	display: none;
}

/*
.temporary_form_last {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #ecffda;
	border: #c2c6d6 solid 2px;
}
*/

.temporary_form_left {
	float: left;
	width: 200px;
	height: auto;
	overflow: hidden;
	padding: 25px;
	font-weight: bold;
}

.temporary_form_right {
	float: right;
	width: 640px;
	height: auto;
	overflow: hidden;
	padding: 25px;
	background: #fff;
	border-left: #c2c6d6 solid 2px;
}

.temporary_form_right .Text {
	padding: 5px;
	height: 20px;
	max-width: 90%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.temporary_form_left .temporary_form_left_required {
	background: url(../img/ico04.jpg) no-repeat left;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.temporary_form_left .temporary_form_left_norequired {
	background: none;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.temporary_form_right textarea {
	padding: 5px;
	width: 630px;
	height: 300px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.temporary_ch {
	width: 650px;
	height: auto;
	text-align: center;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
	padding: 10px 20px;
}

.temporary_ch a {
	color: #009;
	text-decoration: underline;
}

.temporary_ch_att {
	clear: both;
	color: #F00;
	margin: 10px 0;
	text-align: center;
}

.temporary_ch span {
	font-weight: bold;
	margin: 0 15px 0 0;
}


.temporary_confirmation_left {
	float: left;
	width: 200px;
	height: auto;
	overflow: hidden;
	padding: 25px;
}

.temporary_confirmation_right {
	float: right;
	width: 640px;
	height: auto;
	overflow: hidden;
	padding: 30px;
	background: #fff;
	border-left: #c2c6d6 solid 2px;
	word-break: break-all;
}

.temporary_back {
	width: 100%;
	text-align: right;
	margin: 20px 0;
}

.temporary_back a {
	color: #009;
	text-decoration: underline;
}

.kiyaku {
	width: 960px;
	height: auto;
/*
	overflow: hidden;
*/
	margin: 0 auto;
	font-size: 14px;
}

#kiyaku_inner {
	width: 890px;
	height: 400px;
	overflow: auto;
	margin: 20px auto;
	padding: 10px 15px;
	font-family: "ＭＳ ゴシック";
}

.kiyaku_next {
	width: 400px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
	padding: 10px 20px;
	text-align: center;s
}

.kiyaku_next_bt {
	width: 270px;
	margin: 20px auto;
}

.maintenance {
	width: 960px;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	margin: 0 auto;
}

.information {
	width: 960px;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	margin: 0 auto;
}

.expiration {
	width: 960px;
	min-height: 250px;
	font-size: 16px;
	overflow: hidden;
	margin: 0 auto;
}

.utilizationGuidance {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 16px;
}

.utilizationGuidance a {
	color: #009;
	text-decoration: underline;
}

.ieSupportPolicy {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 16px;
}

.recommendedEnvironment {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 16px;
}

.trial_form {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.trial_form_att {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 20px;
}

.trial_form_att a {
	margin: 10px 0 0 0;
	float: left;
}

.trial_form_form {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 0;
	background: #ecffda;
	border-top: #c2c6d6 solid 2px;
	border-right: #c2c6d6 solid 2px;
	border-left: #c2c6d6 solid 2px;
}

.trial_form_form_last {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #ecffda;
	border: #c2c6d6 solid 2px;
}

.trial_form_form_left {
	float: left;
	width: 200px;
	height: auto;
	overflow: hidden;
	padding: 15px;
	font-weight: bold;
	white-space: nowrap;
}

.trial_form_form_left_required {
	background: url(../img/ico04.jpg) no-repeat left;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.trial_form_form_left2 {
	background: none;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.trial_form_form_left_norequired {
	background: none;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.trial_form_form_right {
	float: right;
	width: 640px;
	height: auto;
	overflow: hidden;
	padding: 25px;
	background: #fff;
	border-left: #c2c6d6 solid 2px;
}

.trial_form_form_right input[type="text"] {
	padding: 5px;
	width: 400px;
	height: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.trial_form_form_right textarea {
	padding: 5px;
	width: 630px;
	height: 300px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.trial_form_ch {
	width: 400px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
	padding: 10px 20px;
}

.trial_form_ch span {
	font-weight: bold;
	margin: 0 15px 0 0;
}


.trial_form_confirmation_left {
	float: left;
	width: 200px;
	height: 30px;
	overflow: hidden;
	padding: 25px;
}

.trial_form_confirmation_right {
	float: right;
	width: 640px;
	height: auto;
	overflow: hidden;
	padding: 30px;
	background: #fff;
	border-left: #c2c6d6 solid 2px;
}

.trial_form_back {
	width: 100%;
	text-align: right;
	margin: 20px 0;
}

.trial_form_back a {
	color: #009;
	text-decoration: underline;
}

.trial_form_contents {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto ;
}

.trial_form_contents_title {
	background: #e4ebff;
	border: #c2c6d6 solid 2px;
	padding: 3px 0 3px 12px;
	font-size: 16px;
	font-weight: bold;
}

.trial_form_contents_title_sub {
	background: #394a8a;
	width: 960px;
	height: auto;
	overflow: hidden;
}

.trial_form_contents_title_sub_left {
	width: 465px;
	float: left;
	padding: 4px 0 4px 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.trial_form_contents_title_sub_right {
	width: 465px;
	float: right;
	padding: 4px 0 4px 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.trial_form_contents_inner {
	border: 2px solid #c2c6d6;
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.trial_form_contents_wrap {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 2px solid #c2c6d6;
}

.trial_form_contents_wrap_last {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.trial_form_contents_inner_left {
	border-right: 2px solid #c2c6d6;
	width: 461px;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 4px 0 4px 15px;
}

.trial_form_contents_inner_left_sub {
	border-right: 2px solid #c2c6d6;
	background: #e4ebff;
	width: 461px;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 4px 0 4px 15px;
}

.trial_form_contents_inner_right {
	width: 461px;
	height: auto;
	overflow: hidden;
	float: right;
	padding: 4px 0 4px 15px;
}

.trial_form_complete {
	background: #ffe2ea;
	border: #ffb2c7 solid 2px;
	width: 926px;
	height: auto;
	overflow: hidden;
	padding: 15px;
	margin: 0 auto 30px;
}

.trial_form_complete_inner {
	width: 740px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px 0;
}

.trial_form_complete_inner p {
	font-size: 16px;
	font-weight: bold;
}

.trial_form_complete_inner span {
	font-size: 25px;
}

.trial_form_complete_title {
	background: #536e39;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 3px 40px;
	width: 920px;
}

.trial_form_complete_title_inner {
	background: #ecffda;
	padding: 20px 0 20px 40px;
	width: 920px;
	height: auto;
	overflow: hidden;
}

.trial_form_complete_title_inner p {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.trial_form_complete_title_inner img {
	margin-right: 10px;
	width: 48px;
}
/**********************************************
***********************************************

   2. infiniteslide.js追加オオガネ20140519

************************************************
************************************************/
.infiniteslide3{
	width:100%;
	margin:0 auto;
	position: relative !important;
}
.infiniteslide3sp{
	display: none;
}

.slideImg {
	width:900px;
	height:380px;
}

ul,li{
	list-style: none;
	margin: 0;
	padding: 0;
}


/****************************************

          2. Slider

*****************************************/
.bx-wrapper{
	width: 100% !important;
	overflow: hidden;
	position: relative !important;
	margin: 30px 0 0 0;
}
.bx-window{
	width: 900px !important;
	margin: 0 auto !important;
	overflow: visible !important;
	height: 430px;
	background: url(../img/window-bg.png) no-repeat bottom;
}

#slider div{
	width: 900px;
}

#slider h3{
		font-family: 'Josefin Sans', sans-serif;
		line-height: 1.2;
		font-size: 36px;
}

#slide1{
	height: 380px;

}

#slide2{
	height: 380px;
}

#slide3{
	height: 380px;

}

#slide4{
	height: 380px;

}

.right,
.left{
	width:380px !important;
	float: right;
	padding: 70px 50px;
}
.left{
	float: left;
	padding-left: 130px;
}


/* Navi */
.bx-pager{
	width: 80px;
	margin: 0 auto;
	top: -30px;
	overflow: hidden;
	position: relative;

}

.bx-pager a{
		display: block;
		width: 8px;
		height: 8px;
		float: left;
		background: url(../img/navi-bg1.png) no-repeat 0 0;
		text-indent: -9999px;
		color: #fff !important;
		text-align: center;
		line-height:8px;
		text-decoration: none;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
		font-family: 'Josefin Sans', sans-serif;
		margin: 0 5px;
	}

	.bx-pager a:hover,
	.bx-pager a.pager-active{
		background-position: 0 100%;
	}
/* prev next */
.prev-next{
	width: 900px;
	margin: 0 auto;
	position: relative;
}


	.bx-prev,
	.bx-next{
		font-family: 'Josefin Sans', sans-serif;
		font-size: 50px;
		line-height: 70px;
		text-align: center;
		vertical-align: baseline;
		padding-bottom: 20px;
		display: block;
		width: 70px;
		height: 70px;
		position: absolute;
		top:-300px;
		text-decoration: none;
	}
		.bx-prev {left: -15px;}
		.bx-next { right: -15px;}
			.bx-prev:hover,
			.bx-next:hover{
				text-decoration: none;
			}
		*:first-child+html .bx-prev,
		*:first-child+html .bx-next{
			top:-260px;
		}

/* frame */
body,
#container,
.wrapper{
	position: relative;
}
html,
body{
	overflow-x: hidden;
}

#slider-frame-left{
	height: 380px;
	position: absolute;
	width: 900px;
	top:-385px;
	right:900px;
	background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-bg.png) repeat-x 100% 0;
}
#slider-frame-right{
	height: 380px;
	position: absolute;
	width: 900px;
	top:-385px;
	left:900px;

	background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-bg.png) repeat-x 0 0;
}
#frame-top,
#frame-bottom{
	position: absolute;
	width: 900px;
	height: 50px;
	left:0;
}
	#frame-top{
		top:-385px;
		background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-top.png) repeat-x 0 0;
	}
	#frame-bottom{
		top:-105px;
		background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-bottom.png) repeat-x 0 0;
	}

#frame-left,
#frame-right{
	width: 50px;
	height: 230px;
	position: absolute;
	top:-335px;
}
	#frame-left{
		left:0;
		background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-left.png) repeat-x 0 0;
	}
	#frame-right{
		right: 0;
		background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-right.png) repeat-x 0 0;
	}

#page-top {
	position: fixed;
	bottom: 220px;
	right: 20px;
}

#page-top a {
	width: 53px;
	height: 52px;
}


/*

    Apply

*/
#apply #c_main .section p.Description {
	margin-bottom: 10px;
}
.Error {
	margin: 10px;
	padding: 10px 15px;
	background-color: #FFFFFF;
	border: 2px #E85298 solid;
}
#apply #c_main .section table th,
#apply #c_main .section table td {
	padding: 5px 15px;
	font-size: 100%;
	text-align: left;
}
#apply #c_main .section table td input.Text {
	height: 1.8em;
	line-height: 1.8;
}
#apply #c_main .section table td .Description {
	color: #666666;
	line-height: 1.5;
}
#apply #c_main .section p.Submit {
	margin: 20px 0;
	text-align: center;
}

.utilizationGuidance_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.utilizationGuidance_contents01_subtitle {
	width: 920px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}

.utilizationGuidance_contents01_subtitle ul li {
	font-weight: bold;
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidance_contents01_att {
	width: 900px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.utilizationGuidance_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidance_contents02 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.utilizationGuidance_contents02_subtitle {
	width: 400px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	font-weight: bold;
	padding-left: 20px;
}

.utilizationGuidance_contents02_att {
	width: 400px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
	padding-left: 20px;
}

.utilizationGuidance_contents02_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidanceLeftBox {
	float: left;
	width: 420px;
	height: auto;
	padding-left: 20px;
}

.utilizationGuidanceLeftBox table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #2b2b2b solid;
	width:400px;
}

.utilizationGuidanceRightBox {
	float: right;
	width: 420px;
	height: auto;
	padding-right: 80px;
}

.utilizationGuidanceRightBox table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #2b2b2b solid;
	width:400px;
}

.utilizationGuidance_contents01_pic {
	width: 900px;
	padding: 0 0 0 100px;
}

.utilizationGuidance_contents01_att ul .secondIndentRow {
	padding: 0 2em 0 3em;
	text-indent: -2em;
}

.information_contents {
	width: 900px;
	font-size: 14px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	text-indent: 1em;
	line-height: 1.3;
}

#osBlowserTable {
	width: 600px;
	height: auto;
	margin: 20px 0 0 60px;
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#osBlowserTable tr {
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#osBlowserTable th {
	width: 300px;
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#f1c1dd;
}

#osBlowserTable td {
	width: 300px;
	padding:10px 0 10px 10px;;
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#ffffff;
}

.cssseal {
	float: right;
	margin-top: 50px;	/* 2018.10.01. UPD. 75px */
}

.topMargin {
	margin-top: 30px;
}

.sectionTopMargin {
	margin-top: 50px;
}

.about_trial_sub {
	width: 960px;
	margin: 0;
}

.aboutTrial_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents01_left {
	width: 440px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;

}

.aboutTrial_contents01_right {
	width: 460px;
	height: auto;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents02 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents02 .page_title_sub {
	padding-top: 20px;
}

.aboutTrial_contents02_left {
	width: 200px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 40px;
}

.aboutTrial_contents02_right {
	width: 700px;
	height: auto;
	float: right;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
}

.aboutTrial_contents03 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents03 .page_title_sub {
	padding-top: 0;
}

.aboutTrial_contents03_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents03_att_left {
	width: 460px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 10px 0 20px 0;
	padding-left: 20px;

}

.aboutTrial_contents03_att_right {
	width: 425px;
	height: auto;
	float: right;
	overflow: hidden;
	padding-left: 15px;
}


.aboutTrial_contents04 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents04 .page_title_sub {
	padding-top: 50px;
}

.aboutTrial_contents04_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto 0;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents04_inner {
	width: 900px;
	font-size: 14px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents04_left {
	width: 450px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 10px 0 20px 25px;

}

.aboutTrial_contents04_right {
	width: 380px;
	height: auto;
	padding-left: 30px;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents04_left2 {
	width: 380px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 10px 0 20px 0;

}

.aboutTrial_contents04_right2 {
	width: 480px;
	height: auto;
	padding-left: 30px;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents05 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents05 .page_title_sub {
	padding-top: 25px;
}

.aboutTrial_contents05_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents05_att_02 {
	width: 900px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents05_att_02 ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.aboutTrial_contents06 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents06 .page_title_sub {
	padding-top: 50px;
}

.aboutTrial_contents06_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents06_att_left {
	width: 420px;
	height: auto;
	float: left;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 20px;
}

.aboutTrial_contents06_att_right {
	width: 420px;
	height: auto;
	float: right;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 30px;
}

.aboutTrial_contents06_att2 {
	width: 890px;
	font-size: 14px;
	margin: 40px 0 20px 30px;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents06_att2_left {
	width: 420px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 30px;
}

.aboutTrial_contents06_att2_right {
	width: 420px;
	height: auto;
	float: right;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 20px;
}

.aboutTrial_contents07 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents07 .page_title_sub {
	padding-top: 50px;
}

.aboutTrial_contents07_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents07_inner {
	width: 850px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents07_left {
	width: 140px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;

}

.aboutTrial_contents07_right {
	width: 680px;
	height: auto;
	padding-left: 10px;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents07_left2 {
	width: 600px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	padding-left: 20px;

}

.aboutTrial_contents07_right2 {
	width: 200px;
	height: auto;
	padding-left: 10px;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents07_left3 {
	width: 350px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	padding-left: 20px;

}

.aboutTrial_contents07_right3 {
	width: 450px;
	height: auto;
	padding-left: 10px;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents08 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	position: relative;
}

.aboutTrial_contents08 .page_title_sub {
	padding-top: 25px;
}

.aboutTrial_contents08_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

#infoMsg {
	color: blue;
}

.aboutTrial_contents08_att_02 {
	width: 900px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents08_att_02 ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}


#compareTable {
	width: 780px;
	height: auto;
	margin: 20px 0 0 60px;
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#compareTable tr {
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#compareTable th {
	width: 260px;
	height: 40px;
	border-left: 1px #ddf1c7 solid;
	border-top: 1px #ddf1c7 solid;
	border-bottom: 1px #fff solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#ddf1c7;
	color: #789753;
}

#compareTable td {
	width: 260px;
	height: 40px;
	padding:10px 0 10px 10px;;
	border: 1px #ddf1c7 solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#ffffff;
	text-align: center;
	color: #789753;
}

#compareTable #headerTitle {
	width: 260px;
	height: 40px;
	padding:10px 0 10px 10px;;
	border: 1px #789753 solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#789753;
	text-align: center;
	color: #789753;
}

.title17_img01 {
	width: 400px;
}

#title17_img06 {
	width: 300px;
}

#title17_img07 {
	width: 380px;
}

#title24_img03 {
	width: 400px;
}

.webDeSeries {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents01_att {
	width: 880px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;

}

.webDeSeries_contents02 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top: 40px;
}

.webDeSeries_contents02_left {
	width: 440px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;
	padding-top: 25px;
}

.webDeSeries_contents02_right {
	width: 460px;
	height: auto;
	float: right;
	overflow: hidden;
	padding-top: 40px;
}

.webDeSeries_contents03 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top:40px;
}

.webDeSeries_contents03_2 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents03_att {
	width: 880px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;
	padding-top: 20px;
}

.webDeSeries_contents03_left {
	width: 690px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;
	padding-top: 20px;
}

.webDeSeries_contents03_right {
	width: 120px;
	height: auto;
	float: right;
	overflow: hidden;
	padding-right:100px;
	padding-top: 50px;
}

.webDeSeries_contents04 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents04_left {
	width: 440px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;
	padding-top: 20px;

}

.webDeSeries_contents04_right {
	width: 460px;
	height: auto;
	float: right;
	overflow: hidden;
}

.webDeSeries_contents05 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top: 40px;
}

.webDeSeries_contents05_sub {
	padding-top:50px;
}

.webDeSeries_contents05_left {
	width: 440px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;
	padding-top: 70px;
}

.webDeSeries_contents05_right {
	width: 460px;
	height: auto;
	float: right;
	overflow: hidden;
	padding-top:20px;
}

.webDeSeries_contents06 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top: 40px;
}

.webDeSeries_contents06_left {
	width: 440px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;

}

.webDeSeries_contents06_right {
	width: 460px;
	height: auto;
	float: right;
	overflow: hidden;
}

.webDeSeries_contents07 {
	width: 905px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents07_left {
	width: 395px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 50px;

}

.webDeSeries_contents07_right {
	width: 380px;
	height: auto;
	float: right;
	overflow: hidden;
	font-size: 16px;
	margin: 20px 40px 20px 0;
	padding-top: 60px;
}

.webDeSeries_contents08 {
	width: 905px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top: 40px;
}

.webDeSeries_contents08_left {
	width: 410px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 50px;
	padding-top:25px;

}

.webDeSeries_contents08_right {
	width: 405px;
	height: auto;
	float: right;
	overflow: hidden;
	padding-top:30px;
}

.webDeSeries_contents09 {
	width: 905px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top: 40px;
}

.webDeSeries_contents09_left {
	width: 395px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 50px;

}

.webDeSeries_contents09_right {
	width: 380px;
	height: auto;
	float: right;
	overflow: hidden;
	font-size: 16px;
	margin: 20px 40px 20px 0;
	padding-top: 60px;
}

.webDeSeries_contents10 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top: 40px;
}

.webDeSeries_contents10_att {
	width: 880px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;
}

.telework_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto 0;
	color: #3f3f3f;
}

.telework_contents01_inner {
	width: 910px;
	height: auto;
	margin: 20px 0 20px 40px;
}

.telework_contents01_att {
	width: 850px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding: 0 0 20px 30px;
}

.telework_contents01_dtl_left1 {
	width: 420px;
	min-height: 120px;
	float: left;
	overflow: hidden;

}

.telework_contents01_dtl_left1 span {
	font-weight: bold;
}

.telework_contents01_dtl_right1 {
	width: 380px;
	min-height: 120px;
	float: right;
	overflow: hidden;
}

.telework_contents01_dtl_right1 img{
	width: 180px;
	height: 100px;
}

.telework_contents01_dtl_right1_2 {
	width: 380px;
	min-height: 120px;
	float: right;
	overflow: hidden;
}

.telework_contents01_dtl_right1_2 img{
	height: 100px;
	margin-left: 48px;
}

.telework_contents01_dtl_left2 {
	width: 420px;
	min-height: 160px;
	float: left;
	overflow: hidden;

}

.telework_contents01_dtl_left2 span {
	font-weight: bold;
}


.telework_contents01_dtl_right2 {
	width: 380px;
	min-height: 160px;
	float: right;
	overflow: hidden;
}

.telework_contents01_dtl_right2 img{
	width: 180px;
	height: 100px;
}

.telework_contents02 {
	width: 960px;
	height: auto;
	overflow: hidden;
	color: #3f3f3f;
	margin: 0 auto 20px;
}

.telework_contents02_inner {
	width: 910px;
	height: auto;
	margin: 0 0 20px 40px;
}

.telework_contents02_att {
	width: 860px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding: 0 0 20px 30px;
}

.telework_contents02_dtl_left1 {
	width: 300px;
	min-height: 190px;
	float: left;
	overflow: hidden;
	padding: 10px 0 0 0;

}

.telework_contents02_dtl_left1 img {
	width: 300px;
	height: 170px;
}

.telework_contents02_dtl_right1 {
	width: 550px;
	min-height: 190px;
	float: right;
	overflow: hidden;
	padding: 10px 0 0 0;
	text-align: left;
}

.telework_contents02_01_att {
	width: 900px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: -10px 0 20px 0;
	padding: 0 0 20px 20px;
}

.telework_contents02_dtl_left2 {
	width: 300px;
	min-height: 150px;
	float: left;
	overflow: hidden;
	padding: 10px 0 0 0;

}

.telework_contents02_dtl_left2 img {
	width: 300px;
	height: 180px;
}

.telework_contents02_dtl_right2 {
	width: 550px;
	min-height: 150px;
	float: right;
	overflow: hidden;
	padding: 10px 0 0 0;
	margin: 40px 0 0 0;
	text-align: left;
}

.telework_contents02_dtl_left3 {
	width: 300px;
	min-height: 190px;
	float: left;
	overflow: hidden;
	padding: 10px 0 0 0;

}

.telework_contents02_dtl_left3 img {
	width: 300px;
	height: 180px;
}

.telework_contents02_dtl_right3 {
	width: 550px;
	min-height: 190px;
	float: right;
	overflow: hidden;
	padding: 10px 0 0 0;
	margin: 20px 0 0 0;
	text-align: left;
}

.telework_contents03 {
	width: 960px;
	height: auto;
	overflow: hidden;
	color: #3f3f3f;
	margin: 20px auto;
}

.telework_contents03_inner {
	width: 910px;
	height: auto;
	margin: 0 0 20px 40px;
}

.telework_contents03_att {
	width: 860px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding: 0 0 20px 30px;
}

.telework_contents03_att .attention {
	color: red;
}

.telework_contents03_att .indent3 {
	text-indent: -6em;
	padding-left: 7em;
	width: 720px;
}

.telework_contents03_att2 {
	width: 880px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 30px;
}

.telework_contents03_dtl_left1 {
	width: 140px;
	min-height: 100px;
	float: left;
	overflow: hidden;
	padding: 0 0 0 60px;

}

.telework_contents03_dtl_left1 img {
	width: 100px;
	height: 80px;
}

.telework_contents03_dtl_right1 {
	width: 660px;
	min-height: 100px;
	float: right;
	overflow: hidden;
	padding: 10px 0 0 0;
	text-align: left;
}

.telework_contents03_dtl_right1_inner {
	padding-top:20px;
}

.telework_contents03_dtl_right1_inner span {
	font-weight: bold;
}

.telework_contents03_dtl_right1_inner2 {
	padding-top:5px;
}

.telework_contents03_dtl_right1_inner2 .column {
	font-weight: bold;
}

.telework_contents03_dtl_right1_inner2 .information {
	font-size: 10px;
}

.telework_contents03_dtl_left2 {
	width: 500px;
	min-height: 100px;
	float: left;
	overflow: hidden;
	padding: 0 0 0 1em;

}

.telework_contents03_dtl_left2 li {
	text-indent: -2em;
	padding-left: 2em;
	padding-bottom: 0.5em;
}

.telework_contents03_dtl_left2 .indent2 {
	text-indent: -1em;
	padding-left: 4em;
	padding-bottom: 0.5em;
}

.telework_contents03_dtl_right2 {
	width: 340px;
	min-height: 100px;
	float: right;
	overflow: hidden;
	padding: 130px 0 0 0;
	text-align: left;
}

.telework_contents03_dtl_right2 img {
	padding-left: 20px;
	width: 250px;
}

.telework_contents03_dtl_right2_2 {
	width: 340px;
	min-height: 100px;
	float: right;
	overflow: hidden;
	padding: 250px 0 0 0;
	text-align: left;
}

.telework_contents03_dtl_right2_2 img {
	padding-left: 10px;
	width: 280px;
}

.keihiTableArea {
	width: 700px;
	height: auto;
	padding: 30px 0 0 40px;
}
.imgTd {
	width: 140px;
	height: 100px;
	text-align: center;
}

.imgTd img {
	width: 100px;
	height: 80px;
}

.textTd {
	width: 140px;
	height: 60px;
	text-align: center;
	font-weight: bold;
}

#joseikinTableArea {
	padding: 0 0 10px 0;
}

#joseikinTable {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #3f3f3f solid;
	width:800px;
}

#joseikinTable tr {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #3f3f3f solid;
}

#joseikinTable td {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #3f3f3f solid;
}

#joseikinTable .leftTdTitle {
	text-align: left;
	padding-left: 10px;;
	background-color: #d7d7d7;
	font-family: "ＭＳ 明朝";
}

#joseikinTable .centerTdTitle {
	text-align: center;
	background-color: #d7d7d7;
	font-family: "ＭＳ 明朝";
}

#joseikinTable .leftTd {
	text-align: left;
	padding-left: 10px;;
}

#joseikinTable .centerTd {
	text-align: center;
}

.index_bn {
	text-align: center;
}

.index_bn_fair {
	padding-bottom: 20px;
	padding-left: 100px;
}

.autumnFair2015 {
	width: 960px;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	margin: 0 auto;
}

.autumnFair_contents01 {
	width: 880px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.autumnFair_contents01 p {
	width: 880px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 20px;
}

.autumnFair_contents01_inner {
	font-size: 16px;
	margin-left: 30px;
}

.autumnFair_contents01 ul li {
	font-size: 16px;
}

.price_table table {
	width: 100%;
	margin: 20px auto;
}

.price_table table th {
	background: #779853;
	padding: 5px;
	color: #fff;
	text-align: center;
	border-left: #ccc solid 3px;
	border-bottom: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 18px;
	height: 70px;
	font-weight: bold;
	vertical-align: middle;
}
.price_table table td.back_cl{
	border-left: #ccc solid 3px;
	background-color:#cddcbd;
	color: #4c4c4c;
	font-weight: bold;
	font-size: 18px;
}
.price_table table td p {
	color: #585858;
	font-weight: bold;
	font-size: 18px;
}

.price_table table tr {
	border-bottom: #ccc solid 3px;
}

.price_table table td {
	background: #ffffff;
	color: #585858;
	padding: 5px;
	text-align: center;
	border-left: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 18px;
	height: 70px;
	vertical-align: middle;
	font-weight: bold;
}

.price_table2 table {
	width: 100%;
	margin: 20px auto;
}

.price_table2 table th {
	background: #779853;
	padding: 5px;
	color: #fff;
	text-align: center;
	border-left: #ccc solid 3px;
	border-bottom: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 18px;
	height: 70px;
	font-weight: bold;
	vertical-align: middle;
}
.price_table2 table td.back_cl{
	border-left: #ccc solid 3px;
	background-color:#cddcbd;
	color: #4c4c4c;
	font-weight: bold;
	font-size: 18px;
}
.price_table2 table td p {
	color: #585858;
	font-weight: bold;
	font-size: 18px;
}

.price_table2 table tr {
	border-bottom: #ccc solid 3px;
}

.price_table2 table td {
	background: #ffffff;
	color: #585858;
	padding: 5px;
	text-align: center;
	border-left: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 18px;
	height: 70px;
	vertical-align: middle;
	font-weight: bold;
}

.server-function {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.server-function table {
	width: 100%;
	margin: 0 auto 60px;
}

.server-function table th {
	background: #779853;
	padding: 7px;
	color: #fff;
	text-align: center;
	border-bottom: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

.server-function table td p {
	color: #585858;
	font-weight: bold;
	font-size: 18px;
}

.server-function table tr {
	border: #ccc solid 3px;
}

.server-function table td {
	background: #ffffff;
	color: #585858;
	padding: 7px;
	text-align: left;
	border: #ccc solid 3px;
	font-size: 16px;
	vertical-align: middle;
	font-weight: bold;
}

.server-function table .middleColumn {
	width: 100px;
	background: #ffffff;
	color: #0dbde1;
	padding: 7px;
	text-align: left;
	border: #ccc solid 3px;
	font-size: 16px;
	vertical-align: middle;
	font-weight: bold;
}

.server-function table .description {
	background: #ffffff;
	color: #2b2b2b;
	padding: 7px;
	text-align: left;
	border: #ccc solid 3px;
	font-size: 14px;
	vertical-align: middle;
	font-weight: normal;
}

 .server-function table .cent {
	background: #ffffff;
	color: #585858;
	padding: 7px;
	text-align: center;
	border: #ccc solid 3px;
	font-size: 16px;
	vertical-align: middle;
	font-weight: bold;
	width: 100px;
}

#domain {
	width: 500px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	border: #ccc solid 1px;
}

.domain_att {
	text-align: center;
	background: #779853;
	color: #fff;
	font-size: 14px;
	padding: 10px;
}

.domin_inner {
	padding: 10px 20px 0 20px;
}

.domin_inner label {
	width: 100px;
	float: left;
	margin: 2px 0;
}

.domin_inner p {
	color: #C03;
	margin: 0 0 5px 0;
}

.domin_input {
	width: 260px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 10px;
}

.domin_input input[type="text"] {
	width: 240px;
	padding: 5px;
}

.domin_input span {
	clear: both;
	color: #ccc;
	font-size: 12px;
}

.domin_description {
	width: 480px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 10px;
}

.domin_description span {
	clear: both;
	color: #ccc;
	font-size: 12px;
	margin: 0 0 0 20px;
}

.submit_area {
	margin: 10px auto;
	clear: both;
	width: 100px;
}

.submit_area input[type="submit"] {
	text-align: center;
	width: 100px;
	height: auto;
	overflow: hidden;
	padding: 8px 0;
	background: #779853;
	color: #fff;
	border: none;
	margin: 20px auto 0;
	cursor: pointer;
}

.domain_result {
	border: #999 dotted 1px;
	padding: 10px;
	text-align: center;
	width: 400px;
	margin: 10px auto 20px;
	font-weight: bold;
	font-size: 14px;
}

.domain_result_ok {
	color: #00F;
}

.domain_result_ng {
	color: #F00;
}

.server-function_more {
	text-align: center;
	margin: 0 0 20px 0;
}
.priceTableInfo {
	margin: 10px 0 20px 30px;
	color: #779853;
	text-indent: -1em;
	padding-left: 1em;
	color: red;
	font-size: 14px;
}

.domain_search {
	text-align: center;
	margin: 15px auto 5px;
	width: 900px;
	height: 80px;
}

.domain_searchL {
	float: left;
	width: 440px;
	height: 78px;
}

.domain_searchR {
	float: right;
	width: 440px;
	height: 78px;
}

.utilizationGuidance_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.utilizationGuidance_contents01_subtitle {
	width: 920px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}

.utilizationGuidance_contents01_subtitle ul li {
	font-weight: bold;
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidance_contents01_att {
	width: 900px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.utilizationGuidance_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidance_contents02 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.utilizationGuidance_contents02_subtitle {
	width: 400px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	font-weight: bold;
	padding-left: 20px;
}

.utilizationGuidance_contents02_att {
	width: 400px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
	padding-left: 20px;
}

.utilizationGuidance_contents02_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidanceLeftBox {
	float: left;
	width: 420px;
	height: auto;
	padding-left: 20px;
}

.utilizationGuidanceLeftBox table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #2b2b2b solid;
	width:400px;
}

.utilizationGuidanceRightBox {
	float: right;
	width: 420px;
	height: auto;
	padding-right: 80px;
}

.utilizationGuidanceRightBox table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #2b2b2b solid;
	width:400px;
}

.utilizationGuidance_contents01_pic {
	width: 900px;
	padding: 0 0 0 100px;
}

.utilizationGuidance_contents01_att ul .secondIndentRow {
	padding: 0 2em 0 3em;
	text-indent: -2em;
}

.serverFunction_contents01_att {
	width: 900px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.serverFunction_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.expiration a {
	color: #009;
}

.server-function table td.gree {
	background-color: #CDDCBD;
}

 .domainRegistryService a {
	color: #009;
	text-decoration: underline;
}

.domainRegistryService_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.domainRegistryService_contents01_subtitle {
	width: 920px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}

.domainRegistryService_contents01_subtitle ul li {
	font-weight: bold;
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.domainRegistryService_contents01_att {
	width: 900px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.domainRegistryService_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.domainRegistryService_contents01_att table {
	position:relative;
	left:2em;
	border-collapse:collapse;
	border-spacing:0;
	border: 1px #2b2b2b solid;
}

.domainRegistryService_contents01_att .domainTablePC {
}
.domainRegistryService_contents01_att .domainTableSP {
	display: none;
}

.domainRegistryService_contents01_att .tableTitleDomainKnd1 {
	width:150px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #fff solid;
	background-color: #779853;
	color: #fff;
}

.domainRegistryService_contents01_att .tableTitleAcqCond1 {
	width:600px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	background-color: #779853;
	color: #fff;
}

.domainRegistryService_contents01_att .tableDataDomainKnd1 {
	width:150px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
}

.domainRegistryService_contents01_att .tableDataAcqCond1 {
	width:600px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
}

.domainRegistryService_contents01_att .tableDataDomainKnd2 {
	width:150px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #fff solid;
	background-color: #779853;
	color: #fff;
	vertical-align:middle;
}

.domainRegistryService_contents01_att .tableDataPeriod1 {
	width:600px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #fff solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #fff;
	background-color: #779853;
}

.domainRegistryService_contents01_att .tableDataPeriod2 {
	width:200px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	color: #fff;
	background-color: #779853;
}

.domainRegistryService_contents01_att .tableDataPeriod3 {
	width:200px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #fff solid;
	border-right: 1px #779853 solid;
	color: #fff;
	background-color: #779853;
}
.domainRegistryService_contents01_att .tableDataDomainKnd3 {
	width:150px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
}
.domainRegistryService_contents01_att .tableDataDomainKnd4 {
	width:150px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
	text-align: center;
	vertical-align: middle;
}
.domainRegistryService_contents01_att .tableDataPeriod4 {
	width:160px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
	text-align: center;
	vertical-align: middle;
}

.domainRegistryService_contents01_att .tableDataPeriod5 {
	width:160px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
	text-align: center;
	vertical-align: middle;
}

.domainRegistryService_contents01_att .tableDataPeriod6 {
	width:160px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-right: 1px #fff solid;
	color: #fff;
	background-color: #779853;
}

.domainRegistryService_contents01_att .tableDataPeriod7 {
	width:160px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #fff;
	background-color: #779853;
}

.domainRegistryService_contents01_att .infoMsgLi {
	margin: 10px 0 20px 30px;
	color: #779853;
	text-indent: -1em;
	padding-left: 1em;
}

.domainRegistryService_contents01_att .domainRule li {
	padding: 0;
	text-indent: 0;
}

.domainRegistryService_contents01_att .indent0 {
	margin-left: 0;
}

.domainRegistryService_contents01_att .indent2 {
	margin-left: 2em;
}

.domainRegistryService_contents01_att .indent3 {
	margin-left: 3em;
}

.information_contents {
	width: 900px;
	font-size: 14px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	text-indent: 1em;
	line-height: 1.3;
}

#osBlowserTable {
	width: 600px;
	height: auto;
	margin: 20px 0 0 60px;
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#osBlowserTable tr {
	border: 1px #779853 solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#osBlowserTable th {
	width: 300px;
	border-bottom: 1px #779853 solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#779853;
	color: #fff;
}

#osBlowserTable td {
	width: 300px;
	padding:10px 0 10px 10px;;
	border: 1px #779853 solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#ffffff;
	color: #779853;
}

#news_years_info {
	padding-left: 20px;
	padding-right: 20px;
}

.ieSupportPolicy_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.ieSupportPolicy_contents01_att {
	width: 900px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.ieSupportPolicy_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.recommendedEnvironment_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.recommendedEnvironment_contents01_subtitle {
	width: 920px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}

.recommendedEnvironment_contents01_subtitle ul li {
	font-weight: bold;
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.recommendedEnvironment_contents01_att {
	width: 900px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.recommendedEnvironment_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

/*--------- For tlsInvalidInfo.php (2018.09.28. ADD.) Start ----------*/
.contentTLS {
	width: 830px;
	margin: 0 auto;
	font-size: 14px;
}

.contentTLS a {
	color: #009;
}

.tableTLS {
	margin: 10px 20px 30px;
}

.tableTLS table {
	width: 580px;
	border-collapse: collapse;
	border: solid 1px #006600;
}

.tableTLS table th {
	color: #fff;
	background: #538135;
	text-align: center;
	vertical-align: middle;			/* 縦方向の揃え位置 */
	font-size: 14px;
	font-weight: bold;
	border-right: 1px #fff solid;
}

.tableTLS table td {
	color: #006600;
	border: solid 1px #006600;
	padding: 0.5em;
	text-align: left;
}

.tableTLS .tdCenter {
	text-align: center;
}

.tableTLS .rightTH {
	border-right: 1px #006600 solid;
}

.indent_1 {
	text-indent: 2em;
}
.indent_2 {
	text-indent: 3em;
}

.textBold {
	font-weight: bold;
}

.detailInfo ul {
	margin-left: 20px;
}

.detailInfo dd {
	margin-left: 20px;
}
/*--------- For tlsInvalidInfo.php (2018.09.28. ADD.) End ----------*/


/*-------  共通指定  -------*/
.text_bleu {
	color: #009;
	}

.tokubetu_text {
	font-size: 15px;
	font-weight: bold;
	margin-left: 19px;
	margin-top: 10px;
	}


/*-------  2016年以降の指定  -------*/
.server_bn {
	margin-top: 20px;
	margin-bottom: 40px;
	}
.campaign {
	font-size: 1.3em;
}

.campaign_price_sp {
	display: none;
}

.campaign_price table {
	width: 100%;
	margin: 20px auto;
}

.campaign_price table th {
	background: #008080;
	padding: 5px;
	color: #fff;
	text-align: center;
	border-bottom: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 18px;
	height: 70px;
	font-weight: bold;
	vertical-align: middle;
}
.campaign_price table td.back_cl{
	background-color:#DDF7F0;
	color: #4c4c4c;
	font-weight: bold;
	font-size: 18px;
}
.campaign_price table td p {
	color: #585858;
	font-weight: bold;
	font-size: 18px;
}

.campaign_price table tr {
	border-bottom: #ccc solid 3px;
}

.campaign_price table td {
	background: #ffffff;
	color: #585858;
	padding: 5px;
	text-align: center;
	border-right: #ccc solid 3px;
	font-size: 18px;
	height: 70px;
	vertical-align: middle;
	font-weight: bold;
}

.campaign_price .table_intext {
	text-align:left;
	margin-left:60px;
}

.campaign_contents01 {
	padding-top: 20px;
}

.campaign2020 {
	padding-bottom: 20px;
}

.campaign2020sp {
	display: none;
}

.labelSelPlanSP {
	display: none;
}

.form-select-sp {
	display: none;
}

.couponinfo {
	width: 650px;
	height: auto;
	text-align: left;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #70ad47 solid 1px;
	padding: 10px 20px;
}

.couponinfo_att {
	clear: both;
	margin: 5px 0px 5px 5px;
	text-align: left;
}

.couponinfo_att_sp {
	display:none;
}

.couponinfo .span_b {
	font-weight: bold;
	margin: 0 15px 0 0;
	color: #375623;
}

.couponinfo .span_d {
	margin: 0 15px 0 0;
	color: #ff3300;
}

.couponinfo .span_d2 {
	margin: 0 15px 0 0;
	color: #375623;
	font-size: 12px;
}

.couponinfo .span_da {
	display: inline-block;
	width:190px;
	text-align:right;
}

.couponinfoInline {
	width: 595px;
	height: auto;
	text-align: left;
	overflow: hidden;
	margin: 0 0 30px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #70ad47 solid 1px;
	padding: 10px 20px;
}

.couponinfoInline_att {
	clear: both;
	color: #F00;
	margin: 10px 0px 10px 20px;
	text-align: left;
}

.couponinfoInline .span_b {
	font-weight: bold;
	margin: 0 15px 0 0;
	color: #375623;
}

.couponinfoInline .span_d {
	margin: 0 15px 0 0;
	color: #ff3300;
}

.couponinfoInline .span_d2 {
	margin: 0 15px 0 0;
	color: #375623;
	font-size: 12px;
}

.couponinfoInline .span_da {
	display: inline-block;
	width:190px;
	text-align:right;
}

.use_coupon_nm {
	color : #F00;
}

.bottom-sticky-nav {
	display: none;
}

.laurelTree {
	position: absolute;
	top: 0;
	left: 820px;
	width: 100px;
}

    .pc { display: block !important; }
    .sp { display: none !important; }
	.sp1 { display: none !important; }
	.sp2 { display: none !important; }

}

@media screen and (max-width: 600px) {
::selection {
	background: #948e85;
	color: #fff;
}
::-moz-selection {
	background: #948e85;
	color: #fff;
}

body {
	line-height: 1.8;
	color: #000;
	font-size: 12px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","Osaka",sans-serif;
}

a {
	color: #030;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: none;
}

section {
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
}

header {
	background: url(../img/header_bg.jpg) repeat-x;
	width: 100%;
	height: auto;
}

#header {
	width: 100%;
	height: 120px;
	overflow: hidden;
	margin: 0 auto;
}

#header h1 {
	margin: 30px 0 0 0;
	width: 95px;
	height: 90px;
	float: left;
	padding-left: 10px;
}

#header h1 img {
	width: 90px;
}

#h1PC {
	display: none;
}

.maintenanceCost {
	padding-left : 60px;
	padding-top: 3px;
	position: relative;
}

.maintenanceCost img {
	width: 160px;
}

.seg7Font {
	font-family: 'myfont';
	position: relative;
}
.maintenanceFeeRate {
		position: absolute;
		right: 58%;
		top: 50px;
		font-size: 48px;
		color: #a0da25;
		font-family: myfont
}
.maintenanceFeeRateBack {
		position: absolute;
		right: 58%;
		top: 50px;
		font-size: 48px;
		color: #474a4e;
		font-family: myfont
}
.maintenanceFeeRate2 {
		position: relative;
		font-size: 35px;
		color: #a0da25;
		font-family: myfont
}
.maintenanceFeeRateBack2 {
		position: relative;
		font-size: 35px;
		color: #474a4e;
		font-family: myfont
}
.priceTableMaintenanceFeeRate {
		position: absolute;
		right: 35px;
		top: 58px;
		font-size: 43px;
		color: #a0da25;
		font-family: myfont;
}
.priceTableMaintenanceFeeRateBack {
		position: absolute;
		right: 35px;
		top: 58px;
		font-size: 43px;
		color: #474a4e;
		font-family: myfont;
}
.priceTableMaintenanceFeeRate2 {
		position: relative;
		font-size: 33px;
		color: #a0da25;
		font-family: myfont;
}
.priceTableMaintenanceFeeRateBack2 {
		position: relative;
		font-size: 33px;
		color: #474a4e;
		font-family: myfont;
}

.header_login_area {
	width: 72%;
	height: auto;
	overflow: hidden;
	float: right;
}

#header h2 {
	width: 100%;
	height: 35px;
	overflow: hidden;
	margin: 30px 0 0 25px;
	text-align: left;
}

#header h2 img {
	width: 55%;
}

#h2PC {
	display: none;
}

.powerd_by {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: right;
	margin: 0;
}

.powerd_by_text {
	float: left;
	width: 80px;
	padding: 23px 0;
	text-align: center;
}

.powerd_navi {
	display: none;
}

.powerd_navi_sp {
	/*
	background: url(../img/powerd_bg.jpg) no-repeat;
	*/
	background-position: right;
	width: 100%;
	height: auto;
	float: right;
}

.powerd_navi_sp ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 5px auto;
}

.powerd_navi_sp ul li {
	float: right;
}

.powerd_navi_sp01 {
	margin: 1px 5px 0 5px;
	width: 28%;
}

.powerd_navi_sp01 img {
	width: 100%;
}

.powerd_navi_sp02 {
	margin: 1px 5px 0 5px;
	width: 28%;
}

.powerd_navi_sp02 img {
	width: 100%;
}

.powerd_navi_sp03 {
	margin: 1px 5px 0 5px;
	width: 28%;
}

.powerd_navi_sp03 img {
	width: 100%;
}


#navPC {
	display: none;
}

/*============
nav
=============*/
#navArea {
	width: 100%;
}
#navSP {
  display: block;
  position: fixed;
  top: 0;
  left: -300px;
  bottom: 0;
/*  width: 300px; */
  width: 80%;
  background: #dbe8df;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 3;
  opacity: 0;
}
.open #navSP {
  left: 0;
  opacity: 1;
}
#navSP .inner {
  padding: 25px;
}
#navSP .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#navSP .inner ul .parentLi {
  position: relative;
  margin: 0;
/*  border-bottom: 1px solid #333; */
}
#navSP .inner ul .parentLi a {
  display: block;
  color: #27a450;
  font-size: 14px;
  padding: 1em;
  text-decoration: none;
  transition-duration: 0.2s;
}
#navSP .inner ul .parentLi a:hover {
  background: #e4e4e4;
}

#navSP .inner ul .childLi {
  position: relative;
  margin: 0 0 0 15px;
/*  border-bottom: 1px solid #333; */
}
#navSP .inner ul .childLi a {
  display: block;
  color: #333;
  font-size: 14px;
  padding: 1em;
  text-decoration: none;
  transition-duration: 0.2s;
}
#navSP .inner ul .childLi a:hover {
  background: #e4e4e4;
}

.childUL {
	display:none;
}

/*============
.toggle_btn
=============*/
.toggle_btn {
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  transition: all .5s;
  cursor: pointer;
  z-index: 3;
}
.toggle_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 4px;
}
.toggle_btn span:nth-child(2) {
  top: 14px;
}
.toggle_btn span:nth-child(3) {
  bottom: 4px;
}
.open .toggle_btn span {
  background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}
/*============
#mask
=============*/
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 2;
  cursor: pointer;
}


#g_navi {
	display: none;
}

#container {
	max-width: 750px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.table_intext {
	color: "";
	font-size: 12px;
}

.pc_index_contents {
	display: none;
}

.sp_index_contents {

}

.index_contents {
	max-width: 750px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.index_contents_wrpa {
	width: 320px;
	height: 141px;
	overflow: hidden;
	float: left;
	background: url(../img/index_img02.jpg) no-repeat right;
}

.index_contents_wrpa_last {
	width: 100vw;
	height: 170px;
	overflow: hidden;
	float: left;
}

.index_contents_inner {
	width: 250px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.index_contents_inner_img {
	text-align: center;
	display: block;
}

.index_contents_inner_text {
	text-align: center;
	margin: 10px auto 0;
}

.index_contents_inner_text2 {
	text-align: center;
	margin: 16px auto 0;
}

.index_contents_inner_text2 a {
	text-decoration: none;
	line-height: 1.8;
	color: #000;
	font-size: 12px;
}

.index_price_img{
	margin:10px auto;
	}

.index_contents_inner2 {
	width: 280px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.index_info_area {
	max-width: 100vw;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.index_news {
	max-width: 98vw;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 1vw;
	margin-bottom: 20px;
}

.index_news_inner {
	height: auto;
	overflow: hidden;
	border-bottom: #cecee1 solid 1px;
	padding: 0 0 20px 10px;
	margin: -5px auto 10px;
}

.index_news_inner2 {
	width: 430px;
	height: 66px;
	margin: -5px 0 0 0;
	display: table;
	text-align: center;
}

.index_news_date {
	clear: both;
	display: block;
}

.index_news_text {
	clear: both;
	display: block;
	font-weight: bold;
}

.index_info {
	width: 98vw;
	height: auto;
	border-bottom: #749055 solid 7px;
	overflow: hidden;
	float: left;
	margin-left: 1vw;
}

.index_info_att {
	text-align: center;
	margin: 10px auto 0;
}

.index_info_tel {
	background: url(../img/ico01.png) no-repeat 0 3px;
	padding: 5px 0 0 40px;
	font-size: 25px;
	font-weight: bold;
	color: #779853;
	margin: 0 auto;
	width: 230px;
}

.inquiryBannerImg {
	width: 100vw;
}

footer {
	background: url(../img/footer_bg.jpg) repeat-x;
	width: 100%;
	height: 480px;
/*
	display: none;
*/
}

#footer {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 40px 0 0 0;
}


 .footer_link {
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 50px 0 0;
}

 #footer_link {
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 27px 0 0;
}

.footer_link p {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
}

.footer_link ul {
	clear: both;
	display: block;
}



/******************************3.10 add start


.footer_link ul li {
	padding: 0 0 0 0px;
	margin: 5px 0;
}


******************************3.10 add end */

.footer_link ul li {
	padding: 0 0 0 20px;
	margin: 5px 0;
}

.footer_link_end {
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 0 0 0;
}

.footer_link_end p {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
}

.footer_link_end ul {
	clear: both;
	display: block;
}

.footer_link_end ul li {
	padding: 0 0 0 20px;
	margin: 5px 0;
}

.footer_icon {
	padding: 10px 0 0 0;
	margin: -10px 5px 5px 0;
/*	float: right;*/
	clear: both;
	text-align: center;
	vertical-align: middle;
}

.footer_icon ul {
	display: block;
}

.footer_icon ul li {
	float: center;
	margin: 0 0 5px 20px;
}

.footer_icon img {
	width: 12%;
	margin-right: 5px;
}

.footer_icon_corp {
	text-align: center;
}

.copySP {
	background: #13744c;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 8px 0 0 0;
	color: #fff;
	text-align: center;
	font-size: 10px;
	letter-spacing: 1px;
}

.copyPC {
	display: none;
}

.page_info_contents_sp {
	background: #cddcbd;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 10px 0 0 0;
	margin: 0;
}

.page_info_contents_pc {
	display: none;
}

.page_info_inner {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.page_info01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	border-right: #fff solid 1px;
	padding: 0 0 15px 0;
}

.page_info01_title {
	text-align: center;
}

.page_info01_text {
	margin: 0 10px 0;
	width: auto;
	text-align: center;
}

.page_info02 {
	width: 100%;
	height: 200px;
	overflow: hidden;
	float: left;
	border-right: #fff solid 1px;
	padding: 5px 0 0 0;
}

.page_info_tel {
	background: url(../img/ico02.jpg) no-repeat left;
	padding: 0 0 0 40px;
	font-size: 25px;
	font-weight: bold;
	color: #3a5e12;
	margin: 0 auto;
	width: 200px;
}

.page_info02_text {
	margin: 0 auto;
	text-align: center;
}

.page_info02_bt {
	text-align: center;
	margin: 20px auto
}

.page_info03_sp {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 30px 0 15px 0;
	text-align: center;
}

.page_info03_bt {
	text-align: center;
	margin: 0 0 5px 0;
}

#page_container {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.page_title_sub {
	display: none;
}

.page_title_sub_sp {
	clear: both;
	display: block;
}

.page_title_sub_sp img {
	width: 100%;
}

.page_title {
	background: url(../img/page_title_bg.jpg) repeat-x;
	width: 100%;
	height: 85px;
}

.page_title h3 {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 20px 0 0 10px;
}

.page_title h3 img {
	width: 100%;
}

.page_title .title1 {
	text-align: left;
}

.page_title .title2 {
	margin: 0 0 0 -15px;
}

.page_title14 {
	background: url(../img/page_title_bg.jpg) repeat-x;
	width: 100%;
	height: 85px;
}

.page_title14 h3 {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 20px 0 0 10px;
}

.page_title14 h3 img {
	width: 100%;
}

.page_title14 .title1 {
	text-align: left;
}

.page_title14 .title1 {
	width: 96%;
}

.page_title14 .title2 {
	margin: 0 0 0 -15px;
}

.page {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 0;
}

.sitemap {
	width: 900px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.sitemap_link {
	width: 440px;
	height: auto;
	overflow: hidden;
	float: left;
}

.sitemap_link p {
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0 10px 0;
}

.sitemap_link ul {
	clear: both;
	display: block;
}

.sitemap_link ul li {
	padding: 0 0 0 20px;
	margin: 5px 0;
}

.use_dl {
	background: #f1f1f1;
	padding: 20px;
	width: 860px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	float: left;
}

.use_dl ul {
	width: 830px;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
}

.tabs {
  padding-bottom: 40px;
  background-color: #fff;
  width: 100%;
  margin: 20px auto -20px;
  height: auto;
  }

.tab_item {
  width: calc(99.65%/3);
  height: 50px;
  border-bottom: 3px solid #13744c;
  border-left: 1px solid #13744c;
  border-left: 1px solid #13744c;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.tab_item:hover {
  opacity: 0.75;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}

#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

.tabs input:checked + .tab_item {
  background-color: #13744c;
  color: #fff;
}

.selectPlan {
	margin: 0 0 0 7px;
}

.selectTitle {
	font-size: 14px;
	margin-bottom: 10px;
}

.planLabel {
	position: relative;
}

.planLabel::before,
.planLabel::after {
    position: absolute;
    content: '';
    pointer-events: none;
}

.planLabel::before {
    right: 0;
    display: inline-block;
    width: 2.8em;
    height: 2.8em;
    border-radius: 0 3px 3px 0;
    background-color: #536b39;
    content: '';
}

.planLabel::after {
    position: absolute;
    top: 50%;
    right: 1.4em;
    transform: translate(50%, -50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.planLabel select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 50px;
    height: 2.8em;
    padding: .4em 3.0em .4em .8em;
    border: 2px solid #536b39;
    border-radius: 3px;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}

.planLabel select:focus {
    outline: 1px solid #536b39;
}

.planDetailLabel {
	position: relative;
	margin-left: 5px;
}

.planDetailLabel::before,
.planDetailLabel::after {
    position: absolute;
    content: '';
    pointer-events: none;
}

.planDetailLabel::before {
    right: 0;
    display: inline-block;
    width: 2.8em;
    height: 2.8em;
    border-radius: 0 3px 3px 0;
    background-color: #536b39;
    content: '';
}

.planDetailLabel::after {
    position: absolute;
    top: 50%;
    right: 1.4em;
    transform: translate(50%, -50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.planDetailLabel select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 210.78px;
    height: 2.8em;
    padding: .4em 3.6em .4em .8em;
    border: 2px solid #536b39;
    border-radius: 3px;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}

.planDetailLabel select:focus {
    outline: 1px solid #536b39;
}

.domainLabel {
	position: relative;
	margin-top: 10px;
}

.domainLabel::before,
.domainLabel::after {
    position: absolute;
    content: '';
    pointer-events: none;
}

.domainLabel::before {
    right: 0;
    display: inline-block;
    width: 2.8em;
    height: 2.8em;
    border-radius: 0 3px 3px 0;
    background-color: #536b39;
    content: '';
}

.domainLabel::after {
    position: absolute;
    top: 50%;
    right: 1.4em;
    transform: translate(50%, -50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.domainLabel select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 210.78px;
    height: 2.8em;
    padding: .4em 3.6em .4em .8em;
    border: 2px solid #536b39;
    border-radius: 3px;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}

.domainLabel select:focus {
    outline: 1px solid #536b39;
}

/*プライステーブル*/
.price_table {
	width: 96%;
	height: auto;
	overflow: hidden;
	margin: auto;
}

.price_table p {
	display: block;
}

.price_table span {
	margin: 10px auto;
	width: 88vw;
	display: block;
	color: #F00;
	font-size: 14px;
}

.price_table_inner {
	background: #cddcbd;
	border: #dddddd solid 1px;
	width: 96%;
	height: auto;
	overflow: hidden;
	padding: 20px;
	margin: 30px auto;
}

.price_table_inner_text {
	margin: 20px 0;
	font-size: 14px;
	padding: 0 20px;
}

.price_table2 {
	width: 96%;
	height: auto;
	overflow: hidden;
	margin: 20px auto 0;
}

.domain_description {
	display: flex;
}

#priceTableMaintenanceCostImg {
	width: 169px;
	position: relative;
	margin-left: 30%;
}

#domainRegistServiceMaintenanceCostImg {
	width: 169px;
	margin: 0 30px 0 100px;
	position: relative;
}

.webTmpBanner {
	width: 96vw;
}

.about {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about a {
	color: #009;
	text-decoration: underline;
}

.about_att {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_att .sub_title1 {
	margin-left: 5%;
}

.about_att .sub_title2 {
	margin-left: 15%;
}

.about_att p {
	width: 80%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	font-size: 14px;
}

.about_att ul {
	display: block;
	clear: both;
	text-align: center;
}

.about_att ul li {
	float: left;
	display: inline;
	width: 100%;
}

.about_att ul li a {
	margin: 10px 0 10px 18%;
	float: left;
}

.about_contents01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_title_sub {
	width: 100%;
	margin: 0;
}

.about_title_sub .sub_title1 {
	margin: 0 0 0 5%;
}

.about_title_sub .sub_title2 {
	margin: -10px 0 10px 25%;
}

.about_contents01_inner {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_contents01_inner_left {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	font-size: 14px;
}

.about_contents01_inner_title {
	background: #ddf1c7 url(../img/about_img06.jpg) no-repeat 6px;
	padding: 7px 10px 7px 55px;
	width: 100vw;
	height: 50px;
	font-size: 14px;
	vertical-align: middle;
	display: table-cell;
}

.about_contents01_inner_text {
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 15px auto;
}

.about_contents02 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_contents02 .sub_title1 {
	margin: 15px 0 0 0;
}

.about_contents02 .sub_title2 {
	text-align: left;
	margin: 0 2% 0 25%;
}

.about_contents02 .sub_title3 {
	margin: 0;
}

.about_contents02 .sub_title4 {
	margin: -10px 0 5px 5%;
}

.about_contents02 .imageJpg {
	width: 100%;
}

.about_contents02_att {
	width: 90%;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.about_contents03 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents03_left {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}

.about_contents03_left .sub_title1 {
	margin: 20px 0 0 0;
}

.about_contents03_left .sub_title2 {
	margin: -10px 0 10px 20%;
}

.about_contents03_right {
	width: 100%;
	height: auto;
	float: right;
	overflow: hidden;
}

.about_contents03_right img {
	width: 100%;
}

.about_contents03_left_att {
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.about_contents04 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents04 .sub_title1 {
	margin: 20px 0 0 0;
}

.about_contents04 .sub_title2 {
	text-align: left;
	margin: 0 2% 0 25%;
}

.about_contents04 .sub_title3 {
	margin: 0 0 0 -5px;
}

.about_contents04 .sub_title4 {
	margin: -10px 0 5px 20%;
}

.about_contents04_att {
	width: 90%;
	font-size: 14px;
	margin: 5px auto 20px;
	height: auto;
	overflow: hidden;
}

.about_contents04_left {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	padding: 10px 0 20px;
}

.about_contents04_left img {
	width: 100%;
}

.about_contents04_right {
	width: 100%;
	height: auto;
	float: right;
	overflow: hidden;
	padding: 0;
	font-size: 14px;
	line-height: 2.5;
}

.about_contents04_right img {
	width: 100%;
}

.about_contents04_right span{
	float: right;
	margin: 0 10px 0 0;
}

.about_contents05 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents05 .sub_title1 {
	margin: 20px 0 5px 0;
}

.about_contents05 .sub_title2 {
	margin: 0 0 5px -17px;
}

.about_contents05_att {
	width: 90%;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	margin: 20px auto 0;
}

.about_contents05 p {
	margin: 0 auto 20px;
	text-align: center;
}

.about_contents05 .sub_img_area {
	text-align: center;
	width: 100%;
}

.about_contents05 .sub_img_area .sub_img1 {
	text-align: center;
}

.about_contents05 .sub_img_area .sub_img2 {
	width: 100%;;
}

.about_contents06 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents06 .sub_title1 {
	margin: 20px 0 5px 0;
}

.about_contents06_left{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin:20px 0 0 0;
	float:left;
	font-size:14px;
}

.about_contents06_left p {
	width: 90%;
	margin: 0 0 0 5%;
}

.about_contents06_right {
	width: 100%;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	float:left;
	margin: 0 auto;
	text-align: center;
}

.about_contents06_att {
	width: 90%;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_contents07 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents07 .sub_title1 {
	margin: 20px 0 0 0;
}

.about_contents07 .sub_title2 {
	text-align: left;
	margin: 0 0 5px 25%;
}

.about_contents07 .sub_title3 {
	margin: 20px 0 5px 0;
}

.about_contents07_att {
	width: 90%;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_contents07_left {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 10px 0 0 10px;
}

.about_contents07_left img {
	width: 100%;
}

 /*
.about_contents07_left {
	width: 480px;
	height: auto;
	float: left;
	overflow: hidden;
	font-size: 14px;
}

.about_contents07_right {
	width: 440px;
	height: auto;
	float: right;
	font-size: 14px;
	overflow: hidden;
	padding: 10px 20px;
	line-height: 2.5;
}
*/

.about_contents08 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents08 .sub_title1 {
	margin: 20px 0 5px 0;
}

.about_contents08 .sub_title2 {
	margin: 20px 0 5px 0;
}

.about_contents08_att {
	width: 90%;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_contents08_left {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 10px 0 0 0;
	text-align: center;
}

.about_contents08_left img {
	width: 95%;
}

.about_contents08_right {
	width: 100%;
	height: auto;
	float: right;
	overflow: hidden;
	padding: 10px 5px;
	font-size:14px;
}

.about_contents09 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents09 .sub_title1 {
	margin: 20px 0 5px 0;
}

.about_contents09 .sub_title2 {
	margin: 20px 0 0 0;
}

.about_contents09 .sub_title3 {
	margin: 0 0 10px 25%;
}

.about_contents09_upper_left{
	width: 90%;
	font-size: 14px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.about_contents09_upper_right{
	margin: 0 auto;
	text-align: center;
}

.about_contents09_upper_right img{
	width: 90%;
}

 .about_contents09_lower_left{
	margin: 0 auto;
	text-align: center;
}

 .about_contents09_lower_left img{
	width: 90%;
 }

 .about_contents09_lower_right{
	width: 90%;
	height: auto;
	float: left;
	overflow: hidden;
	font-size:14px;
	margin: 0 0 20px 0;
}

 .about_contents09_lower_right p{
	margin: 0 0 0 10%;
}

 .about_contents10 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents10_left {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 20px 0;
}

.about_contents10_right {
	width: 100%;
	height: auto;
	float: right;
	overflow: hidden;
	margin: 20px 0 0 0;
}

.about_contents10_right img {
	width: 100%;
}

.about_contents10_left_att {
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 10px auto 0;
	font-size: 14px;
}

.about_contents11 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.about_contents11 .sub_title1 {
	margin: 20px 0 0 0;
}

.about_contents11 .sub_title2 {
	text-align: right;
	margin: 0 2% 5px 0;
}

.about_contents11 .sub_title3 {
	margin: 0 0 0 5px;
}

.about_contents11 .sub_title4 {
	margin: -10px 0 5px 20%;
}

.about_contents11_left {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 20px 0 0 0;
}

.about_contents11_right {
	width: 100%;
	height: auto;
	float: right;
	overflow: hidden;
	margin: 20px 0 0 0;
}

.about_contents11_right img {
	width: 100%;
}

.about_contents11_left_att {
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 10px auto 0;
	font-size: 14px;
}


 .use_flow {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.use_flow a {
	color: #009;
	text-decoration: underline;
}

.use_flow_contents01 {
	width: 98%;
	height: auto;
	overflow: hidden;
	margin: 10px auto 10px;
}

.use_flow_wrap	{
	border: #bcbcbc solid 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 4px;
	padding: 10px 0 10px;
}

.circle {
  background: #768f58;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 32px;
  text-align: center;
  line-height: 40px;
  margin-left: 10px;
}

.use_flow_contents01 p {
	width: 96%;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
	font-size: 14px;
	padding-left: 4%;
}

.use_flow_nowrap {
	width: 780px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
	white-space: nowrap;
}

.use_flow_contents01 .normal_flow_info {
	display: block;
	float: left;
	color: #F00;
	margin: 10px 0 0 0;
/*	white-space: nowrap; */
}

.use_flow_contents01 .trial_flow_info {
	display: block;
	float: left;
	color: #0a58f0;
	margin: 10px 0 0 0;
/*	white-space: nowrap; */
}

#flow_title_1 {
	position: absolute;
	margin-top: -37px;
	left: 75px;
	font-size: 23px;
	font-weight: bold;
	color: #ff7d01;
}

.use_flow_arrow {
	width: 100%;
	text-align: center;
}

.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}

.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #3e6210;
  display: block;
  order: -1;
}

.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}

.tab-label:not(:last-of-type) {
  margin-right: 5px;
}

.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.tab-switch:checked+.tab-label {
  background: #3e6210;
}

.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.tab-switch {
  display: none;
}

.qa {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.qa_att {
	width: 98%;
	height: auto;
	overflow: auto;
	margin: 20px auto;
}

.qa_att_left {
	width: 98%;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 2%;
}

.qa_att_right {
	width: 98%;
	height: auto;
	float: left;
	overflow: hidden;
	padding: 10px 0 10px 0;
}

.qa_info {
	background: url(../img/qa_img03.jpg) no-repeat;
	width: 353px;
	height: 113px;
	margin: 0 auto;
}

.qa_info span {
	background: url(../img/ico01.png) no-repeat 0 11px;
	padding: 13px 0 0 40px;
	font-size: 25px;
	font-weight: bold;
	margin: 30px 0 0 40px;
	float: left;
	color: #779853;
 }

 .qa_contents01 {
	 width: 100%;
	 height: auto;
	 overflow: hidden;
	 margin: 20px auto;
}

.qa_title_sub {
	margin-top:10px;
}

.qa_contents_inner {
	width: 98%;
	height: auto;
	overflow: hidden;
	margin: 10px auto 20px;
	border-bottom: #dcdcdc dotted 1px;
	padding: 0 0 5px 0;
}

.qa_q {
	background: url(../img/qa_img02.jpg) no-repeat left top;
	padding: 0 0 20px 35px;
	color: #F60;
}

.qa_a {
	background: url(../img/qa_img01.jpg) no-repeat left top;
	padding: 0 0 10px 35px;
}

.qa_a_lv0 {
	margin-left: 0;
	word-break: break-word;
}

.qa_a_lv1 {
	margin-left: 1em;
	word-break: break-word;
}

.qa_a_lv2 {
	margin-left: 2em;
	word-break: break-word;
}

.qa_a_lv3 {
	margin-left: 3em;
	word-break: break-word;
}

.inquiry {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
	pading-top: 10px;
}

.inquiry_att {
	width: 92%;
	height: auto;
	overflow: hidden;
	margin: 30px auto 30px;
}

.inquiry_att a {
	margin: 10px 0 0 0;
	float: left;
}

.inquiry_form {
	width: 98%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #ecffda;
	border-top: #c2c6d6 solid 2px;
	border-right: #c2c6d6 solid 2px;
	border-left: #c2c6d6 solid 2px;
}

.inquiry_form_last {
	width: 98%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #ecffda;
	border: #c2c6d6 solid 2px;
}

.inquiry_form_left {
	float: left;
	width: 50%;
	height: auto;
	overflow: hidden;
	padding: 10px;
}

.inquiry_form_right {
	float: left;
	width: 96%;
	height: auto;
	overflow: hidden;
	padding: 15px;
	background: #fff;
}

.inquiry_form_right input[type="text"] {
	padding: 5px;
	width: 91%;
	height: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.inquiry_form_left span {
	background: url(../img/ico04.jpg) no-repeat left;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.inquiry_form_right textarea {
	padding: 5px;
	width: 91%;
	height: 300px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.inquiry_ch {
	width: 400px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
	padding: 10px 20px;
}

.inquiry_ch span {
	font-weight: bold;
	margin: 0 15px 0 0;
}

.ch_bt {
	width: 270px;
	margin: 20px auto;
}

.inquiry_back {
	width: 98%;
	text-align: right;
	margin: 20px 0;
}

.inquiry_back a {
	color: #009;
	text-decoration: underline;
}

.submit_bt {
	width: 270px;
	margin: 20px auto;
	text-align: center;
}

.inquiry_confirmation_left {
	float: left;
	width: 200px;
	height: auto;
	overflow: hidden;
	padding: 10px;
}

.inquiry_confirmation_right {
	float: left;
	width: 98%;
	height: auto;
	overflow: hidden;
	padding: 10px;
	background: #fff;
}

.submit_att {
	text-align: center;
}

.complete_att {
	font-weight: bold;
	width: 96%;
	margin: 20px auto;
}

.complete_att a {
	color: #009;
	text-decoration: underline;
}

.complete_att span {
	color: #F00;
	margin: 10px 0 0 0;
	float: left;

}

.temporary {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.temporary_att {
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 20px auto 20px;
}

.temporary_att a {
	margin: 10px 0 0 0;
	float: left;
}

.temporary_form {
	width: 98%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 0;
	background: #ecffda;
	/* border-top: #c2c6d6 solid 2px; */
	border-right: #c2c6d6 solid 2px;
	border-left: #c2c6d6 solid 2px;
	border-bottom: #c2c6d6 solid 2px;
}

.temporary_form_first {
	width: 98%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 0;
	background: #ecffda;
	border: #c2c6d6 solid 2px;
}

.temporary_form_left_required {
	background: url(../img/ico04.jpg) no-repeat left;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.temporary_form_left_norequired {
	background: none;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.temporary_form_pc {
	display: none;
}

/*
.temporary_form_last {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #ecffda;
	border: #c2c6d6 solid 2px;
}
*/

.temporary_form_left {
	float: left;
	width: 250px;
	height: auto;
	overflow: hidden;
	padding: 10px;
	font-weight: bold;
}

.temporary_form_right {
	float: left;
	width: 94%;
	height: auto;
	overflow: hidden;
	padding: 15px;
	background: #fff;
}

.temporary_form_right .Text {
	padding: 5px;
	height: 20px;
	max-width: 90%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.temporary_form_left .temporary_form_left_required {
	background: url(../img/ico04.jpg) no-repeat left;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.temporary_form_left .temporary_form_left_norequired {
	background: none;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.temporary_form_right textarea {
	padding: 5px;
	width: 630px;
	height: 300px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.temporary_ch {
	width: 85%;
	height: auto;
	text-align: center;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
	padding: 10px 20px;
}

.temporary_ch a {
	color: #009;
	text-decoration: underline;
}

.temporary_ch_att {
	clear: both;
	color: #F00;
	margin: 10px 0;
	text-align: center;
}

.temporary_ch span {
	font-weight: bold;
	margin: 0 15px 0 0;
}


.temporary_confirmation_left {
	float: left;
	width: 250px;
	height: auto;
	overflow: hidden;
	padding: 10px;
	font-weight: bold;
}

.temporary_confirmation_right {
	float: left;
	width: 94%;
	height: auto;
	overflow: hidden;
	padding: 15px;
	background: #fff;
}

.temporary_back {
	width: 100%;
	text-align: right;
	margin: 20px 0;
}

.temporary_back a {
	color: #009;
	text-decoration: underline;
}

.kiyaku {
	width: 95%;
	height: auto;
	margin: 20px auto  0;
	font-size: 14px;
	padding-left: 5%;
}

#kiyaku_inner {
	width: 95%;
	height: 400px;
	overflow: auto;
	margin: 0 auto;
	padding: 0;
	font-family: "ＭＳ ゴシック";
	overflow-x: hidden;
}

.kiyaku_next {
	width: 72%;
	height: auto;
	overflow: hidden;
	margin: 20px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
	padding: 10px 20px 10px 40px;
	text-align: center;
}

.kiyaku_next_bt {
	width: 270px;
	margin: 20px auto;
}

.maintenance {
	width: 94%;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 20px;
}

.information {
	width: 98%;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	margin: 0 auto;
}

.expiration {
	width: 960px;
	min-height: 250px;
	font-size: 16px;
	overflow: hidden;
	margin: 0 auto;
}

.utilizationGuidance {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 16px;
}

.utilizationGuidance a {
	color: #009;
	text-decoration: underline;
}

.ieSupportPolicy {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 16px;
}

.recommendedEnvironment {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 16px;
}

.trial_form {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
}

.trial_form_att {
	width: 96%;
	height: auto;
	overflow: hidden;
	margin: 20px 10px 30px 10px;
}

.trial_form_att a {
	margin: 10px 0 0 0;
	float: left;
}

.trial_form_form {
	width: 98%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 0;
	background: #ecffda;
	border-top: #c2c6d6 solid 2px;
	border-right: #c2c6d6 solid 2px;
	border-left: #c2c6d6 solid 2px;
}

.trial_form_form_last {
	width: 98%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #ecffda;
	border: #c2c6d6 solid 2px;
}

.trial_form_form_left {
	float: left;
	width: 200px;
	height: auto;
	overflow: hidden;
	padding: 15px;
	font-weight: bold;
	white-space: nowrap;
}

.trial_form_form_left_required {
	background: url(../img/ico04.jpg) no-repeat left;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.trial_form_form_left2 {
	background: none;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.trial_form_form_left_norequired {
	background: none;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.trial_form_form_right {
	float: right;
	width: 96%;
	height: auto;
	overflow: hidden;
	padding: 20px 0 20px 20px;
	background: #fff;
	border-left: #c2c6d6 solid 2px;
}

.trial_form_form_right input[type="text"] {
	padding: 5px;
	width: 94%;
	height: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.trial_form_form_right textarea {
	padding: 5px;
	width: 630px;
	height: 300px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
}

.trial_form_ch {
	width: 400px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #c2c6d6 solid 1px;
	padding: 10px 20px;
}

.trial_form_ch span {
	font-weight: bold;
	margin: 0 15px 0 0;
}


.trial_form_confirmation_left {
	float: left;
	width: 200px;
	height: 30px;
	overflow: hidden;
	padding: 25px;
}

.trial_form_confirmation_right {
	float: right;
	width: 96%;
	height: auto;
	overflow: hidden;
	padding: 20px 0 20px 20px;
	background: #fff;
	border-left: #c2c6d6 solid 2px;
}

.trial_form_back {
	width: 100%;
	text-align: right;
	margin: 20px 0;
}

.trial_form_back a {
	color: #009;
	text-decoration: underline;
}

.trial_form_contents {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto ;
}

.trial_form_contents_title {
	background: #e4ebff;
	border: #c2c6d6 solid 2px;
	padding: 3px 0 3px 12px;
	font-size: 16px;
	font-weight: bold;
}

.trial_form_contents_title_sub {
	background: #394a8a;
	width: 960px;
	height: auto;
	overflow: hidden;
}

.trial_form_contents_title_sub_left {
	width: 465px;
	float: left;
	padding: 4px 0 4px 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.trial_form_contents_title_sub_right {
	width: 465px;
	float: right;
	padding: 4px 0 4px 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.trial_form_contents_inner {
	border: 2px solid #c2c6d6;
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.trial_form_contents_wrap {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 2px solid #c2c6d6;
}

.trial_form_contents_wrap_last {
	width: 956px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.trial_form_contents_inner_left {
	border-right: 2px solid #c2c6d6;
	width: 461px;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 4px 0 4px 15px;
}

.trial_form_contents_inner_left_sub {
	border-right: 2px solid #c2c6d6;
	background: #e4ebff;
	width: 461px;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 4px 0 4px 15px;
}

.trial_form_contents_inner_right {
	width: 461px;
	height: auto;
	overflow: hidden;
	float: right;
	padding: 4px 0 4px 15px;
}

.trial_form_complete {
	background: #ffe2ea;
	border: #ffb2c7 solid 2px;
	width: 88%;
	height: auto;
	overflow: hidden;
	padding: 15px;
	margin: 0 auto 30px;
}

.trial_form_complete_inner {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.trial_form_complete_inner p {
	font-size: 14px;
	font-weight: bold;
}

.trial_form_complete_inner span {
	font-size: 21px;
}

.trial_form_complete_title {
	background: #536e39;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 5%;
	width: 100%;
}

.trial_form_complete_title_inner {
	background: #ecffda;
	padding: 6% 5% 0 5%;
	width: 92%;
	height: auto;
	overflow: hidden;
}

.trial_form_complete_title_inner p {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
/**********************************************
***********************************************

   2. infiniteslide.js追加オオガネ20140519

************************************************
************************************************/
.infiniteslide3{
	display: none;
}

.infiniteslide3sp{
	width:100%;
	margin:0 auto;
	position: relative !important;
}

.slideImg {
	width:100vw;
}

ul,li{
	list-style: none;
	margin: 0;
	padding: 0;
}


/****************************************

          2. Slider

*****************************************/
.bx-wrapper{
	width: 100% !important;
	overflow: hidden;
	position: relative !important;
	margin: 30px 0 0 0;
}
.bx-window{
	width: 900px !important;
	margin: 0 auto !important;
	overflow: visible !important;
	height: 430px;
	background: url(../img/window-bg.png) no-repeat bottom;
}

#slider div{
	width: 900px;
}

#slider h3{
		font-family: 'Josefin Sans', sans-serif;
		line-height: 1.2;
		font-size: 36px;
}

#slide1{
	height: 380px;

}

#slide2{
	height: 380px;
}

#slide3{
	height: 380px;

}

#slide4{
	height: 380px;

}

.right,
.left{
	width:380px !important;
	float: right;
	padding: 70px 50px;
}
.left{
	float: left;
	padding-left: 130px;
}


/* Navi */
.bx-pager{
	width: 80px;
	margin: 0 auto;
	top: -30px;
	overflow: hidden;
	position: relative;

}

.bx-pager a{
		display: block;
		width: 8px;
		height: 8px;
		float: left;
		background: url(../img/navi-bg1.png) no-repeat 0 0;
		text-indent: -9999px;
		color: #fff !important;
		text-align: center;
		line-height:8px;
		text-decoration: none;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
		font-family: 'Josefin Sans', sans-serif;
		margin: 0 5px;
	}

	.bx-pager a:hover,
	.bx-pager a.pager-active{
		background-position: 0 100%;
	}
/* prev next */
.prev-next{
	width: 900px;
	margin: 0 auto;
	position: relative;
}


	.bx-prev,
	.bx-next{
		font-family: 'Josefin Sans', sans-serif;
		font-size: 50px;
		line-height: 70px;
		text-align: center;
		vertical-align: baseline;
		padding-bottom: 20px;
		display: block;
		width: 70px;
		height: 70px;
		position: absolute;
		top:-300px;
		text-decoration: none;
	}
		.bx-prev {left: -15px;}
		.bx-next { right: -15px;}
			.bx-prev:hover,
			.bx-next:hover{
				text-decoration: none;
			}
		*:first-child+html .bx-prev,
		*:first-child+html .bx-next{
			top:-260px;
		}

/* frame */
body,
#container,
.wrapper{
	position: relative;
}
html,
body{
	overflow-x: hidden;
}

#slider-frame-left{
	height: 380px;
	position: absolute;
	width: 900px;
	top:-385px;
	right:900px;
	background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-bg.png) repeat-x 100% 0;
}
#slider-frame-right{
	height: 380px;
	position: absolute;
	width: 900px;
	top:-385px;
	left:900px;

	background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-bg.png) repeat-x 0 0;
}
#frame-top,
#frame-bottom{
	position: absolute;
	width: 900px;
	height: 50px;
	left:0;
}
	#frame-top{
		top:-385px;
		background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-top.png) repeat-x 0 0;
	}
	#frame-bottom{
		top:-105px;
		background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-bottom.png) repeat-x 0 0;
	}

#frame-left,
#frame-right{
	width: 50px;
	height: 230px;
	position: absolute;
	top:-335px;
}
	#frame-left{
		left:0;
		background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-left.png) repeat-x 0 0;
	}
	#frame-right{
		right: 0;
		background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/frame-right.png) repeat-x 0 0;
	}

#page-top {
	position: fixed;
	bottom: 115px;
	right: 10px;
}

#page-top a {
	width: 53px;
	height: 52px;
}


/*

    Apply

*/
#apply #c_main .section p.Description {
	margin-bottom: 10px;
}
.Error {
	margin: 10px;
	padding: 10px 15px;
	background-color: #FFFFFF;
	border: 2px #E85298 solid;
}
#apply #c_main .section table th,
#apply #c_main .section table td {
	padding: 5px 15px;
	font-size: 100%;
	text-align: left;
}
#apply #c_main .section table td input.Text {
	height: 1.8em;
	line-height: 1.8;
}
#apply #c_main .section table td .Description {
	color: #666666;
	line-height: 1.5;
}
#apply #c_main .section p.Submit {
	margin: 20px 0;
	text-align: center;
}

.utilizationGuidance_contents01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.utilizationGuidance_contents01_subtitle {
	width: 98%;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}

.utilizationGuidance_contents01_subtitle ul li {
	font-weight: bold;
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidance_contents01_att {
	width: 96%;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.utilizationGuidance_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidance_contents01_att a {
	word-wrap: break-word;
}

.utilizationGuidance_contents02 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.utilizationGuidance_contents02_subtitle {
	width: 400px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	font-weight: bold;
	padding-left: 20px;
}

.utilizationGuidance_contents02_att {
	width: 400px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
	padding-left: 20px;
}

.utilizationGuidance_contents02_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidanceLeftBox {
	float: left;
	width: 420px;
	height: auto;
	padding-left: 20px;
}

.utilizationGuidanceLeftBox table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #2b2b2b solid;
	width:400px;
}

.utilizationGuidanceRightBox {
	float: right;
	width: 420px;
	height: auto;
	padding-right: 80px;
}

.utilizationGuidanceRightBox table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #2b2b2b solid;
	width:400px;
}

.utilizationGuidance_contents01_pic {
	width: 900px;
	padding: 0 0 0 100px;
}

.utilizationGuidance_contents01_att ul .secondIndentRow {
	padding: 0 2em 0 3em;
	text-indent: -2em;
}

.information_contents {
	width: 900px;
	font-size: 14px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	text-indent: 1em;
	line-height: 1.3;
}

#osBlowserTable {
	width: 100%;
	height: auto;
	margin: 20px 0 0 60px;
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#osBlowserTable tr {
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#osBlowserTable th {
	width: 50%;
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#f1c1dd;
}

#osBlowserTable td {
	width: 50%;
	padding:10px 0 10px 10px;;
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#ffffff;
}

.cssseal {
	float: right;
	margin-top: 50px;	/* 2018.10.01. UPD. 75px */
	margin-right: 40px;
}

.topMargin {
	margin-top: 30px;
}

.sectionTopMargin {
	margin-top: 50px;
}

.about_trial_sub {
	width: 100%;
	margin: 0;
}

.about_trial_sub .sub_title1 {
	width: 98%;
}

.aboutTrial_contents01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents01_left {
	width: 90%;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0 0;
	padding-left: 20px;

}

.aboutTrial_contents01_right {
	width: 100%;
	height: auto;
	float: right;
	overflow: hidden;
	margin-bottom: 30px;
}

.about_trial_tokubetu {
	width: 96%;
}

.aboutTrial_contents02 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents02 .page_title_sub {
	padding-top: 20px;
}

.aboutTrial_contents02_left {
	width: 200px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 40px;
}

.aboutTrial_contents02_right {
	width: 700px;
	height: auto;
	float: right;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
}

.aboutTrial_contents03 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents03 .page_title_sub {
	padding-top: 0;
}

.aboutTrial_contents03_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents03_att_left {
	width: 460px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 10px 0 20px 0;
	padding-left: 20px;

}

.aboutTrial_contents03_att_right {
	width: 425px;
	height: auto;
	float: right;
	overflow: hidden;
	padding-left: 15px;
}


.aboutTrial_contents04 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents04 .page_title_sub {
	padding-top: 50px;
}

.aboutTrial_contents04_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto 0;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents04_inner {
	width: 900px;
	font-size: 14px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents04_left {
	width: 450px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 10px 0 20px 25px;

}

.aboutTrial_contents04_right {
	width: 380px;
	height: auto;
	padding-left: 30px;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents04_left2 {
	width: 380px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 10px 0 20px 0;

}

.aboutTrial_contents04_right2 {
	width: 480px;
	height: auto;
	padding-left: 30px;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents05 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto 0;
}

.aboutTrial_contents05 .page_title_sub {
	padding-top: 25px;
}

.aboutTrial_contents05_att {
	width: 90%;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents05_att_02 {
	width: 100%;
	font-size: 14px;
	margin: 20px auto 0;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents05_att_02 ul li {
	padding: 0 1em 0 0;
	text-indent: 1em;
}

.aboutTrial_contents06 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents06 .page_title_sub {
	padding-top: 50px;
}

.aboutTrial_contents06_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents06_att_left {
	width: 420px;
	height: auto;
	float: left;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 20px;
}

.aboutTrial_contents06_att_right {
	width: 420px;
	height: auto;
	float: right;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 30px;
}

.aboutTrial_contents06_att2 {
	width: 890px;
	font-size: 14px;
	margin: 40px 0 20px 30px;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents06_att2_left {
	width: 420px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 30px;
}

.aboutTrial_contents06_att2_right {
	width: 420px;
	height: auto;
	float: right;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 20px;
}

.aboutTrial_contents07 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.aboutTrial_contents07 .page_title_sub {
	padding-top: 50px;
}

.aboutTrial_contents07_att {
	width: 920px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents07_inner {
	width: 850px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents07_left {
	width: 140px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;

}

.aboutTrial_contents07_right {
	width: 680px;
	height: auto;
	padding-left: 10px;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents07_left2 {
	width: 600px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	padding-left: 20px;

}

.aboutTrial_contents07_right2 {
	width: 200px;
	height: auto;
	padding-left: 10px;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents07_left3 {
	width: 350px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	padding-left: 20px;

}

.aboutTrial_contents07_right3 {
	width: 450px;
	height: auto;
	padding-left: 10px;
	float: right;
	overflow: hidden;
}

.aboutTrial_contents08 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 0;
}

.aboutTrial_contents08 .page_title_sub {
	padding-top: 25px;
}

.aboutTrial_contents08 .page_title_sub img {
	width: 100%;
}

.aboutTrial_contents08_att {
	width: 90%;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

#infoMsg {
	color: blue;
}

.aboutTrial_contents08_att_02 {
	width: 100%;
	font-size: 14px;
	margin: 20px auto 0;
	height: auto;
	overflow: hidden;
}

.aboutTrial_contents08_att_02 ul li {
	padding: 0 1em 0 0;
	text-indent: 1em;
}

#compareTable {
	width: 100%;
	height: auto;
	margin: 20px 0 0 0;
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#compareTable tr {
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#compareTable th {
	width: 260px;
	height: 40px;
	border-left: 1px #ddf1c7 solid;
	border-top: 1px #ddf1c7 solid;
	border-bottom: 1px #fff solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#ddf1c7;
	color: #789753;
}

#compareTable td {
	width: 260px;
	height: 40px;
	padding:10px 0 10px 10px;;
	border: 1px #ddf1c7 solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#ffffff;
	text-align: center;
	color: #789753;
}

#compareTable #headerTitle {
	width: 260px;
	height: 40px;
	padding:10px 0 10px 10px;;
	border: 1px #789753 solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#789753;
	text-align: center;
	color: #789753;
}

.title17_img01 {
	width: 90%;
	margin-left: 5%;
}

#title17_img06 {
	width: 300px;
}

#title17_img07 {
	width: 380px;
}

#title24_img03 {
	width: 400px;
}

.webDeSeries {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 10px auto 0;
}

.webDeSeries_contents01_att {
	width: 90%;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;

}

.webDeSeries_contents01 .page_title_sub .imgWidthSet img {
	width: 100%;
}

.webDeSeries_contents02 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top: 40px;
}

.webDeSeries_contents02_left {
	width: 92%;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents02_right {
	width: 100%;
	height: auto;
	float: right;
	overflow: hidden;
	padding-top:10px;
}

.webDeSeries_contents02 img {
	width: 100%;
}

.webDeSeries_contents03 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top:40px;
}

.webDeSeries_contents03_2 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents03_att {
	width: 92%;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 20px;
}

.webDeSeries_contents03_left {
	width: 92%;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents03_right {
	width: 120px;
	height: auto;
	float: right;
	overflow: hidden;
	padding-right:30px;
}

.webDeSeries_contents03 img {
	width: 100%;
}

.webDeSeries_contents04 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
}

.webDeSeries_contents04 img {
	width: 100%;
}

.webDeSeries_contents04_left {
	width: 92%;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	padding: 20px;

}

.webDeSeries_contents04_right {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.webDeSeries_contents05 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents05_sub {
	padding-top:0;
}

.webDeSeries_contents05_left {
	width: 92%;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;
}

.webDeSeries_contents05_right {
	width: 92%;
	height: auto;
	float: left;
	overflow: hidden;
	padding-top:20px;
	margin-left: 4%;
}

.webDeSeries_contents05 img {
	width: 100%;
}

.webDeSeries_contents06 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 20px;
}

.webDeSeries_contents06 img {
	width: 100%;
}

.webDeSeries_contents06_left {
	width: 440px;
	height: auto;
	float: left;
	font-size: 14px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;

}

.webDeSeries_contents06_right {
	width: 460px;
	height: auto;
	float: right;
	overflow: hidden;
}

.webDeSeries_contents07 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.webDeSeries_contents07_left {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 20px 0;
}

.webDeSeries_contents07_right {
	width: 92%;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	margin: 0 auto;
}

.webDeSeries_contents08 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top: 40px;
}

.webDeSeries_contents08_left {
	width: 92%;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	margin: 20px auto;
}

.webDeSeries_contents08_right {
	width: 100%;
	height: auto;
	float: right;
	overflow: hidden;
	padding-top:30px;
}

.webDeSeries_contents09 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top: 40px;
}

.webDeSeries_contents09_left {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 20px 0;
}

.webDeSeries_contents09_right {
	width: 92%;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	margin: 0 auto;
}

.webDeSeries_contents10 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	padding-top: 40px;
}

.webDeSeries_contents10_att {
	width: 880px;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 20px;
}

.telework_contents01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto 0;
	color: #3f3f3f;
}

.telework_contents01_inner {
	width: 100%;
	height: auto;
	margin: 20px 0 20px 20px;
}

.telework_contents01_att {
	width: 85%;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding: 0 0 20px 15px;
}

.telework_contents01_dtl_left1 {
	width: 100%;
	min-height: 100px;
	float: left;
	overflow: hidden;
	text-indent: -2em;

}

.telework_contents01_dtl_left1 span {
	font-weight: bold;
}

.telework_contents01_dtl_right1 {
	width: 100%;
	min-height: 120px;
	float: left;
	overflow: hidden;
	text-align: center;
}

.telework_contents01_dtl_right1 img{
	width: 180px;
	height: 100px;
}

.telework_contents01_dtl_left2 {
	width: 100%;
	min-height: 160px;
	float: left;
	overflow: hidden;
	text-indent: -2em;
}

.telework_contents01_dtl_left2 span {
	font-weight: bold;
}


.telework_contents01_dtl_right2 {
	width: 100%;
	min-height: 160px;
	float: left;
	overflow: hidden;
	text-align: center;
}

.telework_contents01_dtl_right2 img{
	width: 180px;
	height: 100px;
}

.telework_contents01_title img {
	width: 100%;
}

.telework_contents02 {
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #3f3f3f;
	margin: 0 auto 20px;
}

.telework_contents02_inner {
	width: 100%;
	height: auto;
	margin: 0 0 20px 20px;
}

.telework_contents02_att {
	width: 85%;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding: 0 0 20px 0;
}

.telework_contents02_dtl_left1 {
	width: 100%;
	float: left;
	overflow: hidden;
	text-align: center;

}

.telework_contents02_dtl_left1 img {
	width: 60%;
}

.telework_contents02_dtl_right1 {
	width: 100%;
	min-height: 190px;
	float: left;
	overflow: hidden;
	text-align: left;
}

.telework_contents02_01_att {
	width: 85%;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
	padding: 0 0 20px 0;
}

.telework_contents02_dtl_left2 {
	width: 100%;
	float: left;
	overflow: hidden;
	text-align: center;
}

.telework_contents02_dtl_left2 img {
	width: 70%;
}

.telework_contents02_dtl_right2 {
	width: 100%;
	float: left;
	overflow: hidden;
	text-align: left;
}

.telework_contents02_dtl_left3 {
	width: 100%;
	float: left;
	overflow: hidden;
	text-align: center;
}

.telework_contents02_dtl_left3 img {
	width: 70%;
}

.telework_contents02_dtl_right3 {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 10px 0 0 0;
	text-align: left;
}

.telework_contents03 {
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #3f3f3f;
	margin: 20px auto;
}

.telework_contents03_inner {
	width: 100%;
	height: auto;
	margin: 0 0 20px 20px;
}

.telework_contents03_att {
	width: 85%;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0;
}

.telework_contents03_att .attention {
	color: red;
}

.telework_contents03_att .indent3 {
	text-indent: -6em;
	padding-left: 7em;
}

.telework_contents03_att2 {
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	overflow: hidden;
	text-align: center;
}

.telework_contents03_dtl_left1 {
	width: 26%;
	min-height: 100px;
	float: left;
	overflow: hidden;

}

.telework_contents03_dtl_left1 img {
	width: 90%;
}

.telework_contents03_dtl_right1 {
	width: 74%;
	float: right;
	overflow: hidden;
	text-align: left;
}

.telework_contents03_dtl_right1_inner {
	padding-top:20px;
	width: 88%;
}

.telework_contents03_dtl_right1_inner span {
	font-weight: bold;
}

.telework_contents03_dtl_right1_inner2 {
	padding-top:5px;
	width: 89%;
}

.telework_contents03_dtl_right1_inner2 .column {
	font-weight: bold;
}

.telework_contents03_dtl_right1_inner2 .information {
	font-size: 10px;
}

.telework_contents03_dtl_left2 {
	width: 96%;
	min-height: 100px;
	float: left;
	overflow: hidden;
	padding: 0 0 0 1em;
}

.telework_contents03_dtl_left2 li {
	text-indent: -2em;
	padding-left: 2em;
}

.telework_contents03_dtl_left2 .indent2 {
	text-indent: -1em;
	padding-left: 4em;
}

.telework_contents03_dtl_left2 .indent3 {
	text-indent: -1em;
	padding-left: 4em;
}

.telework_contents03_dtl_left2 .sp img {
	width: 80%;
	padding-left: 15%;
}

.telework_contents03_dtl_right2 {
	width: 30%;
	min-height: 100px;
	float: right;
	overflow: hidden;
	padding: 10px 0 0 0;
	text-align: left;
}

.telework_contents03_dtl_right2_inner {
	padding-top:20px;
}

.keihiTableArea {
	width: 100%;
	height: auto;
	padding: 30px 0 0 20px;
}
.imgTd {
	width: 140px;
	height: 100px;
	text-align: center;
}

.imgTd img {
	width: 100px;
	height: 80px;
}

.textTd {
	width: 140px;
	height: 60px;
	text-align: center;
	font-weight: bold;
}

#joseikinTableArea {
	padding: 0 0 10px 0;
}

#joseikinTable {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #3f3f3f solid;
	width:100%;
}

#joseikinTable tr {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #3f3f3f solid;
}

#joseikinTable td {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #3f3f3f solid;
}

#joseikinTable .leftTdTitle {
	text-align: left;
	padding-left: 5px;;
	background-color: #d7d7d7;
	font-family: "ＭＳ 明朝";
}

#joseikinTable .centerTdTitle {
	text-align: center;
	background-color: #d7d7d7;
	font-family: "ＭＳ 明朝";
}

#joseikinTable .leftTd {
	text-align: left;
	padding-left: 5px;;
}

#joseikinTable .centerTd {
	text-align: center;
}

.index_bn {
	text-align: center;
}

.index_bn_fair {
	padding-bottom: 20px;
	padding-left: 100px;
}

.autumnFair2015 {
	width: 960px;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	margin: 0 auto;
}

.autumnFair_contents01 {
	width: 880px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.autumnFair_contents01 p {
	width: 880px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	font-size: 20px;
}

.autumnFair_contents01_inner {
	font-size: 16px;
	margin-left: 30px;
}

.autumnFair_contents01 ul li {
	font-size: 16px;
}

.price_table table {
	width: 100%;
	margin: 20px auto;
}

.price_table table th {
	background: #779853;
	padding: 5px;
	color: #fff;
	text-align: center;
	border-left: #ccc solid 3px;
	border-bottom: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 18px;
	height: 70px;
	font-weight: bold;
	vertical-align: middle;
	width: 30%;
}
.price_table table td.back_cl{
	border-left: #ccc solid 3px;
	background-color:#cddcbd;
	color: #4c4c4c;
	font-weight: bold;
	font-size: 18px;
}
.price_table table td p {
	color: #585858;
	font-weight: bold;
	font-size: 18px;
}

.price_table table tr {
	border-bottom: #ccc solid 3px;
}

.price_table table td {
	background: #ffffff;
	color: #585858;
	padding: 5px;
	text-align: center;
	border-left: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 18px;
	height: 70px;
	vertical-align: middle;
	font-weight: bold;
}

.price_table .sp_domain_table {
	width: 20%;
}

.price_table2 table {
	width: 100%;
	margin: 20px auto;
}

.price_table2 table th {
	background: #779853;
	padding: 5px;
	color: #fff;
	text-align: center;
	border-left: #ccc solid 3px;
	border-bottom: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 18px;
	height: 70px;
	font-weight: bold;
	vertical-align: middle;
	width: 30%;
}
.price_table2 table td.back_cl{
	border-left: #ccc solid 3px;
	background-color:#cddcbd;
	color: #4c4c4c;
	font-weight: bold;
	font-size: 18px;
}
.price_table2 table td p {
	color: #585858;
	font-weight: bold;
	font-size: 18px;
}

.price_table2 table tr {
	border-bottom: #ccc solid 3px;
}

.price_table2 table td {
	background: #ffffff;
	color: #585858;
	padding: 5px;
	text-align: center;
	border-left: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 18px;
	height: 70px;
	vertical-align: middle;
	font-weight: bold;
}

.price_table2 .sp_domain_table {
	width: 20%;
}

.server-function {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.server-function table {
	width: 100%;
	margin: 0 auto 50px;
}

.server-function tbody {
	width: 100%;
}

.server-function table th {
	background: #779853;
	padding: 7px;
	color: #fff;
	text-align: center;
	border-bottom: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	width: 25%;
}

.server-function table td p {
	color: #585858;
	font-weight: bold;
	font-size: 18px;
}

.server-function table td img {
	width: 70%;
}

.server-function table tr {
	border: #ccc solid 3px;
	width: 100%;
}

.server-function table td {
	background: #ffffff;
	color: #585858;
	padding: 7px;
	text-align: left;
	border: #ccc solid 3px;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	width: 25%;
}

.server-function table .middleColumn {
	background: #ffffff;
	color: #0dbde1;
	padding: 7px;
	text-align: left;
	border: #ccc solid 3px;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
}

.server-function table .description {
	background: #ffffff;
	color: #2b2b2b;
	padding: 7px;
	text-align: left;
	border: #ccc solid 3px;
	font-size: 14px;
	vertical-align: middle;
	font-weight: normal;
}

 .server-function table .cent {
	background: #ffffff;
	color: #585858;
	padding: 7px;
	text-align: center;
	border: #ccc solid 3px;
	font-size: 16px;
	vertical-align: middle;
	font-weight: bold;
}

.server-function img {
	width: 98%;
}

.server-function_contents01 {
	margin-top: 20px;
	margin-left: 10px;
	width: 96%;
}

.tooltip{
    cursor: pointer;
    postion: relative;
}
.description_base {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 65%;
}
.description_base:before {
    content: "";
    position: absolute;
    top: -24px;
    right: 80%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    margin-left: -15px;
    transform: rotateZ(180deg);
}
.tooltip:hover .description_ssh{
    display: inline-block;
    top: 8%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_conpane{
    display: inline-block;
    top: 10%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_orgDomain {
    display: inline-block;
    top: 12%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_subDomain {
    display: inline-block;
    top: 14%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_cron {
    display: inline-block;
    top: 15.8%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_fileMgr {
    display: inline-block;
    top: 20.2%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_onlineStorage {
    display: inline-block;
    top: 22.2%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_ftp {
    display: inline-block;
    top: 24.2%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_sftp {
    display: inline-block;
    top: 26.2%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_ftps {
    display: inline-block;
    top: 29.7%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_perl {
    display: inline-block;
    top: 31.7%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_ruby {
    display: inline-block;
    top: 33.7%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_python {
    display: inline-block;
    top: 35.7%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_php {
    display: inline-block;
    top: 37.7%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_ssi {
    display: inline-block;
    top: 39.7%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_quickInstall {
    display: inline-block;
    top: 41.7%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_mysql {
    display: inline-block;
    top: 44.8%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_sqlite {
    display: inline-block;
    top: 46.8%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_multiDomain {
    display: inline-block;
    top: 48.8%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_sharSSL {
    display: inline-block;
    top: 50.8%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_ownSSL {
    display: inline-block;
    top: 53.4%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_freeSSL {
    display: inline-block;
    top: 55.4%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_accessRestriction {
    display: inline-block;
    top: 57.4%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_waf {
    display: inline-block;
    top: 60.9%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_resourceBoost {
    display: inline-block;
    top: 63.5%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_resourceGraph {
    display: inline-block;
    top: 66.1%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_webalizer {
    display: inline-block;
    top: 68.7%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_hostnameRec {
    display: inline-block;
    top: 71.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_accessLog {
    display: inline-block;
    top: 73.9%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_errorLog {
    display: inline-block;
    top: 75.9%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_mailAddress {
    display: inline-block;
    top: 80.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_mailingList {
    display: inline-block;
    top: 82.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_VirusCheck {
    display: inline-block;
    top: 84.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_pop3 {
    display: inline-block;
    top: 86.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_imap4 {
    display: inline-block;
    top: 88.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_recvCrypt {
    display: inline-block;
    top: 90.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_antiFraud {
    display: inline-block;
    top: 92.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_sendCrypt {
    display: inline-block;
    top: 94.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_webMail {
    display: inline-block;
    top: 96.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_mailForwarding {
    display: inline-block;
    top: 98.3%;
    left: 25%;
    width: 65%;
}

.tooltip:hover .description_junkMailFilter {
    display: inline-block;
    top: 100.3%;
    left: 25%;
    width: 65%;
}

#domain {
	width: 500px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
	border: #ccc solid 1px;
}

.domain_att {
	text-align: center;
	background: #779853;
	color: #fff;
	font-size: 14px;
	padding: 10px;
}

.domin_inner {
	padding: 10px 20px 0 20px;
}

.domin_inner label {
	width: 100px;
	float: left;
	margin: 2px 0;
}

.domin_inner p {
	color: #C03;
	margin: 0 0 5px 0;
}

.domin_input {
	width: 260px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 10px;
}

.domin_input input[type="text"] {
	width: 240px;
	padding: 5px;
}

.domin_input span {
	clear: both;
	color: #ccc;
	font-size: 12px;
}

.domin_description {
	width: 480px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 10px;
}

.domin_description span {
	clear: both;
	color: #ccc;
	font-size: 12px;
	margin: 0 0 0 20px;
}

.submit_area {
	margin: 10px auto;
	clear: both;
	width: 100px;
}

.submit_area input[type="submit"] {
	text-align: center;
	width: 100px;
	height: auto;
	overflow: hidden;
	padding: 8px 0;
	background: #779853;
	color: #fff;
	border: none;
	margin: 20px auto 0;
	cursor: pointer;
}

.domain_result {
	border: #999 dotted 1px;
	padding: 10px;
	text-align: center;
	width: 400px;
	margin: 10px auto 20px;
	font-weight: bold;
	font-size: 14px;
}

.domain_result_ok {
	color: #00F;
}

.domain_result_ng {
	color: #F00;
}

.server-function_more {
	text-align: center;
	margin: 20px 0 20px 0;
	width: 100%;
}

.server-function_more img {
	width: 94%;
}

.domain_search {
	text-align: center;
	margin: -25px 0 0 0;
	width: 100vw;
	height: auto;
}

.domain_search img {
	width: 94%;
}

.domain_searchL {
	float: left;
	width: 100vw;
	height: 78px;
	margin: 0 0 20px 0;
}

.domain_searchR {
	float: right;
	width: 100vw;
	height: 78px;
	margin: 0 0 20px 0;
}

.domainBannerImg  {
	width: 98vw;
}

.dtrimBannerImg {
	width: 100vw;
}

.utilizationGuidance_contents01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.utilizationGuidance_contents01_subtitle {
	width: 98%;
	margin: 10px 0 10px 5%;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}

.utilizationGuidance_contents01_subtitle ul li {
	font-weight: bold;
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidance_contents01_att {
	width: 94%;
	font-size: 14px;
	margin: 20px 0 20px 6%;
	height: auto;
	overflow: hidden;
}

.utilizationGuidance_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidance_contents01_att dd {
	width: 92%;
}

.utilizationGuidance_contents02 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.utilizationGuidance_contents02_subtitle {
	width: 400px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	font-weight: bold;
	padding-left: 20px;
}

.utilizationGuidance_contents02_att {
	width: 400px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
	padding-left: 20px;
}

.utilizationGuidance_contents02_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.utilizationGuidanceLeftBox {
	float: left;
	width: 420px;
	height: auto;
	padding-left: 20px;
}

.utilizationGuidanceLeftBox table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #2b2b2b solid;
	width:400px;
}

.utilizationGuidanceRightBox {
	float: right;
	width: 420px;
	height: auto;
	padding-right: 80px;
}

.utilizationGuidanceRightBox table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #2b2b2b solid;
	width:400px;
}

.utilizationGuidance_contents01_pic {
	width: 98%;
	padding: 0 0 0 10%;
}

.utilizationGuidance_contents01_att ul .secondIndentRow {
	padding: 0 2em 0 3em;
	text-indent: -2em;
}

.serverFunction_contents01_att {
	width: 96%;
	font-size: 14px;
	margin: 20px 0 0 20px;
	height: auto;
	overflow: hidden;
}

.serverFunction_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.serverFunctionMarginTop20 {
	margin-bottom: 20px;
}

.expiration a {
	color: #009;
}

.server-function table td.gree {
	background-color: #CDDCBD;
}

.priceTableInfo {
	margin: 10px 0 20px 10px;
	color: #779853;
	text-indent: -1em;
	padding-left: 1em;
	color: red;
	font-size: 14px;
	width: 96%;
}

 .domainRegistryService a {
	color: #009;
	text-decoration: underline;
}

.domainRegistryService_contents01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.domainRegistryService_contents01_subtitle {
	width: 90%;
	margin: 20px auto 0;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}

.domainRegistryService_contents01_subtitle ul li {
	font-weight: bold;
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.domainRegistryService_contents01_att {
	width: 92%;
	font-size: 14px;
	margin: 10px auto 0;
	height: auto;
	overflow: hidden;
}

.domainRegistryService_contents01_att ul li {
	padding: 0;
	text-indent: 1em;
}

.domainRegistryService_contents01_att table {
	position:relative;
	left:0;
	border-collapse:collapse;
	border-spacing:0;
	border: 1px #2b2b2b solid;
}

.domainRegistryService_contents01_att .domainTablePC {
	display: none;
}
.domainRegistryService_contents01_att .domainTableSP {
}

.domainRegistryService_contents01_att .tableTitleDomainKnd1 {
	width:28%;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #fff solid;
	background-color: #779853;
	color: #fff;
}

.domainRegistryService_contents01_att .tableTitleAcqCond1 {
	width:72%;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	background-color: #779853;
	color: #fff;
}

.domainRegistryService_contents01_att .tableDataDomainKnd1 {
	width:28%;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
}

.domainRegistryService_contents01_att .tableDataAcqCond1 {
	width:72%;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
}

.domainRegistryService_contents01_att .tableDataDomainKnd2 {
	width:20%;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #fff solid;
	background-color: #779853;
	color: #fff;
	vertical-align:middle;
}

.domainRegistryService_contents01_att .tableDataPeriod1 {
	width:72%;
	border-top: 1px #779853 solid;
	border-bottom: 1px #fff solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #fff;
	background-color: #779853;
}

.domainRegistryService_contents01_att .tableDataPeriod2 {
	width:24%;
	border-top: 1px #779853 solid;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	color: #fff;
	background-color: #779853;
}

.domainRegistryService_contents01_att .tableDataPeriod3 {
	width:24%;
	border-top: 1px #779853 solid;
	border-bottom: 1px #fff solid;
	border-right: 1px #779853 solid;
	color: #fff;
	background-color: #779853;
}

.domainRegistryService_contents01_att .tableDataDomainKnd3 {
	width:20%;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 5%;
}
.domainRegistryService_contents01_att .tableDataDomainKnd4 {
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
	text-align: center;
	vertical-align: middle;
}
.domainRegistryService_contents01_att .tableDataPeriod4 {
	width:600px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
	text-align: center;
	vertical-align: middle;
}

.domainRegistryService_contents01_att .tableDataPeriod5 {
	width:24%;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-left: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #779853;
	padding:0 0 0 10px;
	text-align: center;
	vertical-align: middle;
}

.domainRegistryService_contents01_att .tableDataPeriod6 {
	width:160px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-right: 1px #fff solid;
	color: #fff;
	background-color: #779853;
}

.domainRegistryService_contents01_att .tableDataPeriod7 {
	width:160px;
	border-top: 1px #779853 solid;
	border-bottom: 1px #779853 solid;
	border-right: 1px #779853 solid;
	color: #fff;
	background-color: #779853;
}

.domainRegistryService_contents01_att .infoMsgLi {
	margin: 10px 0 20px 0;
	color: #779853;
	text-indent: -1em;
	padding-left: 1em;
}

.domainRegistryService_contents01_att .domainRule li {
	padding: 0;
	text-indent: 0;
}

.domainRegistryService_contents01_att .indent0 {
	margin-left: 0;
}

.domainRegistryService_contents01_att .indent2 {
	margin-left: 2em;
}

.domainRegistryService_contents01_att .indent3 {
	margin-left: 3em;
}

.information_contents {
	width: 94%;
	font-size: 14px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	text-indent: 1em;
	line-height: 1.3;
}

#osBlowserTable {
	width: 94%;
	height: auto;
	margin: 20px 0 0 0;
	border: 1px #2b2b2b solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#osBlowserTable tr {
	border: 1px #779853 solid;
	border-collapse: collapse;
	line-height: 1.4;
}

#osBlowserTable th {
	width: 50%;
	border-bottom: 1px #779853 solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#779853;
	color: #fff;
}

#osBlowserTable td {
	width: 50%;
	padding:10px 0 10px 10px;;
	border: 1px #779853 solid;
	border-collapse: collapse;
	line-height: 1.4;
	background-color:#ffffff;
	color: #779853;
}

#news_years_info {
	padding-left: 10px;
}

.ieSupportPolicy_contents01 {
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.ieSupportPolicy_contents01_att {
	width: 900px;
	font-size: 14px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
}

.ieSupportPolicy_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.recommendedEnvironment_contents01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.recommendedEnvironment_contents01_subtitle {
	width: 96%;
	margin: 10px 5%;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}

.recommendedEnvironment_contents01_subtitle ul li {
	font-weight: bold;
	padding: 0 2em 0 0;
	text-indent: 1em;
}

.recommendedEnvironment_contents01_att {
	width: 96%;
	font-size: 14px;
	margin: 10px 5%;
	height: auto;
	overflow: hidden;
}

.recommendedEnvironment_contents01_att ul li {
	padding: 0 2em 0 0;
	text-indent: 1em;
}

/*--------- For tlsInvalidInfo.php (2018.09.28. ADD.) Start ----------*/
.contentTLS {
	width: 92%;
	margin: 20px auto 0;
	font-size: 14px;
	padding-left: 10px;
}

.contentTLS a {
	color: #009;
}

.tableTLS {
	margin: 10px 20px 30px;
}

.tableTLS table {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #006600;
}

.tableTLS table th {
	color: #fff;
	background: #538135;
	text-align: center;
	vertical-align: middle;			/* 縦方向の揃え位置 */
	font-size: 14px;
	font-weight: bold;
	border-right: 1px #fff solid;
}

.tableTLS table td {
	color: #006600;
	border: solid 1px #006600;
	padding: 0.5em;
	text-align: left;
}

.tableTLS .tdCenter {
	text-align: center;
}

.tableTLS .rightTH {
	border-right: 1px #006600 solid;
}

.indent_1 {
	text-indent: 2em;
}
.indent_2 {
	padding-left: 3em;
	word-break: break-all;
}

.indent_2 img {
	width: 98%;
}

.textBold {
	font-weight: bold;
}

.detailInfo ul {
	margin-left: 20px;
}

.detailInfo dd {
	margin-left: 20px;
}
/*--------- For tlsInvalidInfo.php (2018.09.28. ADD.) End ----------*/


/*-------  共通指定  -------*/
.text_bleu {
	color: #009;
	}

.tokubetu_text {
	font-size: 15px;
	font-weight: bold;
	margin-left: 19px;
	margin-top: 10px;
	}


/*-------  2016年以降の指定  -------*/
.server_bn {
	margin-top: 20px;
	margin-bottom: 40px;
	width: 95%;
	}

.campaign {
	font-size: 1.3em;
}

.campaign_price {
	display: none;
}

.campaign_price_sp {
	padding-left: 10px;
}

.campaign_price_sp table {
	width: 95%;
	margin: 20px auto;
}

.campaign_price_sp table th {
	background: #008080;
	padding: 5px;
	color: #fff;
	text-align: center;
	border-bottom: #ccc solid 3px;
	border-right: #ccc solid 3px;
	font-size: 15px;
	height: 70px;
	font-weight: bold;
	vertical-align: middle;
}
.campaign_price_sp table td.back_cl{
	background-color:#DDF7F0;
	color: #4c4c4c;
	font-weight: bold;
	font-size: 15px;
}
.campaign_price_sp table td p {
	color: #585858;
	font-weight: bold;
	font-size: 15px;
}

.campaign_price_sp table tr {
	border-bottom: #ccc solid 3px;
}

.campaign_price_sp table td {
	background: #ffffff;
	color: #585858;
	padding: 5px;
	text-align: center;
	border-right: #ccc solid 3px;
	font-size: 15px;
	height: 70px;
	vertical-align: middle;
	font-weight: bold;
}

.campaign_price_sp div {
	font-size: 15px;
}

.campaign_price_sp .table_intext {
	text-align: center;
	font-size: 12px;
}

.campaign_contents01 {
	padding: 10px 10px 0 10px;
	font-size: 13px;
}

.campaign2020 {
	display: none;
}

.campaign2020sp {
	padding-bottom: 20px;
}

.campaign2020sp p img{
	width: 100%;
}

.labelSelPlanSP {
	margin-left: 25px;
	font-size: 13px;
	color: blue;
}

.form-select-sp {
    display: block;
    position: relative;
    width: 330px;
    height: 35px;
    font-size: 12px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 25px;
}

.form-select-sp:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    /* ここで下向き矢印指定　今回はCSSで */
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;/* クリック出来るよう */
}

.form-select-sp select {
    width: 350px;
    height: 35px;
    font-size: 12px;
    padding: 0 10px;
    border: none;
    position: relative;
}


.couponinfo {
	width: 75%;
	height: auto;
	text-align: left;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #70ad47 solid 1px;
	padding: 10px 20px;
}

.couponinfo_att {
	display: none;
}

.couponinfo_att_sp {
	clear: both;
	margin: 5px 0px 5px 5px;
	text-align: left;
}

.couponinfo .span_b {
	font-weight: bold;
	color: #375623;
}

.couponinfo .span_d {
	color: #ff3300;
}

.couponinfo .span_d2 {
	color: #375623;
	font-size: 12px;
}

.couponinfo .span_da {
	display: inline-block;
	width:190px;
	text-align:right;
}

.couponinfoInline {
	width: 86%;
	height: auto;
	text-align: left;
	overflow: hidden;
	margin: 0 0 30px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #70ad47 solid 1px;
	padding: 10px 20px;
}

.couponinfoInline_att {
	clear: both;
	color: #F00;
	margin: 10px 0px 10px 20px;
	text-align: left;
}

.couponinfoInline .span_b {
	font-weight: bold;
	margin: 0 15px 0 0;
	color: #375623;
}

.couponinfoInline .span_d {
	margin: 0 15px 0 0;
	color: #ff3300;
}

.couponinfoInline .span_d2 {
	margin: 0 15px 0 0;
	color: #375623;
	font-size: 12px;
}

.couponinfoInline .span_da {
	display: inline-block;
	width:190px;
	text-align:right;
}

.use_coupon_nm {
	color : #F00;
}

	.bottom-sticky-nav {
		height: 80px;
		position: fixed;
		display: block;
		background: #ffffff;
		bottom: 15px;
		left: 0;
		right: 0;
		z-index: 100;
		text-align: center;
	}

	.bottom-sticky-nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		justify-content: space-evenly;
	}

	.bottom-sticky-nav ul li {
		flex: 1;
	}
	.bottom-sticky-nav ul li a {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 10px;
		height: 50px;
		color: #00587a;
	}

	.bottom-sticky-nav ul li a:hover,
	.bottom-sticky-nav ul li a:focus {
		text-decoration: none;
	}

	.bottom-sticky-nav ul li a i {
		font-size: 18px;
	}

	.bottom-sticky-nav ul li a span {
		font-size: 12px;
		line-height: 1.2;
		color: #779853;
	}


	footer {
		margin-bottom: 55px;
	}

	#nav_about_dplus, #nav_price_table, #nav_faq, #nav_flow, #nav_apply {
		text-decoration: none;
	}

	.mb-nav {
		font-weight: 900;
		font-family: "Font Awesome 5 Free";
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
	}

	.mb-nav-about-dplus::before {
		content: url(../img/ico_about_dplus.png);
	}

	.mb-nav-price-table::before {
		content: url(../img/ico_price_table.png);
	}

	.mb-nav-faq::before {
		content: url(../img/ico_faq.png);
	}

	.mb-nav-flow::before {
		content: url(../img/ico_flow.png);
	}

	.mb-nav-apply::before {
		content: url(../img/ico_apply.png);
	}

	.laurelTree {
		margin-bottom: 5px;
		margin-top: -40px;
	}

	.pc { display: none !important; }
    .sp { display: block !important; position: relative; }
	.sp2 { display: none !important; }
	.sp1 { display: block !important; position: relative; }

}

	@media screen and (max-width: 380px) {
		.about_contents05 .page_title_sub img {
			width: 95%;
		}
	.about_contents10 .page_title_sub img {
			width: 95%;
		}
		.about_contents09 .page_title_sub img {
			width: 95%;
		}

		.pc { display: none !important; }
	    .sp { display: block !important; position: relative; }
		.sp1 { display: none !important; }
		.sp2 { display: block !important; position: relative; }

	}