@charset "Shift_JIS";

/*
FONT CHART 13PX BASED STYLE
10px  77%    :[line-height]12px=1.2 14px=1.401 16px=1.6
11px  84.6%  
12px 	92.4%  :[line-height]14px=1.167 16px=1.355 18px=1.5 20px=1.666
13px 	100%   :[line-height]16px=1.23  18px=1.384 20px=1.538
14px 	107.8% :[line-height]16px=1.143 18px=1.286 20px=1.429
16px 	123.1% :[line-height]18px=1.124 20px=1.244 22px=1.374
18px 	138.5% :[line-height]20px=1.112 22px=1.224 24px=1.334
*/

/* BASE FONT SIZE
-----------------------*/
* html body {
font-size:small;
font-family: "ＭＳ Ｐゴシック", sans-serif;
} /* for lte ie6 */
*:first-child+html body {
font-size:small;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} /* for ie7 */
html>/**/body {
font-size:small;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} /* for ie8 */
html:not(:target) body {
font-size: 13px;
font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
} /* for modern browser not ie8 */

/* HTML ELEMENTS
-----------------------*/
html{
overflow-y: scroll;  
}
body{
color:#222;
line-height:1.6;
background-image:url(../imgs/common/bg.gif);
background-position:center top;
background-color:#5a200e;
background-repeat:repeat-x;
}
strong,
em{
font-weight:bold;
font-style:normal;
}
a{
zoom:1;
vertical-align:baseline;
color:#bd9f52;
text-decoration:underline;
}
a:visited{
color:#;
}
a:hover{
text-decoration:none;
}

/* LAYOUT
-----------------------*/
#wrapper{
width:960px;
margin:0 auto;
}
.body_pop #wrapper,
.body_pop #footer_inner{
width:1080px;
}
.body_pop #footer_inner,
.body_pop #wrapper{
padding-bottom:30px;
}
.body_pop .list_estab{
display:none;
}
#contents{
}
#maincol{
float:left;
display:inline;
width:722px;
background-color:#f3f3f3;
}
.body_home #maincol{ 
background-color:transparent;
}

body.body_about #maincol{
float:left;
display:inline;
width:920px; /* 960 */
background-color:#fff;
padding:20px;
}
.body_home #maincol_about{ 
background-color:transparent;
}

#subcol{
float:right;
display:inline;
width:223px;
}

body.body_about #subcol{
display:none;
}

/* HEADER
-----------------------*/
#header{
height:120px;
/*margin-bottom:37px;*/
}
.body_pop #header{
position:relative;
}
#header .logo{
float:left;
display:inline;
width:185px;
}
#header .ttl_site{
float:right;
display:inline;
width:774px;
}
.body_pop #header .ttl_site{
float:none;
}
.body_pop #header .close{
position:absolute;
right:0;
top:27px;
}
#header .list_link{
margin-top:10px;
clear:both;
}
.body_pop #header .list_link{
display:none;
}
#header .list_link li{
float:right;
display:inline;
}
/* FOOTER
-----------------------*/
#footer{
clear:both;
background-color:#0d040d;
color:#c69e4d;
border-color:#626262;
border-width:1px 0;
border-style:solid;
}
#footer_inner{
width:960px;
padding:10px 0;
margin:0 auto;
}
#footer a{
color:#c69e4d;
}
#footer .rtn{
font-size: 107.8%;
float:left;
display:inline;
}
#footer .rtn a{

background-image:url(../imgs/common/m_arrow.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
}
#footer .unit_footer{
float:right;
display:inline;
width:465px;
margin-right:5px;
}
#footer .list_estab dt{
float:left;
display:inline;
width:px;
}
#footer .list_estab dd{
float:right;
display:inline;
width:px;
}
#footer .list_estab dd li{
float:left;
display:inline;
width:px;
}
#footer .copy{
clear:both;
}
/* MAIN COLUMN
-----------------------*/
.area_home_lead{
margin-left:35px;
margin-top:23px;
}
.area_home_lead .txt_lead{
float:right;
display:inline;
}
.area_home_lead .list_link{
float:left;
display:inline;
margin-bottom:20px;
}
.area_home_lead .list_link li{
float:left;
display:inline;
margin-right:8px;
}
.area_home_lead .txt_notes{
clear:both;
}

/* SUB COLUMN
-----------------------*/
.body_home #contents{
position:relative;
height:638px;
}
.body_home .lnav{
position:absolute;
right:0;
top:0;
width:223px;
height:634px;
}

.lnav{
background-image:url(../imgs/common/bg_lnav.gif);
background-repeat:no-repeat;
background-position:0 0px;
padding-top:4px;
}
/*
.lnav li{
font-size:0;
height:30px;
line-height:0;
}
.lnav li a{
text-decoration:none;
zoom:1;
font-size:0;
}
*/

.lnav li img{
display:block;
}
.lnav li a{
display:block;
}
html.ie6 body .lnav li img,
html.ie7 body .lnav li img{
display:inline;
}
* html body .lnav li a:hover {
background-color:transparent;
}
.lnav li a:hover img,
body.body_boshin-war .lnav li.ln_boshin-war img,
body.body_enthronement-ceremony .lnav li.ln_enthronement-ceremony img,
body.body_return .lnav li.ln_return img,
body.body_Iwakura-mission .lnav li.ln_Iwakura-mission img,
body.body_progress .lnav li.ln_progress img,
body.body_diplomacy .lnav li.ln_diplomacy img,
body.body_rebellion .lnav li.ln_rebellion img,
body.body_establish-diet .lnav li.ln_establish-diet img,
body.body_constitutional-law .lnav li.ln_constitutional-law img,
body.body_court-ceremony .lnav li.ln_court-ceremony img,
body.body_negotiation .lnav li.ln_negotiation img,
body.body_noble .lnav li.ln_noble img,
body.body_currency .lnav li.ln_currency img,
body.body_establish-bank .lnav li.ln_establish-bank img,
body.body_education .lnav li.ln_education img,
body.body_ootsu-incident .lnav li.ln_ootsu-incident img,
body.body_achievement .lnav li.ln_achievement img,
body.body_nisshin-war .lnav li.ln_nisshin-war img,
body.body_nichiro-war .lnav li.ln_nichiro-war img,
body.body_meiji-industry .lnav li.ln_meiji-industry img,
body.body_imperial-mourning .lnav li.ln_imperial-mourning img {
visibility:hidden;
}


/* CONTENTS
-----------------------*/
#maincol{
zoom:1;
border:1px solid #626262;
padding:16px 0 15px;
}
#maincolx:before,
#maincol:after{
content:"";
display:table;
}
#maincol:after{
clear:both;
}
.body_home #maincol{
zoom:1;
border:none;
padding:0;
}

#secondary{
float:right;
display:inline;
width:179px;
margin-right:12px;
}

#primary{
float:left;
display:inline;
width:498px;
margin-left:15px;
}

.ttl_page{
font-size: 230.7%;
}
.section p{
font-size: 116%;
margin:2em 0;
line-height:1.6;
text-indent:1em;
}
.blk_side,
.blk_side_rel_img{
margin-bottom:12px;
}
.blk_side .ttl{
margin-bottom:10px;
background-color:#053b0e;
color:#fff;
font-weight:bold;
padding:3px;
line-height:1.2;
}
.blk_side .ttl span{
border:1px solid #6c8c71;
display:block;
padding:3px;
font-size: 107.8%;
}
.blk_side_rel_img .ttl{
margin-bottom:10px;
}
.list_nav {
margin:10px;
}
.list_nav li{
cursor:pointer;
float:left;
display:inline;
}
.list_nav li a{
background-repeat:no-repeat;
width:28px;
height:28px;
display:block;
}
.list_nav li a.selected{
display:block;
text-indent:-9999px;
}
.list_nav li.sn01 a.selected{background-image:url(../imgs/common/side/sn01_on.gif);}
.list_nav li.sn02 a.selected{background-image:url(../imgs/common/side/sn02_on.gif);}
.list_nav li.sn03 a.selected{background-image:url(../imgs/common/side/sn03_on.gif);}
.list_nav li.sn04 a.selected{background-image:url(../imgs/common/side/sn04_on.gif);}
.list_nav li.sn05 a.selected{background-image:url(../imgs/common/side/sn05_on.gif);}
.list_nav li.sn06 a.selected{background-image:url(../imgs/common/side/sn06_on.gif);}
.list_nav li.sn07 a.selected{background-image:url(../imgs/common/side/sn07_on.gif);}
.list_nav li.sn08 a.selected{background-image:url(../imgs/common/side/sn08_on.gif);}
.list_nav li.sn09 a.selected{background-image:url(../imgs/common/side/sn09_on.gif);}
.list_nav li.sn10 a.selected{background-image:url(../imgs/common/side/sn10_on.gif);}
.list_nav li.sn11 a.selected{background-image:url(../imgs/common/side/sn11_on.gif);}
.list_nav li.sn12 a.selected{background-image:url(../imgs/common/side/sn12_on.gif);}
.list_nav li.sn13 a.selected{background-image:url(../imgs/common/side/sn13_on.gif);}
.list_nav li.sn14 a.selected{background-image:url(../imgs/common/side/sn14_on.gif);}
.list_nav li.sn15 a.selected{background-image:url(../imgs/common/side/sn15_on.gif);}

.hidden{
display:none;
}
.list_item{
min-height:123px;
}
.page_top{
clear:both;
text-align:right;
margin-right:12px;
padding-top:15px;
}
ul#under_btn {
clear:both;
text-align:left;
padding:15px 12px 0;
}
ul#under_btn .under_lft {
float:left;
padding-right:215px;
}
ul#under_btn .under_ctr {
float:left;
}
ul#under_btn .under_rgt {
float:right;
}
ul#under_btn .non_display {
visibility:hidden;
}

.rel_link{
padding:60px 30px;
background-image:url(../imgs/common/bg_rel_link.gif);
background-repeat:repeat-x;
background-color:#fff;
}
.rel_link .ttl{
float:left;
display:inline;
width:100px;
margin-right:30px;
}
.list_rel_link{
overflow:hidden;
}

.list_rel_link li{
list-style:outside disc;
margin-left:1.2em;
}
.list_rel_img li{
margin-right:4px;
padding-bottom:7px;
margin-bottom:7px;
}
.list_rel_img li span{
display:block;
width:20px;
height:20px;
position:absolute;
right:0;
bottom:0;
background-image:url(../imgs/common/side/b_loupe.gif);
background-repeat:no-repeat;
}
.list_rel_img li a{
display:block;
background-image:url(../imgs/common/side/bg_rel_link.gif);
background-repeat:no-repeat;
padding-left:22px;
padding-right:77px;
position:relative;
zoom:1;
}
.list_rel_img li img{
position:absolute;
right:0;
top:0;
}
.ttl_pop_area{
background-color:#b91000;
padding:12px 25px;
background-color:rgba(225, 65, 40, 0.4);
margin-bottom:13px;
}
.ttl_pop{
font-size: 185%;
color:#fff;
}
.ttl_pop span{
font-size:75%;
display:block;
}
.list_pop_nav{
margin-bottom:20px;
}
.list_pop_nav li{
float:left;
display:inline;
width:px;
margin-right:10px;
}
.list_pop_nav li a{
background-repeat:no-repeat;
width:45px;
height:45px;
display:block;
}
.list_pop_nav li.select span{
display:block;
text-indent:-9999px;
outline:none;
}
.list_pop_nav li.select .pn01{background-image:url(../imgs/common/pop/pn01_on.gif);}
.list_pop_nav li.select .pn02{background-image:url(../imgs/common/pop/pn02_on.gif);}
.list_pop_nav li.select .pn03{background-image:url(../imgs/common/pop/pn03_on.gif);}
.list_pop_nav li.select .pn04{background-image:url(../imgs/common/pop/pn04_on.gif);}
.list_pop_nav li.select .pn05{background-image:url(../imgs/common/pop/pn05_on.gif);}
.list_pop_nav li.select .pn06{background-image:url(../imgs/common/pop/pn06_on.gif);}
.list_pop_nav li.select .pn07{background-image:url(../imgs/common/pop/pn07_on.gif);}
.list_pop_nav li.select .pn08{background-image:url(../imgs/common/pop/pn08_on.gif);}
.list_pop_nav li.select .pn09{background-image:url(../imgs/common/pop/pn09_on.gif);}
.list_pop_nav li.select .pn10{background-image:url(../imgs/common/pop/pn10_on.gif);}
.list_pop_nav li.select .pn11{background-image:url(../imgs/common/pop/pn11_on.gif);}
.list_pop_nav li.select .pn12{background-image:url(../imgs/common/pop/pn12_on.gif);}
.list_pop_nav li.select .pn13{background-image:url(../imgs/common/pop/pn13_on.gif);}
.list_pop_nav li.select .pn14{background-image:url(../imgs/common/pop/pn14_on.gif);}
.list_pop_nav li.select .pn15{background-image:url(../imgs/common/pop/pn15_on.gif);}


.body_pop .txt_data{
float:right;
width:px;
text-align:right;
color:#fff;
font-size: 116%;
}


.area_visual{
/*height:403px;*/
overflow:hidden;
}


p.imgR {
float:right;
display:inline;
margin:0 0 0 25px;
text-align:center;
}

p.imgC {
text-align:center;
}

p.imgR span {
font-size:84.6%;
}

p.imgR .image-top {
padding-top:2em;
}

p.imgL {
float:left;
display:inline;
margin:0 25px 0 0;
text-align:center;
}

p.caption_about {
text-align:center;
margin-top:-20px;
font-size:107.8%;
}

table.about {
margin:0 auto;
margin-top:30px;
margin-bottom:30px;
font-size:107.8%;
background-color:#edebe4;
padding:3px 50px;
}
table.about th {
width:170px;
border-bottom:1px #aaa dotted;
padding:10px 20px;
}
table.about td {
width:480px;
border-bottom:1px #aaa dotted;
padding:10px 20px;
}
table.about th.noline {
border-bottom:none;
}
table.about td.noline {
border-bottom:none;
}
.clear { clear:both; }

.about_margin { margin-top:30px; }


/* history */

div.history_frame {
margin-top:20px;
padding:20px;
background-color:#edebe4;
}

table.history_table {
margin:0 auto;
margin-bottom:30px;
font-size:107.8%;
background-color:#edebe4;
border: solid 1px #d1c7c9; border-collapse: collapse;
}

table.history_table th {
background-color:#5f3d44;
padding:5px 20px;
white-space:nowrap;
color:#fff;
border: solid 1px #d1c7c9;
}

table.history_table td {
border-left: solid 1px #d1c7c9;
border-right: solid 1px #d1c7c9;
border-bottom: dotted 1px #d1c7c9;
padding:5px 18px;
}

table.history_table td.arw {
width:80px;
padding-left:15px;
padding-right:0px;
}

table.history_table td.arw li{
background:url(../imgs/history/arrow.gif) 0px center no-repeat;
float:left;
display:inline;
padding:0 10px 0 10px;
}

/* data */

div#data_frame {
padding:25px 0 20px 14px;
}

div.data_block {
width:288px;
float:left;
display:block;
margin-right:14px;
padding-bottom:25px;
}

div.data_block h3 a {
width:288px;
height39px;
display:block;
background:url(../imgs/data/bnr_16_on.gif);
}
div.data_block h3 a#dat01 { background:url(../imgs/data/bnr_01_on.gif); }
div.data_block h3 a#dat02 { background:url(../imgs/data/bnr_02_on.gif); }
div.data_block h3 a#dat03 { background:url(../imgs/data/bnr_03_on.gif); }
div.data_block h3 a#dat04 { background:url(../imgs/data/bnr_04_on.gif); }
div.data_block h3 a#dat05 { background:url(../imgs/data/bnr_05_on.gif); }
div.data_block h3 a#dat06 { background:url(../imgs/data/bnr_06_on.gif); }
div.data_block h3 a#dat07 { background:url(../imgs/data/bnr_07_on.gif); }
div.data_block h3 a#dat08 { background:url(../imgs/data/bnr_08_on.gif); }
div.data_block h3 a#dat09 { background:url(../imgs/data/bnr_09_on.gif); }
div.data_block h3 a#dat10 { background:url(../imgs/data/bnr_10_on.gif); }
div.data_block h3 a#dat11 { background:url(../imgs/data/bnr_11_on.gif); }
div.data_block h3 a#dat12 { background:url(../imgs/data/bnr_12_on.gif); }
div.data_block h3 a#dat13 { background:url(../imgs/data/bnr_13_on.gif); }
div.data_block h3 a#dat14 { background:url(../imgs/data/bnr_14_on.gif); }
div.data_block h3 a#dat15 { background:url(../imgs/data/bnr_15_on.gif); }
div.data_block h3 a#dat16 { background:url(../imgs/data/bnr_16_on.gif); }
div.data_block h3 a#dat17 { background:url(../imgs/data/bnr_17_on.gif); }
div.data_block h3 a#dat18 { background:url(../imgs/data/bnr_18_on.gif); }
div.data_block h3 a#dat19 { background:url(../imgs/data/bnr_19_on.gif); }
div.data_block h3 a#dat20 { background:url(../imgs/data/bnr_20_on.gif); }
div.data_block h3 a#dat21 { background:url(../imgs/data/bnr_21_on.gif); }

div.data_block h3 a:hover img {
visibility:hidden;
}

ul.data_list {
margin:15px 0 5px 0;
font-size:107.8%;
}

ul.data_list li {
padding-left:30px;
line-height:200%;
background:url(../imgs/data/dot.gif) 5px 6px no-repeat;

}