@charset "utf-8";

/* -----------------------------------------------------------
	Reset
----------------------------------------------------------- */
@import url("reset.css");


/* -----------------------------------------------------------
	Basic Settings
----------------------------------------------------------- */
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../img/bg.gif);
}

.clear{
	clear:both;
}

/* ロールオーバー */
.rollover a:hover img{
	filter: alpha (opacity=70);
	-moz-opacity: 0.70;
	-webkit-opacity: 0.70;
	opacity: 0.70;
}

.red_bold{
	color:#f00;
	font-weight:bold;
}
/* -----------------------------------------------------------
	Wrapper
----------------------------------------------------------- */
div#wrap{
	width:920px;
	margin:0 auto;
	background:#fff;
	
}

/* -----------------------------------------------------------
	Header
----------------------------------------------------------- */
div#header{
	width:920px;
	margin:0 auto;
}

div#header h1,
div#header div#logo{
	padding:20px 0 22px 30px;
	float:left;
	
}

div#logo_rss{
	overflow:hidden;
}

div#logo_rss div.icon{
	float:right;
	padding:8px 9px 0 0;
}

div#topimg_area{
	width:920px;
	margin:0 auto 20px auto;
	overflow:hidden;
}

div#topimg_area div.image{
	width:670px;
	float:left;
}

div#topimg_area div.oshirase{
	width:230px;
	float:right;
	margin-right:8px;
	display:inline;
}

div#topimg_area div.oshirase div.bg_oshirase{
	width:210px;
	height:216px;
	padding:10px;
	background:url(../img/bg_oshirase.gif) no-repeat;
}


div#topimg_area div.oshirase div.bg_oshirase p{
	font-size:12px;
	line-height:18px;
	margin-bottom:1em;
}

/* -----------------------------------------------------------
	Global Navigation
----------------------------------------------------------- */
ul#gnavi{
	width:920px;
	overflow:hidden;
}

ul#gnavi img{
	vertical-align:bottom;
}

ul#gnavi li{
	width:230px;
	float:left;
}

/* -----------------------------------------------------------
	Main
----------------------------------------------------------- */

/* トップページ */

div#essayteki{
	width:880px;
	margin:0 auto;
}

div#essayteki h2{
	width:880px;
	height:33px;
	background:url(../img/tl_essayteki.gif) no-repeat;
}

div#essayteki div.article{
	width:880px;
	padding:25px 0 20px 0;
	border-bottom:2px solid #d6d0bf;
	overflow:hidden;
	margin-bottom:25px;
}

div#essayteki div.article p{
	font-size:14px;
	line-height:1.8;
	margin-bottom:1em;
	color:#282828;
}

div#essayteki div.article p.date{
	font-size:14px;
}

div#essayteki div.left{
	width:370px;
	margin-left:70px;
	float:left;
}

div#essayteki div.right{
	width:395px;
	margin-left:45px;
	float:left;
}


div#ohanashi{
	width:880px;
	margin:0 auto 5px auto;
	overflow:hidden;
	color:#282828;
}

div#ohanashi a,
div#itsumono a{
	text-decoration:none;
	color:#282828;
}

div#ohanashi a:hover,
div#itsumono a:hover{
	text-decoration:underline;
}

div#ohanashi h2,
div#itsumono h2{
	margin-bottom:18px;
}

div#ohanashi div.navibox,
div#itsumono div.navibox{
	width:870px;
	margin:0 auto 20px auto;
	overflow:hidden;
}

div#ohanashi div.navibox div.navi_01,
div#itsumono div.navibox div.navi_01{
	width:280px;
	float:left;
}

div#ohanashi div.navibox div.navi_02,
div#ohanashi div.navibox div.navi_03,
div#itsumono div.navibox div.navi_02,
div#itsumono div.navibox div.navi_03{
	width:280px;
	margin-left:15px;
	float:left;
}

p.title{
	padding:0.5em 5px;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
}

p.description{
	padding:0 5px;
	font-size:11px;
	line-height:18px;
}

div#itsumono{
	width:880px;
	margin:0 auto;
}

div.top_footer_logo{
	width:880px;
	margin:30px auto 0 auto;
	padding:50px 0 70px 0;
	text-align:center;
	border-top:2px solid #d6d0bf;
}

/* アバウト */
ul#about_navi{
	width:784px;
	padding:30px 48px;
	margin:0 auto 35px auto;
	overflow:hidden;
	border-bottom:2px solid #d6d0bf;
}

ul#about_navi li{
	float:left;
}

ul#about_navi li.about{
	margin-left:65px;
}

ul#about_navi li.profile{
	margin-left:135px;
}

h1.tl_about{
	text-align:center;
	margin-bottom:25px;
}

ul#points{
	width:475px;
	margin:0 auto 40px auto;
	font-size:16px;
	line-height:29px;
}

ul#points a{
	color:#000;
	text-decoration:none;
}

ul#points a:hover{
	text-decoration:underline;
}

div#points_desc{
	width:880px;
	margin:0 auto;
	padding-bottom:10px;
	margin-bottom:35px;
	border-bottom:2px solid #d6d0bf;
}

div#points_desc h2{
	margin-bottom:10px;
}

div#points_desc p{
	font-size:14px;
	line-height:28px;
	text-align:center;
	margin-bottom:30px;
}

h3.tl_profile{
	text-align:center;
	margin-bottom:45px;
}

div#profile_box{
	width:880px;
	margin:0 auto 45px auto;
	overflow:hidden;
	padding-bottom:40px;
	border-bottom:2px solid #d6d0bf;
}

div#profile_box div.photo{
	width:256px;
	margin-left:85px;
	display:inline;
	float:left;
}

div#profile_box div.desc{
	width:490px;
	float:left;
	margin-left:20px;
	padding-top:25px;
}

div#profile_box div.desc h4{
	margin-bottom:15px;
}

div#profile_box div.desc p{
	font-size:14px;
	line-height:18px;
}

/* アーカイブ */
div#essayteki_wrap{
	padding-top:30px;
}


div#footer_logo{
	text-align:center;
	padding-bottom:45px;
	
}