@charset "UTF-8";

/* 共通定義 */

* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #E3E3E3;
	text-align: center;
}
p,td,dt,dd,li,address {
	line-height: 1.4em;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "MS UI Gothic",  "ＭＳ Ｐゴシック", Verdana, Myriad, Helvetica, "MS Trebuchet", "Times New Roman", sans-serif;
	color: #000000;

}
img {
	border: 0px;
}
td {
	vertical-align: top;
}
th {
}
ul,ol {
	margin-left: 0px;
}
.none {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;
}
.vm {
	vertical-align: middle;
}
.alignC {
	text-align: center;
}
.alignR {
	text-align: right;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.small {
	font-size: 11px !important;
}
.clear {
	clear: both !important;
}
.mT5 {
	margin-top: 5px !important;
}
.mT10 {
	margin-top: 10px !important;
}
.mT15 {
	margin-top: 15px !important;
}
.mT20 {
	margin-top: 20px !important;
}
.mB5 {
	margin-bottom: 5px !important;
}
.mB10 {
	margin-bottom: 10px !important;
}
.mB15 {
	margin-bottom: 15px !important;
}
.mB20 {
	margin-bottom: 20px !important;
}
.mR6 {
	margin-right: 7px !important;
}
.pagetop {
	margin-right: 21px;
	text-align: right;
}
.red {
	color: #FF0000;
}


/* リンク */

a:link,
a:visited {
	color: #ff0000;
	text-decoration: none;
}
a:hover,
a:active {
	color: #0000ff;
	text-decoration: underline;
}
h2.link a:link,
h2.link a:visited {
	color: #124FA0;
	text-decoration: none;
}
h2.link a:hover,
h2.link a:active {
	color: #124FA0;
	text-decoration: underline;
}
#ubq193_index div.example ul li a:link,
#ubq193_index div.example ul li a:visited {
	color: #FF6600;
	text-decoration: none;
}
#ubq193_index div.example ul li a:hover,
#ubq193_index div.example ul li a:active {
	color: #FF6600;
	text-decoration: underline;
}
#path a:link,
#path a:visited {
	color: #F60;
	text-decoration: none;
}
#path a:hover,
#path a:active {
	color: #F60;
	text-decoration: underline;
}
#menu dl.guide dd a:link,
#menu dl.guide dd a:visited {
	color: #fff;
	text-decoration: none;
}
#menu dl.guide dd a:hover,
#menu dl.guide dd a:active {
	color: #ff0;
	text-decoration: none;
}
#footer p.footerLink a:link,
#footer p.footerLink a:visited {
	color: #fff;
	text-decoration: none;
}
#footer p.footerLink a:hover,
#footer p.footerLink a:active {
	color: #fff;
	text-decoration: underline;
}

/* レイアウト */
#all {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/all_bg.gif) top left repeat-y;
	text-align: left;
}

div#ubq193_home_1_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1000px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_1.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_2_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1450px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_2.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_3_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1600px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_3.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_4_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1100px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_4.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_5_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1100px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_5.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_6_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1100px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_6.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_7_contents {
  display: block;
  float: left;
  width: 574px;
  height: 900px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_7.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_8_contents {
  display: block;
  float: left;
  width: 574px;
  height: 900px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_8.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_9_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1400px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_9.jpg);
  background-repeat: no-repeat;
}



































div#ubq193_home_2_1_contents {
  display: block;
  float: left;
  width: 574px;
  height: 900px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_2_1.jpg);
  background-repeat: no-repeat;
}

div#ubq193_home_2_2_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1600px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_2_2.jpg);
  background-repeat: no-repeat;
}

div#ubq193_home_2_3_contents {
  display: block;
  float: left;
  width: 574px;
  height: 900px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_2_3.jpg);
  background-repeat: no-repeat;
}

div#ubq193_home_2_4_contents {
  display: block;
  float: left;
  width: 574px;
  height: 900px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_2_4.jpg);
  background-repeat: no-repeat;
}

div#ubq193_home_2_5_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1800px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_2_5.jpg);
  background-repeat: no-repeat;
}






div#ubq193_home_3_1_contents {
  display: block;
  float: left;
  width: 574px;
  height: 2500px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_3_1.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_3_2_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1300px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_3_2.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_3_3_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1700px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_3_3.jpg);
  background-repeat: no-repeat;
}


div#ubq193_home_3_4_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1400px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_3_4.jpg);
  background-repeat: no-repeat;
}

div#ubq193_home_3_5_contents {
  display: block;
  float: left;
  width: 574px;
  height: 1400px;
  margin: 0 0 0 0;
  background-image: url(../img/tag_base_3_5.jpg);
  background-repeat: no-repeat;
}













div.tag_menu {
  display: block;
  float: left;
  width: 35px;
  height: 800px;
  margin: 0 0 0 0;
}


/* ヘッダ */

#ubq193_head {
	position: relative;
}
#ubq193_head img {
	margin: 0 0 0 0;
	vertical-align: bottom;
}
#summary {
	position: absolute;
	top: 0px;
	right: 10px;
	height: 22px;
	line-height: 22px;
	font-size: 11px;
	color: #ffffff;
	text-align: right;
}
/* メインイメージ */

#mainImageTop img {
	vertical-align: bottom;
	margin-top: 30px;
}
#mainImageMiddle {
	width: 499px;
	margin-top: 15px;
	margin-left: 10px;
}
#path {
	height: 20px;
	padding-right: 4px;
	line-height: 18px;
	text-align: right;
	font-size: 10px;
	color: #666666;
}

/* メインコンテンツ */

#mainq {
	float: left;
	width: 609px;
	margin-left: 10px;
	font-size: 12px;
}

#ubq193_main {
	float: left;
	width: 522px;
	padding: 0 0 0 35px;
}

#ubq193_main_excellent {
	float: left;
	width: 522px;
	padding: 30px 0 0 35px;
}

#ubq193_main_example {
	float: left;
	width: 522px;
	padding: 30px 0 0 35px;
}

#ubq193_main_price {
	float: left;
	width: 522px;
	padding: 30px 0 0 35px;
}

#ubq193_main_spec {
	float: left;
	width: 522px;
	padding: 30px 0 0 35px;
}

#ubq193_main_legic {
	float: left;
	width: 522px;
	padding: 30px 0 0 35px;
}

#ubq193_main_support {
	float: left;
	width: 522px;
	padding: 30px 0 0 35px;
}

#ubq193_main_voice_visitor {
	float: left;
	width: 522px;
	padding: 30px 0 0 35px;
}

#ubq193_main_QandA {
	float: left;
	width: 522px;
	padding: 30px 0 0 35px;
}













#ubq193_main_2_5 {
	float: left;
	width: 522px;
	margin: 30px 0 0 35px;
}

#ubq193_main h2.link a {
	display: block;
	width: 484px;
	height: 37px;
	margin-top: 20px;
	margin-bottom: 4px;
	padding-left: 17px;
	background: url(../img/common_h2_link.gif) top left no-repeat;
	line-height: 37px;
	font-size: 12px;
}
#ubq193_main h2.link1 a {
	display: block;
	width: 484px;
	height: 37px;
	margin-bottom: 4px;
	padding-left: 17px;
	background: url(../img/common_h2_link1.gif) top left no-repeat;
	line-height: 37px;
	font-size: 12px;
}
#ubq193_main h2.link2{
	display: block;
	width: 484px;
	height: 40px;
	margin-bottom: 4px;
	padding-left: 17px;
	background: url(../img/common_h2_link2.gif) top left no-repeat;
	line-height: 37px;
	font-size: 12px;
}
#ubq193_main h2.link3{
	display: block;
	width: 484px;
	height: 40px;
	margin-bottom: 4px;
	padding-left: 17px;
	background: url(../img/common_h2_link3.gif) top left no-repeat;
	line-height: 37px;
	font-size: 12px;
}
#ubq193_main2 {
	width: 499px;
	margin-left: 10px;
}
#ubq193_main2 h1 {
	width: 476px;
	height: 49px;
	padding-left: 23px;
	background: url(../img/main_h1.gif) top left no-repeat;
	line-height: 49px;
	font-size: 14px;
	color: #FFFFFF;
}

#ubq193_main2 h2.link a {
	display: block;
	width: 484px;
	height: 37px;
	margin-top: 10px;
	margin-bottom: 4px;
	padding-left: 17px;
	background: url(../img/common_h2_link.gif) top left no-repeat;
	line-height: 37px;
	font-size: 12px;
}

#ubq193_main2 div.h2Box {
	margin: 0px 17px 18px 15px;
}
#ubq193_main2 div.h2Box img.floatL {
	margin-bottom: 18px;
}
#ubq193_main2 p.underH1 {
	width: 461px;
	height: 46px;
	margin-bottom: 19px;
	padding: 7px 19px 0px 19px;
	background: url(../img/main_underh1_bg.gif) top left no-repeat;
}

#ubq193_main2 p.underH2Text {
	float: right;
	width: 264px;
	margin-bottom: 22px;
}











#ubq193_main3 {
	width: 499px;
	margin-left: 10px;
}

#ubq193_main3 h1 {
	width: 476px;
	height: 49px;
	padding-left: 23px;
	background: url(../img/main_h2.gif) top left no-repeat;
	line-height: 49px;
	font-size: 14px;
	color: #FFFFFF;
}

#ubq193_main3 h2.link1 a {
	display: block;
	width: 484px;
	height: 37px;
	margin-bottom: 4px;
	padding-left: 17px;
	background: url(../img/common_h2_link1.gif) top left no-repeat;
	line-height: 37px;
	font-size: 12px;
}

#ubq193_main3 div.h2Box {
	margin: 0px 17px 18px 15px;
}
#ubq193_main3 div.h2Box img.floatL {
	margin-bottom: 18px;
}
#ubq193_main3 p.underH3 {
	width: 461px;
	height: 100px;
	margin-bottom: 19px;
	padding: 7px 19px 0px 19px;
	background: url(../img/main_underh1_bg1.gif) top left no-repeat;
}
#ubq193_main3 p.underH2 {
	width: 461px;
	height: 46px;
	margin-bottom: 19px;
	padding: 7px 19px 0px 19px;
	background: url(../img/main_underh1_bg.gif) top left no-repeat;
}
#ubq193_main3 p.underH3Text {
	float: right;
	width: 264px;
	margin-bottom: 22px;
}





#ubq193_main4 {
	width: 499px;
	margin-left: 10px;
}
#ubq193_main4 h1 {
	width: 476px;
	height: 49px;
	padding-left: 23px;
	background: url(../img/main_h3.gif) top left no-repeat;
	line-height: 49px;
	font-size: 14px;
	color: #FFFFFF;
}
#ubq193_main4 h2.link2 {
	display: block;
	width: 484px;
	height: 37px;
	margin-bottom: 4px;
	padding-left: 17px;
	background: url(../img/common_h2_link2.gif) top left no-repeat;
	line-height: 37px;
	font-size: 12px;
}

#ubq193_main4 p.underH2 {
	width: 461px;
	height: 50px;
	margin-bottom: 19px;
	padding: 7px 19px 0px 19px;
	background: url(../img/main_underh1_bg.gif) top left no-repeat;
}
#ubq193_main4 p.underH2Text {
	float: right;
	width: 264px;
	margin-bottom: 22px;
}
#ubq193_main4 div.h2Box {
	margin: 0px 17px 18px 15px;
}
#ubq193_main4 p.underH3 {
	width: 461px;
	height: 90px;
	margin-bottom: 19px;
	padding: 7px 19px 0px 19px;
	background: url(../img/main_underh1_bg1.gif) top left no-repeat;
}



#ubq193_main5 {
	width: 499px;
	margin-left: 10px;
}
#ubq193_main5 h1 {
	width: 476px;
	height: 49px;
	padding-left: 23px;
	background: url(../img/main_h4.gif) top left no-repeat;
	line-height: 49px;
	font-size: 14px;
	color: #FFFFFF;
}

#ubq193_main5 h2.link3 {
	display: block;
	width: 484px;
	height: 37px;
	margin-bottom: 4px;
	padding-left: 17px;
	background: url(../img/common_h2_link3.gif) top left no-repeat;
	line-height: 37px;
	font-size: 12px;
}








#ubq193_main5 p.underH2 {
	width: 461px;
	height: 50px;
	margin-bottom: 19px;
	padding: 7px 19px 0px 19px;
	background: url(../img/main_underh1_bg.gif) top left no-repeat;
}
#ubq193_main5 p.underH2Text {
	float: right;
	width: 264px;
	margin-bottom: 22px;
}
#ubq193_main5 div.h2Box {
	margin: 0px 17px 18px 15px;
}
#ubq193_main5 p.underH3 {
	width: 461px;
	height: 90px;
	margin-bottom: 19px;
	padding: 7px 19px 0px 19px;
	background: url(../img/main_underh1_bg1.gif) top left no-repeat;
}

/* インデックス */

#ubq193_index {
	width: 512px;
	margin-left: 10px;
}
#ubq193_index h1 {
	width: 489px;
	height: 33px;
	padding-left: 12px;
	background: url(../img/index_h1.gif) top left no-repeat;
	line-height: 33px;
	font-size: 12px;
	color: #FFFFFF;
}
#ubq193_index p.underH1 {
	width: 467px;
	height: 66px;
	margin-bottom: 5px;
	padding: 6px 19px 0px 19px;
	background: url(../img/index_underh1_bg.gif) top left no-repeat;
	line-height: 18px;
	font-size: 12px;
	color: #000066;
}
#ubq193_index p.underH2 {
	margin: 0px 17px 6px 17px;
	line-height: 18px;
	font-size: 12px;
	color: #000066;
}
#ubq193_index ul.feature {
	width: 486px;
	margin-left: 15px;
	margin-bottom: 15px;
	list-style-type: none;
}
#ubq193_index ul.feature li {
	margin: 0px 0px 2px 0px;
}
#ubq193_index ul.feature li img {
	vertical-align: bottom;
}
#ubq193_index div.example {
	margin-left: 19px;
	margin-bottom: 15px;
}
#ubq193_index div.example p {
	width: 360px;
	line-height: 18px;
	font-size: 12px;
	color: #000066;
	margin-bottom: 10px;
}
#ubq193_index div.example ul {
	width: 347px;
	height: 71px;
	margin: 0px;
	padding: 6px 6px 0px 6px;
	background: url(../img/index_example_list_bg.gif) top left no-repeat;
	list-style-type: none;
}
#ubq193_index div.example ul li {
	margin: 0px 0px 6px 0px ;
}
#ubq193_index div.example ul li a {
	display: block;
	width: 153px;
	height: 31px;
	padding-left: 17px;
	background: url(../img/index_example_list_button.gif) top left no-repeat;
	line-height: 31px;
	font-weight: bold;
	font-size: 11px;
}
#ubq193_index div.example img {
	margin: 0 15px 0 0px;
}

/* ナビゲーション */ 

#navigation {
	width: 772px;
	
	background: url(../img/navigation_bg.gif) top left no-repeat;
}
#navigation ul {
	width: 389px;
	margin-left: 377px;
	padding-right: 6px;
	background: url(../img/navigation_bg_right.gif) top right no-repeat;
	list-style-type: none;
}
#navigation li {
	float: left;
}
#navigation li a {
	display: block;
	height: 27px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	/*\*/ overflow:hidden; /* */
}
#navigation li a:link,
#navigation li a:visited {
	background-position: top left;
}
#navigation li a:hover,
#navigation li a:active {
	background-position: bottom left;
}
#navigation li.home a {
	width: 75px;
	background-image: url(../img/navigation_home.gif);
}
#navigation li.card  a{
	width: 109px;
	background-image: url(../img/navigation_card.gif);
}
#navigation li.inquiry a {
	width: 100px;
	background-image: url(../img/navigation_inquiry.gif);
}
#navigation li.sitemap a {
	width: 105px;
	background-image: url(../img/navigation_sitemap.gif);
}

/* サイドメニュー */

#menu {
	float: left;
	width: 224px;
}
#menu dl.guide {
	width: 220px;
	margin: 15px 0px 4px 1px;
	padding-bottom: 4px;
	background: url(../img/menu_guide_bg.gif) bottom left no-repeat;
}
#menu dl.guide dt img {
	vertical-align: bottom;
}
#menu dl.guide dd {
	width: 208px;
	height: 55px;
	margin: 0px 6px;
	line-height: 17px;
	font-size: 16px;
	font-weight: bold;
}
#menu dl.guide dd a {
	display: block;
	width: 162px;
	height: 45px;
	padding: 10px 0px 0px 46px;
	background-image: url(../img/menu_guide_list_bg.gif);
	background-repeat: no-repeat;
}
#menu dl.guide dd.last a {
	height: 44px;
	background-image: url(../img/menu_guide_list_bg_last.gif);
}
#menu ul.information {
	width: 224px;
	margin: 0px 0px 7px 0px;
	list-style-type: none;
}
#menu ul.information li {
	margin-bottom: 2px;
}
#menu ul.information li a {
	display: block;
	width: 224px;
	height: 34px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	/*\*/ overflow:hidden; /* */
}
#menu ul.information li.legic a {
	background-image: url(../img/menu_information_legic.gif);
}
#menu ul.information li.support a {
	background-image: url(../img/menu_information_support.gif);
}
#menu ul.information li.voice a {
	background-image: url(../img/menu_information_voice.gif);
}
#menu ul.information li.qa a {
	background-image: url(../img/menu_information_qa.gif);
}
#menu ul.information li a:link,
#menu ul.information li a:visited {
	background-position: top left;
}
#menu ul.information li a:hover,
#menu ul.information li a:active {
	background-position: bottom left;
}
#menu dl.inquiry {
	width: 220px;
	margin-left: 1px;
	padding-bottom: 13px;
	background: url(../img/menu_inquiry_bg.gif) bottom left no-repeat;
}
#menu dl.inquiry dt {
	vertical-align: bottom;
}
#menu dl.inquiry dd {
	margin: 8px 0px 0px 18px;
	line-height: 1.3;
}
#menu dl.inquiry dd ul {
	margin: 0px;
	list-style-type: none;
}
#menu dl.inquiry dd li {
	height: 16px;
	margin: 0px 0px 2px 0px;
	padding-left: 41px;
}
#menu dl.inquiry dd li.tel {
	background: url(../img/menu_inquiry_tel.gif) center left no-repeat
}
#menu dl.inquiry dd li.fax {
	background: url(../img/menu_inquiry_fax.gif) center left no-repeat
}
#menu dl.inquiry dd li.mail {
	background: url(../img/menu_inquiry_mail.gif) center left no-repeat
}
#menu dl.inquiry dd.button {
	margin-left: 15px;
	text-indent: -5000px;
	/*\*/ overflow:hidden; /* */
}
#menu dl.inquiry dd.button a {
	display: block;
	width: 193px;
	height: 41px;
	background-repeat: no-repeat;
	background-image: url(../img/menu_inquiry_button.gif);
}
#menu dl.inquiry dd.button a:link,
#menu dl.inquiry dd.button a:visited {
	background-position: top left;
}
#menu dl.inquiry dd.button a:hover,
#menu dl.inquiry dd.button a:active {
	background-position: bottom left;
}


/* フッタ */

#footer {
	clear: both;
	width: 772px;
	padding-top: 15px;
	padding-bottom: 39px;
	background: url(../img/footer_bg.gif) bottom left no-repeat;
}
#footer p.footerLink {
	width: 730px;
	height: 27px;
	margin-left: 21px;
	background: url(../img/footer_footerlink_bg.gif) top left no-repeat;
	line-height: 27px;
	text-align: center;
	font-size: 11px;
	color: #fff;
}
#footer div.information {
	width: 730px;
	margin-left: 21px;
}
#footer div.information p.links {
	float: right;
	margin-top: 8px;
	font-size: 11px;
	color: #666;	
}
#footer div.information p.links a {
	background: url(../img/footer_links_arrow.gif) top left no-repeat;
	margin-left: 8px;
	padding-left: 12px;
}
address {
	font-style: normal;
	font-size: 11px;
}
address a {}
address a:hover {}

/* サイトマップ */

#sitemap ul {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#sitemap ul ul {
	background: url(../img/s-dot3.gif) repeat-y left top;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-left: 0px;
}
#sitemap ul li {
	background: url(../img/s-dot.gif) no-repeat;
	list-style-type: none;
	padding-left: 25px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}
#sitemap ul li.s-close {
	background: url(../img/s-dot2.gif) no-repeat;
	margin-bottom: 5px;
}
#sitemap ul li.s-close2 {
	background: url(../img/s-dot4.gif) no-repeat;
	margin-bottom: 0px;
}
#sitemap ul li.s-close3 {
	background: url(../img/s-dot5.gif) no-repeat;
}
#sitemap ul li.s-close4 {
	background: #FFF url(../img/s-dot4.gif) no-repeat left top;
}

/* フォーム用定義 */

.mail-form{
}
.mail-input {
	text-align: center;
}

#ubq193_main 2 table.form-tbl {
}
#ubq193_main 2 table.form-tbl th {
}
#ubq193_main 2 table.form-tbl td {
}
.caution {
	font-size: 12px;
	color: #666666;
	list-style: none;
}
.caution strong {
	color: #FF0000; 
}