@charset "UTF-8";

/* Text Link */
a:link    { color: #008000; text-decoration: none; }
a:visited { color: #008000; text-decoration: none; }
a:hover   { color: #FF6600; text-decoration: none; }
a:active  { color: #FF0000; text-decoration: none; }

/* Reset of Default Style */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }


/* Clear of Float */
span.clear {
	margin: 0;
	display: block;
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* Layout Base */
body {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color: #000000;
	background: #FFFFFF;
	text-align: center;
}

div#container_header {
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	width: 772px;
	background: #FFFFFF url(../images/bg_content_index.gif) repeat-y 0 0;
}

div#container {
	margin: 0 auto;
	width: 772px;
	background: #FFFFFF url(../images/bg_content_index.gif) repeat-y 0 0;
}

div#container_footer {
	margin: 0 auto;
	width: 772px;
	background: #FFFFFF url(../images/bg_content_index.gif) repeat-y 0 0;
}
div#container_footer_bar {
	margin: 0 auto;
	width: 762px;
	background: #FFFFFF url(../images/sumida_foot_bar.gif) repeat-x 0 0;
}


div#gnavi{
	margin: 0px 0px 0px 0px;
}

/* Column Layout */
div#wrapper {
	margin: 0 auto;
	width: 760px;
}

div#wrapper div#content {
	float: right;
	padding-right: 10px;
	width: 550px;
	color: #333333;
	text-align: left;
}

div#wrapper div#sidebar {
	float: left;
	width: 190px;
	text-align: left;
}

p.textspace {
	color: #777;
	text-align: left;
	font-size: 12px;
	padding: 20px 0px 0px 15px;
  line-height:15pt;
}

p.hajimete_tour {
	color: #777;
	text-align: left;
	font-size: 12px;
	padding: 20px 0px 20px 0px;
  line-height:15pt;
}


/* Header */
div#header {
	position: relative;
	margin: 0 auto;
	width: 772px;
	height: 105px;
}

/* Title */
div#header h1 {
	padding: 0px 0px 0px 20px;
	font-weight: bold;
	font-size: 100%;
	line-height: 100%;
}
div#header h2 {
	padding: 3px 0px 0px 20px;
	font-weight: bold;
        color: #FFFFFF;
	font-size: 100%;
	line-height: 100%;
}
div#header h1 span {
	display: block;
}
div#header h1 a:link    { color: #000000; }
div#header h1 a:visited { color: #000000; }
div#header h1 a:hover   { color: #666666; }
div#header h1 a:active  { color: #666666; }

div#header p#description {
	padding: 0 150px 0 20px;
	line-height: 120%;
}

div#header p#logo {
	position: absolute;
	top: 26px;
	left: 15px;
}
div#header p#logo img {
	display: block;
}

/* ===== Footer ============ */
div#footer {
	margin: 0 auto;
	width: 772px;
	height: 87px;
}
div#footer p {
	float: left;
	padding: 15px;
}
div#footer ul {
	float: right;
	padding: 15px 10px;
}
div#footer ul li {
	float: left;
	padding-right: 10px;
}


/* form */

.regist_TBL{
  width: 99%;
  border: 1px #0067F9 solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin:10px 7px 50px 3px;
}

.regist_left{
  border: #0067F9 solid;
  border-width: 0 0 1px 1px;
  background: #D5FFF4;
  width: 200px;
  padding:5px 10px 5px 15px;
}  

.regist_right{
  border: #0067F9 solid;
  border-width: 0 0 1px 1px;
  background: #FFFFFF;
  padding:5px 10px 5px 15px;
  white-space: nowrap;
}

.input-button{
  font-family:"‚l‚r ‚oƒSƒVƒbƒN";
  font-size:12px;
  float: right;
  padding:5px;
  margin:5px;
}

.button{
  font-family:"‚l‚r ‚oƒSƒVƒbƒN";
  font-size:12px;
  float: right;
  padding:5px;
  margin:5px;
}

.table_show{
  width: 99%;
  border: #95FFE4 solid;
  border-width: 1px 0px 1px 0px;
  margin:0px 7px 0px 3px;
  background: #EAFFFA;
}
.table_show_head{
  text-align:left;
}
.table_show_foot{
  text-align:center;
}

.table_domain{
  width: 100%;
}
.domain0{
  text-align:center;
}
.domain1{
  width: 33%;
  padding:5px 0px;
}



/* ======== validate =========== */
.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

/* messege button */
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/messege_button_05.gif');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/messege_button_04.gif');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/messege_button_03.gif');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/messege_button_01.gif');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../images/messege_button_02.gif');
}


.items{
list-style-image: url(../images/allow01.gif);
border-bottom:1px solid #ccc;
float:none;font-size:12px;
height:auto;
margin:2px 0px 10px 30px;
padding:0px 0px 0px 0px;
text-align:left;
width:auto;
}

.films{
list-style-image: url(../images/icons/film.png);
border-bottom:1px solid #ccc;
float:none;font-size:12px;
height:auto;
margin:2px 0px 10px 30px;
padding:0px 0px 0px 0px;
text-align:left;
width:auto;
}

.items_gif{
margin:2px 0px 10px 6px;
padding:0px 0px 0px 0px;
text-align:left;
width:auto;
}

/* midashi */
#h1Title {
  margin:1em 0;  
  padding:5px 5px 5px 10px;  
  border:6px double #fff;  
  color:#fff;  
  font-size:17px;  
  font-weight:bold;  
}  

.description{
  padding:5px 0 5px 15px;
  background: #EEFFEE;
  border-bottom:#009900 1px solid;
  border-top:#009900 1px solid;
  font-size: small;
  color:#333;
  margin:10px 7px 20px 7px;
}

div#actionmenu{
	padding: 0px 0px 15px 9px;
}

.h1_bar{
	padding: 10px 0px 5px 6px;
}

.form_table{
  width: 95%;
  border: 1px #009900 solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin:10px 7px 20px 7px;
}

.form_left{
  border: #009900 solid;
  border-width: 0 0 1px 1px;
  background: #EEFFEE;
  width: 170px;
  padding:5px 10px 5px 15px;
}  

.form_right{
  border: #009900 solid;
  border-width: 0 0 1px 1px;
  background: #FFFFFF;
  padding:5px 10px 5px 15px;
    white-space: nowrap;
}

.right_16{
  list-style-image: url(../images/right_16.png);
  border-bottom:1px solid #ccc;
  float:none;font-size:15px;
  height:auto;
  margin:2px 0px 10px 30px;
  padding:0px 0px 0px 0px;
  text-align:left;
  width:auto;
}



.document_16{
list-style-image: url(../images/document_16.png);
border-bottom:1px solid #ccc;
float:none;font-size:15px;
height:auto;
margin:2px 0px 10px 30px;
padding:0px 0px 0px 0px;
text-align:left;
width:auto;
}

.doc_side{
list-style-image: url(../images/comment.png);
border-bottom:1px solid #ccc;
float:none;
font-size:12px;
height:auto;
margin:2px 0px 10px 20px;
padding:0px 0px 0px 0px;
text-align:left;
width:auto;
background: #c9eaff;
}
.doc_side a{
color:#00008b;
}

.fold_side{
list-style-image: url(../images/folder.png);
border-bottom:1px solid #ccc;
float:none;font-size:12px;
height:auto;
margin:2px 0px 10px 30px;
padding:0px 0px 0px 0px;
text-align:left;
width:auto;
}

.fold_rank{
list-style-image: url(../images/search_16.png);
border-bottom:1px solid #ccc;
float:none;font-size:14px;
height:auto;
margin:2px 0px 10px 30px;
padding:0px 0px 0px 0px;
text-align:left;
width:auto;
}

.dic_side_bg{
	background:url(../images/s_185x30.gif);
	height:30px;
	width:185px;
	font-size:15px;
	margin:10px 0px 0px 0px;
	padding:7px 0px 0px 30px;
  background-repeat: no-repeat;      

}

.dic_main{
list-style-image: url(../images/icons/book.png);
float:none;font-size:12px;
height:auto;
margin:10px 0px 10px 27px;
padding:0px 0px 0px 0px;
text-align:left;
width:auto;
}


.folder_16{
list-style-image: url(../images/folder_16.png);
border-bottom:1px solid #ccc;
float:none;font-size:12px;
height:auto;
margin:2px 0px 10px 30px;
padding:0px 0px 0px 0px;
text-align:left;
width:auto;
}

.pankuzu{
  background: #CCFFFF;
  padding:5px 10px 5px 15px;
  white-space: nowrap;
}

.midashi_01{
padding:5px 0 5px 15px;
border-left:#FF6600 8px solid;
border-bottom:#FF6600 1px solid;
font-size: small;
font-weight: bold;
color:#333;
}

.midashi_05{
padding:5px 0 5px 15px;
margin:10px 0px 0px 0px;
background: #F5F5F5;
border: #666666 1px solid;
font-size: small;
font-weight: bold;
color:#333;
}

.mypage_table{
  width: 99%;
  border: 1px #BFC0C0 solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin:5px 7px 5px 3px;
}

.mypage_table_menu{
    padding:5px 0 5px 15px;
    background: #cccccc;
    border:#999 1px solid;
    margin:10px 7px 20px 7px;
}
.mypage_table_main{
    padding:5px 0 5px 15px;
    border:#999 1px solid;
    margin:10px 7px 20px 7px;
}
.mypage_table_page{
    padding:5px 0 5px 15px;
    border-top:#FFFFFF 1px solid;
    border-left:#FFFFFF 1px solid;
    border-right:#FFFFFF 1px solid;
    margin:10px 7px 20px 7px;
}

div#gmenu{
  padding:0px 0px 0px 5px;
}
div#gmenu ul li {
	list-style-type:none;
	float: left;
	height:35px;
}

a.glink{
	display:block;
	height:100%;
	text-indent:-9999px;
	text-decoration:none;
}
a.glink:focus{
/*\*/
	overflow: hidden;
/**/
}
li.HomeBtn{
	background:url(../images/sumida_gmenu_home.gif);
	width:41px;
}
li.HomeBtn a{
	background:url(../images/sumida_gmenu_home.gif);
	width:41px;
}
li.NewsBtn{
	background:url(../images/sumida_gmenu_news.gif);
	width:103px;
}
li.NewsBtn a{
	background:url(../images/sumida_gmenu_news.gif);
	width:103px;
}
li.ServiceBtn{
	background:url(../images/sumida_gmenu_service.gif);
	width:103px;
}
li.ServiceBtn a{
	background:url(../images/sumida_gmenu_service.gif);
	width:103px;
}
li.PriceBtn{
	background:url(../images/sumida_gmenu_price.gif);
	width:103px;
}
li.PriceBtn a{
	background:url(../images/sumida_gmenu_price.gif);
	width:103px;
}
li.FaqBtn{
	background:url(../images/sumida_gmenu_faq.gif);
	width:103px;
}
li.FaqBtn a{
	background:url(../images/sumida_gmenu_faq.gif);
	width:103px;
}
li.OrderBtn{
	background:url(../images/sumida_gmenu_order.gif);
	width:103px;
}
li.OrderBtn a{
	background:url(../images/sumida_gmenu_order.gif);
	width:103px;
}
li.ManBtn{
	background:url(../images/sumida_gmenu_manual.gif);
	width:103px;
}
li.ManBtn a{
	background:url(../images/sumida_gmenu_manual.gif);
	width:103px;
}
li.LoginBtn{
	background:url(../images/sumida_gmenu_login.gif);
	width:103px;
}
li.LoginBtn a{
	background:url(../images/sumida_gmenu_login.gif);
	width:103px;
}
li a.glink:hover{
	background:none !important;
}
span.accordionActive {
color:#1e50a2;
}
span.accordionOver {
color:#c53d43;
}
dd {
background-color:#FFFFFF;
margin:0 0 10px 0;
padding:0;
}
dl,dt {
margin:0;
padding:0;
}
ul.acc_ul {
list-style-type: none;
list-style-position: outside;
margin:0;
padding:0;
}
li.acc_li {
margin:0 0 0 10px;
padding:0;
}


.price_div{
	padding: 20px 0px 0px 15px;
}

.price_tbl{
	border-collapse:collapse;
	margin-bottom:5px;
}

.price_tbl td,.price_tbl th{	
	border: 1px solid #BFC0C0;
	padding:5px 7px;
	font-size:12px;
	vertical-align:middle;
}

.price_tbl th{
	font-size:12px;
}

td.center{
	text-align:center;
}

.price_tbl a{
	color:#FF9900;
}

.display_head {
font-size:12px;
position:absolute;
top:20px;
left:577px;
padding:2px 0 0;
}

div#account-check{
	padding: 0px 0px 20px 10px;
}

table.type1{
    margin:0px 9px 0px 7px;
    border-top:1px solid #BFC0C0;
    border-left:1px solid #BFC0C0;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.type1 th{
    border-right:1px solid #BFC0C0;
    border-bottom:1px solid #BFC0C0;
    color:#330000;
    background-color:#ff6600;
    background-position:left top;
    padding:0.3em 1em;
    text-align:left;
    color:#ffffff;
}
.type1 td{
    border-right:1px solid #BFC0C0;
    border-bottom:1px solid #BFC0C0;
    padding:0.3em 1em;
}
.sitemap_link {
	font-size:12px;
	position:absolute;
	top:1px;
	left:780px;
}
.sitemap_link a {
	background:transparent url(../images/application_cascade.png) left center no-repeat;
	padding-left:25px;
}
.coment_ul {
	font-size:12px;
	position:absolute;
	top:1px;
	left:125px;
}
.coment_ul2 {
	font-size:12px;
	position:absolute;
	top:20px;
	left:380px;
}

#header-description {
  padding:0px 0px 0px 20px;
}


.tick16 {
	background:transparent url(../images/tick_16.png) center no-repeat;
	padding-left:25px;
}

strong {
font-size:100%;
font-weight:400;
font-style:normal;
}

.login_form{
position:relative;
background-image:url(https://secure.sumida.ne.jp/images/a_500x230.gif);
width:500px;
height:230px;
margin: 0px 0px 0px 20px;
}
#login_id {
position:absolute;
top:120px;left:170px;
width:250px;
height:20px;
font-size:12px;
}
#login_pw {
position:absolute;
top:150px;left:170px;
width:250px;
height:20px;
font-size:12px;
}
#login_sv {
position:absolute;
top:180px;left:167px;
font-size:12px;
}
#login_sm {
position:absolute;
background:url(https://secure.sumida.ne.jp/images/btnlogin.gif) left top no-repeat;
border: 0px;
top:180px;left:320px;
width:100px;
height:20px;
text-indent: -9999px;
cursor: pointer;
}

#login_server_form{
position:relative;
background-image:url(https://secure.sumida.ne.jp/images/a_500x230_server.gif);
width:500px;
height:230px;
}
#login_server_id {
position:absolute;
top:120px;left:170px;
width:250px;
height:20px;
font-size:12px;
}
#login_server_pw {
position:absolute;
top:150px;left:170px;
width:250px;
height:20px;
font-size:12px;
}
#login_server_sd {
position:absolute;
top:180px;left:170px;
width:130px;
height:20px;
font-size:12px;
}
#login_server_sm {
position:absolute;
background:url(https://secure.sumida.ne.jp/images/btnlogin.gif) left top no-repeat;
border: 0px;
top:190px;left:320px;
width:100px;
height:20px;
text-indent: -9999px;
cursor: pointer;
}

.agree{
width:500px;
height:100px;
}


div#m2_foot {
}

div#m2_foot img {
	border:0;
}

div#m2_img{
	margin-top:15px;
	width:143px;
	float:left;
}
iframe#m2_img{
	margin:15px 20px 0 20px;
	float:left;
}

img#m2_logo {
	margin:0px 20px 0px 20px;
}

div#m2_link{
	margin-top:15px;
	float:right;
}

ul#m2_ul {
	margin:0;
	padding:0px 10px 0px 0px;
	font-size:10px;
	list-style-type:none;
	line-height:1.4em;
	text-align:left;
}

ul#m2_ul li {
	display:inline;
	margin-right:0.5em;
}

ul#m2_ul a.link {
	margin-left:0.5em;
	padding-left:11px;
}
ul#m2_ul a.link:hover {
}

ul#m2_ul li a {
	font-size:10px;
}

li#m2_service {
	margin-right:1em;
	font-weight:bold;
}

div#m2_copy {
	padding-top:5px;
	font-size:10px;
	font-family:Verdana;
	text-align:center;
	clear:both;
}

div#m2_eng {
	padding-top:15px;
	font-size:10px;
	font-family:Verdana;
}


/* ================================================== */

div.tBox03 {
	width: 556px;
	margin: 2px 0px 10px 0px;
	line-height: 1.5;
}

div.tBox03In {
	width: 556px;
	padding-bottom: 15px;
}
div.tBox03In:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.tBox03In {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}

div.kinou {
	float: left;
	width: 310px;
    border:1px solid #BFC0C0;
}

div.tBox03 p {
	margin: 0 15px;
}

div.tBox03 p.link {
	margin-top: 7px;
	padding: 4px 9px;
	font-weight: bold;
	text-align: right;
}

div.tBox03 p.link a {
	padding-left: 12px;
}

div.tBox03 p.lead {
	margin-bottom: 10px;
}

div.tBox03 p.lead2 {
	margin-bottom: 0px;
}

div.tBox03 div.news {
	background: url(/images/new.gif) no-repeat;
	margin:0px 0 10px 16px;
	padding:0 0 0 44px;
}

div.tBox03 div.news2 {
	background: url(/images/new.gif) no-repeat;
	margin:0px 0 0px 16px;
	padding:0 0 0 44px;
}

div.kinou ul {
	margin: 0 15px 0;
	padding: 2px 0 2px 0px;
}
div.kinou ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.kinou ul {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}

div.kinou ul.bg {
	background: url(/images/line_gray.gif) repeat;
}

div.kinou ul li {
	float: left;
	width: 123px;
	background: url(/images/right_16.png) no-repeat 0 .2em;
	padding-left: 17px;
	font-weight: bold;
}
* html div.kinou ul li {
	width: 177px;
}

div.kinou ul li.p1 {
	width: 130px;
}

div.kinou ul li.p2 {
	width: 196px;
}

div.movies {
	float: right;
	width: 236px;
    border:1px solid #BFC0C0;
}

div.movies ul {
	margin: 0 15px 0;
	padding-bottom: 20px;
}

div.movies ul li {
	padding: 1px 0 2px 0px;
	font-weight: bold;
	line-height: 1.6;
}

div.movies ul.gyou2 li a {
	background: url(/images/icons/film.png) no-repeat 0 0;
	padding: 0 0 2px 17px;
}
div.movies li.gr {
	background: url(/images/line_gray.gif) repeat;
}




/* ================================================== */


/* ================================================== */

div.tBox02 {
	width: 556px;
	margin: 2px 0px 0px 0px;
	line-height: 1.5;
}

div.tBox02In {
	width: 556px;
	padding-bottom: 15px;
}
div.tBox02In:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.tBox02In {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}
div.topplans {
	float: left;
	width: 554px;
	margin: 0px 0px 4px 0px;
	height: 40px;
    border:1px solid #BFC0C0;
	background: url(/images/top_plans.gif) no-repeat;
}

div.spectype {
	float: left;
	width: 366px;
	height: 16px;
    border:1px solid #BFC0C0;
	background: url(/images/spectype.gif) no-repeat;
}
div.disktype {
	float: right;
	width: 183px;
	height: 16px;
    border:1px solid #BFC0C0;
	background: url(/images/disktype.gif) no-repeat;
}
div.plan10 {
	float: left;
	width: 183px;
	height: 143px;
  border-left:1px solid #BFC0C0;
  border-bottom:1px solid #BFC0C0;
	background: url(/images/plan10.gif) no-repeat;
}

div.plan20 {
	float: left;
	width: 183px;
	height: 143px;
  border-right:1px solid #BFC0C0;
  border-bottom:1px solid #BFC0C0;
	background: url(/images/plan20.gif) no-repeat;
}

div.plan15 {
	float: right;
	width: 183px;
	height: 143px;
  border-left:1px solid #BFC0C0;
  border-right:1px solid #BFC0C0;
  border-bottom:1px solid #BFC0C0;
	background: url(/images/plan15.gif) no-repeat;
}
div.TopNews {
	margin: 0px 5px 0px 5px;
  padding:0px 0px 0px 0px;
	background: green;
	color: #FFFFFF;
	display: block;
	clear: both;
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}
ul#news li{
	background: url(/images/new.gif) no-repeat;
	margin:1px 0px 1px 0px;
	padding:1px 0px 1px 44px;
}




/* ================================================== */