#title_article_box_id {margin-top: 25px; text-align: center;}
#title_article_box_id > h1, #title_article_box_id > p {
	font-size: 37px;
	line-height: 41px; 
	font-family: Impact;
	letter-spacing: 4px;
	font-weight: bold; 
	color: #72728b; 
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 1.0); 
	filter: dropshadow(color=#00000, offX=0, offY=1);
	vertical-align: top;
	}
	
.first_list_article {margin-top: 20px;}
.first_list_article > div {cursor: pointer; margin-bottom: 10px; /*border: 1px solid #0000ff;*/}
.first_list_article > div > div {position: relative;/* border: 1px solid #000000;*/}
.first_list_article > div > div:nth-child(2) {height: 0px; background-color: #ffffff; overflow: hidden;}
.first_list_article > div > div > div {position: absolute; top: 0; left: 3%; width: 94%; clip: rect(auto auto 0 auto); padding: 20px 0; text-align: left;/* border: 1px solid #ff0000;*/}
.first_list_article > div > div:nth-child(1) {position: relative; text-align: center; padding: 8px 0; border: 1px solid #909090; 
	background-color: #ffffff;
	background-image: -moz-linear-gradient(left, rgba(79,79,109,0.8) 0, rgba(79,79,109,0.2) 15%, rgba(79,79,109,0.05) 25%, rgba(79,79,109,0.05) 50%, rgba(79,79,109,0.05) 75%, rgba(79,79,109,0.2) 85%, rgba(79,79,109,0.8) 100%); /* FF3.6-15 */
	background-image: -webkit-linear-gradient(left, rgba(79,79,109,0.8) 0, rgba(79,79,109,0.2) 15%, rgba(79,79,109,0.05) 25%, rgba(79,79,109,0.05) 50%, rgba(79,79,109,0.05) 75%, rgba(79,79,109,0.2) 85%, rgba(79,79,109,0.8) 100%);
	background-image: linear-gradient(to right, rgba(79,79,109,0.8) 0, rgba(79,79,109,0.2) 15%, rgba(79,79,109,0.05) 25%, rgba(79,79,109,0.05) 50%, rgba(79,79,109,0.05) 75%, rgba(79,79,109,0.2) 85%, rgba(79,79,109,0.8) 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#66ffffff',GradientType=1 );*/

	-webkit-transition: all .5s;
	transition: all .5s;
	}
.first_list_article > div > div:nth-child(1):hover {
	background-image: -moz-linear-gradient(left, rgba(79,79,109,0.8) 0, rgba(79,79,109,0.6) 15%, rgba(79,79,109,1.0) 25%, rgba(79,79,109,1.0) 50%, rgba(79,79,109,1.0) 75%, rgba(79,79,109,0.6) 85%, rgba(79,79,109,0.8) 100%); /* FF3.6-15 */
	background-image: -webkit-linear-gradient(left, rgba(79,79,109,0.8) 0, rgba(79,79,109,0.6) 15%, rgba(79,79,109,1.0) 25%, rgba(79,79,109,1.0) 50%, rgba(79,79,109,1.0) 75%, rgba(79,79,109,0.6) 85%, rgba(79,79,109,0.8) 100%);
	background-image: linear-gradient(to right, rgba(79,79,109,0.8) 0, rgba(79,79,109,0.6) 15%, rgba(79,79,109,1.0) 25%, rgba(79,79,109,1.0) 50%, rgba(79,79,109,1.0) 75%, rgba(79,79,109,0.6) 85%, rgba(79,79,109,0.8) 100%);
	}
.first_list_article > div > div:nth-child(1) > p {font-size: 29px; line-height: 33px;/* letter-spacing: .2em;*/ font-weight: bold; color: /*#e41f25*/#72728b;
	text-shadow: 0px 1px 0px rgba(55, 55, 55, 1.0); 
	filter: dropshadow(color=#ffffffff, offX=0, offY=1); 
	
	-webkit-transition: all .5s;
	transition: all .5s;
	}
.first_list_article > div > div:nth-child(1) > span {display: block; position: absolute; font-size: 35px; line-height: 100%; font-weight: bold; color: /*#e41f25*/#72728b; top: 2px; right: 20px; margin: 0; padding: 0;/* border: 1px solid #00ff00;*/
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); 
	filter: dropshadow(color=#ffffffff, offX=0, offY=1); 
	
	-webkit-transition: all .5s;
	transition: all .5s;
	}
.first_list_article > div > div:nth-child(1):hover > p {color: #ffffff;
	text-shadow: 0px 1px 0px rgba(55, 55, 55, 1.0); 
	filter: dropshadow(color=#ff353535, offX=0, offY=1);
	}
.first_list_article > div > div:nth-child(1) > span.rotate_bottom, .first_list_article > div > div:nth-child(1) > span.rotate_top {color: #ffffff; top: 7px;
	text-shadow: 0px 1px 0px rgba(55, 55, 55, 1.0); 
	filter: dropshadow(color=#ff353535, offX=0, offY=1);
	}
.first_list_article > div > div:nth-child(1):hover > span.rotate_directly {color: #ffffff; top: 7px;
	text-shadow: 0px 1px 0px rgba(55, 55, 55, 1.0); 
	filter: dropshadow(color=#ff353535, offX=0, offY=1);
	-moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
	}
.first_list_article > div > div:nth-child(1):hover > span.rotate_revers {color: #ffffff; top: 7px;
	text-shadow: 0px 1px 0px rgba(55, 55, 55, 1.0); 
	filter: dropshadow(color=#ff353535, offX=0, offY=1);
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
	}
.rotate_directly, .rotate_revers {
	-moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
	
	-webkit-transition: all .5s;
	transition: all .5s;
	}
.rotate_bottom {
	-moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
	}
.rotate_top {
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
	}
	

.first_list_article > div > div > div > a, .first_list_article > a {display: block; position: relative; margin: 5px 0; padding: 5px 0; line-height: 1.0em; color: #606060; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #c0c0c0;}
.first_list_article > div > div > div > a.ismobil, .first_list_article > a.ismobil {text-decoration: underline;}
.first_list_article > div > div > div > a:hover, .first_list_article > a:hover {color: #606090; text-decoration: underline;}
	
.first_list_article > a {font-size: 21px; 
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); 
	filter: dropshadow(color=#ffffffff, offX=0, offY=1);
	}
.text_ind_inset p, .text_ind_inset li {text-align: justify;}

.desc_site strong {font-weight: bold;}
	
@media screen and (max-width:640px){
	#central_side_id {width: 90%;}
	}
@media screen and (max-width: 480px){
	.first_list_article > div > div:nth-child(1) > p {font-size: 25px;}
	}
@media screen and (max-width: 360px){
	#title_article_box_id h1 {font-size: 33px;}
	.first_list_article > div > div:nth-child(1) > p {font-size: 23px;}
	.first_list_article > div > div:nth-child(1) > span {right: 10px; top: -2px;}
	.first_list_article > div > div:nth-child(1) > span.rotate_bottom, .first_list_article > div > div:nth-child(1) > span.rotate_top {top: -2px;}
	.text_ind_inset p, .text_ind_inset li {text-align: left;}
	}
@media screen and (max-width: 320px){
	#title_article_box_id h1 {font-size: 29px;}
	.first_list_article > div > div:nth-child(1) > p {font-size: 19px;}
	.first_list_article > div > div:nth-child(1) > span {right: 5px;}
	}