@charset "shift_jis";

/*モバイル用をまず記述*/
body {
	width : 100%;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align : left;
}

#outline{
	background-color: #F5F5F5;
}

#margin{
	margin: 0px 5px 5px 5px;
}

h1 { 
	font-size: 24px;
	font-weight: bold;
}

h2 { 
	font-size: 24px;
	font-weight: bold;
}

h3 { 
	font-size: 24px;
	font-weight: bold;
}

#header_cnt{
	font-size: 12px;
}

#category{
	line-height: 180%;
}

/* 左右のタイトル枠です */
.left_title {
	background-color:#ff800b;
	font-size: 14px;
	font-weight: bold;
	border-left: 7px solid #e2501d;
	border-bottom: 1px solid #e2501d;
	padding: 5px 0px 0px 5px;
	line-height: 180%;
	}
.right_title {
	background-color:#ff800b;
	font-size: 14px;
	font-weight: bold;
	border-left: 7px solid #e2501d;
	border-bottom: 1px solid #e2501d;
	padding: 5px 0px 0px 5px;
	line-height: 180%;
	}

a img {
	border: none;
	text-decoration: none;
	max-width: 100%;
	height: auto;
}

img {
	border: none;
	text-decoration: none;
	max-width: 100%;
	height: auto;
}

.right{
	line-height: 180%;
	font-size: 12px;
}

.left{
	line-height: 240%;
}

/* カテゴリボタン */
a.button3 {
	background-color:#ff800b;
	border:1px solid #e2501d;
	color:#2200CC;
	padding:3px 10px;
	cursor:pointer;
	border-radius:5px;
}
a.button3:hover {
	color:white;
	background-color:#e2501d;
	text-shadow:0px 0px 3px #ffffff;
}

/*最新の記事と反響のあった記事のサムネイル*/
.thumbnail{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	text-align: left;
	}
.clear {
    clear: both;
}

/* 反響のあった記事の文字 */
.recommend{
	font-size: 12px;
	line-height: 180%;
}

/* PR画像指定 */
.pr_box {
 position:relative;
    display:block;
    /* 画像と同じサイズ */
    width:300 px;
    height:250 px;
    margin:0px;
    padding:0;
    background-color:#000;
    display:inline-block;
}

/* フッター（著作権）部分 */
#foot{
	width : 100%;
	float : left;
}
.text_foot{
	font-weight: normal;
	font-size: 10px;
	line-height:150%;
	text-align: left;
}

/*引用部*/
blockquote{
 margin: 0px;
}

/*表示しないdiv指定*/
#header_sent{
	display: none;
}
#search{
	display: none;
}
#prof{
	display: none;
}
#pr{
	display: none;
}
#hatena{
	display: none;
}
#link{
	display: none;
}
#zenback-widget-loader{
	display: none;
}
/*ここまで*/

/*以下、PC用レイアウトで変更になる箇所を記述*/
@media screen and (min-width:768px){

#margin{
	margin: 0px 20px 20px 20px;
}
#search_mob{
	display: none;
}
#prof_mob{
	display: none;
}
#popular_mob{
	display: none;
}
#pr_mob{
	display: none;
}

/*すべてのdivを表示*/
#header{
	display: block;
}
#category{
	display: block;
}
#header_sent{
	display: block;
}
#header_cnt{
	display: block;
}
#search{
	display: block;
}
#prof{
	display: block;
}
#popular{
	display: block;
}
#pr2{
	display: block;
}
#text{
	display: block;
}
#zenback-widget-loader{
	display: block;
}
#pr{
	display: block;
}
#recommend{
	display: block;
}
#works{
	display: block;
}
#books{
	display: block;
}
#archive{
	display: block;
}
#hatena{
	display: block;
}
#link{
	display: block;
}
#foot{
	display: block;
}
/*ここまで*/

#header_sent{
	font-size: 12px;
	position: absolute;
	top: 5px;
}

#header_cnt{
	font-size: 12px;
	position: absolute;
	top: 60px;
}

/*bodyの横幅を1024pxで上書き*/
body {
	width : 1024px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align : left;
}

.right{
	width : 32%;
	line-height: 180%;
	font-size: 12px;
	float : right;
}

.left{
	width : 65%;
	line-height: 240%;
	float : left;
}

/* フッター（著作権）部分 */
#foot{
	width : 1024px;
	float : left;
}

/*以下テーブル関連（使用してないかも）*/
table.main{
	width:640px;
	border-collapse:collapse;
	background-color:#FFFFFF;
	border-spacing:0;
	border:1px solid;
	}

.main th{
	padding:10px;
	}
	
.main td{
	padding:10px;
	}
}

blockquote{
background-color:#FFFFFF;
padding:1em 1em 1em 3em;
position:relative;
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}