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

/*　CSS INDEX ========================================================

01_共通
02_YUI font(※ブラウザ間でフォントサイズ統一。フォントサイズ対応表)※相対指定
03_.clearfix(float 回り込み解除)
04_ローカルナビ
05_トップページ
06_サービス詳細、料金
07_オプション


=======================================================================*/

/*=======================================================================
01_共通
========================================================================*/

html,body {
	height: 100%;
	/* -webkit-font-smoothing:antialiased; /* for safari font */
}

p,ul,li,dl,dt,dd,h1,h2,h3,h4,div {
	/* font-family:Arial, Helvetica, sans-serif; */
}

#common_header{
	margin:0;
}

/*CSS Reset*/
p, dl, dt, dd, h1 h2, h3, h4 ul li{
	margin: 0;
	padding:0;
}

/*=======================================================================
02_YUI font
========================================================================*/
/*-----------------------------------------------------------
Ex.
 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
 ------------------------------------------------------------*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	/* font:13px/1.231 arial,helvetica,clean,sans-serif; */
	font-family: Avenir, Avenir Next, AXIS, Segoe, 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ,
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea {
	font:99% Avenir, Avenir Next, AXIS, Segoe, 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*==============================//YUI font==============================*/

/*========================================================
clearfix
　※ IE6以上対応（nicolasgallagher.com/micro-clearfix-hack）
==========================================================*/

/* For IE 6/7 only */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}


/*=========================================
header
=========================================*/
#dti h1 a,#dti h1 a:link,#dti h1 a:visited{
	font-size:30px;
	color:#00a0e9;
	float:left;
	text-decoration:none;
	margin:50px 0 0 20px;
	_margin:50px 0 0 10px;/*forIF*/
}

#dti h1 a:hover,#dti h1 a:active{
	font-size:30px;
	color:#00a0e9;
	float:left;
	text-decoration:underline;
	margin:50px 0 0 20px;
	_margin:50px 0 0 10px;/*forIF*/
}

/* TOP 以外 */
#dti h2.contents_ttl{
	background:#00a0e9;
	color:#fff;
	font-size:20px;
	margin:0;
	height:40px;
	line-height:40px;
	padding-left:30px;
	font-weight:bold;
}

/* for TOP page */
#dti h2.topics_ttl {
	font-size:18px;
	font-weight:bold;
	margin:6px 0;
}

/* 使ってない
#dti .optionTTL {
	font-size:18px;
	font-weight:bold;
	margin:0px 0;
}
hr.highlight {
  border: 0;
  border-top: 1px solid #016068;
  border-bottom: 1px solid #ffffff;
  margin: 2px 0 15px 15px;
}

hr.highlight02 {
  border: 0;
  border-top: 1px solid #016068;
  border-bottom: 1px solid #ffffff;
  margin: 2px 15px 15px 15px;
}
*/

#dti h3{
	width:860px;
	height:40px;
	line-height:40px;
	color:#00a0e9;
	border-bottom:#00a0e9 1px solid;
	border-left:none;
	border-top:none;
	border-right:none;
	background:#FFFFFF;
	margin:40px 0 30px 25px;
	font-size:16px;
}

#dti h4{
	width:800px;
	height:30px;
	line-height:30px;
	border-bottom:#00a0e9 1px dotted;
	border-top:#00a0e9 1px dotted;
	border-left:none;
	border-right:none;
	background:#fff;
	color:#00a0e9;
	margin:0 0 15px 0;
	font-size:14px;
}

#dti h4 span{
	color:#FFF;
	padding:3px;
	background:#c7314e;
	margin:0 1em 0 0;
}

#dti h5{
	font-weight:bold;
	color:#00a0e9;
	font-size:14px;
	margin:0.8em 0 0.5em 0;
}


/*========================================================================*/

/*=======================================================================
04_ローカルナビ
========================================================================*/

/*#top_h1{
	width:100%;
	height:40px;
	background: #ffffff;
	background:#f2f2f2;
	margin:0;
}*/

#dti_navi{
	width:100%;
	height:40px;
	background: #ffffff;
	/*background:#f2f2f2;*/
	margin:0;
}

#dti .copy {
	float: left;
	margin-right:50px;
	padding:10px 0 0 10px;
	font-weight:bold;
	font-size:20px;
	color:#000;
}

#local_navi {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}

#local_navi li {
  margin:0;
  padding:0;
  float: left;
}
/*#local_navi .copy {
	margin-right:50px;
	padding-top:10px;
	font-weight:bold;
	font-size:20px;
	color:#000;
}*/
#local_navi li a.menu {
  display: block;
  color: #666;
  width:auto;
		height:40px;
		line-height:40px;
		font-size:14px;
		padding:0 20px 0 20px;
  text-decoration: none;
}

#local_navi li a.menu:hover {
  background-color:rgba(0,0,0,0.8);
		background:#484848\9;/* IE8 and below */
		text-decoration:underline;
		color:#FFF;
}

/* 使ってない
#local_navi .submenu {
	background-color:rgba(0,0,0,0.8);
	background:#808080\9;
	position:absolute;
	z-index:300;
	white-space: nowrap;
	display: none;
}

#local_navi .submenu#menu5 {
	right:0;
}

#local_navi .submenu a {
  display: block;
		font-size:14px;
  text-align: left;
  text-decoration: none;
  padding:10px;
  color: #fff;
}

#local_navi .submenu a:hover {
  background-color:rgba(0,0,0,0.9);
		background:#484848\9;
  color: #FFF;
		text-decoration:underline;
}
*/

/*========================================================================*/

/*=======================================================================
05_トップページ
========================================================================*/

#dti_top{
	width:920px;
	height:auto;
	padding:0;
	margin:0;
}

#dti_top #dti_top_left{
	float:left;
	width:670px;
	margin:0;
	padding:0;
}

#dti_top_bg{
	background:#fff;
	/*background: url(../image/dti_top_bg.jpg) left top no-repeat;*/
}
/* 使ってない
#dti_top #top_copy{
	text-align:left;
	font-size:33px;
	color:#000;
	line-height:1.5em;
	margin:240px 0 0 10px;
	letter-spacing: 0.01em;
}

#dti_top #top_copy span.copy_large {
	font-size:45px;
	margin: 0 0 0 5px;
}
#dti_top #top_copy span.copy_small {
	font-size:11px;
	margin: 0 5px 0 0;
	vertical-align: 3px;
}
*/

#dti_top h1#top_h1{
	font-size:37px;
	font-weight:normal;
	color:#000;
	margin:7px 0 0 10px;
	line-height: 1.3em;
	font-family:Verdana, helvetica, arial, sans-serif;
}
#dti_top h1#top_h1 img{
	margin-right:20px;
	float:left;
}

/*　登録ボタン
========================================================================*/

/*top_appli_box ****************/
#dti #dti_top #top_appli_box{
	width:188px;
	height: auto;
	float:right;
	margin:50px 0 0 0;
	background:#fff;
	filter:alpha(opacity=90);
 -moz-opacity: 0.9;
 opacity: 0.9;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px 8px;
	box-shadow:1px 2px 2px 2px #ccc;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#dti #dti_top #top_appli_box p.appi_tit{
	text-align:center;
	font-size:16px;
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
	margin: 8px auto;
}

/* 使ってない
#dti #dti_top #top_appli_box p.entry_plan {
	text-align:left;
	font-size:16px;
	color:#000;
	font-weight:bold;
	margin: 0 0 0 10px;
}

#dti #dti_top #top_appli_box p.member_txt {
	text-align:right;
	font-size:14px;
	font-weight:bold;
	margin: 0 10px 10px 0;
}
*/

#dti #dti_top #top_appli_box ul{
	margin:0 auto;
	padding:0;
	list-style:none;
}

#dti #dti_top #top_appli_box li{
	margin:0 0 8px 0;
	padding:0;
}

/*top_appli_entry_btn*/
#top_appli_box li#top_appli_entry_btn a,
#top_appli_box li#top_appli_entry_btn a:link,
#top_appli_box li#top_appli_entry_btn a:visited{
	width:150px;
	margin: 0 auto;
	padding:10px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#ff0000;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #999 1px 1px 2px;
	-moz-box-shadow: #999 1px 1px 2px;
	box-shadow: #999 1px 1px 2px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#top_appli_box li#top_appli_entry_btn a:hover,
#top_appli_box li#top_appli_entry_btn a:active{
	width:150px;
	margin: 0 auto;
	padding:10px;
	display:block;
	text-align:center;
	text-decoration:underline;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #d75f5c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #999 1px 1px 2px;
	-moz-box-shadow: #999 1px 1px 2px;
	box-shadow: #999 1px 1px 2px;
	background: #d75f5c;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

/* 使ってない
#top_appli_box li#top_appli_st_pro_btn a,
#top_appli_box li#top_appli_st_pro_btn a:link,
#top_appli_box li#top_appli_st_pro_btn a:visited{
	width:150px;
	margin: 0 auto;
	padding:3px 10px 3px 10px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #999 1px 1px 2px;
	-moz-box-shadow: #999 1px 1px 2px;
	box-shadow: #999 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#top_appli_box li#top_appli_st_pro_btn a:hover,
#top_appli_box li#top_appli_st_pro_btn a:active{
	width:150px;
	margin: 0 auto;
	padding:3px 10px 3px 10px;
	display:block;
	text-align:center;
	text-decoration:underline;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #d75f5c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #999 1px 1px 2px;
	-moz-box-shadow: #999 1px 1px 2px;
	box-shadow: #999 1px 1px 2px;
	background: #f4f4f4;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}
*/
/*appli_tel_btn*/
li#top_appli_tel_btn p{
	margin: 0 auto;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	color:#0068b7;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #0068b7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}
/*appli_member_btn*/
li#top_appli_member_btn a,
li#top_appli_member_btn a:link,
li#top_appli_member_btn a:visited{
	width:150px;
	margin: 0 auto;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

li#top_appli_member_btn a:hover,
li#top_appli_member_btn a:active{
	width:150px;
	margin: 0 auto;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:underline;
	color:#d75f5c;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #d75f5c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

.area_ew_btn a,
.area_ew_btn a:link,
.area_ew_btn a:visited{
	width:80%;
	margin: 0  10%;
	display:block;
	padding:5px;
	text-align:center;
	text-decoration:none;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

.area_ew_btn a:hover,
.area_ew_btn a:active{
	width:80%;
	margin: 0  10%;
	display:block;
	padding:5px;
	text-align:center;
	text-decoration:underline;
	color:#d75f5c;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #d75f5c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

/*　sim_set_button
========================================================================*/

/*top_sim_set_box ****************/
#dti #dti_top #top_sim_set_box{
	width:920px;
	height: auto;
	margin:0 auto;
	padding:0 0 10px 0;
	border: 0;
	position:relative;
	background:#FBFAF8;
}
/*#dti #dti_top #top_sim_set_box{
	display:block;
	width:368px;
	height: auto;
	float:right;
	margin:145px 0 0 0;
	filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px 8px;
	background:url(../option/sim_set/image/sim_set_topbg.jpg) no-repeat center bottom;
	box-shadow:1px 1px 1px 1px #666;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}*/
#dti #dti_top #top_sim_set_box p.appi_tit a,
#dti #dti_top #top_sim_set_box p.appi_tit a:link,
#dti #dti_top #top_sim_set_box p.appi_tit a:visited{
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	font-size:12px;
}
#dti #dti_top #top_sim_set_box p.appi_tit a strong{
	font-size:24px;
}
#dti #dti_top #top_sim_set_box p.appi_tit a:hover,
#dti #dti_top #top_sim_set_box p.appi_tit a:active{
	text-decoration:underline;
}
#dti #dti_top #top_sim_set_box p.appi_tit{
	text-align:center;
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
	margin: 5px auto;
}

#dti #dti_top #top_sim_set_box p.entry_plan {
	text-align:left;
	font-size:16px;
	color:#000;
	font-weight:bold;
	margin: 0 0 0 10px;
}


#dti #dti_top #top_sim_set_box ul{
	margin:0 auto;
	padding:0;
	list-style:none;
}

#dti #dti_top #top_sim_set_box li{
	margin:0 0 8px 0;
	padding:0;
}

/*top_sim_set_entry_btn*/
#top_sim_set_box li#top_sim_set_entry_btn a,
#top_sim_set_box li#top_sim_set_entry_btn a:link,
#top_sim_set_box li#top_sim_set_entry_btn a:visited{
	width:155px;
	display: block;
	height:60px;
	line-height:24px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	float:left;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #999 1px 1px 2px;
	-moz-box-shadow: #999 1px 1px 2px;
	box-shadow: #999 1px 1px 2px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#top_sim_set_box li#top_sim_set_entry_btn a:hover,
#top_sim_set_box li#top_sim_set_entry_btn a:active{
	color:#fff;
	background: #666;
}
#dti #top_sim_set_box .set_off{
z-index: 2;
 position: absolute;
 bottom: 43px;
 right: 26px;
 width: 560px;
 height: auto;
 overflow:hidden;
}

#dti #top_sim_set_box .set_off img{
	vertical-align:middle;
	margin-right:15px;
}
#dti #top_sim_set_box .cp_img{
	z-index:1;
	position:relative;
}

#dti #top_sim_set_box .cp_img_sp{
	display:none;
}
@media screen and (max-width: 481px) {
#top_sim_set_box li#top_sim_set_entry_btn a,
#top_sim_set_box li#top_sim_set_entry_btn a:link,
#top_sim_set_box li#top_sim_set_entry_btn a:visited{
	padding: 0;
	line-height: 1.7 !important;
	height: 3.5em !important;
}
#dti #top_sim_set_box .cp_img_sp{
	display:block;
	width:100%;
}
}


.apply_dial {
	width: auto;
	margin: 50px auto 30px auto;
	padding: 20px 0;
	text-align: center;
	overflow: hidden;
	border: 1px solid #0068b7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.apply_dial_top {
	width: auto;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	overflow: hidden;
	border: 1px solid #0068b7;
	background:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.apply_dial .image,
.apply_dial_top .image {
	margin-bottom: 10px;
}

.apply_dial .left,
.apply_dial_top .left {
	float: left;
	width: 40%;
	margin-top:20px;
}

.apply_dial .left .titleheader,
.apply_dial_top .left .titleheader {
	font-size: 1.2em;
	font-weight: bold;
	height:48px;
}

.apply_dial .left .titleheader img,
.apply_dial_top .left .titleheader img {
	vertical-align: middle;
	margin-right: 15px;
}

.apply_dial .right,
.apply_dial_top .right {
	float: left;
	width: 60%;
}

.apply_dial p.tel,
.apply_dial_top p.tel {
    color: #0068b7;
    font-size: 2em;
	padding-bottom:5px;
}

.apply_dial p.tel img
.apply_dial_top p.tel img {
    vertical-align: middle;
    margin-right: 3px;
}

@media screen and (max-width: 481px) {
.apply_dial,
.apply_dial_top {
	width: 90%;
	margin: 10px auto 0 auto;
}

.w100per {
	width: 100%;
	height: auto;
}

.apply_dial .image,
.apply_dial_top .image {
	margin-bottom: 0;
}

.apply_dial .image img,
.apply_dial_top .image img {
	width: 100%;
	height: auto;
}

.apply_dial .left,
.apply_dial_top .left {
	float: none;
	width: 100%;
}

.apply_dial .left .titleheader,
.apply_dial_top .left .titleheader {
	margin-top: 10px;
}

.apply_dial .right,
.apply_dial_top .right {
	float: none;
	width: 100%;
}

}

/*　sim_set_pattern
========================================================================*/
.pattern {
display: flex;
display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:20px;
	padding:0;
	border-bottom:#707f87 dotted 1px;

}

.pattern li{
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
}

.arrow_box {
	position: relative;
	background: #f7931e;
	color:#fff;
	text-align:center;
	font-size:18px;
	padding:5px 10px;
	margin-bottom:10px;
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(247, 147, 30, 0);
	border-top-color: #f7931e;
	border-width: 10px;
	margin-left: -10px;
}

.arrow_box_sim {
	position: relative;
	background: #000;
	color:#fff;
	text-align:center;
	font-size:18px;
	padding:5px 10px;
	margin-bottom:10px;
}
.arrow_box_sim:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(247, 147, 30, 0);
	border-top-color: #000;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box_none {
	position: relative;
	background: #707f87;
	color:#fff;
	text-align:center;
	font-size:18px;
	padding:5px 10px;
	margin-bottom:10px;
}
.arrow_box_none:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(247, 147, 30, 0);
	border-top-color: #707f87;
	border-width: 10px;
	margin-left: -10px;
}
.absolute {
    position: absolute;
    left: 0;
    top: 40px;
}
.pattern span{
	font-size:10px;
	line-height:1.2em;
	font-weight:normal;
}
.black{
color:#000;
}

.pattern .apply_btn a,
.pattern .apply_btn a:link,
.pattern .apply_btn a:visited {
  margin: 0;
  border-radius: 5px;
  background: #000;
  color: #fff;
  display: block;
  padding: 10px 20px;
  font-size:16px;
  font-weight:bold;
  text-decoration: none;
  text-align:center;
}

.pattern .apply_btn a:hover,
.pattern .apply_btn a:active {
	background: #707f87;
	color:#fff;
}
.pattern .apply_btn2,
.pattern .apply_btn_tel{
	background:#e6e6e6;
	margin-right:10px;
  border-radius: 5px;
  display: block;
  padding: 10px;
  font-size:16px;
  font-weight:bold;
  text-decoration: none;
  text-align:center;
  width:150px;
}
.pattern .apply_btn2 p a,
.pattern .apply_btn2 p a:link,
.pattern .apply_btn2 p a:visited {
	background: #f7931e;
	color:#fff;
	font-size:12px;
	padding:3px;
	margin:0 auto;
	width:90%;
	display: block;
	text-decoration: none;
}
.pattern .apply_btn2 p a:hover,
.pattern .apply_btn2 p a:active {
	background: #707f87;
	color:#fff;
}

.pattern .apply_btn_tel{
	background:#fff;
	border:#0068B7 solid 1px;
	color:#0068B7;
	width:240px;
}
.pattern .apply_btn_gas{
	width:240px;
}

.pattern .bg_blue {
	font-size:12px;
	background:#0068B7;
	color:#fff;
	border-radius:12px;
	padding:2px 0;
	margin-bottom:5px;
}

.pattern .apply_btn_tel p a,
.pattern .apply_btn_tel p a:link,
.pattern .apply_btn_tel p a:visited {
	background: #f7931e;
	color:#fff;
	font-size:12px;
	padding:3px;
	margin:0 auto;
	width:90%;
	display: block;
	text-decoration: none;
	border-radius: 5px;
}
.pattern .apply_btn_tel p a:hover,
.pattern .apply_btn_tel p a:active {
	background: #707f87;
	color:#fff;
	border-radius: 5px;
}
.pattern .apply_btn{
	width:150px;
}


.pattern .apply_btn_gas a,
.pattern .apply_btn_gas a:link,
.pattern .apply_btn_gas a:visited {
  margin: 0;
  border-radius: 5px;
  background: #DA2025;
  color: #fff;
  display: block;
  padding: 10px 20px;
  font-size:16px;
  font-weight:bold;
  text-decoration: none;
  text-align:center;
}

.pattern .apply_btn_gas a:hover,
.pattern .apply_btn_gas a:active {
	background: #05499C;
	color:#fff;
}

.pattern .huyou{
	  margin: 0;
	  bottom: 10px;
  border-radius: 5px;
  background: #fff;
  color: #000;
  border:#000 solid 2px;
  display: block;
  padding: 20px;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}




/* -------- セット割ボタン ----------- */
.option_set_btn {
	display:flex;
	justify-content: space-between;
	margin:40px 0 0 0;
	padding:0;
	bottom:0;
}

.option_set_btn li{
	margin:0;
	padding:0;
	list-style:none;
}
.option_set_btn a,
.apply_bt2n a:link,
.option_set_btn a:visited {
  margin: 10px;
  border-radius: 5px;
  background: #00a0e9;
  color: #fff;
  display: block;
  padding: 15px;
  font-size:18px;
  font-weight:bold;
  text-decoration: none;
  text-align:center;
  height:120px;
}

.option_set_btn a:hover,
.option_set_btn a:active {
	background: #999;
	color:#fff;
}

.option_set_btn .set_btn2 a,
.option_set_btn .set_btn2 a:link,
.option_set_btn .set_btn2 a:visited {
	background: #EB6100;
	color:#fff;
}
.option_set_btn .set_btn2 a:hover,
.option_set_btn .set_btn2 a:active {
	background: #ffa800;
	color:#fff;
}

/*.option_set_btn .set_btn3{
	  margin: 10px;
  border-radius: 5px;
  border:#999 2px solid;
  color: #999;
  display: block;
  padding: 15px;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  height:120px;
}*/

.option_set_btn .set_btn3 a,
.option_set_btn .set_btn3 a:link,
.option_set_btn .set_btn3 a:visited {
	background: #DA2025;
	color:#fff;
}

.option_set_btn .set_btn3 a:hover,
.option_set_btn .set_btn3 a:active {
	background: #05499C;
	color:#fff;
}
.option_set_btn li .txt_s{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin-top:10px;
}
/* top_topics
========================================================================*/

#dti #top_topics{
	width:920px;
	padding:0;
	background:#FBFAF8;
	margin-bottom: 20px;
}

#dti #top_topics #topics_l{
	float:left;
	padding:10px 0 0 15px;
}

#dti #top_topics #topics_r{
	width:349px;
	height:140px;
	float:right;
	background:#e6e6e6;
	border-left:#ccc 1px dotted;
	background:url(../image/topic_ico.png) right top no-repeat #e6e6e6;
}

#dti #top_topics #topics_r p{
	font-size:20px;
	padding:15px;
}

/* 使ってない
#dti #top_topics p.topics {
	color:#00a0e9;
	font-size:22px;
	line-height:1.6em;
}
#dti #top_topics p.topics img {
	vertical-align: text-top;
}

#top_topics #topics_r dl {
	display:block;
	float:left;
	padding:14px 0 0 14px;
}
#top_topics #topics_r dl span{
	color: #424242;
	font-size:18px;
}

#top_topics #topics_r dt{
	float:left;
	width: 100px;
	height: 30px;
	background:#424242;
	font-size:21px;
	font-weight:bold;
	margin: 0 auto;
	text-align:center;
	color:#FFF;
}

#top_topics #topics_r dl .topics_mark {
	width: 100px;
	text-align:center;
	color: #016068;
	font-size:21px;
	font-weight:bold;
	margin-top: -17px;
	padding: 8px 0;
}

#top_topics #topics_r dd{
	float:left;
	color: #016068;
	font-size:33px;
	font-weight:bold;
	line-height:1.0em;
	margin-left: 10px;
}

#top_topics #topics_r dd.topics_r02 {
	display:block;
	margin-top: -15px;
}

#top_topics #topics_r dd span{
	color: #016068;
	font-size:25px;
	font-weight:bold;
	line-height:1.4em;
	margin-left: 3px;
}
*/


/* 使ってない
.top_caption{
	font-weight:normal;
	font-size:12px;
	text-align:right;
	margin:1em 0 1em 0;}
*/



/* top_topics02
========================================================================*/

#dti #top_topics02 {
	width:100%;
	height:auto;
	margin-bottom: 20px;
}

#dti #top_topics02 .topicsBox {
	width: 33.3%;
	float:left;
}


#dti #top_topics02 .topicsBox img.topicsBox_ico {
	display:block;
	width: auto;
	margin: 0 auto;
}

#dti #top_topics02 .topicsBox dl, #RBB {
	padding: 0 18px 0 18px;
}


#dti #top_topics02 .topicsBox dt, #RBB h6 {
	color: #00a0e9;
	font-size:18px;
	font-weight:bold;
	margin: 8px 0 10px 0;

}

#dti #top_topics02 .topicsBox dd, #RBB p {
	color: #333;
	font-size:14px;
}



#RBB{
  padding: 0 18px;
}

#RBB img{
	float: left;
	margin-right: 18px;
}

@media screen and (max-width: 481px){
	#RBB {
		padding: 0;
		margin-bottom: 10px;
	}
	#RBB img{
		display: block;
		float: none;
		margin: 0 auto;
		top: 60px;
	}
	#RBB h6 {
		background: #00a0e9;
		color: #fff;
		width: 100%;
		padding: 3px 0 3px 10px;
		position: relative;
		top: -123px;
	}
	#RBB p{
		position: relative;
		top: -20px;
		margin-bottom: 20px;
		padding: 0 10px;
	}
	.dti_option_table.large-only th, .dti_option_table.large-only td{
		width: 33%;
		padding: 14px;
	}
}


/* 使ってない
#top_perfect_bn{
	width:800px;
	margin:20px auto;
	text-align:left;
}
#top_perfect_bn a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#top_perfect_bn p {
	font-size:108%;
}
*/

/* top_topics03
========================================================================*/

/* 使ってない
#top_topics03 {
	width: 100%;
	margin-bottom: 25px;
}

#top_topics03_Left {
	width: 685px;
	float:left;
}
#top_topics03_Left .lead {
	padding:0 0 15px 17px;
}

#top_topics03 h2 {
	float:left;
	padding:0 0 3px 17px;
}

#top_topics03_Right {
	width: 235px;
	float:left;
	text-align:center;
}

#top_topics03_Right a:hover{
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}


#top_topics03_Left dl {
	float:left;
	margin-left: 18px;
	margin-bottom: 20px;
}

#top_topics03_Left dt {
	text-align:center;
	font-size:14px;
}

#top_topics03 .top_optionBox_r {
	float:right;
	width: 186px;
	border: 1px solid #D8853A;
	color: #D8853A;
	padding: 5px 0;
	margin-right: 3px;
	text-align:center;
	font-size: 14px;
}
*/

/*追加*/
/* 使ってない
.option_Box_L {
	width: 460px;
	padding: 15px 15px 10px 15px;
	margin-left: 15px;
	border:#016068 1px solid;
	background:#FFF;
	float:left;
}
.option_Box_R {
	float:left;
	width: 160px;
	margin-left: 10px;
	padding: 15px 0;
	min-height:55px;
}

.topic_box_01{
	width:100px;
	height:4em;
	border:#333 1px solid;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	background:#333;
	float:left;
	margin-bottom: 10px;
	color:#FFFFFF;
	line-height:4em;
	text-align:center;
}
.topic_box_02{
	width:140px;
	height:4em;
	border:#016068 1px solid;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	background:#016068;
	float:left;
	margin-bottom: 10px;
	color:#FFFFFF;
	line-height: 4em;
	text-align:center;
}

.topic_box_03{
	width:140px;
	height:3em;
	border:#016068 1px solid;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	background:#016068;
	float:left;
	margin-bottom: 10px;
	color:#fff;
	line-height:1em;
	text-align:center;
	padding-top: 1em
}
.topic_box_04{
	width:110px;
	height:45px;
	border:#016068 1px solid;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	background:#fff;
	float:left;
	margin-bottom: 10px;
	color:#016068;
	line-height:47px;
	text-align:center;
	margin-left: 10px;
}
.topic_box_01 p,
.topic_box_02 p,
.topic_box_03 p {
	font-size:14px;
}
*/

/* ニュース欄
========================================================================*/

/* 使ってない
#dti .top_news{
	width: 100%;
	margin-bottom: 30px;
}

#dti .top_news h2.topics_ttl {
	padding:0 0 0 15px;
}

#dti .top_news dl{
	padding:15px;
}

#dti .top_news dt{
	float:left;
	margin:0 1em 1em 0;
	font-size:14px;
	width: 13%
}

#dti .top_news dd{
	width: 85%;
	float:left;
	margin:0 0 1em 0;
	font-size:14px;
}
*/

/* top page end ========================================================================*/

/*=========================================
top以外
_vps_contents
=========================================*/
#dti .dti_container {
	width:800px;
	margin:0 auto;
	font-size:14px;
 	line-height:1.6em;
}

.dti_container p{
	font-size:14px;
	line-height:1.6em;
}

.dti_container li{
	margin-bottom:1.5em;
}

/*=======================================================================
TOP以外　ヘッダー
========================================================================*/

#dti #dti_appli_box{
	width:470px;
/*width:550px;*/
	float:right;
	padding:5px 15px 15px 5px;
	margin:30px 20px 20px 0;
	border:#e2e2e2 2px solid;
	-webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#dti #dti_appli_box p#appli_tit{
	color:#ff0000;
	font-size:14px;
	line-height:1em;
	font-weight:bold;
	background:url(../image/arrow_g.png) left top no-repeat;
	padding:1em 0 0 1em;
	float:left;
}

/* 使ってない
#dti #dti_appli_box p#appli_member{
	text-align:right;
	font-size:12px;
	font-weight:bold;
	float:right;
	margin:20px 0 0 0;
}
*/

#dti #dti_appli_box ul{
	margin:0;
	padding:0;
	list-style:none;
}

#dti #dti_appli_box li{
	margin:10px 0 0 10px;
	padding:0;
	float:left;
}

/*appli_entry_btn*/
#dti_appli_box li#appli_entry_btn a,
#dti_appli_box li#appli_entry_btn a:link,
#dti_appli_box li#appli_entry_btn a:visited{
	width:150px/*90*/;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #ff0000;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#dti_appli_box li#appli_entry_btn a:hover,
#dti_appli_box li#appli_entry_btn a:active{
	width:150px/*90*/;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:underline;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #d75f5c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #d75f5c;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

/*appli_st_btn*/
/* 使ってない
#dti_appli_box li#appli_st_btn a,
#dti_appli_box li#appli_st_btn a:link,
#dti_appli_box li#appli_st_btn a:visited{
	width:110px;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#dti_appli_box li#appli_st_btn a:hover,
#dti_appli_box li#appli_st_btn a:active{
	width:110px;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:underline;
	color:#d75f5c;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #d75f5c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #f9f9f9;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}
*/

/*appli_pro_btn*/
/* 使ってない
#dti_appli_box li#appli_pro_btn a,
#dti_appli_box li#appli_pro_btn a:link,
#dti_appli_box li#appli_pro_btn a:visited{
	width:70px;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#dti_appli_box li#appli_pro_btn a:hover,
#dti_appli_box li#appli_pro_btn a:active{
	width:70px;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:underline;
	color:#d75f5c;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #d75f5c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #f9f9f9;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}
*/

/*　ページ内リンク用メニュー
========================================================================*/

#dti #contents_navi{
	padding:15px 14px 0 15px;
	border:#CCC 1px dotted;
	margin:30px 0 0 0;
}

#contents_navi ul{
	margin:0;
	padding:0;
	list-style:none;
}

#contents_navi li{
	display:block;
	float:left;
	margin:0 2em 1em 0;
}

/*
以下はサービス詳細で使用せず
========================================================================*/

/*2カラム用*/
/* 使ってない
.option_title{
	width:550px;
	float:left;
	font-size:14px;
	margin:0 0 20px 0;
}

.option_title img{
	float:left;
	margin:0 10px 0 0;
}

.option_dl{
	float:right;
	width:205px;
	margin:0 0 20px 0;
}

.option_dl2{
	background: none repeat scroll 0 0 #D87E90;
	color:#FFFFFF;
	float:right;
	width:205px;
	height:80px
	margin:0 0 20px 0;
	padding:5px 0 5px 0;
	text-align:center;
}
*/


/*=======================================================================
06_サービス詳細、料金
========================================================================*/

/* 使ってない
.aboutPrice ul li {
	margin:0;
	padding:0;
}
*/


/*　テーブル
===============================================================*/

.dti_option_table{
	width:96%;
	margin: 0 auto;
	border-collapse:collapse;
	margin-bottom:20px;
}

.dti_option_table tr.ttl th{
	padding:10px;
	background:#006c8b;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
}

.dti_option_table tr.ttl th.r_border{
	border-right:#fff 1px solid;
}

.dti_option_table tr th{
	padding:10px;
	text-align:center;
}

.dti_option_table tr th span{
	font-size:14px;
}

.dti_option_table tr{
	border-bottom:#CCC 1px solid;
}

.dti_option_table tr.row_gray {
	background:#EEEEEE;
}

.dti_option_table td{
	padding:20px;
	text-align:center;
	color:#333;
	font-weight:bold;
	font-size:18px;
}

.dti_option_table td.r_b_g{
	border-right:#95d5f6 1px solid;
}
.dti_option_table th.r_b_g{
	border-right:#95d5f6 1px solid;
}

.dti_option_table td.f_normal{
	padding:20px;
	text-align:center;
	color:#333;
	font-weight:normal;
	font-size:14px;
}
.dti_option_table td.f_normal span{
	color:#333;
	font-weight:normal;
	font-size:16px;
}


.dti_option_table td.area_td{
	padding:10px;
	text-align:left;
	color:#333;
	font-weight:normal;
	font-size:16px;
}

.dti_option_table td span.red_txt{
	font-size:30px;
	color:#ff0000;
}
.dti_option_table td span.red_txt > span {
	font-size:20px;
	color:#ff0000;
	margin-left:2px;
}

.dti_option_table td span.f_caption{
	font-size:12px;
}





/*　テーブル（工事費の詳細）
===============================================================*/

.dti_option_table2{
	width:96%;
	margin: 0 auto;
	border-collapse:collapse;
	border-top: 1px solid #95d5f6;
	border-left: 1px solid #95d5f6;
}

.dti_option_table2 tr.ttl th{
	padding:10px;
	background:#95d5f6;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
}

.dti_option_table2 tr.ttl th.r_border{
	border-right:#fff 1px solid;
}

.dti_option_table2 th,
.dti_option_table2 td{
	padding:5px 8px;
	text-align:center;
	color:#333;
	font-size:14px;
	font-weight: normal;
	border-right:#95d5f6 1px solid;
	border-bottom: 1px solid #95d5f6;
}

.dti_option_table2 td {
	font-weight: bold;
}

.dti_option_table2 .th_bg1 {
	background: #eeeeee;
}

.dti_option_table2 .th_bg2 {
	background: #95d5f6;
	color: #ffffff;
	font-weight: bold;
}

.dti_option_table2 .th_bg3 {
	background: #00a0e9;
	color: #ffffff;
	font-weight: bold;
}

.dti_option_table2 .th_bg4 {
	background: #f7ebd4;
}


/*================================================================*/


/*　共通仕様
================================================================*/
.common_service {
	width:100%;
	margin-bottom: 20px;
}
.common_service img.service_icon {
	width: 80px;
	float:left;
	display:block;
}
.common_service_R p,
.common_service_L p {
	display:block;
	width: 275px;
	float:left;
	margin-left: 10px;
}
.common_service_R p.common_service_ttl,
.common_service_L p.common_service_ttl {
	color:#00a0e9;
	font-size:16px;
	font-weight:bold;
	margin-bottom: 8px;
}
.common_service_R p.common_service_ttl span,
.common_service_L p.common_service_ttl span {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:#656565;
	padding:2px 0.5em 2px 0.5em;
	margin-left:1em;
	/*letter-spacing:1em;*/
}


.common_service_L {
	width:50%;
	float:left;
}

.common_service_R {
	width:50%;
	float:left;
}


.cautionBox {
	margin-top: 35px;
	margin-bottom: 50px;
}

#dti p.caution {
	color:#333;
	font-size:11px;
	margin: 10px 0;
	padding-left: 1em;
	text-indent: -0.9em;
}
#dti p.caution02 {
	color:#333;
	font-size:11px;
	margin: 0;
	padding-left: 1em;
	text-indent: -0.9em;
}
#dti p.caution_r {
	color:#CC0000;
	font-size:11px;
	margin: 10px 0;
	padding-left: 1em;
	text-indent: -0.9em;
}

#dti p.caption {
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -0.6em;
}

#dti p.caption a {
	margin-right: 1em;
}

.chargepage #local_navi #mmenu2 {
	background: #00a0e9;
	color: #FFF !important;
}

.optionpage #local_navi #mmenu3 {
	background: #00a0e9;
	color: #FFF !important;
}

.steppage #local_navi #mmenu4 {
	background: #00a0e9;
	color: #FFF !important;
}

.attentionpage #local_navi #mmenu5 {
	background: #00a0e9;
	color: #FFF !important;
}


/*==========================================================*/


/*　初期インストールOS表
===========================================================*/

/* 使ってない
.os_Box {
	border-top: solid 1px #ccc;
}

.os_Box > .os_row_gray > p,
.os_Box > .os_row_w > p {
	color:#016068;
	font-size:16px;
	font-weight:bold;
	margin: 0 0 10px 10px;
}
.os_Box > .os_row_gray > span,
.os_Box > .os_row_w > span {
	font-size:11px;
	display:block;
	margin: 0 0 10px 10px;
}

.os_ttl {
	margin: 30px 0 16px 0;
	text-align:left;
}
.os_ttl02,.os_ttl03 {
	margin: 10px 0 0px 0;
	text-align:left;
}

.os_ttl p,
.os_ttl03 p {
	font-size:14px;
	margin: 5px 0 0 10px;
	float:left;
}
.os_ttl02 p {
	font-size:14px;
	margin: 15px 0 0 10px;
	float:left;
}


.os_row_gray {
	background:#EEEEEE;
	border-bottom: solid 1px #ccc;
	padding: 10px 0;
}
.os_row_w {
	background:#fff;
	border-bottom: solid 1px #ccc;
	padding: 10px 0;
}

.os_Box_List {
	width: 690px;
	min-height: 50px;
	float:right;
}

.os_Box_L {
	margin-left: 10px;
	width: 205px;
	min-height: 50px;
	float:left;
}
.os_Box_R {
	width: 420px;
	min-height: 50px;
	float:left;
}
.charge_plus{
	width: 20px;
	height:50px;
	line-height:50px;
	font-size:20px;
	font-weight:bold;
	color:#9BC6C4;
	margin:0 5px;
	float:left;
}

.os_box_01{
	width:95px;
	height:50px;
	border:#016068 1px solid;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	background:#fff;
	float:left;
	margin-bottom: 10px;
}

.os_box_01 p {
	font-size:12px;
	color:#016068;
	line-height:1.2em;
	text-align:center;
}

.os_box_02{
	width:95px;
	height:50px;
	border:#016068 1px solid;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	background:#016068;
	float:left;
	margin-bottom: 10px;
}
.os_box_02 p {
	font-size:12px;
	color:#fff;
	line-height:1.2em;
	text-align:center;
}
*/


/* サービス詳細 end ========================================================================*/

/*=======================================================================
popup
========================================================================*/

/* 使ってない
#dti .dti_container_popup {
	width:95%;
	margin:0 auto;
	font-size:14px;
 	line-height:1.6em;
	padding: 0 10px;
}

.os_Box_L_pop {
	margin-left: 10px;
	min-height: 50px;
	float:left;
}
.charge_plus_pop{
	width: 20px;
	height:50px;
	line-height:50px;
	font-size:20px;
	font-weight:bold;
	color:#9BC6C4;
	margin:0 5px;
	float:left;
}
.os_Box_R_pop {
	min-height: 50px;
	float:left;
}
*/

/*=======================================================================
07_オプション
========================================================================*/

.optionBox {
	width:100%;
	margin-bottom: 20px;
}
.optionBox img.option_icon {
	width: 100px;
	float:left;
	display:block;
}
.optionBoxText {
	float:left;
	width: 490px;
	margin-left: 20px;
}

.optionBox p {
	margin-bottom: 1em;
	font-size:14px;
}

.optionBox p.rightLink {
	display:block;
	width: 140px;
	float:left;
	margin-left: 50px;
}

.common_service_R p,
.common_service_L p {
	display:block;
	width: 275px;
	float:left;
	margin-left: 10px;
}

/*　オプションページ　テーブル 2
=================================================================*/

/* 使ってない
.dti_option_table02 {
	width:100%;
	border-collapse:collapse;
	margin-bottom:30px;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
}

.dti_option_table02 tr.ttl th{
	width: 30%;
	background:#95d5f6;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	border-bottom:#CCC 1px solid;
}

.dti_option_table02 tr {
	border-bottom:#CCC 1px solid;
}

.dti_option_table02 td{
	padding:12px 10px 10px 10px;
	text-align:center;
	font-size:18px;
}

.dti_option_table02 td.td1 {
	width: 10%
}

.dti_option_table02 td.td2 {
	width: 55%
}

.dti_option_table02 td.charge_text {
	color:#ff0000;
	font-weight:bold;
}

.dti_option_table02 td span {
	font-size:34px;
	color:#ff0000;
	font-weight:normal;
}
.dti_option_table02 td.small{
	padding:10px 8px 8px 8px;
	text-align:left;
	font-size:14px;
}
.dti_option_table02 td.row_gray {
	background: #eeeeee;
}
*/


/* オプションページ　テーブル 3
============================================================*/

.dti_option_table03 {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

.dti_option_table03 tr.ttl th{
	padding:10px;
	background:#95d5f6;
	color:#fff;
	text-align:center;
	font-size:16px;
}

.dti_option_table03 tr th{
	padding:15px;
	text-align:center;
}

.dti_option_table03 tr{
	border-bottom:#CCC 1px solid;
}

.dti_option_table03 th.row_gray {
	background:#EEEEEE;
	font-weight: normal;
	font-size:18px;
}

.dti_option_table03 td{
	padding:15px;
	text-align:center;
	font-size:18px;
}
.dti_option_table03 th.border_grayR,
.dti_option_table03 td.border_grayR {
		border-right:#ccc 1px solid;

}

.dti_option_table03 td.red_text {
	color:#ff0000;
}
.dti_option_table03 td.red_text span {
	font-size:26px;
}
.dti_option_table03 td.border_grayR span.caution {
	font-size: 12px;
	vertical-align: super;
}

.dti_option_table03 td.border_grayR span.yen {
	font-size: 14px;
	margin-left: 2px;
}

/* 使ってない
.free {
	float:right;
	line-height:30px;
	width:155px;
	min-height:30px;
	background:#016068;
	color:#FFFFFF;
}
*/


/* テーブル 4 マニュアルで使用
============================================================*/

/* 使ってない
.dti_option_table04 {
	width:100%;
	border-collapse:collapse;
	margin-bottom:30px;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
}

.dti_option_table04 tr th{
	width: 200px;
	background:#eee;
	color:#333;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	border-bottom:#ccc 1px solid;
}

.dti_option_table04 tr {
	border-bottom:#CCC 1px solid;
}

.dti_option_table04 td{
	padding:12px 10px 10px 10px;
	text-align:left;
	font-size:14px;
}

.dti_option_table02 td.row_gray {
	background: #eeeeee;
}
*/


/*=======================================================================
08_ご利用の流れ
========================================================================*/

.dti_step{
	width:768px;
	background:#f2f2f2;
	border:#f2f2f2 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:30px 0 20px 60px;
	padding:15px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

.dti_step .step_tit{
	background:#fff;
	width:754px;
	height:40px;
	font-size:18px;
	color:#00a0e9;
	padding-left:10px;
	line-height:40px;
	border:#00a0e9 2px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

.dti_step .step_arrow{
	padding:20px 20px  20px 70px;
	background:url(../image/step_arrow.png) left bottom no-repeat;
}

/* 使ってない
.dti_step .step_arrow_dot{
	padding:20px 20px  20px 70px;
	background:url(../image/step_arrow_dot.png) left bottom no-repeat;
}

.dti_step .step_arrow_none{
	padding:20px 20px  20px 70px;
}
*/

.dti_step .step_arrow p{
	font-size:14px;
	margin:0 0 1em 0;
}

.dti_step .step_arrow p.head {
	padding: 5px;
	font-weight: bold;
 	border: 1px solid #999999;
}

.dti_step .step_arrow ul.list {
	margin-bottom:1em;
}

.dti_step .step_arrow ul.list li {
	list-style-type:disc;
}

.dti_step .step_fix {
  background: #999;
  width: 754px;
  height: 40px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding-left: 10px;
  line-height: 40px;
  border: #999 2px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/common/js/PIE.htc);
  position: relative;
}

/* 使ってない
.dti_step .step_tit_g{
	background:#999;
	width:754px;
	height:40px;
	font-size:18px;
	color:#fff;
	text-align:center;
	padding-left:10px;
	line-height:40px;
	border:#999 2px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

.dti_step .step_period{
	text-align:center;
	margin:20px 0 20px 0;
	font-size:14px;
	padding:10px;
	color:#FFF;
	background:#D87E90;
	border:#D87E90 2px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
	}
*/

/*=======================================================================
09_FAQ
========================================================================*/

.dti_container ul.vps_faq_left{
	margin:0;
	padding:0;
	list-style:none;
	width:380px;
	float:left;
}

.dti_container ul.vps_faq_right{
	margin:0;
	padding:0;
	list-style:none;
	width:380px;
	float:right;
}

.dti_container ul.vps_faq_right li,.dti_container ul.vps_faq_left li{
	margin-bottom:1.5em;
}

/*=======================================================================
10_利用イメージ
========================================================================*/

/* 使ってない
.usecase_txt_l{
	width:380px;
	float:left;
}

.usecase_txt_r{
	width:380px;
	float:right;
}

.usecase_txt_l dt,.usecase_txt_r dt{
	width:370px;
	height:42px;
	padding:7px 0 0 10px;
	font-size:18px;
	color:#016068;
	font-weight:bold;
	background:url(../image/usecase_baloom.png) left top no-repeat;
}

.usecase_txt_l dd,.usecase_txt_r dd{
	font-size:14px;
	margin:0 0 1.5em 0;
}

.usecase_txt_r table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

.usecase_txt_r table caption{
	text-align:left;
}

.usecase_txt_r table th{
	text-align:center;
	padding:10px;
	background:#e4e4e4;
	border-bottom:#FFF 1px solid;
}

.usecase_txt_r table td{
	padding:10px;
	text-align:center;
	border-bottom:#CCC 1px solid;
}

.usecase_txt_r table td span{
	font-size:16px;
	font-weight:bold;
	color:#016068;
}
*/

/*=========================================
マニュアル
=========================================*/
#dti_mnl{
	width:768px;
	margin:0 15px;
	padding:0;
}

#dti_mnl img{
	float:left;
	margin:0 10px 0 0;
}

#dti_mnl .mnl_tit{
	background:#fff;
	width:754px;
	height:40px;
	font-size:18px;
	color:#016068;
	padding-left:10px;
	line-height:40px;
	border:#016068 2px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#dti_mnl .mnl_arrow{
	padding:20px 20px  20px 70px;
	background:url(../image/step_arrow.png) left bottom no-repeat;
}

#dti_mnl .mnl_arrow2{
	padding:20px 20px  20px 70px;
}

#dti_mnl .mnl_arrow p, #dti_mnl .mnl_arrow2 p{
	font-size:14px;
	margin:0 0 1em 0;
}

#mnl_caution{
	border:#016068 1px dotted;
	padding:20px;
	margin:0 0 20px 0;
}

#mnl_caution dt{
	font-size:16px;
	color:#016068;
	font-weight:bold;
}

#mnl_caution dd{
	font-size:14px;
	margin:0 0 0 2em;
}

/*=========================================
メディア掲載
=========================================*/

/* 使ってない
#dti ul#press{
	margin:2em 0 0 0;
	padding:0;
	list-style:none;
}

#dti ul#press li{
	margin:0 0 2em 0;
}
*/


/*=======================================================================
注意事項
========================================================================*/

/* 使ってない
.vps_attention dt{
	width:800px;
	height:40px;
	line-height:40px;
	color:#333;
	border-bottom:#333 1px dotted;
	border-top:none;
	border-left:none;
	border-right:none;
	background:#fff;
	margin:0 0 30px 0;
	font-size:14px;
	font-weight:bold;
}
.vps_attention dd{
	padding:0 2em 1.5em 2em;
	font-size:14px;
}

.vps_attention li{
	margin:0 0 0.5em 0;
}

.vps_attention div.spec_up{
	width:250px;
	float:left;
}

.vps_attention div.spec_up img{
	margin:10px 0 10px 0;
}

.vps_attention div.spec_up p.spec_tit{
	height:30px;
	line-height:30px;
	border-bottom:#016068 1px dotted;
	color:#016068;
	}
*/

/*=======================================================================
11_フッター
========================================================================*/

#dti_footer{
	width:820px;
	padding:20px 50px 20px 50px;
	font-size:12px;
	margin:0;
	background:#f2f2f2;
	color:#666;
}

#dti_footer ul{
	margin:0;
	padding:0;
	list-style:none;
}

#dti_footer li{
	margin:0;
	padding:0 1.5em 0 20px;
	line-height:30px;
	float:left;
	background:url(../image/arrow_b_length.png) left top no-repeat;
}

#dti_footer li a,#dti_footer li a:link,#dti_footer li a{
	display: inline;
}

#dti_footer li a,#dti_footer li a:link,#dti_footer li a:visited{
	text-decoration:none;
	color:#666;
}

#dti_footer li a:hover,#dti_footer li a:active{
	color:#666;
	text-decoration:underline;
}

/*=======================================================================
12_パーツ、レイアウト
========================================================================*/


/* page_up
=========================================================*/

#dti .page_up{
	margin:30px;
	padding:0;
	float:right;
}

#dti .page_up a,.page_up a:link,.page_up a:visited{
	width:38px;
	font-size:10px;
	line-height:10px;
	height:10px;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#FFF;
	color:#666;
	border:#666 1px solid;
	-webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#dti .page_up a:hover,.page_up a:active{
	width:38px;
	font-size:10px;
	line-height:10px;
	height:10px;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#016068;
	color:#FFF;
	border:#016068 1px solid;
	-webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}


/*=======================================================================
DTI 光　共通レスポンシブ
========================================================================*/
@media screen and (max-width: 481px){
html, body{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
}

body{
	-moz-box-align: center;
	-webkit-box-align: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
}

#wrapper{
     width: 100%;
     margin: 0 auto;
}
#dti .dti_container {
	width: 100%;
}
#mobile_wrapper {
	padding: 0 10px;
}
#dti h2.contents_ttl {
	padding: 5px 10px;
	height: auto;
	line-height: 1.4;
}
div#twitter {
	margin: 0px 10px 0 0px;
}
li {
	list-style: none;
}

#dti h3 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 40px 0 6px 0;
}

#dti h4{
	width: 100%;
	height: auto;
	line-height: 1.4;
}

#dti h5{
	width: 100%;
	height: auto;
	line-height: 1.4;
}

#dti p.caption {
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1em;
}

#dti p.caption a {
	margin-right: 1em;
}

}


/*=======================================================================
DTI 光　非表示
========================================================================*/
@media screen and (max-width: 481px){


#dti_navi,#dti_appli_box,#dtiHeader,#dtiHeader_Box,#dtiHeaderHeight {
	display: none;
}
}


/*=======================================================================
DTI 光　ページ下部ボタン
========================================================================*/

@media screen and (min-width: 482px){
div.btn_dti_wrapper,#common_header2 {
	display: none;
}
}

@media screen and (max-width: 481px){
div.btn_dti_wrapper {
	display: block;
	width: 90%;
	margin: 4% auto 8% auto;
}

div.btn_dti a {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ff0000;
}

div.btn_dti2 a {
	width: 100%;
	display: block;
	margin: 8% auto 0 auto;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	color: #ff0000;
	font-size: 17px;
	font-weight: bold;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ffffff;
}

div.btn_dti_txt {
	width: 100%;
	margin: 4% auto 0 auto;
	text-align:center;
}
}
/*=======================================================================
DTI 光　footer 共通
========================================================================*/
@media screen and (max-width: 481px){
#dti_footer {
	width: 100%;
	padding: 0;
	font-size: 12px;
	margin: 0;
	background: #f2f2f2;
	color: #666;
}
#dti_footer li {
	float: none;
	background-image: none;
	border-top: #CCC 1px solid;
	padding: 5.5% 0;
	font-size: 14px;
	text-align: center;
	list-style: none;
}
li.foot_inner {
	border-bottom: #ccc 1px solid;
}
iframe {
	width: 0;
	display: block;
}
#dti .page_up a,.page_up a:link,.page_up a:visited{
	height:12px;
}

#dti .page_up a:hover,.page_up a:active{
	height:12px;
}
}

/* 使ってない
@media screen and (max-width: 320px){
.step_tit_g {
	padding-left: 0 !important;
}
}
*/







/* トップページTOPICSの内容を申し込みボタンに ここから */
/*top_appli_box_2 ****************/
#dti #top_topics #topics_r #top_appli_box_2 {
	padding: 15px 0 0 20px;
	overflow: hidden;
}

#dti #top_topics #topics_r #top_appli_box_2 p.appi_tit {
	text-align: center;
	color:#ff0000;
	font-size:18px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#dti #top_topics #topics_r #top_appli_box_2 ul{
	width: 370px;
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

#dti #top_topics #topics_r #top_appli_box_2 li{
	float: left;
	width: 140px;
	margin:0 20px 8px 0;
	padding:0;
}

/*top_appli_entry_btn*/
#top_appli_box_2 li#top_appli_entry_btn a,
#top_appli_box_2 li#top_appli_entry_btn a:link,
#top_appli_box_2 li#top_appli_entry_btn a:visited{
	width: 130px;
	padding: 10px 5px;
	display: block;
	text-align: center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#ff0000;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #999 1px 1px 2px;
	-moz-box-shadow: #999 1px 1px 2px;
	box-shadow: #999 1px 1px 2px;
	behavior:url(/common/js/PIE.htc);
}

#top_appli_box_2 li#top_appli_entry_btn a:hover,
#top_appli_box_2 li#top_appli_entry_btn a:active{
	width: 130px;
	padding: 10px 5px;
	display:block;
	text-align:center;
	text-decoration:underline;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #d75f5c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #999 1px 1px 2px;
	-moz-box-shadow: #999 1px 1px 2px;
	box-shadow: #999 1px 1px 2px;
	background: #d75f5c;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}


/*appli_member_btn*/
#top_appli_box_2 li#top_appli_member_btn a,
#top_appli_box_2 li#top_appli_member_btn a:link,
#top_appli_box_2 li#top_appli_member_btn a:visited{
	width: 130px;
	padding: 10px 5px;
	display: block;
	text-align:center;
	text-decoration:none;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#top_appli_box_2 li#top_appli_member_btn a:hover,
#top_appli_box_2 li#top_appli_member_btn a:active{
	width: 130px;
	padding: 10px 5px;
	display: block;
	text-align:center;
	text-decoration:underline;
	color:#d75f5c;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #d75f5c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}


#dti #top_topics #topics_r{
	width:349px;
	float:right;
	margin-right:20px;
	background:#fff;
	border: 2px solid #ff0000;
	border-radius:4px;
}
.cp_txt{
	font-size:2.5em !important;
	margin-bottom:20px;
}
.cp_txt strong{
	font-size:2em;
	color:#ff0000;
}

@media screen and (max-width: 481px){

#dti #top_topics #topics_r #top_appli_box_2 {
	padding: 3% 2%;
	overflow: visible;
}

#dti #top_topics #topics_r #top_appli_box_2 ul{
	width: 100%;
}

#dti #top_topics #topics_r #top_appli_box_2 li{
	float: none;
	width: 90%;
	margin: 0 auto 1em auto;
	padding: 0;
}

#top_appli_box_2 li#top_appli_entry_btn a,
#top_appli_box_2 li#top_appli_entry_btn a:link,
#top_appli_box_2 li#top_appli_entry_btn a:visited{
	width: 96%;
	margin: 0 auto;
	padding: 2%;
	display: block;
	text-align: center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#ff0000;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #999 1px 1px 2px;
	-moz-box-shadow: #999 1px 1px 2px;
	box-shadow: #999 1px 1px 2px;
	behavior:url(/common/js/PIE.htc);
}


#top_appli_box_2 li#top_appli_member_btn a,
#top_appli_box_2 li#top_appli_member_btn a:link,
#top_appli_box_2 li#top_appli_member_btn a:visited{
	width: 96%;
	margin: 0 auto;
	padding: 2%;
	display: block;
	text-align:center;
	text-decoration:none;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #fff;
	behavior:url(/common/js/PIE.htc);
}
/* セット割 */
.pattern {
	-webkit-flex-direction: column; /* Safari */
  flex-direction: column;
}
.pattern .apply_btn,
.pattern .apply_btn_gas,
.pattern .apply_btn_tel{
  width: 96%;
	margin: 0 2% 20px 2%;
}

.pattern .apply_btn2{
	width: 96%;
	margin: 0 2% 20px 2%;
	-webkit-flex-direction: column; /* Safari */
  flex-direction: column;
}
.pattern .apply_btn2 p{
	margin-bottom:10px;
}
.pattern .huyou{
	  width: 96%;
	margin: 0 2%;
	-webkit-flex-direction: column; /* Safari */
  flex-direction: column;
}
.nextarrow {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}
.full_img{
	width: 100%;
}

.option_set_btn {
	flex-direction:column;
}
.option_set_btn a {
	height:auto;
}

.dti_container li {
    margin-bottom: 0;
}

/*top_sim_set_box ****************/
#dti #dti_top #top_sim_set_box{
	width:96%;
	height:auto;
	float:none;
	margin:30px 2% 0 2%;
	padding-bottom:10px;
}
}

/* トップページTOPICSの内容を申し込みボタンに ここまで */