/*============================================================
	universal reset
============================================================*/

body {
	font-size : 85% ;
	font-family : "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif ;
	background : #fff;
	color : #454545 ;
	text-align : center ;
	margin : 0 auto;
	padding : 0;
	letter-spacing : 1px;
	line-height : 23px;
}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, form {
	font-size : 100% ;
	margin : 0 ;
	padding : 0 ;
}
table,td,th{
	font-size : 100%;
	border:none;
	text-align:left;
	vertical-align:top;
}
p{
	font-size : 100% ;
	margin : 0 ;
	padding : 0 ;
	line-height : 1.9;
	text-align: justify;
	text-justify: distribute ;
}
ul,li{
	list-style-type:none;
}
img { border : none ; }

a {
	color : #07bdf1;
	text-decoration : none;
}

a:hover {
	color : #42cef6;
	text-decoration : underline;
}


input#s {
	width : 85px;
}


/* clearfix */
.clearfix:after {
	content : "." ;
	display : block ;
	height : 0 ;
	clear : both ;
	visibility : hidden ;
}
.clearfix { display : inline-block ; }
/* Hides from IE-Mac \*/
*html .clearfix { height : 1% ; }
.clearfix { display : block ; }
/* End hide from IE-mac */

/* ===================== 編集はここから ===================== */

/* 全体の基本デザイン */
#container {
	margin : 0 auto;
	text-align : left ;
	width : 960px;
	background : #fff;
}

#main {
	padding: 30px ;
}

header {
	background : #000;
}

footer {
	padding : 10px;
	background : #111 url(http://www.loft-prj.co.jp/loftradio/wp-content/uploads/2015/01/bg_nav2.jpg) repeat-x left center ;
	color : #fff;
}
footer small {
	display : block;
	width : 960px;
	margin : 0 auto;
	text-align : right;
}

#contents {
	float : left;
	width : 680px;
}

#sidenav {
	float : right;
	width : 190px;
}


/* 記事 */

article h1 {
	border-left : 5px solid #07bdf1;
	padding : 0 0 0 10px;	
	font-size : 18px;
	margin : 0 0 10px;
}

article {
	margin : 0 0 50px;
	border-bottom : 1px dotted #ccc;
	padding : 0 0 40px;
}

.aligncenter {
	display : block;
	text-align :center;
	margin : 20px auto;
}

.alignleft {
	float : left;
	margin : 0 20px 20px 0;
}

.alignright {
	float : right;
	margin : 0 20px 0 20px;
}

/* 日付とカテゴリ */
.postinfo {
	font-size : 12px;
	color : #888;
	margin : 10px 10px 10px 0;
}

/* 前後の記事 */
.pagenav {
	overflow : hidden;
	margin : 25px 0;
	clear : both;
}

.pagenav .old a {
	float : left;
}
.pagenav .new a {
	float : right;
}
.pagenav a {
	padding : 5px 10px;
	border : 1px solid #ccc;
	border-radius : 10px;
}

/* サイドメニュー（ウィジェット） */
.blogmenu .widget {
	margin : 0 0 25px;
	border-bottom : 1px dotted #ccc;
	padding : 0 0 15px;
}

.blogmenu .widgettitle {
	margin : 0 0 10px;
	letter-spacing : 2px;
/*
	font-size : 13px;
	font-weight : normal;
	color : #fff;
	padding : 5px 10px;
	background : #333 url(http://www.loft-prj.co.jp/loftradio/wp-content/uploads/2015/01/bg_nav.jpg) left top ;
*/
font-size : 15px;
border-left : 5px solid #07bdf1;
padding : 0 0 0 8px;
}

/* カテゴリページタイトル */
.archive-title {
	padding : 10px 15px;
	background-color : #07bdf1;
	color :#fff;
	font-size : 18px;
	margin : 0 0 30px;
}

.archive-title i {
	background-color : #07bdf1;
	color :#fff;
}





/* ヘッダーナビゲーション
------------------------------------------*/
#gNavi {
	height : 54px;
	width:100%;
	margin : 0 auto;
	text-align : center;
	background : #333 url(http://www.loft-prj.co.jp/loftradio/wp-content/uploads/2015/01/bg_nav.jpg) repeat-x left center ;
	border-bottom: 1px solid #454545;
}
#gNavi ul {
	height : 54px;
	font-size:14px;
	overflow:hidden;
	width : 900px;
	margin : 0 auto;
	text-align : center;
}

#gNavi li {
	min-width : 140px;
	height : 54px;
	float : left;
	border-left: 1px solid #666;
	color : #fff;
	letter-spacing : 2px;
	background : #333 url(http://www.loft-prj.co.jp/loftradio/wp-content/uploads/2015/01/bg_nav.jpg) left center ;
}

#gNavi li a {
	height : 54px;
	display : block;
	padding : 16px 14px;
	color : #fff;
	text-align:center;
}
#gNavi li a:hover {
	height : 54px;
	display : block;
	padding : 16px 14px;
	color : #FFFF99;
	text-align:center;
}

#recent-posts-3 li {
	margin : 0 0 10px;
	padding : 0 0 10px;
	font-size : 13px;
	line-height : 19px;
	border-bottom : 1px dotted #ccc;
}