@charset "utf-8";
#t20 {
	margin-top: 20px;
}
.u15 {
	margin-bottom: 15px;
}
.ann {
	font-size: 88%;
}

/* CSS Document */

#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#container h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
	padding-bottom: 2px;
}
ul#header {
	overflow: hidden;
	zoom: 1;
	padding-left: 15px;
	padding-bottom: 8px;
}

ul#header li.f_l {
	float: left;
	width: 205px;
}
ul#header li.f_l2 {
	float: left;
	width: 450px;
}
ul#header li.f_l2 strong {
	font-weight: normal;
	padding-top: 15px;
	padding-left: 10px;
	display: block;
}
ul#header li.f_r {
	float: right;
	padding-top: 5px;
}
ul#header li.f_r ul {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	display: block;
}
ul#header li.f_r li {
	float: right;
}
#header .p_t {
	padding-top: 5px;
}
ul#navi {
	overflow: hidden;
	zoom: 1;
}
ul#navi li {
	float: left;
}
ul#navi li a {
	display: block;
}
ul#navi li a:hover {
	background-color: transparent;
}
ul#navi li a:hover img {
	visibility: hidden;
}

ul#navi li.selected img {
	visibility: hidden;
}
ul#navi li.up img {
	visibility: visible;
}

ul#navi li#bt_home {
	background-image: url(../images/bt_pc_o.gif);
	background-repeat: no-repeat;
}
ul#navi li#bt_service {
	background-image: url(../images/bt_smart_o.gif);
	background-repeat: no-repeat;
}
ul#navi li#bt_price {
	background-image: url(../images/bt_price_o.gif);
	background-repeat: no-repeat;
}
ul#navi li#bt_flow {
	background-image: url(../images/bt_flow_o.gif);
	background-repeat: no-repeat;
}
ul#navi li#bt_qa {
	background-image: url(../images/bt_qa_o.gif);
	background-repeat: no-repeat;
}
ul#navi  li#bt_contact {
	background-image: url(../images/bt_contact_o.gif);
	background-repeat: no-repeat;
}
#main {
	margin-bottom: 30px;
	margin-top: 10px;
}
#main ul#pan {
	margin-bottom: 10px;
}

#main ul#pan li {
	display: inline;
	margin-right: 10px;
}

#main  ul#pan  li.ar {
	background-image: url(../images/ic_pan.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
}
#contents {
	float: left;
	width: 650px;
	margin-bottom: 30px;
}
#contents h2 {
	margin-bottom: 20px;
}
#contents p {
	margin-bottom: 15px;
}
#contents dl.box {
	background-image: url(../images/bg_box.jpg);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
	zoom: 1;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	margin-bottom: 10px;
}
#contents dl.box dt {
	float: left;
	display: block;
	width: 292px;
}
#contents dl.box dd {
	float: right;
	width: 325px;
}
#contents dl.box dd strong {
	margin-bottom: 15px;
	display: block;
}
#contents dl.box dd p {
	margin-bottom: 15px;
}

#contents dl#whatsnew {
	background-image: url(../images/bg_box.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	margin-bottom: 20px;
}
#contents dl#whatsnew dt {
	float: left;
	width: 125px;
	padding-bottom: 8px;
	background-image: url(../images/g_newline.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#contents dl#whatsnew  dt span {
	display: block;
	background-image: url(../images/ic_or.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
}
#contents dl#whatsnew dd {
	padding-bottom: 5px;
	padding-left: 140px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DFDFDF;
	margin-bottom: 10px;
}


#contents h3.pickup {
	margin-top: 5px;
	margin-bottom: 10px;
}
#contents .allow {
	padding-left: 279px;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 7px;
}
#contents .set {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 25px;
}
#contents .cset {
	text-align: center;
}


#contents .dotbox {
	background-image: url(../flow/images/bg_dot.gif);
	padding: 6px;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 20px;
}
#contents .dotbox .base {
	background-color: #F8F8ED;
	padding-top: 15px;
	padding-bottom: 15px;
}
.dotbox .base dl   {
	text-align: left;
	padding-top: 10px;
}
.dotbox .base dl dt   {
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 20px;
}
.dotbox .base dl dd   {
	padding-bottom: 20px;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}
.dotbox .base dl .txt_r   {
	text-align: right;
}
.dotbox .base .flbox {
	width: 445px;
	margin-right: auto;
	margin-left: auto;
}
.dotbox   .base   .flbox ul  {
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.dotbox .base .flbox ul .bxl {
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 6px;
}
.dotbox .base .flbox#fl1, .dotbox .base .flbox#fl1_3 {
	background-image: url(../flow/images/bg_flow01_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl1 ul, .dotbox .base .flbox#fl1_3 ul {
	background-image: url(../flow/images/bg_flow01_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dotbox .base .flbox#fl2 {
	background-image: url(../flow/images/bg_flow01_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl2 ul {
	background-image: url(../flow/images/bg_flow01_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dotbox .base .flbox#fl3 {
	background-image: url(../flow/images/bg_flow01_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl3 ul {
	background-image: url(../flow/images/bg_flow01_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.dotbox .base .flbox#fl4 {
	background-image: url(../flow/images/bg_flow01_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl4 ul {
	background-image: url(../flow/images/bg_flow01_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dotbox .base .flbox#fl5 {
	background-image: url(../flow/images/bg_flow01_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl5 ul {
	background-image: url(../flow/images/bg_flow01_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.dotbox .base .flbox#fl1_2,
.dotbox .base .flbox#fl2_2,
.dotbox .base .flbox#fl3_2,
.dotbox .base .flbox#fl4_2,
.dotbox .base .flbox#fl5_2 {
	background-image: url(../flow/images/bg_flow05_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl1_2 ul,
.dotbox .base .flbox#fl2_2 ul,
.dotbox .base .flbox#fl3_2 ul,
.dotbox .base .flbox#fl4_2 ul,
.dotbox .base .flbox#fl5_2 ul {
	background-image: url(../flow/images/bg_flow05_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dotbox .base .flbox#fl2_3 {
	background-image: url(../flow/images/bg_flow02_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl2_3 ul {
	background-image: url(../flow/images/bg_flow02_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dotbox .base .flbox#fl3_3 {
	background-image: url(../flow/images/bg_flow03_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl3_3 ul {
	background-image: url(../flow/images/bg_flow03_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#contents  table.pricebox {
	margin-bottom: 20px;
	background-color: #A8AB89;
	width: 100%;
}

#contents table.pricebox strong {
	color: #F25D14;
}


#contents table.pricebox caption {
	background-image: url(../price/images/ic_or.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 20px;
	font-weight: bold;
}

#contents table.pricebox th {
	color: #617A1D;
	background-color: #EFF3D3;
	padding: 10px;
	text-align: left;
	width: 35%;
}
#contents table.pricebox span  {
	font-size: 126%;
	color: #F4390B;
}
#container #contents .pricebox tr .w_9 {
	width: 30%;
}

#contents table.pricebox td {
	background-color: #FFFFFF;
	padding: 10px;
}
#contents table.pricebox .cellpr {
	color: #F4390B;
	font-weight: bold;
	width: 18%;
	text-align: right;
}
#contents table.pricebox .cellpr_2 {
	color: #F4390B;
	font-weight: bold;
	width: 9%;
	text-align: right;
}
#contents table.pricebox tr  .plan{
	color: #F4390b;
	text-align: center;
	font-weight: bold;
}
#contents table.pricebox tr  .center{
	text-align: center;
}
#contents  p.att {
	font-size: 85%;
	margin-bottom: 20px;
}
#contents ul#qabox {
	margin-bottom: 30px;
	padding-left: 15px;
}
#contents ul#qabox .icQ {
	background-image: url(../qa/images/ic_q.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 111%;
	font-weight: bold;
}
#contents ul#qabox .icA {
	font-size: 111%;
	background-image: url(../qa/images/ic_a.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-left: 50px;
	color: #ED500C;
	min-height: 50px;
}
#side {
	float: right;
	width: 220px;
}

#side ul#sidebox li {
	padding-bottom: 10px;
}


#side ul#sidebox li#bt_form {
	background-image: url(../images/mbt_form_o.jpg);
	background-repeat: no-repeat;
}

#side  ul#sidebox  li#bt_form a  {
	display: block;
}
#side ul#sidebox li#bt_form a:hover {
	background-color: transparent;
}
#side ul#sidebox li#bt_form a:hover img {
	visibility: hidden;
}
#sidebox .p_t {
	padding-top: 10px;
}

#pgtop {
	display: block;
	clear: both;
	text-align: right;
	margin-bottom: 15px;
}
.ERR {
	color: #FF0000;
}
#footer {
	clear: both;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	text-align: center;
}

#footer ul {
	zoom: 1;
	padding-top: 20px;
	padding-bottom: 10px;
}
#footer li {
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #573723;
}
#contents dl#contactbox {
	margin-bottom: 30px;
	width: 100%;
	overflow: hidden;
	zoom: 1;
}
#contents dl#contactbox dt {
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#contents dl#contactbox dd {
	padding-left: 180px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	background-image: url(../contact/images/bar_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#contents dl#contactbox dd.lines {
	padding-bottom: 28px;
}
#contents dl#contactbox dt span {
	background-image: url(../contact/images/ic_hissu.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 18px;
}
#contents #contact #contactbox .wid01 {
	width: 250px;
}
#contents #contact #contactbox .wid02 {
	width: 350px;
}
#contents #contact #submit {
	text-align: center;
}
#contents #contact #submit input {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#contents .comp {
	text-align: center;
	margin-bottom: 100px;
	padding-top: 30px;
}
#contents #contact .hi {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#contents ul.tmpl {
	width: 100%;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
}
#contents ul.tmpl li {
	float: left;
	margin-right: 10px;
	margin-left: 11px;
	margin-bottom: 10px;
}
#contents  ul#sitemap li {
	background-image: url(../images/ic_or.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#contents ul#sitemap {
	padding-right: 40px;
	padding-left: 40px;
}
#contents ul#sitemap li ul li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/ic_pan.gif);
	margin-top: 5px;
	margin-bottom: 5px;
}
#contents ul.hptmpl {
	width: 100%;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
}
#contents ul.hptmpl li {
	float: left;
	width: 203px;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}
#contents ul#plan {
	width: 622px;
	overflow: hidden;
	zoom:1;
	padding:0 14px;
}
#contents ul#plan li {
	float: left;
	width: 303px;
	display: inline;
}
#contents ul#plan .btn1{
	background-image: url(../images/bt_pc02_o.gif);
	background-repeat: no-repeat;
}
#contents ul#plan .btn2{
	float: right;
	background-image: url(../images/bt_smart02_o.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#contents ul#plan2 {
	overflow: hidden;
	zoom:1;
	padding:0 10px;
}
#contents ul#plan2 li {
	float: left;
	display: inline;
}
#contents ul#plan2 .btn1{
	background-image: url(../images/bt_pc02_o.gif);
	background-repeat: no-repeat;
	padding-right: 10px;
}
#contents .set ul#plan li.btn1 a,
#contents .set ul#plan li.btn2 a {
	display: block;
}
#contents .set ul#plan li.btn1 a:hover,
#contents .set ul#plan li.btn2 a:hover {
	background-color: transparent;
}
#contents .set ul#plan li.btn1 a:hover img,
#contents .set ul#plan li.btn2 a:hover img {
	visibility: hidden;
}
#contents .svbox {
	width: 100%;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
}

#contents .svbox img {
	float: left;
}
#contents .svbox p {
	padding-left: 85px;
}
#contents .set#about {
	display: block;
	text-align: left;
	padding: 10px;
	background-image: url(../images/bg_box.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#container #footer ul li.end {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container #footer ul.fnavi2 {
	padding-top: 0px;
}
#contents .detail {
	text-align: center;
	margin-top: 35px;
	margin-bottom: 35px;
	background-image: url(../smartservice/images/bt_mail_o.gif);
	background-repeat: no-repeat;
	background-position: center center;
	zoom: 1;
	overflow: hidden;
}
#contents .detail a {
	display: block;
}
#contents .detail a:hover {
	background-color: transparent;
}
#contents .detail a:hover img {
	visibility: hidden;
}#contents .blank {
	padding-right: 15px;
	padding-left: 15px;
	zoom: 1;
}
#contents .blank a {
	background-image: url(../images/ic_or.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#contents .smart_para {
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	zoom: 1;
}