@charset "utf-8"

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

div#howto_con h2 {
 background       : url(../image/h2_back4.gif) no-repeat left bottom
}
div#info,
div#press {
 background       : url(../image/bar_l.gif) top no-repeat
}
div#other,
div#usersp {
 background       : url(../image/bar_s.gif) top no-repeat
}
div.sobacity_in {
 background       : url(../image/p_r_bg.gif) bottom right no-repeat
}
h2.bl {
 background       : url(../image/h2_back3.gif) no-repeat bottom left
}
h2.gr {
 background       : url(../image/h2_back.gif) no-repeat bottom left
}
h2.re {
 background       : url(../image/h2_back2.gif) no-repeat bottom left
}
table#faq_menu {
 background       : url(../image/table_bg.gif) top left no-repeat
}
table#faq_menu td {
 background       : url(../image/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
}
div.sys_p {
 background-color : #DDDDDD
}
td.sys_title1 {
 background-color : #66CC33
}
td.sys_title2 {
 background-color : #33CCCC
}

/** background-image **/
#menu {
 background-image : url(../image/menu_bg.gif)
}
#menu li a {
 background-image : url(../image/menu_back.gif)
}
#menu li a:hover,
#menu li span {
 background-image : url(../image/menu_back_target.gif)
}
div#contents {
 background-image : url(../image/line_back.gif)
}
div#footer {
 background-repeat:repeat-y;
 background-image : url(../image/footer_back.gif);
 border:0px none;
 border-bottom:1px solid #ff6600;
}
div#header {
 background-image : url(../image/top_banner.gif)
}
div#main {
 background-image : url(../image/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,
div.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
}

/** 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,
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,
div.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
}
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,
div.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;
}
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.2em
}
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,
div.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           : 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           : 5px 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,
div.sys_p,
ul.maplist li a,
ul.maplist li span {
 padding          : 0.3em;
}
div#howto_con h2 {
 padding          : 0px 0px 0px 0.5em;
}
div#footer p {
	padding:2px 9px 4px 0px;
}
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-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,
div.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;*/
	color:#FF6600;
}

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;
}

table#whitelist {
	margin: 4px auto;
}

table#whitelist td {
	padding:5px 40px;
}

table#whitelist td.header {
	font-weight:bold;
}

table#whitelist tr.color01 {
	background-color:#F0FFFF;
}

table#whitelist tr.color02 {
	background-color:#E0FFFF;
}

/*** h1 ***/
div#subpage_contents h1 {
	padding-bottom		: 0.1em;
	padding-left		: 0.5em;
	clear				: both;
	color				: #000000;
	font-size			: x-large;
}

/*** THIS CAUSES IE 6 CRASHING !!! ***/
/***div#subpage_contents h1:first-letter {
	padding				: 0.2em;
	background			: url(../image/h1_back.gif) bottom left no-repeat #df5900;
	color				: #FFFFFF;
	font-size			: xx-large;
	height				: auto;
	width				: auto;
	margin-right		: 0.1em;
}***/


/*** header H1 for SEO ***/
div#header_h1 {
	padding: 0;
	margin: 0 auto;
	width: 800px;
}
div#header_h1 h1 {
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: x-small;
}