@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px verdana, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 30px;
	background: #F7CEB8;
	color:#222;
}
img.img {
    box-shadow: 0;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
p {
	padding: 0;
	margin: 0;
	line-height:28px;
}
a {
	color: #FF5900;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
#container {
	width:970px;
	margin:0 auto;
}
#header {
margin: 0;padding: 0;padding-top: 10px;}
#logo {
margin: 0;padding: 0;}
#logo h1 {
	text-align:center;
	padding:10px;
	background: #FFFFFF;
	border-radius: 5px 5px 0 0;
	margin-top: 10px;
}
#logo h1 a {
	color: #BD4A0D;
}
h2  {
    text-align: left;
    position: relative;
    padding: 10px;
    text-align: center;
    padding-left: 35px;
    clear: both;
    background: linear-gradient(to bottom, rgb(174, 118, 88) 0%, rgb(154, 70, 24) 100%);
    color: #fff;
    margin-bottom:10px;
} 
h2:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 5px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.42);
    /* border-radius: 99px; */
}
h2:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 5px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.56);
    /* border-radius: 99px; */
}
#menu {
width: 100%;background-color: #FFFFFF;border-radius: 0 0 5px 5px;margin-bottom: 10px;}
#menu ul {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	text-align: center;
}
#menu ul li {
	text-align: center;
	display: inline-block;
}
#menu a {
	display: block;
	width: 234px;
	line-height: 40px;
	color: #BD4A0D;
	font-size: 13px;
	text-decoration: none;
	background-color: #FFFFFF;
	border-radius: 2px;
	border-top: 3px solid #984A26;
	border-bottom: 3px solid #984A26;
}
#menu a:hover {
	background: #B87652;
	color: #FFFFFF;
}
#text {
	float: left;
	width: 67%;
}
#inner {
	padding: 10px;
	float: left;
	background-color: #F8E2D6;
}
#sidebar {
	float: right;
	width: 31%;
}

#main {
	overflow: hidden;
	background: #FFF;
	width: 100%;
}
#footer {
	background: #F7CEB8;
	clear: both;
	padding:10px 0;
	text-align:center;
	overflow:hidden;
	color: #121111;
}
.social{
	margin-left:33%;
	margin-bottom:10px;
}	
#footer a{
	
color: #FF5900;
}
/*original Content*/
#article {
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
}
#article img {
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #CCC;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width:48%;
}
#article h3 {
	margin: 6px 0;
	letter-spacing: -1px;
	color: #121111;
	font-size: 15px;
	font-weight: bold;
}

.blocks-area{
	clear:both;
	overflow:hidden;	
}

div.toppestboxes {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 10px;
	clear: both;
}
div.toppestboxes img {
	width: 30%;
	float: left;
	margin-bottom: 0px;
	margin-right: 5px;
	border-radius: 3px;
	padding: 5px;
	margin-left: 0;
	background-color: #FFF;
	border: 1px solid #CCC;
}


div.bottomBoxes {
	width: 49%;
	float: left;
	font-size: 12px;
	margin-bottom: 10px;
	margin-right: 5px;
	line-height: 23px;
	color: #1F1818;
	box-sizing: border-box;
	background: rgb(255, 255, 255);
	border-radius: 5px 5px 0 0;
	border: 1px solid #CCC;
	padding: 15px;
}
div.bottomBoxes img {
	width: 96%;
	margin-top: 0;
	margin-right: 5px;
	border-radius: 3px;
	padding: 5px;
	margin-left: 0;
	background-color: #FFF;
	border: 1px solid #CCC;
}
div.bottomBoxes:nth-child(even) {
	float: right;
	margin-right: 0;
}

div.latestboxes {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 10px;
}
div.latestboxes img {
	width: 95%;
	margin-bottom: 0px;
	margin-right: 5px;
	border-radius: 3px;
	padding: 5px;
	margin-left: 0;
	background-color: #FFF;
	border: 1px solid #CCC;
}



p.allDetails {
	float: right;
	margin-top: 10px;
}
p.allDetails a {
	padding: 5px 5px;
	background-color: #FFFFFF;
	border-radius: 5px;
	text-decoration: none;
	color: #A6440F;
	border-top: 3px solid #9D4E22;
	border-bottom: 3px solid #9A4719;
}
p.allDetails a:hover {
	background: #9E4E23;
	color: #FFFFFF;
}

/*recommended links*/
.backlinks {
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
}
.backlinks ul {

	padding: 0;
	margin: 0;
	list-style: none;
}
.backlinks ul li {
	border-bottom: 1px solid #C9C9C9;
	line-height: 30px;
}
.backlinks ul li::before {
	content: '»';
	margin-right: 10px;
	color: #737CCA;
	font-size: 17px;
}
.backlinks ul li:last-child {
	border-bottom: none;
}
.abs {
	box-shadow:0 0 3px;
	border-radius:20px;
	background: #F7CEB8;
}
div#images {
    max-height: 300px;
}
/*mobile supported css*/
@media screen and (max-width:480px){
	*{
		padding:0;
		margin:0;	
	}
	#container{
		width:100%;	
		padding:0;
	}
	#logo{
		height:auto;
		line-height:inherit;
		padding: 0;
	}
	#header{
		width:100%;	
		padding:0 !important;
		margin:0;
		overflow:hidden;
	}
	#header h1 a{
		font-size:70% !important	
	}
	#menu{
		width:100% !important;	
		height:auto;
		padding:0;
		margin:0;
	}
	#menu ul li{
		clear:both;
		float:none !important;
		border-bottom:1px solid #CCC;
		display:block;
	}
	#menu ul li a{
		display:block;
		margin-bottom: 5px;
		color: #000;
		background-color: #fff;
		width: 100%;
	}
	#menu ul li a:hover {
		background: #DFB7B5;
		color: #000;
	}
	#text{
		width:100% !important;			
		float:none;
	}
	#main{
	padding:0;
	margin:0;
	}
	#inner{
		padding:5px;
		margin:0;	
	}
	#images{
		width:100%;	
	}
	#images img{
		width:100% !important;
	}
	#article img{
		width:45%;	
	}
	#sidebar{
		float:none;
		width:99% !important;	
		padding:5px !important;
		clear:both;
	}
	.navBar{
		width:100% !important;	
	}
	
	/*blocks style*/

/*blocks css*/
	.blocks-area{
		clear:both;
		width:100% !important;	
	}
	.toppestboxes{
		overflow:hidden;
	}
	.bottomBoxes img{
		width:95% !important;
		margin-top:0 !important;
	}
	.latestboxes{
		/* width:99% !important; */
	}
	.latestboxes img{
		width:40% !important;	
		float:left;
		margin-top:5px;
	}
	.social{
		margin:0;
		text-align:center;	
	}

}

@media screen and (max-width:320px){
	*{
		padding:0;
		margin:0;
	}
	#container{
		width:100%;	
		padding:0;
	}
	#header h1 a{
		font-size:50% !important;	
	}
	#meun,#menu ul{
		width:99% !important;	
	}
	.menu_nav ul li{
		display:block;
	}
	img{
		width:96% !important;	
	}
	.footer_resize{
		font-size:100%;
	}
	.footer p{
		width:100% !important;
		word-wrap:break-word !important;
	}	
	
	/*blocks*/
	.bottomBoxes{
		clear:both;	
		float:none;
		width:100% !important;
	}
	div.latestboxes img{
		width:95% !important;	
	}