@charset "UTF-8";
<style type="text/css">

/*　京都通百科事典　新共通スタイルシート　*/
/*　マウスがリンク文字上に乗ったら背景色を薄ブルーに変える　*/
/*　写真表示の枠を固定　W240(250)-H180(200)   W160(168)-H120(140)　*/
/*　写真：表示　　京都検定回答：表示　*/

* {
   padding:0 0 !important;
   margin:0 0 !important;
}

/*　＊＊＊　Body　構成　＊＊＊＊　*/
/*　body  外側左余白 10px　　*/
/*　一番外枠 id="container" 　スマホ width:365px（375-margin10） ＰＣ width:910px=155+745+5+5　　*/
/*　header　*/
/*　sideindex サイドメニューwidth:145px と contents コンテンツ width:745px に２分割　*/
/*　footer　*/
/*　iPhoneSE 12min対応 375px　左に 10px のmargin　*/
/*　SEO対策でサイドメニューの文字間隔を少し広げる　*/
/*　外側の余白 margin：上下 左右　上 右 下 左　　内側 padding */

body{
  margin:0 0 0 10px ;
  padding: 0 ;
  background-color: #DFFFDF ;
  font-family: "BIZ UDPGothic" , sans-serif ;
  font-size: 16px ;
  font-weight: 300 ;    /*　Light 　*/
  line-height: 1.4 ;
}

/*　BODY　font-size: 16px (medium) ;　　　*/
/*　ヘッダ文字　topheader p   spheader 16px　　　　*/
/*　コンテンツ 見出し　H2 20px ;　　小見出し　H3 18px(large)　　*/
/*　インサート案内 12px　　フッタ 13px(small)　    x-large 24px　　*/
/*　サイドインデックス　ヘッダH4 16px　サイド項目 14px　　*/
/*　個別 div で font-size を変えないこと　　*/

/*　ヘッダタイトル用 H1 24px ;　H1は一度だけに限定　　*/
/*　左側に 300px の余白で固定センタリング 　　*/
body h1{
  margin:0 300px 0 0;
  text-align: center ;
  font-size:20px;
  color:#FF4444;
  font-weight: 600 ;    /*　Semi Bold 　*/
  line-height: 1.0 ;
}
/*　大見出し用 H2 20px ;　上下に 5px の余白付き　*/
body h2{
  font-size: 20px ;
  font-weight: 500 ;    /*　Medium 　*/
  line-height: 1.0 ;
  margin:5px 0;
}
/*　ヘッダタイトル用　小見出し用 H3 18px ;　　*/
body h3{
  font-size: 18px ;
  font-weight: 500 ;    /*　Medium 　*/
  line-height: 1.0 ;
}
/*　H4 ヘッダ用　　サイドインデックスH4 は個別に設定　*/
body h4{
  font-size: 16px;
  line-height: 1.0 ;
}
/*　画像垂直方向を中央そろえ　　　*/
body img{
        border:0;
        vertical-align: middle ;
}


/*　本文中の小さ目サイズ14px  デフォルトは16px　*/
span.middlesize{
  font-size: 14px ;
}

/*　トップページ用　　 */
/*　id="topinner"　トップページ用のインナ */
div#topinner{
  float:left;
  width:870px;
}div#topinner h2{
	color: #885088;
}
div#topinner h3{
	color: #880088;
}

/*　id="topevent"　トップページの上部を左側と右側に２分割 */
div#topleft{
	float:left;
	width:500px;
}
div#topright{
	float:right;
	width:370px;
}
/*　id="topcontents"　トップページの総合目次以降の本文　*/
div#topcontents{
	float:left;
	width:630px;
}
/*　id="toppic"　トップページ用の写真エリア　*/
div#toppic{
	float:right;
	width:240px;
}div#toppic br{
               line-height:55px;
}

/*　id="footer"　フッタ　トップページ・解説ページ　共通*/
div#footer{
     font-size: 13px ;
     clear:both;
     width:100% ;
     background-color: #CAFFCA ;
     text-align: left;
}


/*　解説ページ用　　 */
/*　id="container" 一番外枠　width:910px=155+745+5+5　　*/
div#container{
   width: 940px ;
   margin:0 0 0 0px;
}

/*　id="header"　*/
div#header{
  height:68px;
  margin:0 0;
  background:#DFFFDF url(./Image/HeaderFeb.jpg) no-repeat top left ;
}
div#header a { text-decoration:none ; }
div#header a:link { color: #FF4444; }
div#header a:visited { color: #FF4444; }
div#header a:hover { color: #FF0000; }

div#header h4{
  color:#000000;
  margin: 10px 0 0 0;
  text-align: left ;
}div#header img{
        float:left;
}


/*　id="contents"　解説のページのコンテンツ枠　width:745px 　これより小さいと写真が並ばない 　containerがwidth:910px　*/
/*　内側余白 上10px 右0 下10px 左5px　*/
div#contents{
  float:right;
  width:775px;
  border-left:2px solid #B0FFB0;
  margin:0px 0px;
  padding:10px 0 10px 5px;
  overflow-x: hidden ;
}
div#contents h4{
   padding:10px 0 0 0;
}

/*　DIV id="contenttitle"　解説ページの本文概要　*/
/*　外側余白 上0 右0 下10px 左0　*/
/*　内側余白 上5 右5 下5px 左5　*/
div#contenttitle{
  margin:0px 0 10px 0;
  overflow-x:hidden;
  font-size: 20px ;
  font-weight: 700 ;    /*　Bold 　*/
  color: #800080 ;
}

/*　DIV id="contentshead"　詳細ページの見出し項目　*/
div#contentshead{
  width:760px;
  border:1px dotted #FF00FF;
  margin:0px 0 10px 0;
  padding:5px;
  overflow-x: hidden;
  font-weight: 500 ;    /*　Medium 　*/
}


/*　id="sideindex"　詳細ページのインデックス　外枠width:910px=155+745+5+5　　*/
div#sideindex{
   float:left;
   width: 155px;
   padding:0px 0px;
   background-color: #CFFFCF ;
   font-size: 14px ;
}div#sideindex h4{
	font-size: 16px ;
	color:#FFFFFF;
	text-align:center;
	background:#badac9;
	padding:2px 0px 1px 0px;
	margin:0px;
}div#sideindex ul{
	list-style:none;
	padding:0px 0px;
	line-height:70%;
	margin:0px 0px;
}div#sideindex li{
	padding:0px 0px;
	margin:2px 0px;
	line-height:100%;
}div#sideindex li a{
	display:block;
	padding:3px 0px 0px 15px;
	text-decoration:none;
	margin:0px;
}div#sideindex p{
	line-height:100%;
	padding:3px;
}

/* ブロック型メニュー  緑三角中*/
ul.BoxMenu{
	padding:0px 0px !important;
}ul.BoxMenu li{
	padding:0px 0px !important;
}ul.BoxMenu li a{
	background:#C8FFC8 url(./Image/List1.gif) no-repeat left center;
}ul.BoxMenu li a:hover{
	background:#E6F5ED url(./Image/List1.gif) no-repeat left center;
}
/* ブロック型メニュー  緑三角小*/
ul.BoxMenu2{
	padding:0px 0px !important;
}ul.BoxMenu2 li{
	padding:0px 0px !important;
}ul.BoxMenu2 li a{
	background:#C8FFC8 url(./Image/List2.gif) no-repeat left center;
}ul.BoxMenu2 li a:hover{
	background:#E6F5ED url(./Image/List2.gif) no-repeat left center;
}


/* ブロック型メニュー  緑三角大*/
ul.BoxMenu3{
	padding:0px 0px !important;
}ul.BoxMenu3 li{
	padding:0px 0px !important;
}ul.BoxMenu3 li a{
	background:#C8FFC8 url(./Image/List3.gif) no-repeat left center;
}ul.BoxMenu3 li a:hover{
	background:#E6F5ED url(./Image/List3.gif) no-repeat left center;
}
/* ブロック型メニュー  赤三角小*/
ul.BoxMenu4{
	padding:0px 0px !important;
}ul.BoxMenu4 li{
	padding:0px 0px !important;
}ul.BoxMenu4 li a{
	background:#C8FFC8 url(./Image/List4.gif) no-repeat left center;
}ul.BoxMenu4 li a:hover{
	background:#E6F5ED url(./Image/List4.gif) no-repeat left center;
}




a:link{
	color:#0033FF;
               text-decoration: none; 
	padding:0 0;
	margin:0 0;
}a:visited{
	color:#800080;
             text-decoration: none;
	padding:0 0;
	margin:0 0;
}a:hover{
	color:#D66666;
              text-decoration: none;
               background-color: #CFCFFF ;
	padding:0 0;
	margin:0 0;
}
.pink { color: #FF00FF; }
a.pink { color: #FF00FF;
          text-decoration: none; }
a.pink:visited { color: #FF00FF;
          text-decoration: none; }

a.bgray { color: #222244;
          text-decoration: none; }
a.bgray:visited { color: #222244;
          text-decoration: none; }

a.red { color: #FF0000;
          text-decoration:underline; }
a.red:visited { color: #FF0000;
          text-decoration:underline; }

.red { color: #FF0000;}
span.red a:link { color: #FF0000;
          text-decoration:underline; }
span.red a:visited { color: #FF0000;
          text-decoration:underline; }

.magenta { color: #FF00FF; }
span.magenta a:link { color: #FF00FF;
          text-decoration:underline; }
span.magenta a:visited { color: #FF00FF;
          text-decoration:underline; }

.darkorange { color: #FF8C00; }
span.darkorange a:link { color: #FF8C00;
          text-decoration:underline; }
span.darkorange a:visited { color: #FF8C00;
          text-decoration:underline; }

.kenteick { margin-left: 780px; color: #FFFFFF; }

.blue { color: #0033FF; }
.purple { color: #800080; }
.orange { color: #f39800; }
.headline { font-weight: 700; }



/* SNS Twitter Facebook アイコン揺 */
.sns {
height: 25px;
margin: 0px 0 0 0;
padding: 0px 0 0px 0;
}
.sns_inner {
position: relative;
float: left;
}
.facebook,
.twitter,
.line {
position: relative;
float: left;
margin: 0 0 0 0;
}
.facebook {width: 72px;}
.fb_iframe_widget > span {vertical-align: baseline !important;}
.twitter {width: 76px;}
.line {margin: 0;}


/*　詳細ページのインデックス　縦はcontainerがwidth:895px　*/
/*　トップ240　標準160　縦90　横長180　*/

.pic250{
     float:left;
     width:258px;
     height:203px;
     padding:0px 0px;
     background-color: #CFFFCF ;
     font-size:small;
}
.pic250 img{
     width:250px;
     height:187px;
}
.pic190{
     float:left;
     width:193px;
     height:158px;
     padding:0px 0px;
     background-color: #CFFFCF ;
     font-size:small;
}
.pic190 img{
     width:190px;
     height:142px;
}
.pic150{
     float:left;
     width:154px;
     height:129px;
     padding:0px 0px;
     background-color: #CFFFCF ;
     font-size:small;
}
.pic150 img{
     width:151px;
     height:113px;
}
.pic500{
     float:left;
     width:503px;
     padding:0px 0px;
     background-color: #CFFFCF ;
}

.picv250{
     float:left;
     width:145px;
     font-size:12px;
     padding:0px 0px;
     background-color: #CFFFCF ;
     font-size:small;
}
.picv250 img{
     width:140px;
     height:187px;
}
.picv190{
     float:left;
     width:110px;
     font-size:12px;
     padding:0px 0px;
     background-color: #CFFFCF ;
     font-size:small;
}
.picv190 img{
     width:107px;
     height:142px;
}
.picv150{
     float:left;
     width:90px;
     font-size:12px;
     padding:0px 0px;
     background-color: #CFFFCF ;
     font-size:small;
}
.picv150 img{
     width:85px;
     height:113px;
}

/*　以下、削除対象　　*/

.pic135{
     float:left;
     width:140px;
     padding:0px 0px;
     background-color: #CFFFCF ;
     font-size:small;
}

.picv98{
     float:left;
     width:108px;
     font-size:12px;
     padding:0px 0px;
     background-color: #CFFFCF ;
     font-size:small;
}
.picv98 img{
     width:90px;
     height:142px;
}
.pic79{
     float:left;
     width:82px;
     padding:0px 0px;
     background-color: #CFFFCF ;
     font-size:small;
}



.floatclear{
        clear:both;
}

.brside{
        line-height:40px;
}

/*　文字間を等間隔にする　*/
.monospace {
   font-family: 'BIZ UDGothic' , monospace;
   white-space: nowrap;
   line-height: 1.2 ;
}


/*　一般公開用と同一文章にするために　*/
/*　モバイル用改行・テキスト非表示　ＰＣ用改行・テキスト非表示　*/
.spbr{ display: none !important; }
.sptx{ display: none !important; }
.pcbr{ display: block !important;  }
.pctx{ 
     display: block !important;
     padding:0 0;
     margin:0 0;
}


/*　ここまでは　commonMEM.css　と同一　*/
/*　写真：非表示　*/


/* 京都検定　回答：表示  */
div#kenteians{
	padding:0px 0px;
	background-color: #CFFFCF ;
}

</style>