@charset "utf-8";

/***************************************************
	スタイルシート
	blog.css
	ブログページレイアウトスタイル定義
***************************************************/
#wrap {}

/* ブログ共通
------------------------------------------------------------ */
#contents {	background: #FFFFFF url(../img/temp/wrap_bg.png) 0 0 repeat-y;}

#snavi {}
#snavi #categoryList {
	padding: 20px 0 10px 15px;
	background-color: #FFFFFF;
}
#snavi #categoryList dl {	padding-bottom: 8px;}
#snavi #categoryList dt {	margin-bottom: 3px;}
#snavi #categoryList dd {
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #ffffff;
}
#snavi #categoryList dd a {
	padding-left: 15px;
	background: url(../img/temp/ico03.png) 0 50% no-repeat;
}

#main {}
#main .title {	margin-bottom: 10px;}
#main .entyList,
#main .entyBox {
	position: relative;
	margin-bottom: 3px;
	padding: 20px 20px 17px;
	background: url(../information/img/bg01.jpg) 0 0 repeat-x;
	border-bottom: 3px solid #e1dccd;
}
#main .entyList:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* IE6 */
* html #main .entyList { zoom: 1; }
/* IE7 */
*:first-child+html #main .entyList { zoom: 1; }

#main .entyList p.image {
	float: left;
	width: 95px;
}
#main .entyList p.image img {
	padding: 2px;
	border: 1px solid #c8c8c8;
	background-color: #FFFFFF;

	-moz-box-shadow: 2px 2px 4px #c8c8c8;
	-webkit-box-shadow: 1px 1px 4px #c8c8c8;
	box-shadow: 1px 1px 4px #c8c8c8;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#c8c8c8', Direction=135, Strength=2);zoom: 1;
/*	behavior: url(ie-css3.htc);*/
}
#main .entyList p.date,
#main .entyBox p.date {
	float: left;
	width: 6em;
	color: #501405;
	font-weight: bold;
}
#main .entyList p.category,
#main .entyBox p.category {
	float: left;
	width: 9em;
	padding-top: 1px;
	background-color: #78640f;
	text-align: center;
	line-height: 1.1;
	font-size: 92%;
	color: #FFFFFF;
	border: 1px solid #78640f;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(../css/ie-css3.htc);
}
#main .entyList h3 {
	float: left;
	width: 450px;
	padding: 2px 0;
}
#main .entyList h3 a {
	color: #501405;
	font-weight: bold;
	font-size: 120%;
}
#main .entyList p.btn {
	float: right;
	width: 124px;
}
#main .entyList p.btn a {
	display: block;
	width: 124px;
	height: 24px;
	background: url(../information/img/btn_look.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#main .entyList p.btn a:hover {	background-position: 0 -24px;}

#main .entyBox h3 {
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 5px;
	color: #501405;
	font-weight: bold;
	font-size: 140%;
	line-height: 1.3;
	border-bottom: 2px solid #e9e6bb;
}

#main .content_nav {
	padding: 5px 0;
	text-align: right;
	font-size: 91%;
}
#main .content_nav a {
	text-decoration: none;
	color: #78640f;
}
#main .content_nav a:hover {
	color: #721908;
	text-decoration: underline;
}


/* お知らせ　.information
------------------------------------------------------------ */
#wrap.information #snavi #categoryList dl {	background: url(../img/index/information_bg.png) 0 100% no-repeat;}
#wrap.information #snavi #categoryList dd {	background-color: #e1ebe1;}

/* プレスリリース　.press
------------------------------------------------------------ */
#wrap.press #snavi #categoryList {	padding-top: 15px;}
#wrap.press #snavi #categoryList dl {	background: url(../img/index/press_bg.png) 0 100% no-repeat;}
#wrap.press #snavi #categoryList dd {	background-color: #f0e6d7;}

/* スタッフブログ　.staff
------------------------------------------------------------ */
#wrap.staff #snavi #categoryList dl {	background: url(../staff/img/category_bg.png) 0 100% no-repeat;}
#wrap.staff #snavi #categoryList dd {	background-color: #ebe6eb;}

/* お客様の声　.voice
------------------------------------------------------------ */
#wrap.voice #gnavi li.n06 a {	background-position: 0 -56px;}
#wrap.voice #snavi #categoryList dl {	background: url(../voice/img/category_bg.png) 0 100% no-repeat;}
#wrap.voice #snavi #categoryList dd {	background-color: #e6ebf0;}

#wrap.voice #main .title {	margin-bottom: 5px;}
#wrap.voice #main .entyList {	padding: 20px 10px 10px 15px;	border-bottom: none;}
#wrap.voice #main .entyList p.date {	width: 5.5em;}
#wrap.voice #main .entyList p.category {	width: 8em;}
#wrap.voice #main .entyList h3 {
	float: left;
	width: 160px;
	padding: 2px 0 10px;
	line-height: 1.3;
}
#wrap.voice #main td {
	width: 291px;
	padding-top: 5px;
	border-bottom: 3px solid #e1dccd;
	vertical-align: top;
}
#wrap.voice #main td.border_l {	border-left: 5px solid #ffffff;}
#wrap.voice #main td.border_l02 {	border-left: 5px solid #ffffff;	border-bottom: none;}