<!--

body{font-size:18px;
     line-height:23px;
     color: #666666;
     scrollbar-highlight-color: #FFFFFF;
     scrollbar-shadow-color: #FFFFFF;
     scrollbar-arrow-color: #FFFFFF;
     scrollbar-face-color: #002c39;
     scrollbar-3dlight-color: #002c39;
     scrollbar-track-color: #FFFFFF;
     scrollbar-darkshadow-color: #002c39;
     color:;
     background-color: ;
     background-image: url(imgs/backwall.gif);
     background-repeat : repeat-x ;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
}

td{font-size:15px;
   line-height:20px;
   color: #666666;}
   
p{font-size:20px;
   line-height:26px;
   color: #666666;}

h1{font-size:13px;
   line-height:14px;
   font-weight: bold;
   color: #666666;}

h2{font-size:16px;
   line-height:22px;
   font-weight: bold;
   color: #666666;}

A {text-decoration: none;}

A:link {color:#000000;}

A:visited {color:#000000;}

A:hover {font-size: 15px;
         font-weight: bold;
visibility : visible;
float : none;
clear : none;
position : relative;
/*top : 1pt;*/
/*left : 1pt;*/
font-weight : bold;
color : red;
}

/*　文字入りボタンのための追加指定分のスタイル */
A.rolov0 /* 共通する値 */
{
    display:block;
    width : 80px;   
    height : 20px;  
    }
A.rolov01 /* 以下は個別に変化する画像のアドレス部分　*/
{display:block;float : right;
    width : 102px;
    height : 40px;
    background-image : url(imgs/menu-01.gif);
    }
A:HOVER.rolov01
{display:block;float : right;
    width : 102px;
    height : 40px;
    background-image : url(imgs/menu-11.gif);
}

A.rolov02 
{display:block;float : right;
    width : 100px;
    height : 40px;
     background-image : url(imgs/menu-02.gif);
    }
A:HOVER.rolov02
{display:block;float : right;
    width : 100px;
    height : 40px;
    background-image : url(imgs/menu-12.gif);
}

A.rolov03 
{display:block;float : right;
    width : 100px;
    height : 40px;
    background-image : url(imgs/menu-03.gif);
    }
A:HOVER.rolov03
{display:block;float : right;
    width : 100px;
    height : 40px;
    background-image : url(imgs/menu-13.gif);
}

A.rolov04 
{display:block;float : right;
    width : 100px;
    height : 40px;
    background-image : url(imgs/menu-04.gif);
    }
A:HOVER.rolov04
{display:block;float : right;
    width : 100px;
    height : 40px;
    background-image : url(imgs/menu-14.gif);
}

A.rolov05 
{display:block;float : right;
    width : 100px;
    height : 40px;
    background-image : url(imgs/menu-05.gif);
    }
A:HOVER.rolov05
{display:block;float : right;
    width : 100px;
    height : 40px;
    background-image : url(imgs/menu-15.gif);
}

.info { width:800px; margin-bottom:50px;}
.info h3 { font-size:140%;  color: #6cb4e4;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  margin-bottom:10px;
}
.info dl { border:1px solid #CCCCCC; padding:15px 15px 0; margin:0;}
.info dl dt {float: left;}
.info dl dd {margin-left: 100px; text-align:left; margin-bottom:15px;}
.info dl dd .catName { display:inline-block; width:50px; text-align:center; 
	padding:4px 8px 3px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 10px 0 2px;
}
.info dl dd .newMark { display:inline-block;
  animation: flash 1.5s linear infinite;
	border:1px solid #F00;
	padding:2px 6px;
	margin-left:6px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	border-radius:8px;
	font-style:italic;
	font-weight:bold;
}

/* -------------------------- News -------------------------- */

#news { padding: 10px; }

#news ul#newsList{
	margin:0 0 15px;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#news ul#newsList li{
	color:#666;
	font-size:12px;
	margin:0;
	padding:5px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:120%;
	list-style-type:none;
}
#news a{color:#36F;text-decoration:none;}
#news a:hover{color:#039;text-decoration:none;}

#news .catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}
#news .newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
#news .comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
#news .thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}
/* Pager style（外部化可） */
#news .pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
#news .pager a{
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
#news .pager a.current{
    background: #999;
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}

#news .pager a:hover{ background:#999; color: #fff; }
#news .overPagerPattern{ padding:0 2px ; }

#newsList { padding:15px;}

#news h2{ font-size:1.6rem; padding:15px; font-weight:bold; background:#FFAA66; color:#FFF; }
#up_ymd{ text-align:right; font-size:13px; margin:5px 10px 10px; }
.detailUpfile{ margin:5px 0 35px; text-align:center; }
.backORcloseBtn{ text-align:center; line-height:100%; margin-top:30px; }
.backORcloseBtn a{
	display:inline-block;
	padding:5px 20px;
	border:1px solid #aaa;
	color:#999;
	border-radius:4px;
	text-decoration:none;
	font-size:1.4rem;
}
.backORcloseBtn a:hover{ text-decoration:none; background:#FFAA66; color:#FFF; }
#news .detailUpfile img{ max-width:100%; height:auto; }
#news .pNav{ font-size:11px; }


-->