@charset "UTF-8";

/* //////////// 初期設定 //////////// */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

strong { font-weight: bold;}
a { color: #870D72; }
a:hover { color: #C260B0;}
a img { border: none;}
ul { list-style: none;}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */


body {
    font-size: 13px; /* モダンブラウザ向け */
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6以下 */
}

#container {
	font-size: 93%;
}

.small {
	font-size: 82%;
	font-family:"verdana","ヒラギノ角ゴ Pro W3","Hiragio Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}

.large { 
	font-size: 116%;
	font-family:"verdana","ヒラギノ角ゴ Pro W3","Hiragio Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}



/* //////////// レイアウト設定 //////////// */
body {
	background: url(../img/img_body_bg.jpg) repeat-x #cccccc;
	border-top: 5px solid #BE39A7;
	color: #333333;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragio Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","verdana",sans-serif;
	line-height: 130%;
}

#mainVisual {
	background: url(../img/img_mainvisual.jpg) center top no-repeat;
}

#container {
	width: 810px;
	margin: 0 auto 0 auto;
}

#header {
	padding: 5px 0 0 0;
	height: 272px;
	position: relative;
}

#mainCont {
	background: url(../img/img_cont_bg.png) repeat-y center;
	padding: 0px 10px 0 10px;
	width: 790px;
}

* html #mainCont {
	behavior: expression(IEPNGFIX.fix(this));
}

/* IE6,7でbodyの背景とmainContの背景がズレル問題を解決 */
/* IE6ハック */
body {_padding-left:1px;}
/* IE7ハック */
*:first-child + html body {padding-left:1px;}



/* //////////// ヘッダー //////////// */
#header #toIndex {
	margin: 0 0 0 10px;
	width: 130px;
	height: 48px;
	display: block;
	background:url(../img/img_logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

* html #header #toIndex{
	behavior: expression(IEPNGFIX.fix(this));
}

#header #toIndex img {
	display: block;
}

#header #toWebsite{
	width: 152px;
	height: 37px;
	display: block;
	background: url(../img/img_header_banner1.jpg) no-repeat;
	position: absolute;
	right: 0px;
	top: 8px;
	text-indent: -9999px;
}

#header #toWebsite:hover{
	background-position: -160px 0;
}

#header #toWebsite span {
 position:absolute;
 width:0;
 height:0;
 overflow:hidden;
}

#header h1,
#header p {
	text-indent: -9999px;
}

/* //////////// メインコンテンツ //////////// */
/* #leftbar,#rightbarのマージン指定はIE6で崩れたため、paddingで指定 */

/* ///// レフトバー ///// */
#leftBar {
	width: 180px;
	float: left;
	padding: 0 0 0 10px;
}

#leftBar .archive {
	margin: 0 0 20px 0;
}

#leftBar .archive ul {
	background: #ebebeb;
	padding: 2px 0 8px 10px;
	margin: 2px 0 0 0;
}

#leftBar strong img {
	display: block;
}

#leftBar .archive ul li {
	background: url(../img/btn_leftarrow.jpg) no-repeat left center;
	padding: 4px 0 5px 15px;
	_width: 155px;
}

/* ///// レフトバー（アーカイブリスト、詳細ページ） ///// */
#description {
	background: url(../img/img_des_bgtop.jpg) no-repeat;
	padding: 10px 0 0 0;
}

#descriptionBg {
	background: url(../img/img_des_bgbottom.jpg) no-repeat bottom #ebebeb;
	padding: 15px 8px 0px 8px;
	min-height: 265px;
	height: auto !important;
	height: 265px;
}

/*
変更前：
#descriptionBg {
	background: url(../img/img_des_bgbottom.jpg) no-repeat bottom #ebebeb;
	padding: 20px 8px 140px 8px;
}

* html #descriptionBg {
	height: 1%;
}

*/


#description p {
	margin: 0 0 10px 0;
}

#description ul li {
	background: url(../img/btn_leftarrow.jpg) no-repeat left center ;
	padding: 4px 0 5px 15px;
	_width: 150px;
}

/* ///// 中央コンテンツ ///// */
#centerCont {
	width: 360px;
	margin: 0 0 0 20px;
	float: left;
}

.entry h1,
.entry h2 {
	background: url(../img/ttl_entrytitle.gif) bottom repeat-x #870D72;
	padding: 6px 0 8px 10px;
	color: #ffffff;
	margin: 0 0 2px 0;
}

.entry h2 a {
	color: #ffffff;
	text-decoration: none;
}

.entry h2 a:hover {
	color: #e3c7de;
	text-decoration: underline;
}

.entry {
	margin: 0 0 35px 0;
}

.entry .date {
	text-align: right;
	margin: 0 0 2px 0;
}

.entry .entryBody {
	margin: 0 0 15px;
}

.entry .entryBody p {
	margin: 0 0 10px 0;
}
/* 記事URL,コメント　リンク */
.entry .entryLink {
	border-top: 1px solid #d7adcf;
	border-bottom: 1px solid #d7adcf;
	background: #f7eff6;
	padding: 5px 0 7px 0;
	text-align: center;
}

.entry .entryLink li {
	display: inline;
	background: url(../img/btn_entryarrow.jpg) no-repeat left center;
	padding: 2px 0 3px 15px;
	margin: 0 8px;
}

/* ページ分割 リンク*/
.paginate {
	margin-bottom: 25px;
}

.paginate li {
	width: 9em;
}

.paginate li span{
	display: inline;
	padding: 2px 0 3px 15px;
	margin: 0;
}

.paginate li.left span{ background: url(../img/btn_entryarrow2.jpg) no-repeat left center;}
.paginate li.right span{ background: url(../img/btn_entryarrow.jpg) no-repeat left center;}
.paginate li.left { float: left;}
.paginate li.right { float: right;text-align: right;}

/* ページのTOPへ戻る リンク*/
.toTopLink {
	text-align: right;
	margin: 0 0 20px 0;
}

.toTopLink li {
	display: inline;
	background: url(../img/btn_toparrow.gif) no-repeat left center;
	padding: 2px 0 4px 13px;
}

.toTopLink li a { color: #666666;}
.toTopLink li a:hover { color: #999999;}

/* パンクズ */
#pankuzu {
	text-align: left;
	padding: 3px 14px 5px 10px;
	margin:  0 0 15px 0;
	background: #f7eff6;
	border-top: 1px solid #d1a3c9;
}

/* アーカイブページ */
#archiveTitle {
	margin: 0 0 20px 0;
}

#archiveTitle h1 {
	text-align: center;
	color: #870D72;
	background: url(../img/ttl_archive_bg.jpg) no-repeat center;
}

#archiveTitle h1 span {
	font-weight: bold;
	background: #ffffff;
	padding: 0 12px;
}

/* コメント */
.entry #commentList {
	padding: 30px 0 20px 0;
}

.entry #commentPost {
	padding: 0 0 20px 0;
}

.entry #commentList dt img,
.entry #commentPost dt img {
	display: block;
}

.entry #commentList dt {
	border-bottom: 1px solid #d7adcf;
}

.entry #commentPost dt {
	border-bottom: 1px solid #d7adcf;
	margin: 0 0 10px 0;
}

* html .entry #commentList dt,
* html .entry #commentPost dt, {
	height: 1%;
}

.entry #commentList dd {
	margin: 0px 0 20px 0;
	padding: 8px 0 0 0;
}

.entry #commentList dd .author .date {
	padding-left: 8px;
}

.entry #commentList dd p {
	margin: 8px 0 2px 0;
}

.entry #commentList dd div {
	background: url(../img/img_comment_border.gif) repeat-x bottom #ffffff;
	padding: 0 0 4px 0;
}

.entry #commentPost dd {
	margin: 0 0 4px 0;
}

.entry #commentPost dd label {
	display: block;
}

.entry #commentPost dd label input {
	vertical-align: middle;
}

/* 保留・エラー */
.entry .message p {
	margin-bottom: 10px;
}

.entry .message ul {
	text-align: center;
	margin: 45px 0 0 0;
}

.entry .message ul li {
	display: inline;
	background: url(../img/btn_entryarrow.jpg) no-repeat left center;
	padding: 2px 0 3px 15px;
	margin: 0;
}

.entry .message .redTxt {
	color: #ff0000;
}


/* ///// ライトバー ///// */
#rightBar {
	width: 190px;
	float: right;
	padding: 0 10px 0 0;
}

#profile {
	margin-bottom: 20px;
}

#profile strong img {
	display: block;
}


#profileGray {
	width: 174px;
	margin: 2px 0 0 0;
	background: #ebebeb;
	text-align:center;
	padding: 6px 8px 10px 8px;
}

#profileGray #profilePhoto {
	margin: 0 0 10px 0;
}

#profileGray dl {	
	text-align: left;
	margin: 0 0 5px 0;
	width: 174px;
	padding: 0;
}

#profileGray dt,
#profileGray dd {
	display: inline;
}

#rightBanner {
	margin-bottom: 20px;
}

#rightBanner ul li {
	margin-bottom: 20px;
}

#rightBanner ul li a{
	width: 190px;
	height: 62px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#rightBanner ul li a:hover {
	background-position: -200px 0;
}

#rightBanner #rBanner1 { background-image: url(../img/img_right_banner1.jpg);}
#rightBanner #rBanner2 { background-image: url(../img/img_right_banner2.gif);}
#rightBanner #rBanner3 { background-image: url(../img/img_right_banner3.gif);}
#rightBanner #rBanner4 { background-image: url(../img/img_right_banner4.jpg);}
#rightBanner #rBanner5 { background-image: url(../img/img_right_banner5.jpg); height: 90px;}
#rightBanner #rBanner6 { background-image: url(../img/img_right_banner6.jpg); height: 150px;}


/* ///// フッター ///// */
#footer {
	clear: both;
	width: 100%;
	background: #f5f5f5;
	text-align: center;
	padding: 8px 0;
}