/* CSS Document */
/* topiclist_sytle.css */
/*------------------------------------------*/
/* 			for topiclist	 				*/
/*------------------------------------------*/
#topiclist { 
    width: 335px; 
} 
#topiclist ul { 
    margin: 0px; 
    padding: 0px; 
} 
#topiclist ul li { 
    list-style-type: none; 	/* マーカーなし*/
} 
#topiclist ul li a { 
    display: block; /* ここでaタグに対し、blockに設定をします */ 
    text-decoration: none; 
    border: 1px solid #cccccc;	/*#333333; */
    padding: 10px; 
} 
#topiclist ul li a:hover { 
    background-color: #95B8BD;	/*#ffcccc;	#ff99cc;	#ff3333; */
} 
#topiclist ul li a img { 
    border-top-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 0px; 
    border-left-width: 0px; 
    margin-right: 10px; 
} 
#topiclist ul li a .li_title { 
    display: block; /* タイトルのspanに対し、blockに設定 */ 
    color: #CC0000;		/*#FF0000;赤14回*/	/*#FF0066;*/ 
    text-decoration: none; 
    font-size: 15px;	/*13px;*/ 
} 
#topiclist ul li a .li_cont { 
    display: block; /* 本文のspanに対し、blockに設定 */ 
    color: #000000;	/*#FFFFFF;*/ 
    text-decoration: none; 
    font-size: 12px; 
    padding-top: 10px; 
    line-height: 1.5; 
    padding-left: 30px; 
} 
#tpl00 {
    border: 1px solid #999999;	/*#333333;*/ 	/*枠をつける*/
    padding: 10px; 
}
#tpl01 {
    background-color: #F5D5C2;	/*#cad9fd; */
}
#tpl02 {
    background-color: #DBE254;	/*#C2F5D0;*/	/*#DBE254; 14回大阪*/	/*#cad900;	222222;*/ 
}
#tp_kanagawa {
    background-color: #BAF0FA;	/*#DBE254;*/	/*#C2F5D0;*/	/*#DBE254; 14回大阪*/	/*#cad900;	222222;*/ 
}
.spc {
    padding: 3px; 
}
.center1 {
	color:#0000ff;
    font-size: 15px; 
    line-height: 2.5; 
    padding: 10px; 
}
#tushin01 {
	text-align:center;
	color:#0000ff;
    font-size: 15px; 
    line-height: 1.2; 
    border: 1px solid #999999;	/*#333333;*/ 	/*枠をつける*/
    padding: 10px; 
    text-decoration: none; 
	background-image:url('../images/design/d017bcg.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
}
a.a_cs1:link {	
	text-decoration: none;color:blue;
	}
a.a_cs1:visited {	
	text-decoration: none;color:blue;
	}
a.a_cs1:hover {	
	text-decoration: underline;color:blue;
	}
a.a_cs1:active {
	text-decoration: underline;color:blue;
	}
/*------------------------------------------*/
/* 			for topicd_01,02 				*/
/*------------------------------------------*/
#topiclist1 { 
    width: 420px;	/*335px;*/ 
    border: 1px solid #333333; 
    padding: 10px; 
} 
#topiclist1 ul { 
    margin: 0px; 
    padding: 0px; 
} 
#topiclist1 ul li { 
    list-style-type: none; 	/* マーカーなし*/
} 
#topiclist1 ul li a { 
    display: block; /* ここでaタグに対し、blockに設定をします */ 
    text-decoration: none; 
    border: 1px solid #666666;	/*#333333;*/ 
    padding: 10px; 
} 
#topiclist1 ul li a img { 
    border-top-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 0px; 
    border-left-width: 0px; 
    margin-right: 10px; 
} 
#topiclist1 ul li a .li_title { 
    display: block; /* タイトルのspanに対し、blockに設定 */ 
    color: #CC0000;			/*#FF0066; 赤14回*/ 
    text-decoration: none; 
    font-size: 15px;	/*13px;*/ 
} 
#topiclist1 ul li a .li_cont { 
    display: block; /* 本文のspanに対し、blockに設定 */ 
    color: #000000;	/*#FFFFFF;*/ 
    text-decoration: none; 
    font-size: 15px; 
    padding-top: 10px; 
    line-height: 1.5; 
    padding-left: 40px; 
} 
div.kaisaichi { 
    display: block; /* 本文のspanに対し、blockに設定 */ 
	float:right;
    color: #000000;			/*#FF0066; 赤14回*/ 
    text-decoration: none; 
    font-size: 15px;	/*13px;*/ 
	font-weight:normal;
    padding-top: 20px; 
} 
	a.modoru:link {									/* 前のページへ戻る　*/
	text-decoration: underline;color:blue;
	font-style:oblique;
	font-size:10pt;
	}
/*************************************************************/
/******************************************************************************/
/*　＠�C　CSSアニメーション（スライド）設定	　　　　　　　　　　　　　　　　　*/
/******************************************************************************/

/* 0214 <aside id="topimg">*/
#topicimg {
	clear: left;
	width:230;
/*	width:100%;*/
/*	↑slide1 の高さで上下サイズが決まる。。 */
/*	margin-bottom: 10px;*/
	position: relative;
}

/*no1*/

@keyframes tslide1 {
	0% {opacity: 1;}
	10% {opacity: 1;}
	20% {opacity: 1;}
	30% {opacity: 0;}
	90% {opacity: 0;}
	100% {opacity: 1;}
}
/*no2*/

@keyframes tslide2 {
	0% {opacity: 0;}
	20% {opacity: 0;}
	30% {opacity: 1;}
	40% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}
/*no3*/

@keyframes tslide3 {
	0% {opacity: 0;}
	40% {opacity: 0;}
	50% {opacity: 1;}
	60% {opacity: 1;}
	70% {opacity: 0;}
	100% {opacity: 0;}
}
/*no4*/

@keyframes tslide4 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}

/*--------------------------------------------------------*/
/*no1-no5 画像設定*/

#tslide1,#tslide2,#tslide3,#tslide4{
	animation-duration: 40s;					/*実行する時間。「s」は秒の事。*/
	-webkit-animation-duration: 40s;			/*同上。ベンダープレフィックス */
	animation-iteration-count:infinite;			/*実行する回数。「infinite」は無限に繰り返す意味。*/
	-webkit-animation-iteration-count:infinite;	/*同上。ベンダープレフィックス*/
	vertical-align: bottom;
}

/*no1*/

#tslide1 {
	animation-name: tslide1;				/*上で設定しているキーフレーム（keyframes）名*/
	-webkit-animation-name: tslide1;		/*同上。ベンダープレフィックス*/
	position: relative;

	width: 100%;
	height: auto;
}

/*no2*/

#tslide2 {
	animation-name: tslide2;				/*上で設定しているキーフレーム（keyframes）名*/
	-webkit-animation-name: tslide2;		/*同上。ベンダープレフィックス*/
	position: absolute;

	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}

/*no3*/

#tslide3 {
	animation-name: tslide3;				/*上で設定しているキーフレーム（keyframes）名*/
	-webkit-animation-name: tslide3;		/*同上。ベンダープレフィックス*/
	position: absolute;

	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}
#tslide4 {
	animation-name: tslide4;				/*上で設定しているキーフレーム（keyframes）名*/
	-webkit-animation-name: tslide4;		/*同上。ベンダープレフィックス*/
	position: absolute;

	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}

#topicimg:hover img{
-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
	animation-play-state:paused;
}

/******************************************************************************/
/*	END																	      */
/******************************************************************************/

/*************************************************************/