@charset "Shift_JIS";
<style type="text/css">

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

* {
	padding:0 0;
	margin:0 0;
}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: 790px; color: #FFFFFF; }

.blue { color: #0033FF; }
.purple { color: #800080; }
.orange { color: #f39800; }



/*　文字間を等間隔にする　*/
.monospace {
   font-family: "ＭＳ 明朝" , monospace;
   font-size:small;
   white-space: nowrap;
   line-height: 120%;
}



/*　vw 	ビューポートの幅の 1/100（100vwで横幅いっぱい）　*/

body{
  font-size:3.25vw;
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  margin:0 0 0 5px ;
  background-color: #DFFFDF ;

  line-height:1.0em;
}body img{
        border:0;
        vertical-align:middle;
}

body h1{
	font-size:6vw;
}body h2{
	font-size:4vw;
}body h3{
	font-size:3.5vw;
}body h4{
	font-size:3vw;
}


/*　bodyと一番外枠id="container" width:460px　スマホ用*/
/*　header　*/
/*　sideindex 140 contents 745　*/
/*　footer　*/

div#container{
  width: 98%;
  margin:0 0 0 0;
}

div#contents{
  width: 98%;
}

/*　id="contents"　詳細ページの見出し項目　*/
div#contentshead{
  width: 98%;
  border:1px dotted #FF00FF;
  margin:0px 0 10px 0;
  padding:5px;
}


/*　詳細ページのインデックス　縦はcontainerがwidth:970px　*/
/*　トップ240　標準160　縦90　横長180　*/
div#pic240{
	float:left;
	width:247px;
              height:200px;
	padding:0px 0px;
	background-color: #CFFFCF ;
}div#pic240 img{
        float:left;
}div#pic140{
	float:left;
	width:143px;
              height:125px;
	padding:0px 0px;
	background-color: #CFFFCF ;
}div#pic140 img{
        float:left;
}div#pic79{
	float:left;
	width:82px;
	padding:0px 0px;
	background-color: #CFFFCF ;
}div#pic79 img{
        float:left;
}div#picv90{
	float:left;
	width:100px;
	padding:0px 0px;
	background-color: #CFFFCF ;
}div#picv90 img{
        float:left;
}div#pic135{
	float:left;
	width:140px;
	padding:0px 0px;
	background-color: #CFFFCF ;
}div#pic135 img{
        float:left;
}


/*　id="sideindex"　詳細ページのインデックス　*/
div#sideindex{
	font-size:small;
	float:left;
	width:140px;
	padding:0px 0px;
	background-color: #CFFFCF ;
}div#sideindex h4{
	font-size:medium;
	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;
}div#sideindex li{
	padding:0px 0px;
	margin:2px 0px;
}div#sideindex li a{
	display:block;
	width:125px;
	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;
}

/*　id="footer　*/
div#footer{
	font-size:small;
	clear:both;
	width:100%;
	background-color: #CAFFCA ;
	text-align: left;
}





/*　＊＊＊＊パソコン・タブレット用に追加指定　460px以上＊＊＊＊　*/

@media all and (min-width: 460px) {

body{
  font-size:medium;
}
body h2{
	font-size:large;
}body h3{
	font-size:medium;
}body h4{
	font-size:medium;
}


/*　bodyと一番外枠id="container" width:895px　*/
/*　header　*/
/*　sideindex 140 contents 745　*/
/*　footer　*/

div#container{
	width:895px;
	margin:0 0 0 0;
}
br#pic{
        clear:both;
}br#side{
        line-height:40px;
}


/*　id="header"　*/
div#header{
	height:68px;
	margin:0 0;
	background:#DFFFDF url(./Image/HeaderFall.gif) no-repeat top left ;
}
div#header a { text-decoration:none ; }
div#header a:link { color: #000000; }
div#header a:visited { color: #000000; }
div#header a:hover { color: #4444FF; }
div#header h1{
	font-size:18px;
	color:#000000;
	font-weight:bold ;
	margin:0 300px 0 0;
	text-align: center ;
              line-height:1.0em;
}div#header p{
	font-size:18px;
	color:#000000;
	font-weight:bold ;
              margin:3px 0;
	text-align: left ;
}div#header img{
  float:left;
}


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

/*　id="topevent"　トップページの上部を左側と右側に２分割 */

div#topleft{
	float:left;
	width:500px;
}

div#topright{
	float:right;
	width:370px;
}

/*　id="topcontents"　トップページの総合目次以降 */
div#topcontents{
	float:left;
	width:630px;
}div#topcontents h3{
	color: #880088;
}
/*　id="toppic"　トップページ用の写真エリア　*/
div#toppic{
	float:right;
	width:240px;
}div#toppic br{
               line-height:55px;
}


/*　id="contents"　各詳細ページの中身　width:820px 　containerがwidth:970px　*/
div#contents{
  font-size:small;
  float:right;
  width:745px;
  border-left:2px solid #B0FFB0;
  margin:0px 0px;
  padding:10px 0 10px 5px;
  overflow-x: hidden ;
}div#contents h2{
	font-size:large;
}div#contents h3{
	font-size:medium;
}div#contents h4{
	font-size:medium;
	padding:10px 0 0 0;
}

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

}

</style>