@charset "utf-8";

/** background **/
table#header {
 border-top:1 solid #ff6600;
}

div#howto_con h2 {
 background       : url(/sobaportal/image/ja_JP/image_city/h2_back4.gif) no-repeat left bottom
}
div#info,
div#press {
 background       : url(/sobaportal/image/ja_JP/image_city/bar_l.gif) top no-repeat
}
div#other,
div#usersp {
 background       : url(/sobaportal/image/ja_JP/image_city/bar_s.gif) top no-repeat
}
div.sobacity_in {
 background       : url(/sobaportal/image/ja_JP/image_city/p_r_bg.gif) bottom right no-repeat
}
h2.bl {
 background       : url(/sobaportal/image/ja_JP/image_city/h2_back3.gif) no-repeat bottom left
}
h2.gr {
 background       : url(/sobaportal/image/ja_JP/image_city/h2_back.gif) no-repeat bottom left
}
h2.re {
 background       : url(/sobaportal/image/ja_JP/image_city/h2_back2.gif) no-repeat bottom left
}
table#faq_menu {
 background       : url(/sobaportal/image/ja_JP/image_city/table_bg.gif) top left no-repeat
}
table#faq_menu td {
 background       : url(/sobaportal/image/ja_JP/image_city/td_bg.gif) bottom right no-repeat
}
/** background-color **/
#menu li a,
#menu li a:link,
#menu li a:visited,
#menu li span,
div.faq_an h3 {
 background-color : #FF6600
}
#menu li a:hover {
 background-color : #FF9900
}
body {
 background-color : #FFFFFF
}
div#form_box h2 {
 background-color : #66CC66
}
div#howto_menu {
 background-color : #CCCCCC
}
div#policy h2,
div#policy h3,
div#terms h3 {
 background-color : #999999
}
div#sitemap_left h2,
div#sitemap_right h2,
div#terms h2 {
 background-color : #FF9933
}
div#sitemap_right h2#other {
 background-color : #333333
}
div.faq_an {
 background-color : #FFFFCC
}
h2.faq {
 background-color : #66CC99
}
h2.sys {
 background-color : #66CCCC
}
p.sys_p {
 background-color : #DDDDDD
}
td.sys_title1 {
 background-color : #66CC33
}
td.sys_title2 {
 background-color : #33CCCC
}

/** background-image **/
#menu {
 background-image : url(/sobaportal/image/ja_JP/image_city/menu_bg.gif)
}
#menu li a {
 background-image : url(/sobaportal/image/ja_JP/image_city/menu_back.gif)
}
#menu li a:hover,
#menu li span {
 background-image : url(/sobaportal/image/ja_JP/image_city/menu_back_target.gif)
}
div#contents {
 background-image : url(/sobaportal/image/ja_JP/image_city/line_back.gif)
}
div#footer {
 background-repeat:repeat-y;
 background-image : url(/sobaportal/image/ja_JP/image_city/footer_back.gif);
}
div#header {
 background-image : url(/sobaportal/image/ja_JP/image_city/top_banner.gif)
}
div#main {
 background-image : url(/sobaportal/image/ja_JP/image_city/top_back.jpg)
}

/** border **/
body img,
div#top_button img,
table.info,
table.press {
 border           : none
}
div#corp table {
 border           : solid 1px #FF9900
}
div#form_box,
img.javavm {
 border           : 1px solid #999999
}
div#howto_menu,
div#sitemap_left h2,
div#sitemap_right h2,
div#sitemap_right h2#other {
 border           : 1px solid #666666
}
div#policy,
div#terms,
h2.sys,
p.sys_p,
table#system,
table#system td {
 border           : 1px solid #333333
}
table#faq_menu td {
 border           : solid 1px #FFFFFF
}

/** border-bottom **/
div#form_box h2 {
 border-bottom    : 1px solid #999999
}
div#sitemap_left div,
div#sitemap_right div {
 border-bottom    : 1px solid #666666
}
h2.sys {
 border-bottom    : none
}

/** border-collapse **/
table#system,
table.press {
 border-collapse  : collapse
}

/** clear **/
h1 {
 clear            : both
}

/** color **/
#menu li a:hover,
#menu li a:link,
#menu li a:visited,
div#sitemap_left h2,
div#sitemap_right h2,
div#sitemap_right h2#other,
div.faq_an h3,
h2.faq,
h2.sys {
 color            : #FFFFFF
}
a#up,
a.up,
div#footer p a,
table#faq_menu a,
table#submenu a,
ul.faq_list a {
 color            : #333333
}
/*a:active,
a:link,
a:visited {
 color            : #0000FF
}
a:hover {
 color            : #FF6600
}
body,*/
h1,
h2.bl,
h2.gr,
h2.re {
 color            : #000000
}
div#howto_con p span.red,
div#usersp p span,
table#system span {
 color            : #FF0000
}
div#howto_con span,
p.r span,
table.info td.com a,
table.press td.com a {
 color            : #666666
}

/** display **/
#menu,
#menu li,
#menu li a,
#menu li span,
a#up,
a.up,
div#footer p,
div#info h2,
div#other h2,
div#other p,
div#press h2,
div#usersp h2,
div#usersp p,
div#usersp p span#bbs,
div.sobacity_in p.l,
div.sobacity_in p.r,
p#faq_mess,
p#login,
p#top_mess1,
p#top_mess2,
p#top_mess3,
p.question,
p.sys_p,
p.textbox,
ul.maplist li,
ul.maplist li a,
ul.maplist li span,
img.javavm,
p.TroubleShooting img {
 display          : block
}

/** float **/
div#howto_con,
div#sitemap_right,
div.sobacity_in p.r {
 float            : right
}
div#howto_menu,
div#sitemap_left,
div#top_contents_left,
div.sobacity_in p.l {
 float            : left
}

/** font **/
body {
 font             : small "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

/** font-size **/
div#footer p,
p#top_mess3 {
 font-size        : 83%
}
div#top_contents_left h2,
div#top_contents_right h2 {
 font-size		  : 10pt
}
div#form_box h2 {
 font-size        : 120%
}
div#howto_con h2 {
 font-size        : 150%
}
div#howto_con h3,
div#sitemap_left h2,
div#sitemap_right h2,
div#sitemap_right h2#other {
 font-size        : 100%
}
div#terms h2,div#terms h3,div#policy h2 {
 font-size        : 90%
}
table#menu_m,
p#login,
div#top_mess {
 font-size		  : 10pt
}
p#top_mess3 {
 font-size		  : 8pt
}
div.faq_an h3 {
 font-size        : 95%
}
div.sobacity_in p.l,
div.sobacity_in p.r {
 font-size        : small
}
h1 {
 font-size        : x-large
}
h2.bl,
h2.faq,
h2.gr,
h2.re,
h2.sys {
 font-size        : medium
}
p.r span {
 font-size        : 80%
}

/** font-style **/
div#footer p a#soba {
 font-style       : italic
}

/** font-weight **/
#ts_form td.right {
 font-weight      : normal
}
div#howto_box span,
p.textbox span,
table.info td.com a,
table.press td.com a,
td.right,
ul.faq_list a {
 font-weight      : bold
}

table#menu_m {
	empty-cells:show;
	text-align:center;color:#fff;
}
#menu_m td {
background-color:#ff6600;
text-align:center;
padding: 2px;
white-space:nowrap;
width:14%;
min-width:80px;
}
#menu_m td#current {
background-color:#ff9900;
white-space:nowrap;
padding: 2px;
white-space:nowrap;
width:14%;
min-width:80px;
}

#menu_m td a{
text-align:center;
text-decoration:none;
color:#fff;
}

#menu_m td a:hover{
text-decoration:underline;
background-color:#ff9900;
}

/** height **/
#menu,
#menu li,
#menu li a,
#menu li span,
div#menu_m {
 height           : 20px
}
#ts_form,
#ts_form td.right,
div#banner,
div#contents,
div#corp,
div#end,
div#footer p,
div#form_box,
div#howto_box,
div#howto_box p,
div#howto_con,
div#howto_con p#howto_footer,
div#howto_menu,
div#info,
div#other,
div#press,
div#sitemap_left,
div#sitemap_left div,
div#sitemap_left div ul.maplist,
div#sitemap_left h2,
div#sitemap_right,
div#sitemap_right div,
div#sitemap_right div ul.maplist,
div#sitemap_right h2,
div#sitemap_right h2#other,
div#usersp,
div.faq_an,
div.faq_gr,
div.sobacity,
div.sobacity_in,
p#faq_mess,
p#login,
p.answer,
p.question,
p.sys_p,
p.textbox,
table#faq_menu,
table#form,
table.info,
table.press,
ul.maplist li,
ul.maplist li a,
ul.maplist li span {
 height           : auto
}
div#contents_m,
div.sobacity_in p.l,
div.sobacity_in p.r {
 height           : 100%
}
div#footer {
 height           : auto;
 margin: 0px;
 padding: 0px;
}
div#header,
div#header_m {
 height           : 90px
}
div#main,
div#main_m {
 height           : 320px
}
div#top_mess {
 height           : 230px
}
table#faq_menu td {
 height           : 2em
}
table.info td,
table.press td {
 height           : 1em
}
table.info tr,
table.press tr {
 height           : 1.2em
}

/** left **/
#m_ask {
 left             : 420px
}
#m_faq {
 left             : 320px
}
#m_how {
 left             : 220px
}
#m_intro {
 left             : 120px
}
#m_sys {
 left             : 519px
}
#m_top,
div#other,
div#usersp,
p#top_mess3 {
 left             : 20px
}
div#info h2,
div#other h2,
div#press h2,
div#usersp h2 {
 left             : 3px
}

/** letter-spacing **/
/*body,*/
div.sobacity_in p.l,
div.sobacity_in p.r {
 letter-spacing   : 0.1em
}
br.a {
 letter-spacing   : 0px
}
div#other p,
div#usersp p,
table.info,
table.press {
 letter-spacing   : 0em
}

/** line-height **/
div#footer p {
 line-height      : 1.2em
}
div#top_mess {
 line-height      : 1.3em
}
div.sobacity_in p.l,
div.sobacity_in p.r,
p#top_mess3 {
 line-height      : 1.1em
}

/** list-style-type **/
#menu li,
div#howto_menu ul,
ul.faq_list {
 list-style-type  : none
}
div#sitemap_left div ul.maplist,
div#sitemap_right div ul.maplist {
 list-style-type  : circle
}

/** margin **/
#menu,
a.up,
div#contents,
div#corp,
div#footer,
div#form_box,
div#header,
div#howto_box,
div#main,
div#policy,
div#subpage_contents,
div#terms,
div.faq_an,
div.faq_gr,
img.tsimg,
table#form,
table#system,
img.javavm {
 margin           : 0px auto
}
p.TroubleShooting img {
 margin: 1em auto !important
}
#ts_form,
div#contents_m,
div#end,
div#footer_m,
div#header_m,
div#howto_box p,
div#howto_con li#hoge,
div#info h2,
div#main_m,
table#menu_m,
div#other h2,
div#policy h2,
div#policy h3,
div#press,
div#press h2,
div#terms h2,
div#top_contents_left,
div#top_contents_right,
div#top_mess,
div#usersp,
div#usersp h2,
div#usersp p span#bbs,
h2.faq,
h2.sys,
p#login,
p#top_mess1,
p#top_mess2,
p#top_mess3,
p.question,
p.sys_p,
table#faq_menu td,
table#form td.right,
table.info td,
table.press td {
 margin           : 0px
}
a#up {
 margin           : 0px 0px 0px auto
}
div#banner {
 margin           : 0px 0px 10px
}
div#city_list {
 margin           : 0px 0px 1em auto
}
div#footer p {
/* margin           : 2px 9px auto 0px */
 margin           : 2px 9px 0px 0px
}
div#form_box h2,
div#howto_con li {
 margin           : 0px 0px 1em 0px
}
div#howto_box img,
div#howto_con img,
ul.faq_list li {
 margin           : 1em 0px
}
div#howto_con h2,
div#howto_con h3 {
 margin           : 0.3em
}
div#howto_con p {
 margin           : 0px 0px 0px 0.5em
}
div#howto_con p#howto_footer {
 margin           : 2em 0px 0px
}
div#howto_con,
div#howto_menu {
 margin           : 1em 0px 0px
}
div#howto_menu li {
 margin           : 0.5em 0px
}
div#howto_menu ol,
div#howto_menu ul {
 margin           : 0px 0px 0px 2em
}
div#info,
div#other {
 margin           : 0px 0px 15px
}
div#other p {
 margin           : 0px 0px 0px 5px
}
div#sitemap_left {
 margin           : 0 auto
}
div#sitemap_left div ul.maplist,
div#sitemap_right div ul.maplist {
 margin           : 1em 0 0 1em
}
div#sitemap_left div,
div#sitemap_left h2,
div#sitemap_right,
div#sitemap_right div,
div#sitemap_right h2,
div#sitemap_right h2#other,
ul.maplist li a,
ul.maplist li span {
 margin           : 0
}
div#terms h3 {
 margin           : 0.3em 0px
}
div#top_button {
 margin           : 10px auto
}
div#usersp p {
 margin           : 0px 0px 10px 5px
}
div.sobacity {
 margin           : 1em auto
}
p.answer {
 margin           : 0px 0px 0px 10px
}
table#faq_menu {
 margin           : 10px auto 0px
}
table#submenu {
 margin           : 0px 0px 10px auto
}
table.info,
table.press {
 margin           : 10px 0px 0px
}
ul.faq_list {
 margin           : 10px 0px 0px 10px
}
ul.maplist li {
 margin           : 0 0
}

/** margin-left **/
div.sobacity_in {
 margin-left      : 0px
}
p#faq_mess,
p.textbox {
 margin-left      : 10px
}

/** margin-right **/
div#sitemap_right {
 margin-right     : 5%
}

/** margin-top **/
h2.bl,
h2.gr,
h2.re {
 margin-top       : 2em
}

/** overflow **/
#menu,
#menu li,
div#top_contents_right,
div#top_mess {
 overflow         : hidden
}
div#sitemap_left div ul.maplist,
div#sitemap_right div ul.maplist,
div.sobacity_in {
 overflow         : auto
}

/** padding **/
#menu li a,
#menu li span {
 padding          : 3px 0px 0px 0px
}
#menu,
#ts_form,
div#banner,
div#contents,
div#contents_m,
div#corp,
div#end,
div#footer,
div#footer_m,
div#form_box,
div#header,
div#header_m,
div#howto_box p,
div#howto_con,
div#howto_con h3,
div#howto_con img,
div#howto_con li,
div#howto_con li#hoge,
div#howto_con p,
div#howto_con p#howto_footer,
div#howto_menu,
div#howto_menu ol,
div#howto_menu ul,
div#info,
div#info h2,
div#main,
div#main_m,
table#menu_m,
div#other,
div#other h2,
div#other p,
div#policy,
div#press,
div#press h2,
div#terms,
div#top_contents_left,
div#top_contents_right,
div#top_mess,
div#usersp,
div#usersp h2,
div#usersp p,
div#usersp p span#bbs,
div.faq_an,
div.faq_gr,
p#login,
p#top_mess1,
p#top_mess2,
p#top_mess3,
p.answer,
p.question,
table#faq_menu,
table#faq_menu td,
table#form,
table#form td.right,
table.info,
table.info td,
table.press,
table.press td,
ul.faq_list {
 padding          : 0px
}
div#city_list table td {
 padding          : 0.2em
}
div#corp td {
 padding          : 0.5em
}
div#form_box h2,
div#policy h2,
div#policy h3,
div#terms h2,
div#terms h3,
h2.faq,
h2.sys,
p.sys_p,
ul.maplist li a,
ul.maplist li span {
 padding          : 0.3em
}
div#howto_con h2 {
 padding          : 0px 0px 0px 0.5em
}
div#sitemap_left h2,
div#sitemap_right h2,
div#sitemap_right h2#other {
 padding          : 0.2em 0 0.2em 0.5em
}
div#sitemap_left,
div#sitemap_left div,
div#sitemap_left div ul.maplist,
div#sitemap_right,
div#sitemap_right div,
div#sitemap_right div ul.maplist,
ul.maplist li {
 padding          : 0
}
div.faq_an h3 {
 padding          : 0.2em 0px 0.2em 0.5em
}
div.sobacity_in {
 padding          : 1em
}
h2.bl,
h2.gr,
h2.re {
 padding          : 0.1em 0.1em 0.3em 0.5em
}
p.policy {
 padding          : 1em 0px 0px 3em
}

/** padding-bottom **/
h1 {
 padding-bottom   : 0.1em
}

/** padding-left **/
div#policy p,
div#terms p {
 padding-left     : 1em
}

/** position **/
#menu li,
div#other h2,
div#top_mess,
div#usersp h2,
p#top_mess3 {
 position         : absolute
}
#menu,
div#header,
div#info,
div#info h2,
div#main,
div#other,
div#other p,
div#press,
div#press h2,
div#top_contents_left,
div#top_contents_right,
div#usersp,
div#usersp p {
 position         : relative
}

/** right **/

/** text-align **/
#menu li,
div#corp,
div#end,
div#howto_con p#howto_footer,
div#usersp p span#bbs,
div.sobacity_in,
p#top_mess1,
p#top_mess2,
p.question,
table#form td#submit,
td.center,
td.sys_title1,
td.sys_title2 {
 text-align       : center
}
#ts_form td.right,
a#up,
a.up,
div#footer p,
p#login,
table#form td.right,
table.info td.all,
table.press td.all,
td.right {
 text-align       : right
}
div#corp table,
div.sobacity_in p.l,
div.sobacity_in p.r {
 text-align       : left
}

/** text-decoration **/
#menu li a:hover,
/*a:active,
a:hover,
a:link,
a:visited,*/
div#footer p a#soba {
 text-decoration  : underline
}
#menu li a:link,
#menu li a:visited,
a#up,
a.up,
div#footer p a,
ul.maplist li a,
ul.maplist li span {
 text-decoration  : none
}

/** top **/
#m_ask,
#m_faq,
#m_how,
#m_intro,
#m_sys,
#m_top {
 top              : -3px
}
div#info h2,
div#other h2,
div#press h2,
div#usersp h2 {
 top              : 2px
}
div#other p,
div#usersp p {
 top              : 1em
}
div#top_mess {
 top              : 40px
}
p#top_mess3 {
 top              : 285px
}

/** vertical-align **/
img#bottom {
 vertical-align   : middle
}

/** width **/
#menu li {
 width            : 101px
}
#menu,
div#contents,
div#footer,
div#header,
div#main {
 width            : 800px
}
#ts_form,
#ts_form td.right,
div#footer p,
div#howto_con p#howto_footer,
div#press,
div#sitemap_left div,
div#sitemap_left div ul.maplist,
div#sitemap_left h2,
div#sitemap_right div,
div#sitemap_right div ul.maplist,
div#sitemap_right h2,
div#sitemap_right h2#other,
p#faq_mess,
p#login,
p.answer,
p.question,
p.sys_p,
p.textbox,
table#faq_menu,
table#form td.right,
ul.maplist li a,
ul.maplist li span {
 width            : auto
}
a#up {
 width            : 6em
}
a.up,
div#city_list,
div#corp,
div#corp table,
div#form_box,
div#howto_box,
div#howto_box p,
div#policy,
div#terms,
div.faq_an,
div.faq_gr,
div.sobacity,
table#system {
 width            : 90%
}
div#banner,
div#info,
div#top_contents_right,
table.info,
table.press {
 width            : 468px
}
div#contents_m,
div#end,
div#footer_m,
div#header_m,
div#main_m,
table#menu_m,
table#form,
table.info tr,
table.press tr,
ul.faq_list,
ul.maplist li {
 width            : 100%
}
div#howto_con {
 width            : 65%
}
div#howto_menu {
 width            : 30%
}
div#other,
div#usersp,
div#usersp p span#bbs {
 width            : 260px
}
div#sitemap_left,
div#sitemap_right {
 width            : 45%
}
div#subpage_contents {
 width            : 760px
}
div#top_button {
 width            : 282px
}
div#top_contents_left {
 width            : 318px
}
div#top_mess,
p#top_mess1,
p#top_mess2 {
 width            : 400px
}
div.sobacity_in p.l,
div.sobacity_in p.r {
 width            : 50%
}
table#faq_menu td,
td#corp_20 {
 width            : 20em
}
table#submenu {
 width            : 95%
}
table.info td.all,
table.press td.all {
 width            : 20%
}
table.info td.com,
table.press td.com {
 width            : 64%
}
table.info td.day,
table.press td.day {
 width            : 18%
}
td#corp_9 {
 width            : 9em
}
td.right {
 width            : 19%
}
td.system {
 width			  : 40%
}

table#comparison {
	width: 760px;
	height: auto;
	border-collapse: collapse;
	border: 1px solid #000000;
}

table#comparison th {
	border: 1px solid #666666;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	height: 2em;
	background: #4DC5FF;
}

table#comparison th.CompLeft {
	width: 20%;
}

table#comparison th.CompCenter {
	width: 20%;
}

table#comparison th.CompRight {
	width: auto;
}

table#comparison td {
	border: 1px solid #666666;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	height: 2em;
}

.CompCity,.CompMieruka {
	text-align: center;
}

.CompMieruka {
	font-weight: 500;
}

.CompCity,.CompSupp,.CompHead {
	background-color: #CCCCCC;
}

span.CompQuat {
	font-size: smaller;
	color: #666666;
}

h2#CompListHeader {
	font-size: small;
	width: 370px;
	color: #FF3300;
}

div#CompListBlock {
	width: 780px;
	min-height: 270px;
	position: relative;
}

ol.CompList {
	width: 370px;
	padding-left: 50px;
	margin-left: -20px;
}

div#CompListBlock img {
	position: absolute;
	display: block;
	left: 400px;
	top: 0px;
}

div#CompListBlock p {
	width: 370px;
}

div#CompListBlock p img {
	position: relative;
	left: auto;
	top: auto;
	margin: 5px 0 0 5px;
	display: inline;
}

* html span.H1FirstL {
	color:#fff;
}

table#corp_history {};
table#corp_history td {
	border-bottom:1px solid #888;
}
table#corp_history th {
	padding:7px;
	text-align:right;
	vertical-align:text-top;
	font-weight:normal;	
	white-space:nowrap;
	border-bottom:1px solid #888;
}

td.corp_history {
	border-bottom:1px solid #888;
}