@charset "Shift_JIS";

/* -----------------------------------------------------
	01. Base Layout
	02. Header Area
	03. Contents Area
	04. Footer Area
	05. Top Layout
	06. English Top Layout
	07. Category Top Layout
	08. Hospital Layout
	09. Full Column Layout
	10. Pop Up Layout
	11. 2016.2.10アクセシビリティ改修追加スタイル
----------------------------------------------------- */


/* -----------------------------------------------------
	01. Base Layout
----------------------------------------------------- */

div#str-container{
margin:0 auto;
padding-bottom:25px;
width:950px;
}


/* -----------------------------------------------------
	02. Header Area
----------------------------------------------------- */

div#str-header{
margin-bottom:10px;
position:relative;
height:99px;
}
div#str-header.text-change{
height:auto;
padding:11px 0 40px;
margin-bottom:6px;
margin-bottom:7px \9;
}
h1#site-logo,
p#site-logo{
position:absolute;
top:16px;
left:10px;
}

.text-change h1#site-logo,
.text-change p#site-logo{
position:static;
float:left;
padding:5px 17px 0 10px;
}

p#page-category{
position:absolute;
top:19px;
left:181px;
}

.text-change p#page-category{
position:static;
float:left;
padding-top:11px;
}

#str-header.eng{

}

#str-header.eng #site-search{
width: auto;
}

#str-header.eng #site-search input.btn.str01{
padding: 3px 4px 4px;
}

/*	グローバルナビゲーション支店
----------------------------------------------------- */
/*東京*/
#str-header .nav-utility_tokyo{
  margin-top:11px;
  float:right;
}
#str-header .nav-utility_tokyo li{
font-size:85%!important;
margin-left:15px;
padding-left:8px;
float:left;
background:url("/common/images/icon_arrowright_01.gif") no-repeat 0 0.4em;
zoom:0;
}
#str-header .nav-utility_tokyo li a{
color:#3c3c3c;
text-decoration:none;
}
#str-header .nav-utility_tokyo li a:hover,
#str-header .nav-utility_tokyo li a:focus,
#str-header .nav-utility_tokyo li a:active{
text-decoration:underline;
}
#site-logo_tokyo{
  clear:both;
  padding-left:10px;
}
#site-logo_tokyo p{
  float:left;
}
#site-logo_tokyo p.site-logo_tokyo{
  margin-top:-12px;
}
#site-logo_tokyo p.page-category_tokyo{
  padding-left:16px;
  margin-top:-20px;
}

#site-logo_tokyo #page-category{
  top: 7px;
}

/*北海道*/
.ntt-logo_hokkaido{
  position:absolute;
  top:16px;
  left:10px;
}
.page-category_hokkaido{
position: absolute;
top: 8px !important;
left:181px !important;
}

#str-header.text-change .str-header-nav{
float:right;
text-align:right;
margin-bottom:6px;
*margin-bottom:8px;
margin-top:-1px;
}

ul#nav-utility{
position:absolute;
top:11px;
right:0;
font-size:85%;
}
.text-change ul#nav-utility{
position:static;
margin-bottom:2px;
}

ul#nav-utility li{
margin-left:15px;
padding-left:8px;
float:left;
background:url("/common/images/icon_arrowright_01.gif") no-repeat 0 0.4em;
}
.text-change ul#nav-utility li{
margin-left:19px \9;
background:url("/common/images/icon_arrowright_01.gif") no-repeat 0 0.5em;
*background:url("/common/images/icon_arrowright_01.gif") no-repeat 0 0.6em;
}

ul#nav-utility li a{
color:#3c3c3c;
text-decoration:none;
}

ul#nav-utility li a:hover,
ul#nav-utility li a:focus,
ul#nav-utility li a:active{
text-decoration:underline;
}

form#site-search{
position:absolute;
top:32px;
right:0;
}

.text-change form#site-search,
.text-change form#site-search fieldset{
position:static;
width:auto;
display:inline;
}
.text-change form#site-search fieldset{
position:relative;
}

form#site-search span{
padding:3px 3px 3px 22px;
display:block;
float:left;
height:15px;
background:url("/common/images/site-search_bg.gif") no-repeat 0 0;
}

form#site-search span{
background:url("/common/rwd/images/icon_search_01.png") no-repeat scroll -1px -4px;
border:1px solid #cacaca;
border-radius:3px;
height:auto;
height:1.5em \9;
padding:0 3px 0 0;
margin-right:4px;
}

form#site-search input.text{
width:120px;
font-size:12px;
border: 0 none;
z-index: 0;
}
#str-header form#site-search input.text{
width:9.6em;
width:9.5em \9;
}
#str-header.text-change form#site-search input.text{
width:9.6em;
width:9.5em \9;
padding: 4px 0 4px 22px;
line-height: 1;
}
form#site-search input.placeholder{
padding: 4px 0 4px 25px;
background: none;
line-height: 1;
}
form#site-search legend.text-placeholder{
color: #666;
display: block;
position: absolute;
position: relative \9;
right: 90px;
bottom: 2px;
z-index: -1;
font-size: 12px;
margin-bottom: -1.5em \9;
}
div#str-header.text-change form#site-search legend.text-placeholder{
top: 2px;
left:27px;
*left:25px;
line-height:1.5;
font-size:92%;
width:6em;
text-align:left;
}
form#site-search legend.text-placeholder + p span{
background-image: url("/common/images/site-search_bg_02.gif");
}
div#str-header.text-change form#site-search p span{
background:url("/common/rwd/images/icon_search_01.png") no-repeat scroll -1px -4px;
border:1px solid #cacaca;
border-radius:3px;
height:auto;
height:1.5em \9;
padding: 0 3px 0 0;
margin-right:4px;
}

form#site-search input.btn{
padding-left:2px;
display:block;
float:left;
}
form#site-search input.btn.str01{
font-size:85.2%;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #e1e1e1));
background: -webkit-linear-gradient(#f1f1f1, #e1e1e1);
background: -moz-linear-gradient(#f1f1f1, #e1e1e1);
background: -o-linear-gradient(#f1f1f1, #e1e1e1);
background: linear-gradient(#f1f1f1, #e1e1e1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: inline-block;
border: 1px solid #c4c4c4;
background: white \9;
padding: 2px 1px;
text-decoration: none;
text-align: center;
color: #4c4c4c;
margin-left: 2px;
border-radius: 3px;
}
div#str-header form#site-search input.btn.str01{
padding: 4px 4px 4px;
background:#e1e1e1 \9;
line-height: 1;
}
div#str-header.text-change form#site-search input.btn.str01{
padding: 4px 4px 4px;
background:#e1e1e1 \9;
line-height: 1;
}
form#site-search input.radio{
position:absolute;
top:-9999px;
left:-9999px;
}

.eng #nav-global {
	margin-top: 7px;
}

ul#nav-global{
position:absolute;
top:62px;
left:0;
width:950px;
background:url("/common/images/nav-global_bg.gif") no-repeat 100% 0;
}
div#str-header.text-change ul#nav-global{
bottom: 0;
top:auto;
}


ul#nav-global li{
float:left;
}
#str-header.text-change ul#nav-global{
height:39px;
overflow:hidden;
}
ul#nav-global.nav-text > li > a,
ul#nav-global.nav-text-02 > li > a{
display: block;
text-decoration: none;
font-weight: bold;
color:#3c3c3c;
background: url("/common/images/bg_gn.gif") no-repeat right 0;
width: 136px;
text-align: center;
padding: 7px 0;
min-height: 21px;
}
div#str-header.text-change ul#nav-global a{
display:block;
height:39px;
}
ul#nav-global.nav-text > li.first > a{
background-image: url("/common/images/bg_gn_02.gif");
width: 135px;
}
ul#nav-global.nav-text > li.last > a{
background-image: url("/common/images/bg_gn_03.gif");
width:135px;
}
ul#nav-global.nav-text > li > a:hover,
ul#nav-global.nav-text > li > a:focus,
ul#nav-global.nav-text > li > a:active{
background-image: url("/common/images/bg_gn_o.gif");
}
ul#nav-global.nav-text-02 > li > a{
background-image: url("/common/images/bg_gn02.gif");
width:156px;
}
ul#nav-global.nav-text-02 > li.first > a{
background-image: url("/common/images/bg_gn02_01.gif");
}
ul#nav-global.nav-text-02 > li.last > a{
background-image: url("/common/images/bg_gn02_02.gif");
width:170px;
}
ul#nav-global.nav-text-02 > li > a:hover,
ul#nav-global.nav-text-02 > li > a:focus,
ul#nav-global.nav-text-02 > li > a:active{
background-image: url("/common/images/bg_gn02_o.gif");
}
ul#nav-global.nav-text-02 > li.last > a:hover,
ul#nav-global.nav-text-02 > li.last > a:focus,
ul#nav-global.nav-text-02 > li.last > a:active{
background-image: url("/common/images/bg_gn02_02_o.gif");
}


/* -----------------------------------------------------
	03. Contents Area
----------------------------------------------------- */

div#topic-path-container{
margin-bottom:20px;
}

p#topic-path{
float:left;
width:720px;
font-size:86%;
}

p#topic-path a,
p#topic-path a:link,
p#topic-path a:visited{
color:#0033cd;
text-decoration:underline;
}

p#topic-path a:hover,
p#topic-path a:focus,
p#topic-path a:active{
text-decoration:none;
}

ul#nav-customer{
float:right;
line-height:1.2;
}

ul#nav-customer li{
padding-left:17px;
float:left;
}

ul#nav-customer li img{
vertical-align:top;
}

div#topic-path-container.topic-path p#topic-path {
float: left;
border-top: 0 none;
padding: 0;
width: auto;
}
div#topic-path-container.topic-path ul#nav-customer {
padding: 0;
text-align: right;
font-size: 92.30769%;
float:right;
width: 20em;
}
div#topic-path-container.topic-path ul#nav-customer li {
display: inline;
margin-left: 19px;
padding-left: 0;
vertical-align:top;
line-height:1;
float:none;
}
div#topic-path-container.topic-path ul#nav-customer li a {
background: url(/common/rwd/images/icon_arrow_08.png) left center no-repeat;
padding-left: 18px;
font-size: 92.3%;
}

div#str-content{
margin-bottom:20px;
}

div#str-main{
float:left;
width:729px;
}

div#str-sub{
clear:right;
float:right;
width:203px;
}


/* -----------------------------------------------------
	04. Footer Area
----------------------------------------------------- */

div#str-footer{
position:relative;
font-size:85%;
}

ul#nav-footer-01{
margin-bottom:6px;
padding-bottom:6px;
border-bottom:1px solid #d6d6d6;
background:url("/common/images/nav-footer-01_bg.gif") no-repeat 0 0;
}

ul#nav-footer-01 li{
padding:0 10px;
float:left;
background:url("/common/images/nav-footer-01_bg.gif") no-repeat 100% 0;
}

ul#nav-footer-02 li{
margin-right:15px;
padding-left:8px;
float:left;
background:url("/common/images/icon_arrowright_01.gif") no-repeat 0 0.4em;
}

ul#nav-footer-01 li a,
ul#nav-footer-02 li a{
color:#3c3c3c;
text-decoration:none;
}

ul#nav-footer-01 li a:hover,
ul#nav-footer-01 li a:focus,
ul#nav-footer-01 li a:active,
ul#nav-footer-02 li a:hover,
ul#nav-footer-02 li a:focus,
ul#nav-footer-02 li a:active{
text-decoration:underline;
}

div#nav-footer-02-container{
min-height:18px;
*height:18px;
padding-top:6px;
border-top:1px solid #d6d6d6;
}

p#copyright{
position:absolute;
bottom:3px;
right:0;
font-size: 10px;
}
p#copyright a{
text-decoration: none;
color:#3c3c3c;
}
p#copyright a span{
font-size: 12px;
}

/* -----------------------------------------------------
	05. Top Layout
----------------------------------------------------- */

.top div#str-container{
margin:0;
width:auto;
}

.top div#str-header{
margin:0 auto 10px;
width:950px;
height:54px;
}

.top div#str-main{
margin:0 auto;
float:none;
width:950px;
}

.top div#str-footer{
margin:0 auto;
width:950px;
}

.top #important{
background:#e0e0e0;
margin:0 auto 11px;
width:950px;
min-height:31px;
_height:31px;
}
.top #important h2{
width:123px;
float:left;
}
.top #important p{
background:#fff url("/common/images/icon_arrowright_02.gif") no-repeat 12px 50%;
border:2px solid #e0e0e0;
border-left:none;
padding:4px 0 0 23px;
width:802px;
min-height:23px;
_height:23px;
float:left;
font-weight:bold;
}
.top #important p a{
text-decoration:none;
}
.top #important p a:hover,
.top #important p a:focus{
text-decoration:underline;
}
.top #important .list-link-01{
background-color:#fff;
margin:0;
border:2px solid #e0e0e0;
border-left:none;
padding:4px 0 2px 12px;
width:813px;
min-height:23px;
_height:23px;
float:left;
font-weight:bold;
line-height:1.5;
}
.top #important .list-link-01 li{
background-position:0 0.45em;
padding-left:11px;
}
.top #important .list-link-01 li ul{
padding:0;
}
.top #important .list-link-01 li ul li{
font-weight:normal;
}
.top #important .list-link-01 a{
text-decoration:none;
}
.top #important .list-link-01 a:hover,
.top #important .list-link-01 a:focus{
text-decoration:underline;
}

.top #important02{
background:#e0e0e0;
border:2px solid #e0e0e0;
margin:0 auto 11px;
width:950px;
min-height:31px;
_height:31px;
}
.top #important02 h2{
width:123px;
float:left;
}

.top #important02 div.content{
background:#fff;
width:827px;
padding:7px 0px 3px 0px;
float:left;
min-height:21px;
_height:21px;
line-height:1.25;
}

.top #important02 table.tbl-news{
}

.top #important02 table.tbl-news th{
background:#fff url("/common/images/icon_arrowright_02.gif") no-repeat 12px 0.35em;
_background-position:12px 0.45em;
padding:0 0 2px 23px;
_padding:0 0 4px 23px;
font-weight:normal;
}

.top #important02 table.tbl-news td{
padding:0 0 2px 0;
_padding:0 0 4px 0;
}

.top #important02 table.tbl-news tr td a,
.top #important02 table.tbl-news span.bulk{
margin-right:10px;
font-weight:normal;
text-decoration:none;
}
.top #important02 table.tbl-news tr td a:hover{
text-decoration:underline;
}
table.tbl-news .link-pdf-01,
table.tbl-news .link-window-01,
table.tbl-news .link-word-01,
table.tbl-news .link-exel-01{
margin-left:-10px;
}

.top div#main-visual{
min-height:290px;
height:auto!important;
height:290px;
background:url("/common/images/main-visual_bg.gif") repeat-x 0 100%;
}

.top div.main-simple{
min-height:300px!important;
height:300px!important;
}


.top div#alternate-contents{
background:url("/flash/img/alternate/bg_01.gif") repeat-x 0 100%;
}

.top div#alternate-contents-inner{
margin:0 auto;
position:relative;
width:950px;
min-height:290px;
height:auto!important;
height:290px;
}

.top div#alternate-contents p.title{
position:absolute;
top:25px;
left:0;
}

.top div#alternate-contents div.download{
padding:15px 15px 10px;
border:1px solid #e2e2e2;
position:absolute;
top:100px;
left:0;
width:226px;
color:#666;
background-color:#fff;
font-size:86%;
}

.top div#alternate-contents div.download p{
margin-bottom:10px;
}

.top div#alternate-contents div.download p.banner{
margin-bottom:0;
}

.top div#alternate-contents div.list-container{
padding:40px 0 10px 280px;
*padding-bottom:20px;
width:670px;
overflow:hidden;
}

.top div#alternate-contents ul.list{
width:690px;
}

.top div#alternate-contents ul.list li.column{
margin:0 14px 10px 0;
_margin-right:11px;
float:left;
width:157px;
font-size:86%;
}

.top div#alternate-contents ul.list a{
margin:0 0 8px -3px;
display:block;
position:relative;
zoom:1;
}

.top div#alternate-contents ul.list ul.list-link-01{
margin:8px 0 0;
}

.top div#alternate-contents ul.list ul.list-link-01 li a{
margin-bottom:0;
display:inline;
}

.top div#disaster{
background:url("/flash/img/alternate/bg_01.gif") repeat-x 0 100%;
}

.top div#disaster-inner{
margin:0 auto;
padding-top:20px;
position:relative;
width:956px;
}

.top div#disaster p.link-01{
position:absolute;
top:155px;
left:24px;
}

.top div#disaster p.link-02{
position:absolute;
top:155px;
left:479px;
}



/* -----------------------------------------------------
	06. English Top Layout
----------------------------------------------------- */

.english-top div#str-container{
margin:0;
width:auto;
}

.english-top div#str-header{
margin:0 auto 10px;
width:950px;
height:54px;
}

.english-top div#str-main{
margin:0 auto;
float:none;
width:950px;
}

.english-top div#str-footer{
margin:0 auto;
width:950px;
}

.english-top #important{
background:#e0e0e0;
margin:0 auto 11px;
width:950px;
min-height:31px;
_height:31px;
}
.english-top #important h2{
width:123px;
float:left;
}
.english-top #important p{
background:#fff url("/common/images/icon_arrowright_02.gif") no-repeat 12px 50%;
border:2px solid #e0e0e0;
border-left:none;
padding:4px 0 3px 23px;
*padding:4px 0 7px 23px;
width:802px;
min-height:23px;
_height:23px;
float:left;
}
.english-top #important p a{
text-decoration:none;
}
.english-top #important p a:hover,
.english-top #important p a:focus{
text-decoration:underline;
}
.english-top #important .list-link-01{
background-color:#fff;
margin:0;
border:2px solid #e0e0e0;
border-left:none;
padding:4px 0 4px 12px;
width:813px;
min-height:23px;
_height:23px;
float:left;
line-height:1.5;
}
.english-top #important .list-link-01 li{
background-position:0 0.45em;
padding-left:11px;
}
.english-top #important .list-link-01 li.em{
font-weight:bold;
}
.english-top #important .list-link-01 li ul{
padding:0;
}
.english-top #important .list-link-01 li ul li{
font-weight:normal;
}
.english-top #important .list-link-01 li ul li.em{
font-weight:bold;
}
.english-top #important .list-link-01 a{
text-decoration:none;
zoom:normal;
}
.english-top #important .list-link-01 a:hover,
.english-top #important .list-link-01 a:focus{
text-decoration:underline;
}

.english-top div#main-visual{
margin-bottom:10px;
}

.english-top div#main-visual div#alternate-contents{
height:219px;
background:url("/common/images/en/mainvisual_bg.jpg") repeat-x 0 0;
}

.english-top div#main-visual div#alternate-contents-inner{
margin:0 auto;
position:relative;
width:950px;
}

.english-top div#main-visual div#alternate-contents p.title{
position:absolute;
top:75px;
right:0;
}

.english-top div#main-visual.type-02{
margin-bottom:10px;
height:305px;
background:url("/common/images/en/mainvisual_bg_02.jpg") repeat-x 0 0;
}

.english-top div#main-visual.type-02 div#main-visual-inner{
margin:0 auto;
position:relative;
width:950px;
}

.english-top div#main-visual.type-02 p.title{
position:absolute;
top:139px;
right:0;
}


/* -----------------------------------------------------
	07. Category Top Layout
----------------------------------------------------- */

.category-top div#str-main{
width:708px;
}

.category-top div#str-sub{
width:224px;
}

#personal.category-top div#main-visual{
margin-bottom:20px;
height:241px;
}

#personal.category-top div#main-visual{
height:auto;
background:transparent;
}

#personal.category-top div#alternate-contents{
margin:0 auto;
position:relative;
width:950px;
min-height:241px;
height:auto!important;
height:241px;
}

#personal.category-top div#alternate-contents p.title{
position:absolute;
top:0;
left:0;
}

#personal.category-top div#alternate-contents div.download{
padding:15px 15px 10px;
border:1px solid #e2e2e2;
position:absolute;
top:75px;
left:0;
width:226px;
color:#666;
background-color:#fff;
font-size:86%;
}

#personal.category-top div#alternate-contents div.download p{
margin-bottom:10px;
}

#personal.category-top div#alternate-contents div.download p.banner{
margin-bottom:0;
}

#personal.category-top div#alternate-contents div.list-container{
padding:8px 0 0 280px;
*padding-bottom:20px;
width:670px;
}

#personal.category-top div#alternate-contents ul.list{
width:690px;
}

#personal.category-top div#alternate-contents ul.list li.column{
margin:0 14px 18px 0;
_margin-right:11px;
float:left;
width:157px;
font-size:86%;
}

#personal.category-top div#alternate-contents ul.list a{
margin:0 0 8px -3px;
display:block;
}

#personal.category-top div#alternate-contents ul.list ul.list-link-01{
margin:8px 0 0;
}

#personal.category-top div#alternate-contents ul.list ul.list-link-01 li a{
margin-bottom:0;
display:inline;
}


/* -----------------------------------------------------
	08. Hospital Layout
----------------------------------------------------- */

.hospital div#str-header{
margin-bottom:10px;
height:53px;
}


/* -----------------------------------------------------
	09. Full Column Layout
----------------------------------------------------- */

.full-column div#str-header{
margin-bottom:10px;
position:relative;
height:66px;
background:url("/common/images/header_popup_bg.gif") repeat-x 0 100%;
}

.full-column.exhibit div#str-header{
height:99px;
}
.full-column.exhibit div#str-header.text-change{
height: auto;
}
.full-column.exhibit div#str-header.text-change #nav-global{
height:37px;
}

.full-column div#topic-path-container{
margin-bottom:10px;
}

.full-column div#str-main{
float:none;
width:950px;
}


/* -----------------------------------------------------
	10. Pop Up Layout
----------------------------------------------------- */

.popup div#str-container{
margin:0 15px;
width:auto;
}

.popup div#str-header{
margin-bottom:20px;
position:relative;
height:66px;
background:url("/common/images/header_popup_bg.gif") repeat-x 0 100%;
}

.popup div#str-main{
float:none;
width:auto;
}

.popup div#str-footer{
margin-bottom:10px;
padding-top:7px;
border-top:1px solid #d6d6d6;
}

.popup p#copyright{
position:static;
text-align:right;
}