/* このファイルは弓道部HP全てのページの設定を一括で定義しているファイルです。 */


/* ★★★共通属性設定★★★ */

body { 
  background-image: url("../material/haikei/kabegami11.png");
  background-position: center;
  background-attachment: scroll;/* 固定=fixed 固定しない=scroll */
  margin: 8px auto 40px;
  text-align: center;
  padding: 0;
}
ul,ol{
    margin: 18px 0 18px 40px;
    padding: 0;
}
li{
    margin: 0;
}
div#top, div#pagemain, div#pagetop, div#pagefoot{ 
  background-image: url("../material/haikei/kabegami2.gif");
}
div img.minilogo { border: none; float: right; width: 89px; height: 32px; }
p {
  font-size: 16px;
  font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif ;
  font-weight: lighter;
  letter-spacing: 1px; 
}
img { border: gray ridge 2px; }
div img { vertical-align: text-bottom; }
img.new { margin: 0px 3px; border: none; vertical-align: middle; }
img.up { margin: 0px 3px; border: none; vertical-align: middle; }
div.sideinfo { width: 195px; height: 80px;}
div.scroll { border-color: gray; border-style: solid double; border-width: 1px 4px; color: #555555; font-size: 12px; margin: 5px 0px 12px 2px; background-color: #ffffff; }
div.footnavi{ margin: 10px auto; text-align: center;}
div.totop { text-align: right; line-height: 1.5em;font-size: 16px; margin: 10px 15px 0px 0px; }
div div.totop a { color: black}
div div div.totop a { color: black;}
div img.navi { border: none;}
div div img.navi { border: none;}
div div div img.navi { border: none;}

div div ul#mainmenu li.list1{
list-style-image: url(../material/icon/kasumi.gif);
list-style-position: inside;
margin: 0 0 0 1em;
padding: 0;
}
div div ul#mainmenu li.list2{
list-style-image: url(../material/icon/kasumi.gif);
list-style-position: inside;
margin: 0 0 0 2em;
padding: 0;
}
div div ul#mainmenu li.list3{
list-style-image: url(../material/icon/kasumi.gif);
list-style-position: inside;
margin: 0 0 0 3em;
padding: 0;
}
div div ul#mainmenu li.list4{
list-style-image: url(../material/icon/kasumi.gif);
list-style-position: inside;
margin: 0 0 0 2em;
padding: 0;
}
div div ul#mainmenu li.list5{
list-style-image: url(../material/icon/kasumi.gif);
list-style-position: inside;
margin: 0 0 0 1em;
padding: 0;
}
div div ul#mainmenu li.list6{
list-style-image: url(../material/icon/kasumi.gif);
list-style-position: inside;
margin: 0 0 0 0;
padding: 0;
}
div div ul#mainmenu { float: left;  padding: 0; margin: 0px 50px 5px 0px; vertical-align: 10px;}
div div ul#mainmenu li {
list-style: none;
font-size: 30px;
vertical-align: bottom;
line-height: 1.5em;
}
div div ul#mainmenu li a{
color: #000000;
text-decoration: none;
font-family: "ＭＳ 明朝",sans-serif;
vertical-align: 10px;
}
div div ul#mainmenu li a:hover{
color: #660000;
background-color: #ffdab9;
text-decoration: underline;
font-family: "ＭＳ 明朝",sans-serif;
}
div div ul#mainmenu li a:active{
position: relative;
top: 2px;
right: -2px;
}
.reports-index{
text-align: center;
font-size: 38px;
line-height: 1.5em;
}
.reports-index a{
color: #000000;
text-decoration: none;
font-family: "ＭＳ 明朝",sans-serif;
vertical-align: 2px;
}
.reports-index a:hover{
color: #660000;
background-color: #ffdab9;
text-decoration: underline;
font-family: "ＭＳ 明朝",sans-serif;
}
.reports-index a:active{
position: relative;
top: 2px;
right: -2px;
}
.reports-index img{
border:none;
padding: 0;
margin: 0 5px;
}
h1 {
  font-size: 150%;
}
h2 {
  font-size: 120%;
}  
h3 {
  font-size: 100%;
}
em {
  font-weight: bolder;
  font-style: normal;
}
strong {
  font-weight: bold;
  border-bottom: double red 3px; }


/* ★★★枠組み設定★★★ */
div#topad { 
  margin: 5px auto 0;
  padding: 0px;
  border: none;
  text-align: center;
  width: 910px;
  height: 119px;
}
div#topad a.logo {
   background-image: url("../home/shinkanlogo.jpg");
   display: block;
   width: 910px;
   height: 119px;
   border: 1px gray solid;
   text-indent: -5000px;
}
div#topad a.logo:hover {
   border: 1px blue solid;
}
div#topad a.logo:active {
   background-position: top right;
}
div#top {
  width: 910px;
  margin: 5px auto 0;
  padding: 0px;
  border: solid gray 1px;
  border-bottom: none;
  text-align: left;
  font-family: "ＭＳ 明朝",sans-serif;
  z-index: 2;
}
div#pagetop {
  width: 910px;
  margin: 5px auto 0;
  padding: 0px;
  border: solid gray 1px;
  border-bottom: none;
  text-align: center;
  font-family: "ＭＳ 明朝",sans-serif;
}
div#pagetop div.pagetitle { margin-top: 10px;}
div#pagetop div.pagetitle h1{
  font-size: 32px;
  padding: 0;
  margin:  0;
  display: inline;
  vertical-align: bottom;
  line-height: 1.5;
}
div#pagetop div.pagetitle img {
  margin: 0 0 3px 0;
  padding: 0;
  border: none;
}
div#pagetop div.pagetitle p {
  font-size: 20px;
  padding: 0;
  margin: 10px 0;
  line-height: 1.8;
}
div#pagemain {
  width: 910px;
  margin: 0 auto;
  padding: 0px;
  border: solid gray 1px;
  border-top: none;
  border-bottom: none;
  text-align: left;
}
.topinfobox {
  height: 450px;
  overflow: auto; /* オプションはauto,scroll,visible,hidden */
  border: gray 2px ridge;
  margin: 0;
  padding: 0;
}
.infobox {
  height: 398px;
  overflow: auto; /* オプションはauto,scroll,visible,hidden */
  border: gray 1px dashed;
  margin: 0;
  padding: 0;
}
/**/div#pagearticle {
      float: right;
      width: 697px;
      margin: 0px;
      padding: 0px;
      text-align: left;
      z-index: 2;
/*      border: solid gray 1px;*/
}
/*--*/div#pagenavi {
        width: 99.5%;
        margin: 0px;
        padding: 0px;
		text-align: left;
}
/*--*/div.insidereport {
		margin: auto;
		width: 95%;
        border: 2px solid blue;   /* 外枠 */
        padding: 10px;             /* 内側の余白 */
        background-color: #ffffee; /* 背景色 */
}
/*----*/div.insidereport p.main {
        background-image: url("../material/line/greendot.gif"); /* 罫線 */
        line-height: 25px; /* 行の高さ */
        margin: 0px;       /* 外側の余白 */
		padding: 0px 8px;
}
/*----*/div.insidereport p.title {
		text-indent: 1em;
        margin: 0px 0px 8px 0px;           /* 外側の余白 */
        padding: 6px 0px;                  /* 内側の余白 */
        border-bottom: 3px double blue; /* 下線 */
        font-weight: bold;                 /* 文字の太さ */
        color: blue;                    /* 文字色 */
}
/*----*/div.insidereport p.title span.date { float: right; }
/*--*/div.gamereport {
		margin: auto;
		width: 95%;
        border: 2px solid green;   /* 外枠 */
        padding: 10px;             /* 内側の余白 */
        background-color: #ffffee; /* 背景色 */
}
/*----*/div.gamereport p.main {
        background-image: url("../material/line/greendot.gif"); /* 罫線 */
        line-height: 25px; /* 行の高さ */
        margin: 0px;       /* 外側の余白 */
		padding: 0px 8px;
}
/*----*/div.gamereport p.title {
		text-indent: 1em;
        margin: 0px 0px 12px 0px;           /* 外側の余白 */
        padding: 8px 0px;                  /* 内側の余白 */
        border-bottom: 3px double green; /* 下線 */
        font-weight: bold;                 /* 文字の太さ */
        color: green;                    /* 文字色 */
}
/*----*/div.gamereport p.title span.date { float: right; }
/*--*/div.information {
        margin: auto;
        width: 95%;
        border: 2px solid orange;   /* 外枠 */
        padding: 10px;             /* 内側の余白 */
        background-color: #ffffee; /* 背景色 */
}
/*----*/div.information p.main {
        background-image: url("../material/line/greendot.gif"); /* 罫線 */
        line-height: 25px; /* 行の高さ */
        margin: 0px;       /* 外側の余白 */
		padding: 0px 8px;
}
/*----*/div.information p.title {
		text-indent: 1em;
        margin: 0px 0px 8px 0px;           /* 外側の余白 */
        padding: 6px 0px;                  /* 内側の余白 */
        border-bottom: 3px double orange; /* 下線 */
        font-weight: bold;                 /* 文字の太さ */
        color: orange;                    /* 文字色 */
}
/*----*/div.information p.title span.date { float: right; }
/*--*/div.photoalbum {
		margin: auto;
		width: 98%;
        border: 2px solid green;   /* 外枠 */
        padding: 5px;             /* 内側の余白 */
        background-color: #ffffee; /* 背景色 */
}
/*----*/div.photoalbum p.main {
        background-image: url("../material/line/greendot.gif"); /* 罫線 */
        line-height: 25px; /* 行の高さ */
        margin: 0px;       /* 外側の余白 */
		padding: 0px 8px;
}
/*----*/div.photoalbum p.title {
		text-indent: 1em;
        margin: 0px 0px 12px 0px;           /* 外側の余白 */
        padding: 8px 0px;                  /* 内側の余白 */
        border-bottom: 3px double green; /* 下線 */
        font-weight: bold;                 /* 文字の太さ */
        color: green;                    /* 文字色 */
}
/*----*/div.photoalbum p.title span.date { float: right; }
/*----*/div.photoalbum img { border: gray ridge 4px; margin: 2px 0px; }
/*--*/div.reports {
        margin: auto;
        width: 95%;
        border: 2px solid #009900;   /* 外枠 */
        padding: 15px;             /* 内側の余白 */
        background-color: #ffffee; /* 背景色 */
}
/*----*/div.reports p.main{
        background-image: url("../material/line/greendot.gif"); /* 罫線 */
        line-height: 25px; /* 行の高さ */
        margin: 0px;       /* 外側の余白 */
		padding: 0px 15px;
		font-size: 18px;
		text-indent: 1em;
}
/*----*/div.reports p.title{
		text-indent: 1em;
        margin: 0px 0px 8px 0px;           /* 外側の余白 */
        padding: 6px 0px;                  /* 内側の余白 */
        border-bottom: 3px double #009900; /* 下線 */
        font-weight: bold;                 /* 文字の太さ */
        color: #009900;                    /* 文字色 */
		font-size: 24px;
}
/*--*/div.hotarticle {
		margin: auto;
		width: 800px;
        border: 2px solid red;   /* 外枠 */
        padding: 0 20px;             /* 内側の余白 */
        background-color: #fdf2d4; /* 背景色 */
}
/*----*/div.hotarticle p.main {
        background-image: url("../material/line/redbrus.gif"); /* 罫線 */
        line-height: 32px; /* 行の高さ */
        margin: 0px;       /* 外側の余白 */
		padding: 0px 3px;
		font-size: 20px;
		text-indent: 1em;
}
/*----*/div.hotarticle p.title {
		text-indent: 0.8em;
        margin: 0px 0px 14px 0px;           /* 外側の余白 */
        padding: 10px 0px;                  /* 内側の余白 */
        border-bottom: 8px double red; /* 下線 */
        font-weight: bold;                 /* 文字の太さ */
        color: red;                    /* 文字色 */
		font-size: 32px;
}
/*----*/div.hotarticle p.title span.date { float: right; }
/*--*/div.information {
        margin: auto;
        width: 95%;
        border: 2px solid orange;   /* 外枠 */
        padding: 10px;             /* 内側の余白 */
        background-color: #ffffee; /* 背景色 */
}
/*----*/div.reports p.title span.date { float: right; }
div.databox { margin: auto; text-align: center; color: black ;padding: 0;}
div.databox p.title { font-size: 28px}
div.databox p.information { float: right; font-size: 16px ; border: 1px solid black; margin: 0px 5px ; padding: 2px 5px; }
/*--*/table.data {
  table-layout: fixed;     /* 固定レイアウト */
  border-collapse: collapse; /* 隣接する枠線を重ねる */
  border: 2px solid black;   /* 外枠 */
  background-color: #ffffee; /* 背景色 */
  font-size: 16px;
  margin: auto;
}
/*--*/table.data caption {
  font-size: 20px;
  font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif ;
  font-weight: bold;
  letter-spacing: 5px; 
  text-align: center;
}
/*--*/table.data tr td{
  border: 1px solid black;
  padding: 3px;
  width: 370px;
}
/*----*/table.data th {
  border: 1px solid black; /* 表内側の線 */
  padding: 2px;
  width: 2.6em;
  text-align: center;
}
/*----*/table.data tbody.ranking th {
  border: 1px solid black; /* 表内側の線 */
  padding: 2px;
  width: 7.6em;
  text-align: center;
}
/*----*/table.data td.result {
  border: 1px solid black; /* 表内側の線 */ 
  padding: 2px;
  width: 8.5em;
}
/*----*/table.data td span {
  color: red;
}

/*----*/table.data td span.hikae {
  color: #dcdcdc;
}
/*----*/table.data td.name {
  border: 1px solid black; /* 表内側の線 */ 
  padding: 3px;
  width: 6.7em;
  text-align: left;
}
/*----*/table.data td.name span {
  color: black;
  font-size: 75%;
  margin-left:0.2em;
  font-weight: lighter; 
}
/*----*/table.data td.college {
  border: 1px solid black; /* 表内側の線 */ 
  padding: 3px;
  width: 9.2em;
  text-align: left;
}
/*----*/table.data tr.jichi {
  font-weight: bold;
  background-color: #ffcccc
}
/*----*/table.data tr.sum td, table.data tr.sum th {
  background-color: #ffe4b5
}
/*----*/table.data tr.sum td.result {
  font-weight: bold;
}
/**/div#pagemenu {
      width: 205px;
      margin: 0px;
      padding: 0px;
/*      border: solid gray 1px;*/
      z-index: 1;
}
	div#menu ul {text-indent: 0.8em; line-height: 30px; margin: 0; padding: 0;}
	div#menu ul li.totop:before { content: url("../material/icon/minisilet.gif");}
	div#menu ul li.tobuinn:before { content: url("../material/icon/buinn.gif");}
	div#menu ul li.toshinkan:before { content: url("../material/icon/shinkan.gif");}
	div#menu ul li.toyear { text-indent: 2em;}
	div#menu ul li.toyear:before { content: url("../material/icon/kiroku.gif");}
/**/div.clear { clear: both; }
div#pagefoot {  
  width: 910px;
  margin: 0 auto;
  padding: 0 0 0 0;
  border: solid gray 1px;
  border-top: none;
  text-align: center;
}
div#pagefoot p{
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 0;
  line-height: 1.4em;
  position: relative;
  top: 30px;
}


/* ★★★クラス設定★★★ */

p.firstletter:first-letter {
  color: white;
  background-color: orange;
  font-size: 200%;
}
div.imageboxright { float: right; font-size: 80%; color: gray; }
div.imageboxleft { float: left; font-size: 80%; color: gray; }
div.imageboxcenter { margin: auto; font-size: 80%; color: gray; }
div.largeimage { width: 100%; overflow: auto; }
span.hurigana  {
  color: gray;
  font-size: 90%;
}
a.pdf {
  background-image: url("../material/icon/pdf.gif");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 30px;
  margin-right: 3px;
}
.load{
  background: url("../material/icon/load1.gif") no-repeat center;
}
.marker1 { background-color: #ffff55; padding: 0.3em 0px; }
.marker2 { border-bottom: double red 3px; font-weight: bold;}
.marker3 { font-size: 135%; color: red; font-weight: bold;}
.marker4 { font-size: 135%; color: blue; font-weight: bold;}
.surround1 { border-width: 5px;
  border-color: green;
  border-style: solid;
  background-color: #ccffcc;
  color: #0000cc;
  padding: 0.5em;
  border-left-width: 12px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 3px;
}
.sep1 {
  background-image: url("../material/line/redbrush.gif");
  background-repeat: repeat-x;
  background-position: bottom left;   padding-bottom: 38px;
}


/* ★★★特殊ページ設定★★★ */

div.centerbox {
  position: absolute;
  top:  50%;
  left: 50%;
  width:  360px;        /* 横幅 */
  height: 210px;        /* 高さ */
  margin-left: -180px;  /* マイナス「横幅÷2」 */
  margin-top:  -105px;  /* マイナス「高さ÷2」 */
  overflow: auto;  /* 内容がはみ出る場合の表示方法 */
  background-color: #ffcccc; /* 背景色 */
  color: #000000;            /* 文字色 */
}

/* トップメニュー */
#topmenu ul {
      margin: 0px;
      padding:0px 0 0 0;/*- Menu 上右下左- */
      list-style:none;
      display:table;
      white-space:nowrap;
      height:35px;
      position:relative;
      font-size:13px;
}
#topmenu li {
      display:table-cell;
      margin:0;
      padding:0;
}
#topmenu li a {
      display:block;
      float:left;
      height:35px;
      line-height:30px;
      color:#333;
      text-decoration:none;
      font-family:arial, verdana, sans-serif;
      font-weight:bold;
      text-align:center;
      padding:0 0 0 10px;
      cursor:pointer;
      background:url(topmenuimages/pro_six_0a.gif) no-repeat;
}
#topmenu li a span {
      float:left;
      display:block;
      padding:0 25px 5px 15px;
      background:url(topmenuimages/pro_six_0b.gif) no-repeat right top;
}
#topmenu li.current a {
      color:#fff;
      background:url(topmenuimages/pro_six_2a.gif) no-repeat;
}
#topmenu li.current a span {
      background:url(topmenuimages/pro_six_2b.gif) no-repeat right top;
}
#topmenu li a:hover {
      color:#fff;
      background: url(topmenuimages/pro_six_1a.gif) no-repeat;
}
#topmenu li a:hover span {
      background:url(topmenuimages/pro_six_1b.gif) no-repeat right top;
}
#topmenu li.current a:hover {
      color:#fff;
      background: url(topmenuimages/pro_six_2a.gif) no-repeat;
      cursor:default;
}
#topmenu li.current a:hover span {
      background:url(topmenuimages/pro_six_2b.gif) no-repeat right top;
}

#topmenu ul {
      display:inline-block;
}
#topmenu ul {
      display:inline;
}
#topmenu ul li {
      float:left;
}

ul#pankuzu {  
     margin:10px 8px;
     padding: 0;
     font-size: 16px;
}  
ul#pankuzu li {  
     display:inline;  
     line-height:110%;  
     list-style-type:none;  
}  
ul#pankuzu li a {  
     padding-right:10px;  
     background:url(../material/icon/topicpath.gif) no-repeat right center;  
}
ul#pankuzu li a:visited { color: blue;} 
/* ★★★サイドメニュー★★★ */
#sidemenu{
	background:#fff;
	width:205px;/*- メニュー 幅- */
	margin: auto;
}
#sidemenu ul{
	padding:0;
	margin:0;
	list-style:none;
}
#sidemenu li{
	list-style:none;
	margin:2px 0;/*- メニュー 間- */
}
#sidemenu li.large a{
	list-style:none;
	background:#82837c;
	color:#fff;/*- メニュー 文字カラー- */
	text-transform:uppercase;
	font-size:20px;/*- メニュー 文字サイズ- */
	font-weight:bold;
	text-decoration:none;
	border:solid #777776;
	border-width:0 10px 0 10px;
	display:block;
	height:50px;/*- メニュー 高さ- */
	line-height:50px;/*- 文字 高さ- */
	padding:0 0 0 16px;
}
#sidemenu li.small a{
	list-style:none;
	background:#82837c;
	color:#fff;/*- メニュー 文字カラー- */
	text-transform:uppercase;
	font-size:12px;/*- メニュー 文字サイズ- */
	font-weight:bold;
	text-decoration:none;
	border:solid #777776;
	border-width:0 10px 0 10px;
	display:block;
	height:20px;/*- 文字 高さ */
	line-height:20px;/*- メニュー 高さ- */
	padding:0 0 0 18px;
}
#sidemenu li a:hover{
	background:#777776;
	color:#fff;
}
#sidemenu li a.color1{/*green*/
	background:#83ad3e;
	border:solid #6f9234;
	border-width:0 10px 0 10px;
}
#sidemenu li a:hover.color1{
	background:#6f9234;
}
#sidemenu li a.color2{/*blue*/
	background:#4396bd;
	border:solid #377e9f;
	border-width:0 10px 0 10px;
}
#sidemenu li a:hover.color2{
	background:#377e9f;
}
#sidemenu li a.color3{/*brn*/
	background:#a53cbe;
	border:solid #87249f;
	border-width:0 10px 0 10px;
}
#sidemenu li a:hover.color3{
	background:#87249f;
}
#sidemenu li a.color4{/*pink*/
	background:#ff24ff;
	border:solid #d900d9;
	border-width:0 10px 0 10px;
}
#sidemenu li a:hover.color4{
	background:#d900d9;
}
#sidemenu li a.color5{/*orange*/
	background:#ff7327;
	border:solid #d65611;
	border-width:0 10px 0 10px;
}
#sidemenu li a:hover.color5{
	background:#d65611;
}
#sidemenu div.linknavi { margin: 20px 0 0 5px; width: 97%; border: dotted 1px #696969 }
#sidemenu div.linknavi p.title { text-align: center; font-size: 120%;}
#sidemenu div.linknavi ul li { margin: 2px 0.5em; font-size: 80%;}

#menu{
	width:190px;/*- メニュー 幅- */
	margin: 0 0 5px 15px;
	padding: 0;
}
#menu ul{
	padding:0;
	margin:0;
	list-style:none;
}
#menu li{
	list-style:none;
	margin:0 0 12px 0;/*- メニュー 間- */
}
#menu li a{
	list-style:none;
	color: black;
	font-size:30px;/*- メニュー 文字サイズ- */
	text-decoration:none;
	line-height: 1.15;
	vertical-align: text-bottom;
	font-family: "ＭＳ 明朝",sans-serif;
}
#menu li a:hover{
color: #660000;
background-color: #ffdab9;
text-decoration: underline;
font-family: "ＭＳ 明朝",sans-serif;
}
#menu li a:active{
position: relative;
top: 2px;
right: -2px;
}
#menu li img{
vertical-align: -25%;
margin: 0px 5px;
border: none;
}
#menu div.linknavi { margin: auto; background-color: #ffffee; width: 98%; border: dotted 1px #696969 }
#menu div.linknavi p.title { text-align: center; font-size: 120%;}
#menu div.linknavi ul li { padding: 2px 0.5em; font-size: 80%;}
/* 念のため(調整用)
a:active {
  position: relative;
  top: 1px;
  left: 1px;
  text-decoration: none;
  color: #cc66ff ;
}*/