@charset "utf-8";
#t20 {
	margin-top: 20px;
}
.u15 {
	margin-bottom: 15px;
}

/* 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: 10px;
}

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;
}
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_home_o.gif);
	background-repeat: no-repeat;
}
ul#navi li#bt_service {
	background-image: url(../images/bt_service_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 .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 .flbox {
	width: 445px;
	margin-right: auto;
	margin-left: auto;
}
.dotbox   .base   .flbox ul  {
	padding-top: 10px;
	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_2, .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_2 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, .dotbox .base .flbox#fl2_2, .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 ul, .dotbox .base .flbox#fl2_2 ul {
	background-image: url(../flow/images/bg_flow02_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dotbox .base .flbox#fl3, .dotbox .base .flbox#fl3_2 {
	background-image: url(../flow/images/bg_flow03_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl3 ul, .dotbox .base .flbox#fl3_2 ul {
	background-image: url(../flow/images/bg_flow03_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dotbox .base .flbox#fl4 {
	background-image: url(../flow/images/bg_flow04_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl4 ul {
	background-image: url(../flow/images/bg_flow04_u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.dotbox .base .flbox#fl5 {
	background-image: url(../flow/images/bg_flow05_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.dotbox .base .flbox#fl5 ul {
	background-image: url(../flow/images/bg_flow05_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 th span {
	font-size: 126%;
	color: #F4390B;
}
#contents table.pricebox td {
	background-color: #FFFFFF;
	padding: 10px;
}
#contents table.pricebox .cellpr {
	color: #F4390B;
	font-weight: bold;
	width: 18%;
	text-align: right;
}
#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;
}

#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 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: 100%;
}
#contents ul#hptmpl li {
	float: left;
	width: 203px;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}
#contents .svbox {
	width: 100%;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
}

#contents .svbox img {
	float: left;
}
#contents .svbox p {
	padding-left: 85px;
}
