@charset "shift_jis";
/*
  METI Information Security Governance Policy Portal Web Site.
  Copyright (C) Ministry of Economy, Trade and Industry. All Rights Reserved.
*/

*                               { margin:0; padding:0; }
html                            { height:100%; overflow:auto; }
body                            { height:100%; width:auto; color:#000; text-align:center;
                                  background-attachment:scroll;
                                  background-color:#ffffff;
                                  background-image:url('../images/bg.gif');
                                  background-position:left top; 
                                  background-repeat:repeat;
                                }
h1,h2,h3,h4,                    { font-weight:bold; text-align:left; overflow:hidden; }
a,a:link,a:visited              { text-decoration:none; color:#000; }
a:hover                         { text-decoration:underline; }
a img                           { border:1px solid #c0c0c0; vertical-align:text-bottom; }
p,td                            { text-align:left; }
ul,ol                           { list-style-position:inside; line-height:1.5em; }
li                              { list-style:circle; margin:0; padding:0; }
table                           { font-size:inherit; font:100%; }

h1                              { font-size:138.5%; } /* 18px */
h2                              { font-size:123.1%; } /* 16px */
h3                              { font-size:108%; }   /* 14px */
h4                              { font-size:100%; }   /* 13px */

.mincho                         { font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; }
.gothic                         { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Mayryo,'ＭＳ Ｐゴシック',sans-serif; }
.clear                          { clear:both; }
.textclear                      { text-align:left; text-indent:-9999px; }
.flushleft                      { float:left; }
.flushright                     { text-align:right; }
.centering                      { margin:0 auto; }
.eyecatch                       { padding-left:40px; background:transparent url('../icons/arrow-orange-small.gif') no-repeat left center; }

/* Header */

#head                           { width:auto; height:120px; background:transparent url('../images/head-bg.jpg') repeat-x left top; }
#headlogo                       { width:220px; height:85px; float:left; }
#headlogo h1                    { width:220px; height:85px; float:left; margin-left: 30px; 
                                  background:transparent url('../images/headlogo-h1-bg.gif') no-repeat left center; }
#headlogo h1 a                  { width:220px; height:85px; display: block; }
#headsearch                     { width:300px; height:32px; float:right; margin: 40px 10px 0 0;}
#search                         { width:300px; height:32px; }
#search form                    { width:270px; font-size:100%; line-height:32px; font-weight:bold; text-align:left; float:left; }
#search .search-field           { float:left; text-align:left; margin:0; padding:0; }
#search .search-btn             { float:left; text-align:left; margin:0; padding:0; }

/* Main */

#main                           { width:950px; margin:10px auto; padding:0; text-ailgn:left; clear:both; }
#page                           { width:730px; margin:0; padding:0; float:left; text-ailgn:left; }

/* Bread Crum Navigation */

#quicknavi                      { width:730px; height:28px; margin:0 0 5px 0; padding:0; 
                                  background:transparent url('../images/quicknavi-bg.gif') no-repeat left center; }
#quicknavi ul                   { margin:0 5px 0 5px; padding:0; height:30px; }
#quicknavi ul li                { padding:0; margin:0; list-style:none; float:left; height:30px display:inline; 
                                  background:transparent url('../images/quicklink-sep.gif') no-repeat left center; }
#quicknavi ul li a              { font-weight:bold; color:#ffffff; line-height:30px; display:block; margin:0 10px 0 20px; outline:none; }
#quicknavi ul li a:hover        { text-decoration:underline; color:#ffffff; }
#quicknavi ul li a.active       { background:none; color:#ffffff; }
#quicknavi ul li a.active:hover { text-decoration:none; }

/* Main Contents */

.pagetitle                      { width:730px; height:26px; line-height:26px; padding-left: 25px; text-align:left;
                                  padding-left:25px; background:transparent url('../images/pagetitle-bg.gif') no-repeat left top; }
.pagetitle h1                   { font-size:108%; }

/* Contents Box */

.box                            { width:708px; text-align:left; padding:10px; clear:both;
                                  border-right:1px solid #c0c0c0; border-left:1px solid #c0c0c0;
                                  background:#ffffff url('../images/divider-hatch.gif') repeat-x left bottom; }
.boxtitle                       { width:680px; margin: 0 14px; height:26px; line-height:26px; text-align:left;
                                  border-bottom: dotted 1px #cccccc; }
.boxtitle h2                    { width:680px; }
.boxbody                        { width:680px; margin:0 14px; padding:0; clear:both; }
.boxbody h3                     { width:680px; margin:10px 0; padding-left:10px; text-ailgn:left;
                                  background:transparent url(../images/navi-li-bg.gif) no-repeat left center; }
.boxbody p                      { padding:5px 20px; text-indent:1em; line-height:1.5em; text-ailgn:left; }
.boxbody blockquote             { border:1px solid #000000; margin:5px 10px; padding:5px 10px; }
.boxbody img                    { border:none; }
.boxbody img.icon               { float:none; border:none; width:17px; height:17px; margin:0 2px; padding:0; }
.boxbody ol,
.boxbody dl,
.boxbody ul                     { list-style-position:outside; margin:5px 15px; padding-left:1em; }
.boxbody ul.scroll              { width:648px; overflow:auto; height:100px; }
.boxbody li                     { list-style-type:disc; text-ailgn:left;}
.boxbody dt                     { margin: 5px 0; font-weight:bold; clear:both; }
.boxbody dd                     { margin:5px; }
.boxbody dd p                   { margin:0 10px; }
.boxbody dd img                 { float:left; border:none; margin:0 auto; }
.boxbody .figcaption            { text-align:center; font-weight:bold; }
.boxbody table                  { width:668px; margin:5px; text-align:left; border-collapse:collapse; }
.boxbody table caption          { text-align:center; font-weight:bold; }
.boxbody table thead tr th,
.boxbody table thead tr td      { padding:8px; color:#000; background-color:#dcdcdc; border:1px solid #ccc; }
.boxbody table tbody            { margin: 0 0 5px 0; }
.boxbody table tbody tr th      { width:5em; padding:5px; color:#000; background-color:#dcdcdc; border:1px solid #ccc; } 
.boxbody table tbody tr td      { padding:5px; color:#000; background-color:#fff; border:1px solid #ccc; }
.boxbody table tfoot tr td      { background:#e8edff; color:#99c; }
.boxbody table .timetbl         { table-layout:fixed; }
.boxbody table .timetbl th      { width:180px; }
.box .divider                   { width:708px; }
.box .divider img               { margin:0 auto; }

#pagefoot                       { width:728px; height:50px; margin:0; padding:10px 0; background:#ffffff;
                                 border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; border-left:1px solid #c0c0c0; }
#pagefoot a                     { }
#pagefoot a img                 { border:none; }

/* top right banner */

#topbanner                      { width:210px; height:30px; float:right; text-ailgn:left; }
#topbanner a img                { height:27px; border:1px solid black; margin: 1px 0 1px 0; }

/* Sidebar */

#sbar                           { width:210px; margin:4px 0 0 0; float:right; text-ailgn:left; }
.sb-item                        { width:210px; margin:0 0 5px 0; font-size:93%; } /* 12px */
.sb-item-title                  { width:210px; height:26px; text-align:left; 
                                  background:transparent url('../images/sbar-title-bg.gif') no-repeat left top; }
.sb-item-title h1               { font-size:100%; line-height:26px; display:block; margin-left:22px;}
.sb-item-body                   { margin-bottom:10px; width:208px; background-color:whitesmoke; border:1px solid #c0c0c0; }
.sb-item-body span              { display:block; }
.sb-item-body p                 { text-align:left;padding:0 0 0 5px; margin:5px 0; text-indent:1em; }
.sb-item-body a img             { padding:0; margin:2px auto; }
.sb-item-body ul                { text-align:left;padding:0 0 0 10px; margin:5px 0; line-height:1.2em; }
.sb-item-body ul li             { padding:0 0 0 15px; margin:5px 0; list-style-type:none; list-style-position:outside;
                                  background:transparent url('../images/navi-li-bg.gif') no-repeat left top; }
.sb-item-body ul li a           { margin:0; text-decoration:none; }
.sb-item-body ul li a:hover     { text-decoration:underline; }
.sb-item-body ul li ul          { line-height:1em; margin:0; padding:0; }
.sb-item-elink a                { margin:0; }
.sb-item-elink a img            { display:block; margin:5px auto; }

/* Footer */

#pagenavi                       { margin:10px; clear: both; }

#foot                           { width:auto; margin-top: -100px; height:100px; margin:0; padding-top:30px; clear:both; }
#foot-logo                      { width:125px; height:35px; margin:0 10px 0 0; float:right; }
#foot-logo a                    { width:125px; height:35px; display:block; }
#foot                           { background:url('../images/foot-bg.jpg') repeat-x left top; }
#foot-logo                      { background:transparent url('../images/logo-meti2.jpg') no-repeat right bottom; }
#address                        { text-align:center; color:#fff; }
#copyright                      { text-align:center; color:#fff; }

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