/* CSS Document */

body { 
  font-family     : "MS UI Gothic",Osaka,sans-serif;
  font-size  : 12px;
  color: #000033;
  line-height: 1.166; 
  background-color:#ffffff;
  margin: 0px;
}

td { 
  font-family     : "MS UI Gothic",Osaka,sans-serif;
  font-size  : 12px;
}

a:link {
	color: #3399ff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3399ff;
}
a:active {
	text-decoration: none;
	color: #3399ff;
}
a:hover {
	text-decoration: underline;
	color: #ff9900;
}
/* パーツとパーツの間に空きを作る */

img.v_spacer_s {
	display: block ;
	width: 100% ;
	height: 3px ;
}

img.v_spacer_m {
	display: block ;
	width: 100% ;
	height: 5px ;
}

img.v_spacer_l {
	display: block ;
	width: 100% ;
	height: 8px ;
}
/* 空のセルに挿入するダミー画像 */

img.dummy {
	display: block ;
}

h1   {
  margin:0px;
}

form {
  margin : 0;
}

.logo{
  margin-left : 115px;
  margin-top  : 22px;
}

.header2{
  text-align : center;
}

.search{
  text-align : center;
  vertical-align : middle;
  background : #ffffff;
  border : 1px solid #cccccc;
  margin : 0px;
  padding-top: 4px;
}

.rightsideT{
  border : 1px solid #88B8CF;
  background : #E5F1FF;
  font-weight : bold;
  padding-left : 10px;
  height : 20px;
}
.rightside{
  padding : 9px 0px;
  border-right : 1px solid #88B8CF;
  border-left : 1px solid #88B8CF;
  border-bottom : 1px solid #88B8CF;
}

.rightsideL{
  padding : 9px 0px;
  border-right : 1px solid #88B8CF;
  border-left : 1px solid #88B8CF;
  border-bottom : 1px solid #88B8CF;
}

.rightsideR{
  padding : 9px 0px;
  border-right : 1px solid #88B8CF;
  border-bottom : 1px solid #88B8CF;
}

.rightside ul, .rightsideL ul, .rightsideR ul {
  margin: 0px 5px;
  padding: 0px;
  }

.rightside li, .rightsideL li, .rightsideR li {
  color: #000033;
  list-style-type: disc;
  list-style-position: inside;
  font-size: 13px;
  padding: 1px 0px;
}

.content1{
  line-height: 1.3; 
  vertical-align : top;
  border-right: 1px solid #88B8CF;
  border-left : 1px solid #88B8CF;
}
.content_x{
  line-height: 1.3; 
  vertical-align : top;
  border-right: 1px solid #88B8CF;
  border-left : 1px solid #88B8CF;
  border-bottom : 1px solid #88B8CF;
}
.content2{
  background  : #F7FAFF;
  border-right: 1px solid #88B8CF;
  border-left : 1px solid #88B8CF;
  border-bottom : 1px solid #88B8CF;
}
.content3{
  padding:5px;
  vertical-align : top;
  border-right: 1px solid #88B8CF;
  border-left : 1px solid #88B8CF;
}
.content4{
  border-right: 1px solid #88B8CF;
  border-left : 1px solid #88B8CF;
}
.content5{
  background  : #F7FAFF;
  line-height: 1.3; 
  vertical-align : top;
  border-right: 1px solid #88B8CF;
  border-left : 1px solid #88B8CF;
  border-bottom : 1px solid #88B8CF;
}

.lifeT{
  width: 55px;
  padding : 4px;
  font-size : 12px;
}

.lifeP{
  width: 30px;
}

.life{
  padding : 4px 6px;
  font-size : 12px;
}


.life ul {
  margin: 0px;
  padding: 0px;
  }

.life li {
  display: inline;
  color: #000033;
  font-size: 12px;
  list-style-type: none;
  padding: 0px 8px;
  margin: 0px;
  border: solid #bbbbbb;
  border-width: 0px 0px 0px 2px;
  line-height: 1.3; 
  }

.footer{
  text-align : center;
  border-top : 1px solid #88B8CF;
  font-size  : 12px;
}

.bannerarea{
  text-align : center;
  vertical-align : top;
}


.sampleHtml{
  margin : 0px 8px;
}

.sampleHtml dd{
  margin : 2px 4px;
}

.k2{
     width:540px;
     font-size:12px;
     margin-left:10px;
     line-height:150%;
     background-image:url("../images/text_b.gif");
}
.tbl {
        scrollbar-3dlight-color:#ffffff;
        scrollbar-arrow-color:#ffffff;
        scrollbar-darkshadow-color:#bababa;
        scrollbar-face-color:#bababa
        scrollbar-highlight-color:#bababa;
        scrollbar-shadow-color:#ffffff;
        scrollbar-track-color:#bababa;
 }
.cal1 {

}
.cal2 {
     font-size:14px;
}
.cal2 a:link, a:visited, a:hover {
     color:ff6600;
     text-decoration: none;
}
.cal2 a:hover {
     color: #3399ff;
}
.cal3 {

}
.cal4 {
     font-size:14px;
     color: #3399ff;
}
h1.folder0 {
     background-image:url("../images/folder0.jpg");
     background-repeat:no-repeat;
     height:30px;
     margin:0 0 10px 0px;
     padding:10px 0 0 48px;
     font-size:14px;
}
h2.folder1 {
     background-image:url("../images/folder1.jpg");
     background-repeat:no-repeat;
     height:37px;
     margin:0 0 0 20px;
     padding:3px 0 0 45px;
     font-size:14px;
}
h3.folder2 {
     background-image:url("../images/folder2.jpg");
     background-repeat:no-repeat;
     height:15px;
     margin:0 0 0 70px;
     padding:3px 0 0 20px;
     font-size:12px;
}
h4.folder3 {
     background-image:url("../images/folder2.jpg");
     background-repeat:no-repeat;
     height:15px;
     margin:0 0 0 100px;
     padding:3px 0 0 20px;
     font-size:12px;
}

/* ここからニュースタイル */
.n1 a {background:url(../images/top/2-btn_off.jpg) no-repeat;background-position:0px 0px; margin:0 0x 0px 0;}
.n1 a:hover {background:url(../images/top/2-btn_on.jpg) no-repeat;background-position:0px 0px;}

.n3 a {background:url(../images/top/3-btn_off.jpg) no-repeat;background-position:0px 0px; margin:0 0x 0px 0;}
.n3 a:hover {background:url(../images/top/3-btn_on.jpg) no-repeat;background-position:0px 0px;}

.n4 a {background:url(../images/top/4-btn_off.jpg) no-repeat;background-position:0px 0px; margin:0 0x 0px 0;}
.n4 a:hover {background:url(../images/top/4-btn_on.jpg) no-repeat;background-position:0px 0px;}

.n6 a {background:url(../images/top/6-btn_off.jpg) no-repeat;background-position:0px 0px; margin:0 0x 0px 0;}
.n6 a:hover {background:url(../images/top/6-btn_on.jpg) no-repeat;background-position:0px 0px;}

.n7 a {background:url(../images/top/7-btn_off.jpg) no-repeat;background-position:0px 0px; margin:0 0x 0px 0;}
.n7 a:hover {background:url(../images/top/7-btn_on.jpg) no-repeat;background-position:0px 0px;}

.n8 a {background:url(../images/top/8-btn_off.jpg) no-repeat;background-position:0px 0px; margin:0 0x 0px 0;}
.n8 a:hover {background:url(../images/top/8-btn_on.jpg) no-repeat;background-position:0px 0px;}

.n9 a {background:url(../images/top/9-btn_off.jpg) no-repeat;background-position:0px 0px; margin:0 0x 0px 0;}
.n9 a:hover {background:url(../images/top/9-btn_on.jpg) no-repeat;background-position:0px 0px;}

.miccaarea1 {
     background-image:url("../images/top/1-middle.jpg");
     background-repeat:repeat-y;
     padding:0 12px 0 20px;
     line-height:140%;
}
.miccaarea2 {
     background-image:url("../images/top/2-middle.jpg");
     background-repeat:repeat-y;
     padding:0 12px 0 25px;
     line-height:140%;
}
.miccaarea3 {
     background-image:url("../images/top/3-middle.jpg");
     background-repeat:repeat-y;
     padding:0 12px 0 25px;
     line-height:140%;
}
.miccaarea4-1 {
     background-image:url("../images/top/4-middle1.jpg");
     background-repeat:repeat-y;
     padding:0 12px 0 25px;
     line-height:140%;
}
.miccaarea4-3 {
     background-image:url("../images/top/4-middle3.jpg");
     background-repeat:repeat-y;
     padding:0 12px 0 25px;
     line-height:140%;
}
.miccaarea5 {
     background-image:url("../images/top/5-middle.jpg");
     background-repeat:repeat-y;
     padding:0 12px 0 25px;
     line-height:140%;
}
.miccaarea6 {
     background-image:url("../images/top/6-middle.jpg");
     background-repeat:repeat-y;
     padding:0 12px 0 25px;
     line-height:140%;
}
.miccaarea8 {
     background-image:url("../images/top/8-middle.jpg");
     background-repeat:repeat-y;
     padding:0 12px 0 25px;
     line-height:140%;
}
.miccaarea9 {
     background-image:url("../images/top/9-middle.jpg");
     background-repeat:repeat-y;
     margin:0;
     padding:0 12px 0 25px;
}
.miccaarea10 {
     background-image:url("../images/top/9-middle.jpg");
     background-repeat:repeat-y;
     margin:0;
     padding:0;
}
.miccaarea15 {
     background-image:url("../images/top/15-middle.jpg");
     background-repeat:repeat-y;
     padding:0 12px 0 20px;
     line-height:140%;
}
.sho {
     background-image:url("../images/top/sho.gif");
     background-repeat:no-repeat;
     padding:5px 0px 0 45px;
     height:30px;
     font-weight:bold;
     color:#663300;
}
.chu {
     background-image:url("../images/top/chu.gif");
     background-repeat:no-repeat;
     padding:5px 0px 0 45px;
     height:30px;
     font-weight:bold;
     color:#663300;
}
li.sho {
     background-image:url("../images/top/sho.gif");
     background-repeat:no-repeat;
     padding:5px 0px 0 45px;
     height:25px;
     list-style-type:none;
     margin:0 0 0 0;
}
li.chu {
     background-image:url("../images/top/chu.gif");
     background-repeat:no-repeat;
     padding:5px 0px 0 45px;
     height:25px;
     list-style-type:none;
     margin:0 0 0 0;
}
.yazi {
     background-image:url("../images/top/yazi.gif");
     background-repeat:no-repeat;
     padding:0px 0px 10px 10px;
     height:15px;
     font-weight:bold;
     color:#663300;
}
.yazi2 {
     background-image:url("../images/top/yazi.gif");
     background-repeat:no-repeat;
     padding:0px 0px 0px 10px;
     height:15px;
     font-weight:bold;
}
.yazi3 {
     background-image:url("../images/top/yazi.gif");
     background-repeat:no-repeat;
     padding:0px 0px 10px 10px;
     height:15px;
     font-weight:bold;
     color:#ff6600;
}

/*-------------- カテゴリブロック(category)*/

div#root-contents2 {
	clear: both;
	width: 200px;
	margin:0 0 0 0;
	overflow: auto;
}

div#root-contents2
div#category {
	padding: 0px 0px 0px 0px;
	width: 200px;
	overflow: auto;
}

/* カテゴリ名 */

div#root-contents2
div#category
h2 {
	float: left;
	width: 180px;
	height: 50px;
	padding: 0px 0px 3px 0px;
}

div#root-contents2
div#category
h2
a {
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
}

div#root-contents2
div#category
h2
a:hover {
	left: 2px;
	top: 2px;
}

div#root-contents2
div#category
div.categoryDetails {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 500;
	background-color: #FFFFFF;
	display:none;
	width: 160px;
}

div#root-contents2
div#category
div.categoryDetails
ul {
	background-color: #FFFFFF;
	border: 1px solid #ff6600;
	padding: 5px 5px 5px 5px;
	list-style-image: url(../images/link_allow.gif);
	list-style-type: square;
}

div#root-contents2
div#category
div.categoryDetails
li
a {
	color: #ff6600;
	margin: 0px;
	padding: 1px 2px;
	display: block;
	_width: 100%;
	line-height: 1.1em;
	text-decoration: none;
}

div#root-contents2
div#category
div.categoryDetails
a:hover {
	color: #FFFFFF;
	background-color: #ff6600;
}