/*----------------------------------------------------------------------------
******************************************************************************

Style List

* Home
* Page
* Single
* Archive
* Search
* 404
* Common

******************************************************************************
----------------------------------------------------------------------------*/

/* ==== Home ==== */
.home-slide-con { margin-bottom: 40px; }
@media screen and (max-width: 780px) {
.home-slide-con { display: none;}
}


/* ==== Page ==== */
#list-of-contents{
	margin-bottom: 15px;
}
#list-of-contents li{
	display: inline-block;
	margin: 0 5px 5px 0;
}
#list-of-contents a{
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	background-color: #427ABF;
	color: #FFF;
	display: inline-block;
	font-size: 11px;
	padding: 2px 5px;
	text-decoration: none;
}
#list-of-contents a:hover{
	background-color: #1C89E3;
}
@media screen and (max-width: 580px) {
#list-of-contents li{
display: block;
margin: 0 0 5px 0;
}
#list-of-contents a{
display: block;
padding: 5px 10px;
}
}
/* ==== Single ==== */




/* ==== Archive ==== */




/* ==== Search ==== */




/* ==== 404 ==== */

/* ==== Common ==== */
.imagebox {
	width: 31%;
	margin:1%;
	font-size:0.8em;
	
	float:left;
}
.imagebox a,.imagebox a:visited{
	color: #FFF;
}
.imagebox p{
	margin-bottom: 0;
}
.imagebox2 {
	width: 64%;
	margin:1%;
	font-size:0.8em;
	background-color:#36abcb;
	float:left;
}

.imagebox_txt {
	background-color:#36abcb;
	text-align:center;
	padding: 5px;
}

@media screen and (max-width: 780px) {
.imagebox {
width: 90%;
margin: 20px 5%;
font-size:0.8em;
line-height:1.2em;
padding-bottom:0.1em;
float:left;
}
.imagebox img{
height: auto;
width: 100%;
}
.imagebox p{
text-align: center;
}
.imagebox2 {
width: 86%;
margin:7%;
font-size:0.8em;
background-color:#36abcb;
line-height:1.2em;
padding-bottom:0.1em;
float:left;
}
}