/*----------------------------------

印刷に必要な設定

----------------------------------*/
*{
margin:0px;
padding:0px;
}

body {
background-color:#D8E0DD;
}

#container{
margin:auto;
background-color:#fdfdfb;
width:870px;
background-image:url(../images/back_container.gif);
}

#wrapper{
width:860px;
}

/*　ページタイトル画像設定　*/
h2{
margin:50px 0px 20px 20px;
}


#content{
width:800px;
}

#column_kindai #content{
background-color:#F0F8FF;
float:right;
width:610px;
}

#content p{
padding:10px 20px;
line-break:strict;
color:#4c4c4c;
line-height:1.9em;
}









/*----------------------------------

基本設定

----------------------------------*/



#header{
height:70px;
width:860px;
display:none;
}


#header_left{
width:430px;
height:70px;
float:left;
background-position:top;
background-image:url(../images/top.gif);
background-repeat:no-repeat;
background-position:20px;
}

#header_right{
width:430px;
height:70px;
float:right;
}


#footer{
height:60px;
width:860px;
margin:auto;
font-size:x-small;
color:#666666;
clear:both;
text-align:right;
border-top:#b0b0b0 solid 1px;
display:none;
}


/*----------------------------------

ヘッダーナビゲーション

----------------------------------*/

#headernavi{
font-size:small;
margin-top:7px;
height:auto;
width:430px;
text-align:right;
}

#headernavi a{
margin-right:5px;
color:#777777;
background-image:url(../images/yajirushi_min.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:9px;
}

#headernavi a:hover{
color:#94a390;
}

/*---ここまで-------------------------------*/



/*----------------------------------

フォントサイズ変更ボタン

----------------------------------*/

#fontchange{
font-size:small;
margin-top:30px;
width:430px;
text-align:right;
}

#fontchange ul{
list-style-type:none;
margin-right:5px;
}

#fontchange li{
display:inline;
/*text-decoration:none;
width:20px;
height:70px;*/
}

/*---ここまで-------------------------------*/


h1{
height:50px;
}



/*　小見出し　*/
h3{
margin-top:20px;
border-bottom:#999999 dotted 1px;
padding:10px;
}

/*　小見出し相当のタイトル　*/
h4{
margin:40px 0px 10px 15px;
padding-left:15px;
color:#555555;
background-image:url(../images/yajirushi_s.gif);
background-repeat:no-repeat;
background-position:left;
}

li{
list-style-type:none;
}

a:link,a:visited{
text-decoration:none;
}

a:hover{
color:#FF9900;
}


/*----------------------------------

編ナビゲーション

----------------------------------*/

#navi{
border-bottom:#b0b0b0 solid 1px;
border-top:#b0b0b0 solid 1px;
margin:auto;
height:55px;
width:860px;
display:none;
}

#navi ul{
list-style-type:none;
}

#navi li{
float:left;
margin-left:15px;
}

#navi a{
display:block;
text-decoration:none;
width:120px;
height:30px;
overflow:hidden;
text-indent:-9999px;
}

.josetsu,
.kodai, 
.chuusei, 
.kinsei, 
.kindai, 
.gendai{
margin-top:25px;
background-repeat:no-repeat;
}

.josetsu{
background-image:url(../images/btn_josetsu.gif);
}

.kodai{
background-image:url(../images/btn_kodai.gif);
}

.chuusei{
background-image:url(../images/btn_chusei.gif);
}

.kinsei{
background-image:url(../images/btn_kinsei.gif);
}

.kindai{
background-image:url(../images/btn_kindai.gif);
}

.gendai{
background-image:url(../images/btn_gendai.gif);
}


/*----------------------------------

サイドバー（左側メニュー部分）

----------------------------------*/

#sidebar{
width:240px;
float:left;
padding-top:10px;
display:none;
}

#sidebar ul{
padding:5px;
}

#sidebar li{
border-bottom:1px solid #E0E0E0;
line-height:1.8em;
margin-left:10px;
padding:2px 0px 2px 5px;
}

#sidebar li a{
color:#333333;
display:block;
padding:1px 0px 1px 10px;
}

#sidebar li a:link ,
#sidebar li a:visited{
border:none;
border-left:3px solid #A9B8B7;
}

#sidebar li a:hover{
color:#FF9900;
}

#sidebar .setsumenu{
color:#94a390;
font-weight:600;
text-indent:10px;
background-image:url(../images/yajirushi02.gif);
background-repeat:no-repeat;
background-position:left;
}
	
/*----------------------------------

コンテンツ（右側本文エリア）

----------------------------------*/



/*---　h3設定（近代）　---*/
#page_kindai #content h3,
#gaisetsu_kindai #content h3,
#column_kindai #content h3{
margin:30px 15px 0px 20px;
padding-left:10px;
color:#476585;
border-left:6px solid #778db1;
}

/*---　h3設定（現代）　---*/
#page_gendai #content h3{
margin:30px 15px 0px 20px;
padding-left:10px;
color:#679367;
border-left:5px solid #7cb27c;
}


/*----------------------------------

囲み記事

----------------------------------*/

/*---　黄色　---*/
.kakomi_yellow{
background-color:#FFFFCC;
margin:20px;
padding:20px 0px;
}

/*---　青色　---*/
.kakomi_blue{
background-color:#f3fffc;
margin:20px;
padding:20px 0px;
}

/*---　緑色　---*/
.kakomi_green{
background-color:#CCFFCC;
margin:20px;
padding:20px 0px;
}

/*----------------------------------

表の設定

----------------------------------*/

table{
margin:15px auto;
border-collapse:collapse;
border:solid 1px #CBC9C0;
width:500px;
line-height:1.5em;
}

th,tr,td{
border:solid 1px #CBC9C0;
padding:6px;
}


/*---　表のタイトル　---*/
.table_title{
text-align:center;
font-weight:bold;
margin:20px 0px 10px 0px;
}

/*---　表の単位表示　---*/
.table_data{
text-align:right;
width:550px; 
}

/*---　表のキャプション　---*/
.table_caption{
width:250px;
margin-left:160px;
margin-top:-25px;
}

/*---　表の網掛け（グレー）　---*/
.table_gray{
background-color:#dddddd;
}

/*---　表の網掛け（水色）　---*/
.table_blue{
background-color:#f3fffc;
}

/*---　表の網掛け（黄色）　---*/
.table_yellow{
background-color:#ffffcc;
}

/*---　表の網掛け（オレンジ）　---*/
.table_orange{
background-color:#FF9933;
}

/*----------------------------------

画像設定

----------------------------------*/
img{
text-align:center;
margin:20px 0px;
display:block;
}

a:link .imageframe ,
a:visited .imageframe{
padding:3px;
background-color:#ffffff;
border:solid #dddddd 1px;
}

a:hover .imageframe{
background-color:#FF9900;
}

.imagecaption{
width:250px;
margin-left:160px;
margin-top:-25px;
}

.kakomi_blue .imagecaption,
.kakomi_yellow .imagecaption,
.kakomi_green .imagecaption{
width:250px;
margin-left:140px;
margin-top:-10px;
}

/*----------------------------------

小見出しリンクスタイル

----------------------------------*/
.komidashi{
padding:0px 0px 20px 25px;
line-height:1.8em;
}

.komidashi li{
text-indent:20px;
/*list-style-image:url(../04kindai/images/yajirushi_s.gif);*/
background-image:url(../04kindai/images/yajirushi_s.gif);
background-repeat:no-repeat;
background-position:left;
}

.komidashi li a{
color:#444444;
}

.komidashi li a:hover{
color:#FF9900;
}


/*----------------------------------

ページ移動系

----------------------------------*/

#movepage{
width:610px;
text-align:center;
color:#dddddd;
margin:20px 0px;
display:none;
}

#movepage a{
color:#666666;
}

#movepage a:hover{
color:#FF9900;
}

#movepage .link_prev{

}

#movepage .link_home{
padding:0px 20px 0px 20px;
}

#movepage .link_next{
}

.back_link{
width:30px;
float:right;
margin-right:30px;
color:#94a390;
background-image:url(../images/yajirushi_back.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
display:none;
}