/*
	Theme Name:okm_15_satesync_bt32014
 */

/* 共通 */
body{
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	min-width:1080px;
	background: url(./images/mainimg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	/* またはabsolute; */
	top: 0px;
	left: 0;
}
#container {
	position: relative;
}
h1,h2,h3,h4,h5,h6{ font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; }
ul, ol {
	margin-bottom: 0px;
	list-style-type: none;
	padding:0px;
}
h1 {
	font-size: 30px;
	margin: 100px 0 55px 0;
	text-shadow: 0 0 20px #000;
}
.content_cont h1 {
	font-size: 30px;
	color: #000;
	margin: 10px 0 20px 0;
	text-shadow: none;
}

/* ヘッダー */
.sytp-header {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: auto;
}
.sytp-sitelogo {
	font-size: 18px;
	margin: 12px 0 12px 0;
}
.sytp-sitelogo a:hover {
	text-decoration: none;
}


/* コンテンツ */
.main_contents {
	float: right;
	width: 68%;
}
.cattitle {
	font-size: 24px;
}
.sytp-contentbox {
	margin: 0 0 30px 0;
	background: rgba(255,255,255,0.9);
	 border-radius: 10px; /* CSS3草案 */  
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	margin-bottom: 40px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
.content_title {
	font-size: 25px;
	padding: 25px 0 0 25px;
}
.content_cont {
	padding: 25px 25px 10px 25px;
	line-height: 1.5;
}
.post-catdate {
	padding: 0 25px 25px 25px;
	font-size: 13px;
}


/* サイドバー */
.sidebar_contents {
	float: left;
	width: 30%;
}
.side_widget {
	margin: 0 0 30px 0;
	padding: 10px;
	background: rgba(255,255,255,0.9);
	 border-radius: 10px; /* CSS3草案 */  
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	margin-bottom: 40px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
.side_widget ul li {
	padding-bottom: 5px;
}

/* フッター */
.copyright {
	margin: 20px 0;
	text-align: center;
}

/* スマホ対応 */
@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px;
	}
}
@media (max-width: 767px) {
	body{min-width:initial;}
	.sytp-header {
		position: fixed;
		z-index: 9999;
		width: 100%;
		height: auto;
	}
	.sytp-sitelogo {
		font-size: 17px;
		margin: 5px 0 0 0;
	}
	.sytp-thumb {
		font-size: 11px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	h1 {
		font-size: 15px;
		margin: 45px 0 20px 0;
		text-shadow: 0 0 20px #000;
	}
	.main_contents {
		float: none;
		width: 100%;
	}
	.sidebar_contents {
		float: none;
		width: 100%;
	}
	.sytp-contentbox {
		margin: 0 0 10px 0;
	}
	.content_title {
		font-size: 23px;
		padding: 20px 0 10px 10px;
	}
	.content_cont {
		padding: 10px;
		line-height: 1.8;
	}
	.post-catdate {
		padding: 10px;
	}
	.side_widget {
		margin: 0 0 10px 0;
	}
	.side_widget a {
		display: block;
		padding: 5px 0;
	}
	.side_widget a:hover {
		text-decoration: none;
	}
}