body {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 100%;
line-height: 130%;
margin: 0;
padding: 0;
text-align: center;
-webkit-text-size-adjust: 100%;
}



/* --------------------------------------------------------
 共通
----------------------------------------------------------- */
img {
vertical-align: top;
border: 0;
}

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

/* ページトップボタン */
.wrapper .pagetop {
margin: 10px 0 40px;
font-size: 90%;
text-align: right;
clear: both;
}
.wrapper .pagetop a {
padding: 0 0 0 15px;
color: #333;
background: url(../images/arrow_black_up.png) 0 center no-repeat;
}

.wrapper .pagetopfloat {
bottom: 20px;
cursor: pointer;
position: fixed;
right: 20px;
display: none;
}





.wrapper {
margin: 0 auto;
font-size: 90%;
text-align: center;
/*width: 900px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;*/
}



/* --------------------------------------------------------
 ヘッダー
----------------------------------------------------------- */
.wrapper header {
padding: 0;
padding: 3px 0 5px;
border-bottom: 1px solid #CCC;
line-height: 1;
text-align: center;
}
.wrapper header .head {
margin: 0 auto;
padding: 0;
text-align: left;
width: 780px;
}
.wrapper header h1.logo,
.wrapper header p.logo {
margin: 0;
padding: 0;
width: 250px;
height: 46px;
float: left;
position: relative;
}
.wrapper header h1.logo img,
.wrapper header p.logo img {
margin: 8px 0 0 0;
width: 79px;
}
.wrapper header h1.logo a:hover img,
.wrapper header p.logo a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
background: #FFF;
}
.wrapper header h1.logo span,
.wrapper header p.logo span {
margin: 0;
padding: 0;
font-size: 150%;
color: #666;
position: absolute;
top: 16px;
left: 88px;
/*display: none;*/
}
.wrapper header h1.logo span a,
.wrapper header p.logo span a {
color: #666;
}

.wrapper header .menuArea {
margin: 0;
padding: 0;
width: 500px;
float: right;
}
.wrapper header ul {
margin: 0;
padding: 0;
}
.wrapper header ul li {
margin: 0;
padding: 0;
list-style: none;
}
.wrapper header .menuArea ul.menu01 {
margin: 5px 0 0;
padding: 0;
}
.wrapper header .menuArea ul.menuBtn {
display: none;
}
.wrapper header .menuArea ul.menu01 li {
margin: 0;
padding: 3px 0 0 18px;
font-size: 80%;
line-height: 140%;
float: right;
}
.wrapper header .menuArea ul.menu01 li a {
color: #333;
}
.wrapper header .menuArea ul.menu01 li.top {
width: 70px;
background: url(../images/header_home.png) 0 center no-repeat;
}
.wrapper header .menuArea ul.menu01 li.sitemap {
width: 80px;
background: url(https://www.tnc.ne.jp/shared/images/sitemap.gif) 0 center no-repeat;
}

.wrapper header .menuArea ul#menu02 {
clear: both;
margin: 0;
padding: 8px 0 0;
text-align: right;
}
.wrapper header .menuArea ul#menu02 li {
margin: 0 5px 0 0;
padding: 0 0 0 5px;
/*float: left;*/
/*width: 92px;*/
/*height: 25px;*/
font-size: 80%;
font-weight: bold;
text-align: center;
line-height: 140%;
border-left: 1px solid #CCC;
display: inline;
}
.wrapper header .menuArea ul#menu02 li a {
margin: 0;
padding: 0;
/*width: 92px;*/
/*height: 27px;*/
color: #333;
/*display: block;*/
/*text-indent: -10000px;*/
}


.wrapper header .menuArea ul#menu02 li.btn01 {
border-left: none;
}
/*
.wrapper header .menuArea ul#menu02 li.btn01 a {
width: 92px;
background: url(http://www.tnc.ne.jp/shared/images/welcome.gif) 0 2px no-repeat;
}
.wrapper header .menuArea ul#menu02 li.btn01 a:hover {
background: url(http://www.tnc.ne.jp/shared/images/welcome_over.gif) 0 2px no-repeat;
}
.wrapper header .menuArea ul#menu02 li.btn02 {
width: 106px;
}
.wrapper header .menuArea ul#menu02 li.btn02 a {
width: 106px;
background: url(http://www.tnc.ne.jp/shared/images/option.gif) 0 2px no-repeat;
}
.wrapper header .menuArea ul#menu02 li.btn02 a:hover {
background: url(http://www.tnc.ne.jp/shared/images/option_over.gif) 0 2px no-repeat;
}
.wrapper header .menuArea ul#menu02 li.btn03 {
width: 107px;
}
.wrapper header .menuArea ul#menu02 li.btn03 a {
width: 107px;
background: url(http://www.tnc.ne.jp/shared/images/support.gif) 0 2px no-repeat;
}
.wrapper header .menuArea ul#menu02 li.btn03 a:hover {
background: url(http://www.tnc.ne.jp/shared/images/support_over.gif) 0 2px no-repeat;
}
.wrapper header .menuArea ul#menu02 li.btn04 {
width: 89px;
}
.wrapper header .menuArea ul#menu02 li.btn04 a {
width: 89px;
background: url(http://www.tnc.ne.jp/shared/images/enjoy.gif) 0 2px no-repeat;
}
.wrapper header .menuArea ul#menu02 li.btn04 a:hover {
background: url(http://www.tnc.ne.jp/shared/images/enjoy_over.gif) 0 2px no-repeat;
}
*/

.wrapper header .menuArea ul#menu02 li.btnTop,
.wrapper header .menuArea ul#menu02 li.btnSitemap,
.wrapper header .menuArea ul#menu02 li.btnClose {
display: none;
}










/* --------------------------------------------------------
 コンテンツメイン
----------------------------------------------------------- */
.wrapper .conteiner {
clear: both;
padding: 0;
background: url(../images/header_bg_shadow.gif) 0 0 repeat-x;
text-align: center;
}


/* --------------------------------------------------------
 パンくずリスト
----------------------------------------------------------- */
.wrapper .conteiner .pankuzuArea {
margin: 0 auto;
padding: 10px 0 15px;
text-align: left;
width: 780px;
}

.wrapper .conteiner ul.pankuzu {
margin: 0;
padding: 3px 0 0;
text-align: left;
width: 350px;
float: left;
}
.wrapper .conteiner ul.pankuzu li {
margin: 0;
padding: 0 12px 0 0;
display: inline;
list-style: none;
font-size: 80%;
background: url(../images/ico_pan.gif) right center no-repeat;
}
.wrapper .conteiner ul.pankuzu li:last-child {
background: none;
}


/* --------------------------------------------------------
 税抜表記
----------------------------------------------------------- */
.wrapper .conteiner .pankuzuArea .tax {
margin: 0;
padding: 0;
display: block;
float: right;
width: 410px;
font-size: 90%;
color: #C00;
text-align: center;
border: 1px solid #CCC;
}



/* スマホ用 各サービスメニュー */
.wrapper .conteiner ul.servicemenu {
display: none;
}



/* --------------------------------------------------------
 メインイメージ
----------------------------------------------------------- */
.wrapper .conteiner .mainImage {
margin: 0;
background: url(../../images/main_bg.gif) 0 0 repeat;
}


.wrapper .conteiner .mainImage .mainArea {
margin: 0 auto;
width: 800px;
height: 500px;/*10,000円表示時は620px/非表示は500px*/
text-align: left;
position: relative;
}

.wrapper .conteiner .mainImage .mainArea p.tnclogo {
padding: 2px 15px;
	width: 40%;
	text-align: center;
position: absolute;
top: 20px;
left: 0px;
	right: 0px;
	margin: auto;
font-size: 160%;
font-weight: bold;
line-height: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,e6e6e6+51,e6e6e6+100 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-gradient(linear,  left top, left bottom,  from(#ffffff),color-stop(50%, #ffffff),color-stop(51%, #e6e6e6),to(#e6e6e6));
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#e6e6e6 51%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
}
.wrapper .conteiner .mainImage .mainArea p.tnclogo img {
padding: 0 5px 0 0;
width: 79px;
vertical-align: middle;
}
.wrapper .conteiner .mainImage .mainArea p.tnclogo span {
padding: 10px 0 5px;
display: inline-block;
}

.wrapper .conteiner .mainImage .mainArea h1 {
margin: 0 0 0 -250px;
position: absolute;
top: 105px;
left: 50%;
}
.wrapper .conteiner .mainImage .mainArea p.mail {
padding: 6px 7px;
position: absolute;
top: 65px;
right:0px;
	left:0px;
	margin: auto;
	width: 50%;
font-size: 100%;
font-weight: bold;
color: #FFF;
	text-align: center;
border: 1px solid #FFF;
}
.wrapper .conteiner .mainImage .mainArea p.txt01 {
position: absolute;
top: 224px;
left: 30px;
}
.wrapper .conteiner .mainImage .mainArea p.txt02 {
position: absolute;
top: 318px;
left: 0px;
	right: 0px;
	margin: 0 auto;
	width: 530px;
	max-width:100%;



}
.wrapper .conteiner .mainImage .mainArea p.txt03 {
position: absolute;
top: 450px;
left: 25px;
}
.wrapper .conteiner .mainImage .mainArea p.btn {
position: absolute;
top: 335px;
left: 30px;
}




/* --------------------------------------------------------
 お申し込みボタン
----------------------------------------------------------- */
.wrapper .conteiner .orderBtn {
margin: 20px auto 0;
clear: both;
}




/* --------------------------------------------------------
 コンテンツ
----------------------------------------------------------- */

/* コンテンツ 本文 */
.wrapper .conteiner .content {
margin: 20px auto 0;
clear: both;
/*width: 950px;*/
}
.wrapper .conteiner .content .contentmain {
padding: 0;
font-size: 110%;
line-height: 160%;
}



/* --------------------------------------------------------
 ページナビゲーション
----------------------------------------------------------- */

.wrapper .conteiner .pageNavi {
margin: 0 auto;
padding: 0;
/*width: 950px;*/
}
.wrapper .conteiner .pageNavi ul {
margin: 0 auto;
padding: 0;
width: 798px;
border: 1px solid #CCC;
/*border-radius: 23px;
border-top-right-radius: 23px;
border-bottom-right-radius: 23px;*/
background: #FFF url(../../images/pagenavi_bg.gif) 0 0 repeat-x;
}
.wrapper .conteiner .pageNavi ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
display: block;
width: 198px;
font-size: 90%;
font-weight: bold;
text-align: center;
border-left: 1px solid #CCC;
position: relative;
}
.wrapper .conteiner .pageNavi ul li.smart {
border-left: none;
}
.wrapper .conteiner .pageNavi ul li.about {
width: 201px;
}
.wrapper .conteiner .pageNavi ul li a {
margin: 0;
padding: 12px 0;
display: block;
color: #333;
position: relative;
}
.wrapper .conteiner .pageNavi ul li.on a {
color: #2075BB;
}
.wrapper .conteiner .pageNavi ul li.on ul li a {
color: #333;
}
.wrapper .conteiner .pageNavi ul li a:hover {
color: #2075BB;
}
.wrapper .conteiner .pageNavi ul li.merit a {
border-radius: 23px 0 0 23px;
border-top-left-radius: 23px;
border-bottom-left-radius: 23px;
}

/*
.wrapper .conteiner .pageNavi ul li.merit a:after,
.wrapper .conteiner .pageNavi ul li.campaign a:after,
.wrapper .conteiner .pageNavi ul li.option a:after,
.wrapper .conteiner .pageNavi ul li.flow a:after {
margin: 0 0 0 -5px;
border-right: 2px solid #999999;
border-top: 2px solid #999999;
content: "";
width: 6px;
height: 6px;
position: absolute;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
bottom: 8px;
left: 50%;
}
.wrapper .conteiner .pageNavi ul li.merit:hover a:after,
.wrapper .conteiner .pageNavi ul li.campaign:hover a:after,
.wrapper .conteiner .pageNavi ul li.option:hover a:after,
.wrapper .conteiner .pageNavi ul li.flow:hover a:after {
bottom: 6px;
}
.wrapper .conteiner .pageNavi ul li.merit ul li a:after,
.wrapper .conteiner .pageNavi ul li.campaign ul li a:after,
.wrapper .conteiner .pageNavi ul li.option ul li a:after,
.wrapper .conteiner .pageNavi ul li.flow ul li a:after {
margin: 0;
border: none;
}
*/

.wrapper .conteiner .pageNavi ul li.notice a {
border-radius: 0 23px 23px 0;
border-top-right-radius: 23px;
border-bottom-right-radius: 23px;
}
.wrapper .conteiner .pageNavi ul li.order a {
/*border-radius: 0 23px 23px 0;
border-top-right-radius: 23px;
border-bottom-right-radius: 23px;*/
background: #F90 url(../../images/pagenavi_bg_png.png) 0 0 repeat-x;
color: #FFF;
text-shadow: 2px 2px 2px #dd8500;
}
.wrapper .conteiner .pageNavi ul li.order a:hover {
background: #FC0 url(../../images/pagenavi_bg_png.png) 0 0 repeat-x;
text-decoration: none;
}
.wrapper .conteiner .pageNavi.fixed {
margin:0 0 46px;
padding:10px 0;
width: 100%;
position: fixed;
top: 0;
z-index: 999;
background: rgba(255,255,255,0.97);
background: #FFF\9;
/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);*/
}






/* --------------------------------------------------------
 サイドナビゲーション
----------------------------------------------------------- */
.wrapper .conteiner .content .sideNavi {
position: fixed;
bottom: 200px;
right: 20px;
z-index: 1;
}
.wrapper .conteiner .content .sideNavi ul {
margin: 0;
padding: 0;
}
.wrapper .conteiner .content .sideNavi ul li {
margin: 0 0 10px;
padding: 0;
list-style: none;
display: block;
}
.wrapper .conteiner .content .sideNavi ul li a {
padding: 15px 0;
display: block;
font-size: 120%;
font-weight: bold;
text-align: center;
color: #FFF;
text-shadow: 2px 2px 2px #DD8500;
line-height: 120%;
width: 74px;
border: 3px solid #EA8C00;
background: #f0c000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYzAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-gradient(linear,  left top, left bottom,  from(#f0c000),to(#ff9900));
background: linear-gradient(to bottom,  #f0c000 0%,#ff9900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c000', endColorstr='#ff9900',GradientType=0 ); /* IE6-8 */
}
.wrapper .conteiner .content .sideNavi ul li a:hover {
text-decoration: none;
background: #f2f200; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-gradient(linear,  left top, left bottom,  from(#f2f200),to(#ff9900));
background: linear-gradient(to bottom,  #f2f200 0%,#ff9900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f200', endColorstr='#ff9900',GradientType=0 ); /* IE6-8 */
}









/* --------------------------------------------------------
 共通 注意事項
----------------------------------------------------------- */
.wrapper .conteiner .content .contentmain.hikari .atnBox {
margin: 20px 0 0 0;
padding: 20px;
background: #f5f5f5;
}
.wrapper .conteiner .content .contentmain.hikari .atnBox ul,
.wrapper .conteiner .content .contentmain.hikari .atnBox ol {
margin: 0 0 0 20px;
padding: 0;
}
.wrapper .conteiner .content .contentmain.hikari .atnBox ul li,
.wrapper .conteiner .content .contentmain.hikari .atnBox ol li {
margin: 0;
padding: 0;
list-style-position: outside;
font-size: 90%;
}
.wrapper .conteiner .content .contentmain.hikari .atnBox .kome li:before {
content: "※";
margin: 0 5px 0 -20px;
}
.wrapper .conteiner .content .contentmain.hikari .atnBox .kome li {
list-style: none;
}
.wrapper .conteiner .content .contentmain.hikari .atnBox .komeNo li:before {
content: "※";
position: absolute;
left: -38px;
}
.wrapper .conteiner .content .contentmain.hikari .atnBox .komeNo {
margin: 0 0 0 38px;
}
.wrapper .conteiner .content .contentmain.hikari .atnBox .komeNo li {
position: relative;
}

/* スマホ表示崩れ対応 */
@media (max-width: 980px) {

.wrapper .conteiner .content .contentmain.hikari .atnBox .komeNo li:before {
content: "※";
position: absolute;
left: -48px;
}
.wrapper .conteiner .content .contentmain.hikari .atnBox .komeNo {
margin: 0 0 0 48px;
}

}







/* --------------------------------------------------------
 スマート値引きとは？
----------------------------------------------------------- */
.wrapper .conteiner .content .contentmain .smartInfo {
clear: both;
margin: 10px 0 50px;
padding: 20px 0;
font-size: 220%;
font-weight: bold;
line-height: 100%;
text-align: center;
background: #FBC600;
border-top: 3px solid #E1B500;
position: relative;
}
.wrapper .conteiner .content .contentmain .smartInfo:before {
content: "";
margin: 0 0 0 -35px;
position: absolute;
border: 40px solid transparent;
border-top: 30px solid #FBC600;
position: absolute;
left: 50%;
bottom: -70px;
}

.wrapper .conteiner .content .contentmain .smart {
margin: 0 auto;
padding: 0;
text-align: left;
width: 750px;
background: #FFFBDA;
border-left: 2px solid #FBC600;
border-right: 2px solid #FBC600;
border-bottom: 2px solid #FBC600;
}
.wrapper .conteiner .content .contentmain .smart h2 {
margin: 0;
padding: 10px 0;
text-align: center;
background: #FBC600;
}
.wrapper .conteiner .content .contentmain .smart h2 a:hover {
opacity: 0.8;
}
.wrapper .conteiner .content .contentmain .smart h3 {
margin: 0;
padding: 30px 0;
font-size: 180%;
text-align: center;
background: #FBC600;
}

.wrapper .conteiner .content .contentmain .smart .explanation {
margin: 0;
padding: 28px;
}
.wrapper .conteiner .content .contentmain .smart .explanation a {
display: block;
}
.wrapper .conteiner .content .contentmain .smart .explanation a:hover {
opacity: 0.8;
}
.wrapper .conteiner .content .contentmain .smart .explanation .pc {
margin: 0;
padding: 0;
width: 360px;
float: left;
background: url(../images/smart_plus.png) right center no-repeat;
}
.wrapper .conteiner .content .contentmain .smart .explanation .mobile {
margin: 0;
padding: 0;
width: 325px;
float: right;
}
.wrapper .conteiner .content .contentmain .smart .explanation .txt01 {
clear: both;
margin: 0 0 30px;
padding: 20px 0;
text-align: center;
position: relative;
}
.wrapper .conteiner .content .contentmain .smart .explanation .txt01:before {
content: "";
margin: 0 0 0 -35px;
position: absolute;
border: 40px solid transparent;
border-top: 30px solid #878787;
position: absolute;
left: 50%;
bottom: -70px;
}
.wrapper .conteiner .content .contentmain .smart .explanation .txt02 {
margin: 0 0 15px;
text-align: center;
}
.wrapper .conteiner .content .contentmain .smart .explanation .txt03 {
margin: 0 0 15px;
text-align: center;
}
.wrapper .conteiner .content .contentmain .smart .explanation ul {
margin: 0;
padding: 0;
}
.wrapper .conteiner .content .contentmain .smart .explanation ul li {
margin: 0;
padding: 0;
list-style: none;
font-size: 80%;
line-height: 140%;
}


/* 月額利用料 */
.wrapper .conteiner .content .contentmain .smart .priceArea {
margin: 0;
padding: 28px;
background: #FFF;
}

.wrapper .conteiner .content .contentmain .smart .priceArea .priceList {
margin: 0;
padding: 0;
width: 450px;
float: left;
background: url(../images/price_icon_equal.png) right center no-repeat;
}

/* 集合・戸建住宅料金 */
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .fee {
margin: 0;
padding: 0;
width: 400px;
border: 1px solid #CCC;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .fee h4 {
padding: 5px 0;
font-size: 110%;
text-align: center;
line-height: 120%;
background: #EBEBEB;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .fee table {
margin: 0;
padding: 0;
width: 100%;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .fee table th {
margin: 0;
padding: 10px;
font-size: 110%;
text-align: left;
vertical-align: middle;
border-top: 1px dotted #CCCCCC;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .fee table th .mansion {
padding: 5px 0 5px 33px;
background: url(../images/price_icon_mansion.png) 0 center no-repeat;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .fee table th .home {
padding: 5px 0 5px 33px;
background: url(../images/price_icon_home.png) -1px center no-repeat;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .fee table td {
margin: 0;
padding: 10px;
text-align: center;
line-height: 100%;
vertical-align: middle;
border-top: 1px dotted #CCCCCC;
}

/* オプション */
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option {
margin: 5px 0 0;
padding: 30px 0 0;
width: 400px;
background: url(../images/price_icon_plus.png) center 0 no-repeat;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option h4 {
padding: 5px 0;
text-align: center;
background: #EBEBEB;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option table {
margin: 0;
padding: 0;
width: 100%;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option table th {
margin: 0;
padding: 2px 10px 2px 13px;
font-size: 90%;
text-align: left;
vertical-align: middle;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option table th .bbunit {
padding: 3px 0 3px 29px;
background: url(../images/price_icon_bbunit.png) 0 center no-repeat;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option table th .wifi {
padding: 3px 0 3px 29px;
background: url(../images/price_icon_wifi.png) 0 center no-repeat;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option table th .tel {
padding: 3px 0 3px 29px;
background: url(../images/price_icon_tel.png) 0 center no-repeat;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option table td {
margin: 0;
padding: 10px 20px;
text-align: center;
vertical-align: middle;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option table td .normal {
margin: 0 0 20px;
padding: 0 0 5px;
text-decoration: line-through;
display: block;
position: relative;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option table td .normal:before {
content: "";
margin: 0 0 0 -20px;
position: absolute;
border: 20px solid transparent;
border-top: 10px solid #878787;
position: absolute;
left: 50%;
bottom: -30px;
}

/* 合計 */
.wrapper .conteiner .content .contentmain .smart .priceArea .total {
margin: 0;
padding: 0;
width: 225px;
float: right;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .total table {
margin: 0;
padding: 0;
width: 100%;
border: 1px solid #CCC;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .total table th {
margin: 0;
padding: 6px;
font-size: 110%;
line-height: 120%;
text-align: center;
background: #EBEBEB;
}
.wrapper .conteiner .content .contentmain .smart .priceArea .total table td {
margin: 0;
padding: 25px 20px;
font-size: 120%;
font-weight: bold;
text-align: center;
line-height: 200%;
border-top: 1px dotted #CCC;
}

/* 注釈 */
.wrapper .conteiner .content .contentmain .smart ul {
margin: 0;
padding: 15px 0 0;
clear: both;
}
.wrapper .conteiner .content .contentmain .smart ul li {
margin: 0;
padding: 0;
list-style: none;
font-size: 80%;
line-height: 140%;
}





/* --------------------------------------------------------
 初期費用
----------------------------------------------------------- */
.wrapper .conteiner .content .contentmain .initialCost {
margin: 40px auto 0;
padding: 0;
width: 750px;
border-left: 2px solid #FBC600;
border-right: 2px solid #FBC600;
border-bottom: 2px solid #FBC600;
}
.wrapper .conteiner .content .contentmain .initialCost h2 {
margin: 0;
padding: 30px 0;
font-size: 180%;
text-align: center;
background: #FBC600;
}
.wrapper .conteiner .content .contentmain .initialCost .priceArea {
margin: 0;
padding: 28px;
}
.wrapper .conteiner .content .contentmain .initialCost .priceArea table {
margin: 0;
padding: 0;
width: 100%;
border: 1px solid #CCC;
}
.wrapper .conteiner .content .contentmain .initialCost .priceArea table th {
margin: 0;
padding: 20px;
font-size: 110%;
text-align: center;
vertical-align: middle;
background: #EBEBEB;
}
.wrapper .conteiner .content .contentmain .initialCost .priceArea table td {
margin: 0;
padding: 20px;
text-align: center;
vertical-align: middle;
}

/* 注釈 */
.wrapper .conteiner .content .contentmain .initialCost .priceArea ul {
margin: 0;
padding: 15px 0 0;
clear: both;
}
.wrapper .conteiner .content .contentmain .initialCost .priceArea ul li {
margin: 0;
padding: 0;
list-style: none;
font-size: 80%;
line-height: 140%;
text-align: left;
}





/* --------------------------------------------------------
 TNC ver SoftBank 光 3つの特長
----------------------------------------------------------- */
.wrapper .conteiner .content .contentmain .about {
margin: 40px auto 0;
padding: 0;
width: 750px;
text-align: left;
background: #FFFBDA;
border-left: 2px solid #FBC600;
border-right: 2px solid #FBC600;
border-bottom: 2px solid #FBC600;
}

.wrapper .conteiner .content .contentmain .about h2 {
margin: 0;
padding: 15px 0;
text-align: center;
background: #FBC600;
}
.wrapper .conteiner .content .contentmain .about .info {
margin: 0;
padding: 30px 0;
text-align: center;
font-size: 110%;
font-weight: bold;
}

.wrapper .conteiner .content .contentmain .about .meritArea {
margin: 0;
padding: 0 28px 28px;
}
/* 特長1 */
.wrapper .conteiner .content .contentmain .about .meritArea .merit01 {
margin: 0;
padding: 0;
background: #FFF;
border: 1px solid #CCC;
}
.wrapper .conteiner .content .contentmain .about .meritArea .merit01 h3 {
margin: 0;
padding: 10px 0;
text-align: center;
background: #000;
}
.wrapper .conteiner .content .contentmain .about .meritArea .merit01 ul {
margin: 0 auto;
padding: 0;
width: 680px;
}
.wrapper .conteiner .content .contentmain .about .meritArea .merit01 ul li {
margin: 0;
padding: 20px 0;
font-size: 110%;
font-weight: bold;
line-height: 200%;
text-align: center;
list-style: none;
width: 339px;
float: left;
}
.wrapper .conteiner .content .contentmain .about .meritArea .merit01 ul li:first-child {
border-right: 1px dotted #CCCCCC;
}

/* 特長2・3 */
.wrapper .conteiner .content .contentmain .about .meritArea .meritBox {
margin: 30px 0 0;
padding: 0;
}
.wrapper .conteiner .content .contentmain .about .meritArea .meritBox .merit02 {
margin: 0;
padding: 0 0 20px;
font-weight: bold;
text-align: center;
width: 330px;
float: left;
background: #FFF;
border: 1px solid #CCC;
}
.wrapper .conteiner .content .contentmain .about .meritArea .meritBox .merit03 {
margin: 0;
padding: 0 0 20px;
font-weight: bold;
text-align: center;
width: 330px;
float: right;
background: #FFF;
border: 1px solid #CCC;
}
.wrapper .conteiner .content .contentmain .about .meritArea .meritBox .merit02 h3,
.wrapper .conteiner .content .contentmain .about .meritArea .meritBox .merit03 h3 {
margin: 0 0 20px;
padding: 10px 0;
text-align: center;
background: #000;
}
.wrapper .conteiner .content .contentmain .about .meritArea .meritBox .merit02 h3 {
margin: 0 0 30px;
}
.wrapper .conteiner .content .contentmain .about .meritArea .meritBox .merit02 p {
line-height: 150%;
}
.wrapper .conteiner .content .contentmain .about .meritArea .meritBox .merit03 p {
line-height: 130%;
}

/* 注釈 */
.wrapper .conteiner .content .contentmain .about .meritArea ul {
margin: 0;
padding: 15px 0 0;
clear: both;
}
.wrapper .conteiner .content .contentmain .about .meritArea ul li {
margin: 0;
padding: 0;
list-style: none;
font-size: 80%;
line-height: 140%;
text-align: left;
}






/* --------------------------------------------------------
 メリット
----------------------------------------------------------- */
.wrapper .conteiner .content .contentmain .flow {
margin: 40px auto 0;
padding: 0;
width: 750px;
text-align: left;
/*background: #FFFBDA;*/
border-left: 2px solid #FBC600;
border-right: 2px solid #FBC600;
border-bottom: 2px solid #FBC600;
}

.wrapper .conteiner .content .contentmain .flow h2 {
margin: 0;
padding: 30px 0;
font-size: 180%;
text-align: center;
background: #FBC600;
}

.wrapper .conteiner .content .contentmain .flow .flowArea {
margin: 0;
padding: 28px;
}

/* step1 */
.wrapper .conteiner .content .contentmain .flow .flowArea .step01 {
margin: 0 0 50px;
padding: 0;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step01:before {
content: "";
margin: 0 0 0 -35px;
position: absolute;
border: 40px solid transparent;
border-top: 25px solid #CCC;
position: absolute;
left: 50%;
bottom: -65px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step01 a {
margin: 0;
padding: 0;
display: block;
min-height: 155px;
background: #FFF url(../../images/flow_step01_img.png) 97% 55px no-repeat;
border: 2px solid #CCC;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step01 a:hover {
text-decoration: none;
background: #FFFDEC url(../../images/flow_step01_img.png) 97% 55px no-repeat;
border: 2px solid #FBC600;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step01 a h3 {
margin: 0;
padding: 5px 0;
font-size: 120%;
text-align: center;
color: #333;
background: #EBEBEB;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step01 a:hover h3 {
background: #FFF7BC;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step01 a h3 span {
margin: 0;
padding: 0;
font-size: 70%;
text-align: center;
color: #FFF;
background: #000;
display: block;
position: absolute;
top: 5px;
right: 5px;
width: 100px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step01 a p {
margin: 0;
padding: 20px 150px 0 20px;
font-size: 110%;
font-weight: bold;
color: #333;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step01 a:hover p {
color: #2075BB;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step01 a p.atn {
padding: 10px 150px 0 20px;
font-size: 80%;
font-weight: normal;
line-height: 150%;
}

/* step2 */
.wrapper .conteiner .content .contentmain .flow .flowArea .step02 {
margin: 0 0 50px;
padding: 0;
min-height: 175px;
background: #FFF;
border: 2px solid #CCC;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step02:before {
content: "";
margin: 0 0 0 -35px;
position: absolute;
border: 40px solid transparent;
border-top: 25px solid #CCC;
position: absolute;
left: 50%;
bottom: -65px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step02 h3 {
margin: 0;
padding: 5px 0;
font-size: 120%;
text-align: center;
color: #333;
background: #EBEBEB;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step02 h3 span {
margin: 0;
padding: 0;
font-size: 70%;
text-align: center;
color: #FFF;
background: #000;
display: block;
position: absolute;
top: 5px;
right: 5px;
width: 100px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul {
margin: 20px 0 0 25px;
padding: 0;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul li {
margin: 0;
padding: 0;
list-style: none;
font-weight: bold;
text-align: center;
width: 325px;
float: left;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul li.none {
color: #999;
padding: 10px 0;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul li:before {
content: "";
margin: 0 0 0 -35px;
position: absolute;
border: 40px solid transparent;
border-top: 25px solid #EBEBEB;
position: absolute;
left: 50%;
bottom: -65px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul li:first-child {
border-right: 1px dotted #CCCCCC;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul li a {
margin: 0;
padding: 10px 0;
color: #333;
display: block;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul li a:hover {
color: #2075BB;
text-decoration: none;
background: #FFFDEC;
border: 2px solid #FBC600;
}

/* step3 */
.wrapper .conteiner .content .contentmain .flow .flowArea .step03 {
margin: 0 0 50px;
padding: 0;
min-height: 175px;
background: #FFF;
border: 2px solid #CCC;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step03:before {
content: "";
margin: 0 0 0 -35px;
position: absolute;
border: 40px solid transparent;
border-top: 25px solid #CCC;
position: absolute;
left: 50%;
bottom: -65px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step03 h3 {
margin: 0;
padding: 5px 0;
font-size: 120%;
text-align: center;
color: #333;
background: #EBEBEB;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step03 h3 span {
margin: 0;
padding: 0;
font-size: 70%;
text-align: center;
color: #FFF;
background: #000;
display: block;
position: absolute;
top: 5px;
right: 5px;
width: 100px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul {
margin: 20px 0 0 25px;
padding: 0;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul li {
margin: 0;
padding: 0;
list-style: none;
font-weight: bold;
text-align: center;
width: 325px;
float: left;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul li.none {
color: #999;
padding: 10px 0;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul li:before {
content: "";
margin: 0 0 0 -35px;
position: absolute;
border: 40px solid transparent;
border-top: 25px solid #EBEBEB;
position: absolute;
left: 50%;
bottom: -65px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul li:first-child {
border-right: 1px dotted #CCCCCC;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul li a {
margin: 0;
padding: 10px 0;
color: #333;
display: block;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul li a:hover {
color: #2075BB;
text-decoration: none;
background: #FFFDEC;
border: 2px solid #FBC600;
}

/* step4 */
.wrapper .conteiner .content .contentmain .flow .flowArea .step04 {
margin: 0 0 50px;
padding: 0;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step04:before {
content: "";
margin: 0 0 0 -35px;
position: absolute;
border: 40px solid transparent;
border-top: 25px solid #CCC;
position: absolute;
left: 50%;
bottom: -65px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step04 a {
margin: 0;
padding: 0;
display: block;
min-height: 155px;
background: #FFF url(../../images/flow_step04_img.png) 97% 55px no-repeat;
border: 2px solid #CCC;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step04 a:hover {
text-decoration: none;
background: #FFFDEC url(../../images/flow_step04_img.png) 97% 55px no-repeat;
border: 2px solid #FBC600;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step04 a h3 {
margin: 0;
padding: 5px 0;
font-size: 120%;
text-align: center;
color: #333;
background: #EBEBEB;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step04 a:hover h3 {
background: #FFF7BC;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step04 a h3 span {
margin: 0;
padding: 0;
font-size: 70%;
text-align: center;
color: #FFF;
background: #000;
display: block;
position: absolute;
top: 5px;
right: 5px;
width: 100px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step04 a p {
margin: 0;
padding: 20px 150px 0 20px;
font-size: 110%;
font-weight: bold;
color: #333;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step04 a:hover p {
color: #2075BB;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step04 a p.atn {
padding: 10px 150px 0 20px;
font-size: 80%;
font-weight: normal;
line-height: 150%;
}

/* step5 */
.wrapper .conteiner .content .contentmain .flow .flowArea .step05 {
margin: 0;
padding: 0;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step05 a {
margin: 0;
padding: 0;
display: block;
min-height: 155px;
background: #FFF url(../../images/flow_step05_img.png) 98% 55px no-repeat;
border: 2px solid #CCC;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step05 a:hover {
text-decoration: none;
background: #FFFDEC url(../../images/flow_step05_img.png) 98% 55px no-repeat;
border: 2px solid #FBC600;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step05 a h3 {
margin: 0;
padding: 5px 0;
font-size: 120%;
text-align: center;
color: #333;
background: #EBEBEB;
position: relative;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step05 a:hover h3 {
background: #FFF7BC;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step05 a h3 span {
margin: 0;
padding: 0;
font-size: 70%;
text-align: center;
color: #FFF;
background: #000;
display: block;
position: absolute;
top: 5px;
right: 5px;
width: 100px;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step05 a p {
margin: 0;
padding: 20px 150px 0 20px;
font-size: 110%;
font-weight: bold;
color: #333;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step05 a:hover p {
color: #2075BB;
}
.wrapper .conteiner .content .contentmain .flow .flowArea .step05 a p.atn {
padding: 10px 150px 0 20px;
font-size: 80%;
font-weight: normal;
line-height: 150%;
}

/* --------------------------------------------------------
キャンペーン
----------------------------------------------------------- */



/* --------------------------------------------------------
お得なキャンペーン
----------------------------------------------------------- */
.wrapper .conteiner .content .contentmain .camp {
	margin: 40px auto 0;
	padding: 0;
	width: 750px;
	border-left: 2px solid #4dc5ff ;
	border-right: 2px solid #4dc5ff ;
	border-bottom: 2px solid #4dc5ff ;
}
.wrapper .conteiner .content .contentmain .camp h2 {
	margin: 0;
	padding: 30px 0;
	font-size: 180%;
	text-align: center;
	background: #4dc5ff ;
}
.wrapper .conteiner .content .contentmain .camp .campArea {
	margin: 0;
	padding: 0 28px 28px;
}
.wrapper .conteiner .content .contentmain .camp .campArea h3 {
	margin: 28px 0 0;
	padding: 15px 10px;
	font-size: 160%;
	color: #FFF;
	background: #0295ce ;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox {
	margin: 0;
	padding: 0 20px 20px;
	border: 1px solid #CCC;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox .line {
	margin: 20px 0 0;
	padding: 0;
	border-top: 1px dotted #CCC;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox h4 {
	margin: 20px 0 0;
	padding: 8px;
	font-size: 120%;
	background: #EBEBEB;
	border-radius: 20px;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox ul {
	margin: 0 0 40px;
	padding: 20px 0 0;
	position: relative;
	clear: both;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox ul::before {
	content: "";
	margin: 0 0 0 -30px;
	position: absolute;
	border: 30px solid transparent;
	border-top: 20px solid #878787;
	position: absolute;
	left: 50%;
	bottom: -60px;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	background: url(../images/price_icon_plus.png) 97% center no-repeat;
	width: 230px;
	float: left;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox ul li.last {
	background: none;
	width: 190px;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox ul li .box {
	margin: 0;
	padding: 10px 0;
	vertical-align: middle;
	width: 186px;
	border: 2px solid #CCC;
	display: table-cell;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox .result {
	margin: 0;
	padding: 20px;
	clear: both;
	border: 2px solid #CCC;
	background: #FFFBDA;
	position: relative;

	margin: 20px 0 0;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox .result p {
	margin: 0;
	padding: 0;
	text-align: center;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox .result p.date {
	margin: -35px 0 0;
	padding: 5px 0 0;
	font-size: 80%;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
	vertical-align: middle;
	display: block;
	position: absolute;
	width: 70px;
	height: 65px;
	top: 50%;
	left: 15px;
	background: url(../../images/camp_date_bg.png) center center no-repeat;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox .result p.txt {
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	line-height: 180%;
	text-align: center;
}
.wrapper .conteiner .content .contentmain .camp .campArea .campBox p.txt2 {
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	line-height: 180%;
	text-align: center;
}




/* --------------------------------------------------------
 TNC ver SoftBank 光 お申し込み
----------------------------------------------------------- */
.wrapper .conteiner .content .contentmain .orderInfo {
clear: both;
margin: 100px 0 50px;
padding: 25px 0 25px 15px;
font-size: 210%;
font-weight: bold;
line-height: 100%;
text-align: center;
background: #FBC600;
border-top: 3px solid #E1B500;
position: relative;
}
.wrapper .conteiner .content .contentmain .orderInfo .chara {
margin: 0 0 0 -385px;
position: absolute;
top: -50px;
left: 50%;
}
.wrapper .conteiner .content .contentmain .orderInfo:before {
content: "";
margin: 0 0 0 -35px;
position: absolute;
border: 40px solid transparent;
border-top: 30px solid #FBC600;
position: absolute;
left: 50%;
bottom: -70px;
}

.wrapper .conteiner .content .contentmain .orderTxt {
margin: 0;
padding: 0;
font-size: 120%;
font-weight: bold;
text-align: center;
}

/* 注意事項ボタン */
.wrapper .conteiner .content .contentmain .orderTxtBtn {
margin: 20px auto;
padding: 0;
display: block;
font-size: 110%;
font-weight: bold;
text-align: left;
color: #003366;
width: 600px;
border: 2px solid #D7D7D7;
border-radius: 4px;

background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), color-stop(51%, #f5f5f5), to(#f5f5f5));
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f5f5f5 51%, #f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.wrapper .conteiner .content .contentmain .orderTxtBtn a {
padding: 15px 25px 15px 20px;
display: block;
color: #003366;
background: url(../images/arrow_blue.png) 96% center no-repeat;
}
.wrapper .conteiner .content .contentmain .orderTxtBtn a:hover {
color: #2075bb;
text-decoration: none;
}

/* 各お申し込みボタンエリア */
.wrapper .conteiner .content .contentmain .orderArea01 {
margin: 0 auto;
padding: 30px 0 0;
width: 700px;
}
.wrapper .conteiner .content .contentmain .orderArea01 .web {
margin: 0;
padding: 0;
width: 340px;
float: left;
}
.wrapper .conteiner .content .contentmain .orderArea01 .web h3 {
margin: 0 0 10px;
padding: 5px 0 5px 30px;
text-align: left;
border-radius: 15px;
background: #EBEBEB url(../images/order_icon_pc.png) 10px center no-repeat;
}
.wrapper .conteiner .content .contentmain .orderArea01 .shop {
margin: 0;
padding: 0;
width: 340px;
float: right;
}
.wrapper .conteiner .content .contentmain .orderArea01 .shop h3 {
margin: 0 0 10px;
padding: 5px 0 5px 30px;
text-align: left;
border-radius: 15px;
background: #EBEBEB url(../images/order_icon_shop.png) 10px center no-repeat;
}

/* 電話お問い合わせ */
.wrapper .conteiner .content .contentmain .orderArea02 {
margin: 0 auto;
padding: 30px 0 0;
width: 700px;
clear: both;
}
.wrapper .conteiner .content .contentmain .orderArea02 .tel {
margin: 0;
padding: 0;
}
.wrapper .conteiner .content .contentmain .orderArea02 .tel h3 {
margin: 0 0 10px;
padding: 5px 0 5px 30px;
text-align: left;
border-radius: 15px;
background: #EBEBEB url(../images/order_icon_tel.png) 10px center no-repeat;
}
.wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox {
margin: 0;
padding: 20px 0;
border: 2px solid #F29824;
}
.wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox h4 {
margin: 0 0 10px;
padding: 0;
color: #F29824;
}
.wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox .number {
margin: 0;
padding: 0 0 0 65px;
font-size: 300%;
line-height: 100%;
position: relative;
}
/* .wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox .number:before {
content: "";
content: url(../images/order_icon_freevoice.png);
margin: 0 0 0 -190px;
position: absolute;
top: 0;
left: 50%;
width: 52px;
height: 32px;
} */
.wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox .time {
margin: 10px 0 0;
padding: 0;
font-size: 80%;
}

.wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox02 {
margin: 20px 0 0;
padding: 20px 0;
border: 2px solid #999;
}
.wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox02 h4 {
margin: 0 0 10px;
padding: 0;
color: #333;
}
.wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox02 .number {
margin: 0;
padding: 0;
font-size: 300%;
line-height: 100%;
}
.wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox02 .time {
margin: 10px 0 0;
padding: 0;
font-size: 80%;
}

.wrapper .conteiner .content .contentmain .orderArea02 .tel .link {
margin: 10px 0 0;
padding: 0;
text-align: right;
}


















/* --------------------------------------------------------
 料金プラン
----------------------------------------------------------- */
.wrapper .conteiner .content .contentmain.hikari .price {
clear: both;
}


/* 料金シミュレーション */
.wrapper .conteiner .content .contentmain.hikari .price .simulation {
margin: -40px 0 0;
}

/* 料金シミュレーション　タイトル */
.wrapper .conteiner .content .contentmain.hikari .price .simulation .titArea {
margin: 0 0 60px;
background: #FAF8F1 url(../../images/simu_tit_cal.png) 85px center no-repeat;
border-bottom: 5px solid #E1D1B5;
position: relative;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .titArea:before {
content: "";
position: absolute;
border: 40px solid transparent;
border-top: 30px solid #E1D1B5;
position: absolute;
left: 46%;
bottom: -70px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .titArea:after {
content: "";
border: 40px solid transparent;
border-top: 30px solid #FAF8F1;
position: absolute;
left: 46%;
bottom: -63px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .titArea h3 {
margin: 0;
padding: 35px 0 5px 175px;
font-size: 270%;
font-weight: normal;
line-height: 100%;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .titArea p.txt {
margin: 0;
padding: 0 0 20px 175px;
font-size: 90%;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .titArea p.img {
position: absolute;
right: 40px;
bottom: 0;
}

/* 料金シミュレーション　質問 */
.wrapper .conteiner .content .contentmain.hikari .price .simulation #q1_wrapper,
.wrapper .conteiner .content .contentmain.hikari .price .simulation #q2_wrapper,
.wrapper .conteiner .content .contentmain.hikari .price .simulation #q3_wrapper {
margin: 0 30px 45px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation #q1_wrapper h4,
.wrapper .conteiner .content .contentmain.hikari .price .simulation #q2_wrapper h4,
.wrapper .conteiner .content .contentmain.hikari .price .simulation #q3_wrapper h4 {
padding: 10px 0 10px 50px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation #q1_wrapper h4 {
background: url(../../images/simu_q01.png) 0 center no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation #q2_wrapper h4 {
background: url(../../images/simu_q02.png) 0 center no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation #q3_wrapper h4 {
background: url(../../images/simu_q03.png) 0 center no-repeat;
}

.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn {
margin: 0;
padding: 0;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li {
margin: 0 0 0 40px;
padding: 0;
list-style: none;
float: left;
width: 425px;
position: relative;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li:first-child {
margin: 0;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li a {
margin: 0;
padding: 25px 0;
display: block;
font-size: 110%;
font-weight: bold;
text-align: center;
color: #333;
border: 2px solid #E1D1B5;
background: #f3eee2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2VlZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-gradient(linear,  left top, left bottom,  from(#ffffff),to(#f3eee2));
background: linear-gradient(to bottom,  #ffffff 0%,#f3eee2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3eee2',GradientType=0 ); /* IE6-8 */
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li a span {
padding: 0 0 25px;
background: url(../../images/btn_ya07.png) center 28px no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li a:hover {
text-decoration: none;
color: #F79400;
border: 2px solid #F79400;
background: #ffe6bf; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmU2YmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-gradient(linear,  left top, left bottom,  from(#ffffff),to(#ffe6bf));
background: linear-gradient(to bottom,  #ffffff 0%,#ffe6bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe6bf',GradientType=0 ); /* IE6-8 */
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li a:hover span {
background: url(../../images/btn_ya08.png) center 30px no-repeat;
}

.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li.no a {
color: #ACACAC;
border: 2px solid #C9C9C9;
background: #F5F5F5;
-webkit-filter: none;
filter: none; /* IE6-8 */
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li.no a span {
background: none;
}

.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li.yes a {
color: #FFF;
border: 2px solid #F79400;
background: #F79400;
-webkit-filter: none;
filter: none; /* IE6-8 */
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li.yes a span {
padding: 0 0 0 35px;
background: url(../../images/simu_q_btn_check.png) 0 2px no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li.yes:before {
content: url(../../images/simu_q_btn_ya.png);
position: absolute;
left: 45%;
bottom: -38px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li.yes a:hover,
.wrapper .conteiner .content .contentmain.hikari .price .simulation ul.qaBtn li.no a:hover {
opacity: 0.8;
}




/* 料金シミュレーション　結果 */
.wrapper .conteiner .content .contentmain.hikari .price .simulation #information_wrapper {
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result {
clear: both;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .tit {
padding: 20px;
background: #F79400;
position: relative;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .tit:before {
content: "";
position: absolute;
border: 36px solid transparent;
border-top: 26px solid #F79400;
position: absolute;
left: 46.5%;
bottom: -60px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .tit h4 {
margin: 0 0 0 190px;
font-size: 150%;
color: #FFF;
line-height: 140%;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .tit .subTit {
padding: 10px 0;
font-size: 80%;
font-weight: bold;
text-align: center;
color: #666;
line-height: 180%;
float: left;
width: 170px;
display: block;
background: #FFF;
border-radius: 4px;
}

.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .box {
padding: 20px 30px 30px;
border-left: 1px solid #EBE2CD;
border-right: 1px solid #EBE2CD;
border-bottom: 1px solid #EBE2CD;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .box .copy {
padding: 40px 0 12px;
font-size: 200%;
background: url(../../images/simu_result_bg.png) 95% bottom no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .box .copy02 {
padding: 24px 0 5px;
font-size: 200%;
background: url(../../images/simu_result_bg.png) 95% bottom no-repeat;
}

.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table {
margin: 30px 0 0;
width: 100%;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table th {
padding: 10px;
min-width: 70px;
text-align: center;
line-height: 130%;
vertical-align: middle;
background: #FFEEDD;
border: 1px solid #FFCA95;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table td {
padding: 10px;
border: 1px solid #FFCA95;
vertical-align: middle;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table th.head {
background: #F79400;
border: 1px solid #FFCA95;
color: #FFF;
width: 170px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table th.head02 {
background: #FFF;
color: #F79300;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table th.head03 {
background: #F79400;
border: 1px solid #FFCA95;
color: #FFF;
width: 50%;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table th.head_total {
background: #CC0000;
border: 2px solid #CC0000;
color: #FFF;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table td.td_total {
padding: 15px 20px;
border: 2px solid #CC0000;
font-weight: bold;
text-align: center;
color: #C00;
line-height: 200%;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table td.btn {
padding: 0;
vertical-align: middle;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table td.btn:hover {
background: #FFEEDD;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table td.btn a {
padding: 20px 40px 20px 20px;
display: block;
font-size: 120%;
font-weight: bold;
color: #F79300;
background: url(../../images/btn_ya06.png) 95% center no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table th.none,
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result table td.none {
border: none;
background: none;
text-align: center;
min-width: 60px;
}




.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flow {
margin: 0;
padding: 0;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flow h5 {
margin: 0;
padding: 10px 0;
font-size: 150%;
line-height: 100%;
color: #FFF;
text-align: center;
background: #F79400;
position: relative;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flow h5:before {
content: "";
position: absolute;
border: 30px solid transparent;
border-top: 20px solid #F79400;
position: absolute;
left: 46.5%;
bottom: -50px;
}

.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox {
margin: 0;
padding: 30px 20px 20px 20px;
border-left: 3px solid #F79400;
border-right: 3px solid #F79400;
border-bottom: 3px solid #F79400;
background: #FAF8F1;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox h6.pc {
margin: 0;
padding: 0 0 0 25px;
background: url(../../images/icon_hp_orange.png) 5px center no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox h6.pc span {
padding: 0 10px;
font-size: 60%;
color: #FFF;
line-height: 200%;
display: inline-block;
background: #cc0000;
border-radius: 20px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox h6.tel {
margin: 0;
padding: 0 0 0 25px;
background: url(../../images/icon_tel.png) 5px center no-repeat;
}

.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea {
margin: 30px 0 0;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .telBox {
width: 450px;
float: left;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .telBox .telTnc {
margin: 5px 0 0;
padding: 10px 20px;
border: 2px solid #CCC;
background: #FFF;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .telBox .telTnc .teltit {
font-weight: bold;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .telBox .telTnc .tel {
padding: 5px 0 5px 60px;
font-size: 290%;
color: #F79400;
line-height: 100%;
background: url(../../images/logo_freevoice_white.png) 0 center no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .telBox .telTnc .time {
font-size: 80%;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .callback {
width: 350px;
float: right;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .callback .btn {
margin: 5px 0 0;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .callback .btn a {
margin: 0;
padding: 30px 15px 5px 20px;
display: block;
height: 90px;
font-size: 80%;
font-weight: bold;
line-height: 180%;
color: #333;
border: 2px solid #FFD0A2;
border-radius: 5px;
background: #ffefe1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWZlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZWZlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZWJkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmViZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-gradient(linear,  left top, left bottom,  from(#ffefe1),color-stop(50%, #ffefe1),color-stop(50%, #ffebd7),to(#ffebd7));
background: linear-gradient(to bottom,  #ffefe1 0%,#ffefe1 50%,#ffebd7 50%,#ffebd7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefe1', endColorstr='#ffebd7',GradientType=0 ); /* IE6-8 */
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .callback .btn a:hover {
color: #06C;
text-decoration: none;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .callback .btn a span.arrow {
display: block;
padding: 0 20px 0 0;
background: url(../../images/btn_ya01.png) 99% center no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .telArea .callback .btn a:hover span.arrow {
background: url(../../images/btn_ya01.png) 100% center no-repeat;
}



/* 料金シミュレーション セット割 */
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp {
margin: 30px 0 0;
padding: 20px 0 0;
border-top: 1px dotted #999999;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwariTit {
margin: 0;
padding: 0 0 10px;
display: block;
cursor: pointer;
text-align: center;
background: #009933;
border-top: 3px solid #006633;
border-left: 3px solid #006633;
border-right: 3px solid #006633;
border-bottom: 8px solid #006633;
border-radius: 4px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwariTit:hover {
background: #00B73C;
}

.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari {
display: none;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari table {
margin: 30px 0 0;
width: 100%;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari table th {
padding: 10px;
min-width: 150px;
text-align: center;
line-height: 130%;
vertical-align: middle;
background: #FFEEDD;
border: 1px solid #FFCA95;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari table td {
padding: 10px;
border: 1px solid #FFCA95;
vertical-align: middle;
background: #FFF;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari table th.head {
background: #F79400;
border: 1px solid #FFCA95;
color: #FFF;
width: 220px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari table th.head_total {
background: #CC0000;
border: 1px solid #CC0000;
color: #FFF;
width: 220px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari table td.td_total {
padding: 15px 20px;
border: 1px solid #CC0000;
font-weight: bold;
text-align: center;
color: #C00;
line-height: 200%;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari table th.none,
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari table td.none {
border: none;
background: none;
text-align: center;
min-width: 40px;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari ul {
background: #F3EDDC;
border: none;
}
.wrapper .conteiner .content .contentmain.hikari .price .simulation .result .flowBox .camp .setwari ul li {
color: #333;
font-weight: normal;
}






.wrapper .conteiner .content .contentmain.hikari .price .tab {
margin: 0 25px;
}
.wrapper .conteiner .content .contentmain.hikari .price .tab ul {
margin: 0;
padding: 0;
}
.wrapper .conteiner .content .contentmain.hikari .price .tab ul li {
margin: 0;
padding: 0;
list-style: none;
font-size: 120%;
font-weight: bold;
text-align: center;
line-height: 110%;
}
.wrapper .conteiner .content .contentmain.hikari .price .tab ul li a {
padding: 25px 0;
display: block;
color: #999;
text-decoration: none;
border-top: 3px solid #CCC;
border-left: 3px solid #CCC;
border-right: 3px solid #CCC;
background: url(../../images/btn_ya05.png) 97% center no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .tab ul li.plan01 {
float: left;
width: 430px;
}
.wrapper .conteiner .content .contentmain.hikari .price .tab ul li.plan01 a:hover {
color: #F79400;
border-top: 3px solid #F79400;
border-left: 3px solid #F79400;
border-right: 3px solid #F79400;
}
.wrapper .conteiner .content .contentmain.hikari .price .tab ul li.plan01 a.active {
color: #FFF;
border-top: 3px solid #F79400;
border-left: 3px solid #F79400;
border-right: 3px solid #F79400;
background: #F79400 url(../../images/btn_ya04.png) 97% center no-repeat;
}
.wrapper .conteiner .content .contentmain.hikari .price .tab ul li.plan02 {
float: right;
width: 430px;
}
.wrapper .conteiner .content .contentmain.hikari .price .tab ul li.plan02 a:hover {
color: #2879CA;
border-top: 3px solid #2879CA;
border-left: 3px solid #2879CA;
border-right: 3px solid #2879CA;
}
.wrapper .conteiner .content .contentmain.hikari .price .tab ul li.plan02 a.active {
color: #FFF;
border-top: 3px solid #2879CA;
border-left: 3px solid #2879CA;
border-right: 3px solid #2879CA;
background: #2879CA url(../../images/btn_ya04.png) 97% center no-repeat;
}

/* TNCでフレッツ光をご利用中の方 */
.wrapper .conteiner .content .contentmain.hikari .price #plan01 {
padding: 40px 20px;
border-top: 4px solid #D0780D;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
clear: both;
}

/* 他社プロバイダでフレッツ光をご利用中の方 */
.wrapper .conteiner .content .contentmain.hikari .price #plan02 {
padding: 40px 20px;
border-top: 4px solid #0C4681;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
clear: both;
}

/* 見出しh3設定 */
.wrapper .conteiner .content .contentmain.hikari .price h3 {
margin: 0 0 20px;
font-size: 180%;
color: #F19219;
line-height: 130%;
}
.wrapper .conteiner .content .contentmain.hikari .price #plan02 h3 {
color: #2879CA;
}
.wrapper .conteiner .content .contentmain.hikari .price h3 .course {
padding: 2px 15px;
font-size: 50%;
color: #FFF;
background: #CC0000;
border-radius: 20px;
}
:root .wrapper .conteiner .content .contentmain.hikari .price h3 .course {
padding: 0 15px\0/;
display: inline-block\0/;
}
.wrapper .conteiner .content .contentmain.hikari .price h3.small {
font-size: 150%;
}

/* 見出しh4設定 */
.wrapper .conteiner .content .contentmain.hikari .price h4 {
margin: 0 0 5px;
font-size: 140%;
line-height: 130%;
}
.wrapper .conteiner .content .contentmain.hikari .price h4.orange {
color: #F19219;
}
.wrapper .conteiner .content .contentmain.hikari .price h4.bule {
color: #2879CA;
}
.wrapper .conteiner .content .contentmain.hikari .price h4.green {
color: #339966;
}
.wrapper .conteiner .content .contentmain.hikari .price h4.purple {
color: #8D478D;
}

/* 見出しh5設定 */
.wrapper .conteiner .content .contentmain.hikari .price h5 {
margin: 0 0 5px;
font-size: 110%;
line-height: 130%;
}


.wrapper .conteiner .content .contentmain.hikari .price table {
margin: 0;
width: 100%;
}
.wrapper .conteiner .content .contentmain.hikari .price table th {
padding: 12px 10px;
min-width: 130px;
text-align: center;
line-height: 130%;
vertical-align: middle;
background: #FFEEDD;
border: 1px solid #FFCA95;
}
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table th {
background: #EBF0FA;
border: 1px solid #BCCDDE;
}
.wrapper .conteiner .content .contentmain.hikari .price table td {
padding: 12px 10px;
border: 1px solid #FFCA95;
vertical-align: middle;
}
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table td {
border: 1px solid #BCCDDE;
}
.wrapper .conteiner .content .contentmain.hikari .price table th.head {
background: #F79400;
border: 1px solid #FFCA95;
color: #FFF;
}
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table th.head {
background: #2879CA;
border: 1px solid #BCCDDE;
color: #FFF;
}

.wrapper .conteiner .content .contentmain.hikari .price table th.head_total,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table th.head_total {
background: #CC0000;
border: 1px solid #CC0000;
color: #FFF;
}
.wrapper .conteiner .content .contentmain.hikari .price table td.td_total,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table td.td_total {
padding: 20px;
border: 1px solid #CC0000;
font-weight: bold;
text-align: center;
color: #C00;
line-height: 200%;
}
.wrapper .conteiner .content .contentmain.hikari .price table th.none,
.wrapper .conteiner .content .contentmain.hikari .price table td.none,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table th.none,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table td.none {
border: none;
background: none;
text-align: center;
min-width: 60px;
}

.wrapper .conteiner .content .contentmain.hikari .price table.green,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table.green {
margin: 0;
width: 100%;
}
.wrapper .conteiner .content .contentmain.hikari .price table.green th,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table.green th {
padding: 12px 10px;
min-width: 130px;
text-align: center;
line-height: 130%;
vertical-align: middle;
background: #E6F7EE;
border: 1px solid #B6E7CE;
}
.wrapper .conteiner .content .contentmain.hikari .price table.green th.head,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table.green th.head {
background: #339966;
border: 1px solid #B6E7CE;
color: #FFF;
}
.wrapper .conteiner .content .contentmain.hikari .price table.green td,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table.green td {
padding: 12px 10px;
border: 1px solid #B6E7CE;
vertical-align: middle;
}

.wrapper .conteiner .content .contentmain.hikari .price table.purple,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table.purple {
margin: 0;
width: 100%;
}
.wrapper .conteiner .content .contentmain.hikari .price table.purple th,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table.purple th {
padding: 12px 10px;
min-width: 130px;
text-align: center;
line-height: 130%;
vertical-align: middle;
background: #F4EAF4;
border: 1px solid #DEBEDE;
}
.wrapper .conteiner .content .contentmain.hikari .price table.purple th.head,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table.purple th.head {
background: #8D478D;
border: 1px solid #DEBEDE;
color: #FFF;
}
.wrapper .conteiner .content .contentmain.hikari .price table.purple td,
.wrapper .conteiner .content .contentmain.hikari .price #plan02 table.purple td {
padding: 12px 10px;
border: 1px solid #DEBEDE;
vertical-align: middle;
}


/* 注意事項など */
.wrapper .conteiner .content .contentmain.hikari .price ul.atn {
margin: 20px 0;
padding: 15px;
background: #F5F5F5;
}
.wrapper .conteiner .content .contentmain.hikari .price ul.atn li {
list-style: none;
font-size: 90%;
}
.wrapper .conteiner .content .contentmain.hikari .price ul.atn.kome {
margin: 20px 0;
padding: 15px 15px 15px 30px;
background: #F5F5F5;
}
.wrapper .conteiner .content .contentmain.hikari .price ul.atn.kome li {
list-style: none;
font-size: 90%;
}
.wrapper .conteiner .content .contentmain.hikari .price ul.atn.kome li:before {
content: '※';
margin: 0 0 0 -15px;
}
.wrapper .conteiner .content .contentmain.hikari .price .kaiyaku {
margin: 20px 0 0;
}




/* --------------------------------------------------------
 @T COM(アットティーコム) ver SoftBank 光
----------------------------------------------------------- */
.wrapper #tcom_head .menuArea ul.menu01 li.top {
    background: rgba(0, 0, 0, 0) url("../images/header_home.png") no-repeat scroll 0 center;
    margin-top: 10px;
    width: 195px;
}

.wrapper #tcom_page  ul.pankuzu {
    float: left;
    margin: 0;
    padding: 3px 0 0;
    text-align: left;
    width: auto;
}
.wrapper #tcom_page ul.pankuzu li {
    font-size: 70%;
}
.wrapper #tcom_page .pageNavi ul li.smart {
    border-left: medium none;
 width:185px;
}
.wrapper #tcom_page .pageNavi ul li.about {
    width: 266px;
}
.wrapper #tcom_page .pageNavi ul li.flow {
    width: 180px;
}
.wrapper #tcom_page .pageNavi ul li.order {
    width:164px;
}
.wrapper #tcom_page .pankuzuArea .tax {
    font-size: 75%;
    width: 360px;
}
.wrapper #tcom_page .mainImage .mainArea p.tnclogo img {
 margin-top:5px;
}

.wrapper #tcom_page .content .contentmain .smartInfo {
    background: #4dc5ff none repeat scroll 0 0;
 border-top: 3px solid #007ebb;
}
.wrapper #tcom_page .content .contentmain .smartInfo::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #4dc5ff transparent transparent;
}
.wrapper #tcom_page .content .contentmain .smart h2 {
    background: #4dc5ff none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .smart {
    background: #fcfbf3 none repeat scroll 0 0;
    border-bottom: 2px solid #4dc5ff;
    border-left: 2px solid #4dc5ff;
    border-right: 2px solid #4dc5ff;
}
.wrapper #tcom_page .content .contentmain .smart h3 {
    background: #4dc5ff none repeat scroll 0 0;
 line-height: 1.2em;
    padding: 20px 0;
}
.wrapper #tcom_page .content .contentmain .smart .priceArea .total table td {
    padding: 30px 20px;
}
.wrapper #tcom_page .content .contentmain .smart .priceArea {
    background: #fcfbf3 none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .initialCost h2 {
    background: #4dc5ff none repeat scroll 0 0;
 line-height: 1.2em;
    padding: 20px 0;
}
.wrapper #tcom_page .content .contentmain .initialCost .priceArea table td {
    background: #fff none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .initialCost {
    border-bottom: 2px solid #4dc5ff;
    border-left: 2px solid #4dc5ff;
    border-right: 2px solid #4dc5ff;
 background: #fcfbf3 none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .about h2 {
    background: #4dc5ff none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .about {
    background: #fcfbf3 none repeat scroll 0 0;
    border-bottom: 2px solid #4dc5ff;
    border-left: 2px solid #4dc5ff;
    border-right: 2px solid #4dc5ff;
}
.wrapper #tcom_page .content .contentmain .about .meritArea .meritBox .merit02 h3 {
    margin: 0 0 50px;
}

.wrapper #tcom_page .content .contentmain .flow h2 {
    background: #4dc5ff none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .flow {
    border-bottom: 2px solid #4dc5ff;
    border-left: 2px solid #4dc5ff;
    border-right: 2px solid #4dc5ff;
 background: #FFF none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .orderInfo::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #4dc5ff transparent transparent;
}
.wrapper #tcom_page .content .contentmain .orderInfo {
    background: #4dc5ff none repeat scroll 0 0;
    border-top: 3px solid #007ebb;
 font-size: 196%;
}
.wrapper #tcom_page .content .contentmain .orderInfo .chara {
    left: 49%;
    top: -20px;
}
.wrapper #tcom_page .content .contentmain .orderTxt {
    font-size: 130%;
    font-weight: bold;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
    text-align: center;
}

.wrapper #tcom_page .content .contentmain .smart .priceArea .priceList .fee table th {
    background: #fff none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .smart .priceArea .priceList .fee table td {
    background: #fff none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .smart .priceArea .priceList .option table th {
    background: #fff none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .smart .priceArea .priceList .option table td {
    background: #fff none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .smart .priceArea .total table td {
    background: #fff none repeat scroll 0 0;
}
.wrapper #tcom_page .content .contentmain .orderArea02 .tel .telBox {
    border: 2px solid #4dc5ff;
}
.wrapper #tcom_page .content .contentmain .orderArea02 .tel .telBox h4 {
    color: #007ebb;
}
.wrapper #tcom_page .content .contentmain .orderArea01 .web {
    width: 700px;
}










.wrapper footer .tcom_footerNavi {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
}





















/* --------------------------------------------------------
 フッター
----------------------------------------------------------- */
.wrapper footer {
clear: both;
margin: 100px 0 0;
padding: 15px 0;
border-top: 1px solid #CCC;
}

.wrapper footer .foot {
margin: 0 auto;
width: 780px;
text-align: left;
}

.wrapper footer .creditArea {
float: left;
width: 400px;
}
.wrapper footer .creditArea h2 {
margin: 0;
padding: 0;
font-size: 90%;
font-weight: normal;
line-height: 100%;
}
.wrapper footer .creditArea p.copyright {
margin: 5px 0 0 0;
padding: 0;
height: 15px;
background: url(https://www.tnc.ne.jp/index_images/copyright.gif) 0 0 no-repeat;
text-indent: -10000px;
}
.wrapper footer ul.footerNavi {
margin: 0;
padding: 0;
float: right;
width: 370px;
text-align: right;
}
.wrapper footer ul.footerNavi li {
margin: 0 0 0 5px;
padding: 0 0 0 5px;
list-style: none;
display: inline;
font-size: 90%;
line-height: 100%;
border-left: 1px solid #CCC;
}
.wrapper footer ul.footerNavi li a {
color: #585858;
}
.wrapper footer ul.footerNavi li.top {
border-left: none;
}





#mdFootArea { font-size:110%;}
#mdFootArea .footMainArea  ul li{ list-style: outside;}



/* 表示方法選択（スマホのみ） */
.wrapper footer dl.dispChoice {
margin: 0 0 10px;
padding: 15px 0;
width: 100%;
border-top: 1px solid #CCC;
background: #EBEBEB;
text-align: center;
clear: both;
display: none;
}
.wrapper footer dl.dispChoice dt {
margin: 0;
padding: 0;
display: inline;
line-height: 100%;
vertical-align: baseline;
}
.wrapper footer dl.dispChoice dd {
margin: 0;
padding: 0;
display: inline;
line-height: 100%;
vertical-align: baseline;
}
.wrapper footer dl.dispChoice dd.smp {
margin: 0 5px 0 0;
padding: 0 5px 0 0;
border-right: 1px solid #CCC;
}
.wrapper footer dl.dispChoice dd.pc {
}






.linkmark {
padding: 0 0 0 15px;
background: url(images/arrow_01.gif) 0 0.3em no-repeat;
}



/* マージン */
.mt0  {margin-top:0 !important;}
.mt5  {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}

.mb0  {margin-bottom:0 !important;}
.mb5  {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}

/* パディング */
.pt0  {padding-top:0 !important;}
.pt5  {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}

.pb0  {padding-bottom:0 !important;}
.pb5  {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}



.font_blue {
color: #2075BB !important;
}
.font_red {
color: #C00 !important;
}
.font_orage {
color: #F90 !important;
}
.font_pink {
color: #F69 !important;
}
.font_green {
color: #339966 !important;
}
.font_purple {
color: #8D478D !important;
}

.font60 {font-size:60% !important; vertical-align: baseline;}
.font70 {font-size:70% !important; vertical-align: baseline;}
.font80 {font-size:80% !important; vertical-align: baseline;}
.font90 {font-size:90% !important; vertical-align: baseline;}
.font110 {font-size:110% !important; vertical-align: baseline;}
.font120 {font-size:120% !important; vertical-align: baseline;}
.font130 {font-size:130% !important; vertical-align: baseline;}
.font140 {font-size:140% !important; vertical-align: baseline;}
.font150 {font-size:150% !important; vertical-align: baseline;}
.font160 {font-size:160% !important; vertical-align: baseline;}
.font170 {font-size:170% !important; vertical-align: baseline;}
.font180 {font-size:180% !important; vertical-align: baseline;}
.font190 {font-size:190% !important; vertical-align: baseline;}
.font200 {font-size:200% !important; vertical-align: baseline;}
.font210 {font-size:210% !important; vertical-align: baseline;}
.font220 {font-size:220% !important; vertical-align: baseline;}
.font230 {font-size:230% !important; vertical-align: baseline;}
.font240 {font-size:240% !important; vertical-align: baseline;}
.font250 {font-size:250% !important; vertical-align: baseline;}

.text_center {text-align: center !important;}
.text_right {text-align: right !important;}
.text_left {text-align: left !important;}

a.rollover:hover img,
input[type=image]:hover {
opacity:0.7;
*filter:alpha(opacity=70);
}

.totop {
margin:80px 0 20px;
text-align:right;
}
.totop a {
padding-left:14px;
background:url(images/totop_arrow.gif) no-repeat;
font-size:11px;
color:#585858;
}


/* clearfix */
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
zoom: 1;
}

/****************モバイル*******************************/
@media screen and (max-width: 800px) {

 body{
  width: 98%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }

 .pageNavi{
  display: none;
 }

 .wrapper .conteiner .mainImage .mainArea{
  width: 100%;
  height: 100%;
  padding: 20px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }

 .mainImage img{
  width: 90%;
 }

 .wrapper .conteiner .mainImage .mainArea p.tnclogo{
  position: relative;
  top: 0;
  left: 0;
		right:0;
		margin: auto;
  text-align: center;
		font-size: 110%;
		width: 80%;
 }

 .wrapper .conteiner .mainImage .mainArea p.mail{
  position: relative;
  top: 0;
  left: 0;
  border: none;
  font-size: 100%;
  width: 90%;
  margin: 0 auto;
 }

 .wrapper .conteiner .mainImage .mainArea h1{
  margin: 20px auto;
  position:relative;
  left: 0;
  top: 0;
  text-align: center;
		width: 90%;
 }

 .wrapper .conteiner .mainImage .mainArea p.txt01{
  margin: 0 auto;
  position:relative;
  left: 0;
  top: 0;
  text-align: center;
 }
 .wrapper .conteiner .mainImage .mainArea p.txt01 img{
  width: 80%;
 }

 .wrapper .conteiner .mainImage .mainArea p.txt02{
  margin: 10px auto;
  position:relative;
  left: 0;
  top: 0;
  text-align: center;
 }

 .wrapper .conteiner .content .contentmain .smartInfo{
  font-size: 150%;
  color: #fff;
 }

 .wrapper .conteiner .content .contentmain .smart{
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }

 .wrapper .conteiner .content .contentmain .smart .explanation{
  text-align: center;
 }

 .wrapper .conteiner .content .contentmain .smart img{
  width: 90%;
  max-width: 300px;
 }


 .wrapper .conteiner .content .contentmain .smart .explanation .pc{
  width: 100%;
  margin-bottom: 40px;
  background: none;
  position: relative;
 }

 .wrapper .conteiner .content .contentmain .smart .explanation .pc:after{
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom:-55px;
  left: 45%;
  background: url('../images/price_icon_plus.png') no-repeat;
 }

 .wrapper .conteiner .content .contentmain .smart .explanation .mobile{
  width: 100%;
 }

 .wrapper .conteiner .content .contentmain .smart h3{
  font-size: 120%;
 }

 .wrapper .conteiner .content .contentmain .smart .priceArea{
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }

 .wrapper .conteiner .content .contentmain .smart .priceArea .priceList{
  width: 100%;
 }
 .wrapper .conteiner .content .contentmain .smart .priceArea .priceList .fee{
  width: 100%;
 }
 .wrapper .conteiner .content .contentmain .smart .priceArea .priceList .option{
  width: 100%;
 }

 .wrapper .conteiner .content .contentmain .smart .priceArea .priceList{
  margin: 0 0 50px 0;
  padding: 0;
  width: 100%;
  float: none;
  background:none;
  position: relative;
 }


 .wrapper .conteiner .content .contentmain .smart .priceArea .priceList:after{
  content: '';
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  left: 45%;
  bottom: -55px;
  background: url(../images/price_icon_equal.png) no-repeat;
 }

 .wrapper .conteiner .content .contentmain .smart .priceArea .total{
  margin: 0 auto;
  float: none;
 }

 .wrapper .conteiner .content .contentmain .initialCost{
  width: 100%;
 }

 .wrapper .conteiner .content .contentmain .initialCost h2{
  font-size: 150%;
  color: #fff;
 }

 .wrapper .conteiner .content .contentmain .about{
  width: 100%;
 }

 .wrapper .conteiner .content .contentmain .about h2 img{
  width: 90%;
 }

 .wrapper .conteiner .content .contentmain .about .info{
  padding-top: 20px;
 }

 .wrapper .conteiner .content .contentmain .about .meritArea{
  padding: 10px;
 }

 .wrapper .conteiner .content .contentmain .about .meritArea .merit01 ul li{
  float: none;
 }

 .wrapper .conteiner .content .contentmain .about .meritArea .merit01 ul li:first-child{
  border-right: none;
  border-bottom: 1px dotted #CCCCCC;
 }

 .wrapper .conteiner .content .contentmain .about .meritArea .merit01 ul li{
  width: 100%;
 }

 .wrapper .conteiner .content .contentmain .about .meritArea .merit01 ul{
  width:100%;
 }

 .wrapper .conteiner .content .contentmain .about .meritArea .meritBox{
  margin-top: 15px;
  width: 100%;
 }

 .wrapper .conteiner .content .contentmain .about .meritArea .meritBox .merit02{
  width: 100%;

 }

 .wrapper .conteiner .content .contentmain .about .meritArea .meritBox .merit03{
  width: 100%;
  margin-top: 15px;
 }


 .wrapper .conteiner .content .contentmain .flow{
  width: 100%;
 }

 .wrapper .conteiner .content .contentmain .flow .flowArea .step01 a h3 span,
 .wrapper .conteiner .content .contentmain .flow .flowArea .step02 h3 span,
 .wrapper .conteiner .content .contentmain .flow .flowArea .step03 h3 span,
 .wrapper .conteiner .content .contentmain .flow .flowArea .step04 a h3 span,
 .wrapper .conteiner .content .contentmain .flow .flowArea .step05 a h3 span
{
  position: absolute;
  top: -25px;
  left: -1px;
  right: 0px;

 }
 .wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul,
 .wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul{
  margin-left: 0px;
  margin-bottom: 20px;
 }

 .wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul li:before,
 .wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul li:before{
  display: none;
 }

 .wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul li:first-child,
 .wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul li:first-child{
  border-right: none;
 }

 .wrapper .conteiner .content .contentmain .flow .flowArea .step02 ul li,
 .wrapper .conteiner .content .contentmain .flow .flowArea .step03 ul li{
  width: 100%;
 }


 .wrapper #tcom_page .content .contentmain .orderTxt{
  font-size: 110%;
 }

 .wrapper .conteiner .content .contentmain .orderTxtBtn {

  width: 90%;

 }

 .wrapper #tcom_page .content .contentmain .orderArea01 .web{
  width: 100%;
 }

 .wrapper .conteiner .content .contentmain .orderArea01{
  width: 100%;
 }
 .wrapper #tcom_page .content .contentmain .orderArea01 .web img{
  width: 90%;
 }

 .wrapper .conteiner .content .contentmain .orderArea02{
  width: 100%;
 }

 .wrapper #tcom_page .content .contentmain .orderArea02 .tel .telBox h4{
  font-size: 95%;
 }

 .wrapper footer{
  margin: 0;
 }

 /*トップバナー下部のプレゼントバナー欄*/
 .wrapper .conteiner .mainImage .mainArea{
  padding-bottom: auto; /*10,000円表示時は20%/非表示はauto*/
 }
 .wrapper .conteiner .mainImage .mainArea p.txt03{
  top:76%;
  text-align: center;
 }

 .mainImage img{
  width: 90%;

 }

 .wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox .number:before{
  margin: 0;
  left: 10%;
 }

 .wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox .number,
 .wrapper .conteiner .content .contentmain .orderArea02 .tel .telBox02 .number{
  font-size: 200%;
 }



	.wrapper .conteiner .content .contentmain .camp{
		width: 100%;
	}


}