@charset "shift_jis";
/* =========================================

blog > contents.css

main共通
============================================ */

#main {
	float: right;
	width:640px;
	margin:0;
	padding-top: 30px;
	}

.clear:after {
	content: "";
	clear: both;
	display: block;
}
	
#base #main h1 {
  padding: 4px;
  margin: 0 0 21px;
  font-size: 25px;
  line-height: 42px;
  color: #fff;
  background: #ea7e81 url(../image_cmn/bg_ttl_h1_logo.png) 98% 50% / auto 30.5px no-repeat;
}
#base #main h1 .icon {
  display: inline-block;
  margin: 0 20px 0 0;
}
#base #main h1 .kirakira {
  position: relative;
  top: 4px;
  display: inline-block;
  margin: 0 0 0 0.7em;
}
		
/*　ブログ記事部分--------------------------------------------------------*/


/* 記事背景 */
#main div.articleArea {
	display:block;
	width:640px;
	margin: 0 0 60px 0;
	padding:0 0 10px 0;
	border-right: 5px solid #f9ddde;
	border-bottom: 5px solid #f9ddde;
	border-left: 5px solid #f9ddde;
  background: #fff;
	/*background:url(/image_cmn/main_txt_bg.gif) repeat-y 0 0;*/
  box-sizing: border-box;
	}
		
#main div.outline {
	height:130px;
  background: #f9ddde;
	/*background:url(/image_cmn/main_top_txt_ttl.gif) no-repeat 0 0;*/
	position:relative;
	}
	
/* トップページの最新タブ背景*/
#main div.outline h1 {
	position:absolute;
	width: 360px;
	height: 30px;
	top: -31px;
	left: 0;
		} 
		
/*#main h1.tab_staff { background:url(/image_cmn/tab_staff.gif);}
#main h1.tab_cate {	background:url(/image_cmn/tab_cate.gif);}
#main h1.tab_arch {	background:url(/image_cmn/tab_arch.gif);}*/


#main h1.tab_staff,
#main h1.tab_cate,
#main h1.tab_arch{
	font-size:140%;
	font-weight:bold;
	color:#FFF;
	line-height:32px;
	}
	
/*#main h1.tab_staff { text-indent:65px;}
#main h1.tab_cate { text-indent:100px;}
#main h1.tab_arch { text-indent:95px;}*/

/*　スタッフの写真がある場合　*/

#main div.outline img.writer {
	position:absolute;
	top:16px;
	left:10px;
}
#main div.outline span.data {
	position:absolute;
	top:16px;
	left: 135px;
  display: block;
  width: 491px;
  height: 27px;
  padding: 3px 0 0 8px;
  background: url(../image_cmn/bg_blog_date.png?0714) 0 100% / 100% auto no-repeat;
  font-size: 16px;
	color:#fff;
	font-weight:bold;
  box-sizing: border-box;
	}
#main div.outline .ttl {
	width:460px;
	height:40px;
	padding: 10px 0 0 24px;
	font-weight:bold;
	font-size:20px;
	line-height: 1.25;
	position:absolute;
	top:40px;
	left:120px;
}

#main div.outline .ttl .ttl_text {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#main div.outline .ttl .item_text {
  display: inline-block;
  width: 100%;
  margin: 0.3em 0 0;
  font-size: 16px;
  height: 1.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*　スタッフの写真がない場合　*/

#main div.stafftype .ttl{
	width:560px;
	padding-top:0;
	position:absolute;
	top:59px;
	left:25px;
	}
#main div.stafftype span.data {
	position:absolute;
	top:35px;
	left:45px;
	}
	
	
/* 文章 */

#main div.articleArea div.txt_passage {
	padding:10px 50px;
	text-align:center;
	}
#main div.articleArea div.txt_passage div {
	text-align:left;
	}
#main div.articleArea div.txt_passage p {
	padding:10px 0;
	line-height:1.6;
	color:#000;
	vertical-align:middle;
	text-align:left;
	}
#main div.articleArea div.txt_passage .keepcenter {
	text-align:center;
	margin:0 auto;
	}
	
#main div.articleArea div.txt_passage .style1 {
	font-size:120%;
	color:#F36;
	}
#main div.articleArea div.txt_passage .style2 {
	font-size:120%;
	color:#090;
	}
#main div.articleArea div.txt_passage .style3 {
	font-size:120%;
	color:#F30;
	}


/* リンク部分 */

#main div.articleArea div.txt_passage p.item_link {
	margin:30px 0 0 0;
	padding:0 0 0 30px;
	background:url(/image_cmn/icon_site_link.gif) no-repeat 0 1px;
	font-size: 115%;
	font-weight: bold;
	color: #439e27;
	}