@charset "utf-8";


/*---------------------------------------------------
* Layout Modules
*--------------------------------------------------*/

/*   [共通要素]
---------------------------------------*/
.clear {
	clear: both;
}

/*-------- [heading] --------*/
.title1st {
	background: url("/common/img/bg_title1st_bottom.gif") no-repeat 0 100%;
	margin-bottom: 10px;
}
.title1st span {
	background: url("/common/img/bg_title1st_top.gif") no-repeat 0 0;
	display: block;
	color: #ffffff;
	font-size: 115%;
	padding: 11px 13px;
}

.title2nd {
	background: url("/common/img/bg_title2nd_bottom.gif") #dbd6d0 no-repeat 0 100%;
	line-height: 1.4;
	margin-bottom: 10px;
}
.title2nd span {
	background: url("/common/img/bg_title2nd_top.gif") no-repeat 0 0;
	display: block;
	color: #5f5247;
	font-size: 115%;
	padding: 8px 13px;
}

.title3rd {
	clear: both;
	background: url("/common/img/line_dot_0001.gif") repeat-x 0 100%;
	color: #5f5247;
	line-height: 1.5;
	font-size: 115%;
	margin-bottom: 10px;
	padding: 0 10px 3px;
}

/*-------- [list] --------*/
.listDisc li {
	background: url("/common/img/icon_disc_0001.gif") no-repeat 0 0.6em;
	line-height: 1.5;
	margin-bottom: 5px;
	padding-left: 12px;
}
.listLink li {
	background: url("/common/img/icon_arrow_0002.gif") no-repeat 0 0.5em;
	line-height: 1.5;
	margin-bottom: 5px;
	padding-left: 10px;
}

/*-------- [link] --------*/
.linkWindow {
	vertical-align: baseline;
	margin-left: 4px;
	margin-right: 4px;
}
/* Win IE6 */
* html .linkWindow {
	padding-top: 0.5em;
}
/* Win IE7 */
*:first-child+html .linkWindow {
	padding-top: 0.5em;
}

/*-------- [headRss] --------*/
.topheadRss {
	text-align: right;
	margin: -37px 10px 34px 0;
}
.headRss {
	text-align: right;
	margin: -37px 10px 20px 0;
}

/*-------- [topArticle] --------*/
.topArticle {
	clear: both;
	margin: 30px 1px;
	width: 670px;
}
.topArticle .thumb {
	float: left;
	display: inline;
	margin-right: 10px;
}
.topArticle dl {
	font-size: 115%;
	float:left;
	width:530px;

}
.topArticle dt {
	line-height: 1.5;
}
.topArticle dt img {
	vertical-align: baseline;
	margin-right: 10px;
	margin-bottom: -3px;
}
.topArticle dd {
	line-height: 1.5;
	margin-bottom: 10px;
}
.topArticle dd .date {
	font-size: 66.7%;
	color: #777774;
}

.topArticle .topblog_left,
.topArticle .topblog_left .blog_entry{
	float: left;
	margin-right: 27px;
	width: 320px;
}
.topArticle .topblog_right,
.topArticle .topblog_right .blog_entry{
	float: right;
	width: 320px;
}

.topArticle .blog_entry{
	margin: 10px 0 0 0;
}

.topArticle .blog_entry dt{
	float: left;
	display: inline;
	margin-right: 10px;
}

.topArticle .blog_entry dd.title{
	margin-top: 0;
}

.topArticle .blog_entry dd.text{
	font-size: 88%;
	background: url("/common/img/line_dot_0001.gif") repeat-x 0 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.topArticle p.blog_link{
	text-align: right;
}

.topArticle p.blog_link a{
	background: url("/common/img/icon_arrow_0002.gif") no-repeat 0 0.5em;
	padding-left: 7px;
}

/*-------- lowerspecial --------*/
.specialArticle {
	clear: both;
	margin: 25px 1px;
}
.specialArticle .thumb {
	float: left;
	display: inline;
	margin-right: 10px;
}
.specialArticle dl {
	font-size: 115%;
}
.specialArticle dt {
	line-height: 1.5;
	margin-bottom: 10px;
}
.specialArticle dt img {
	vertical-align: baseline;
	margin-right: 10px;
	margin-bottom: -3px;
}
.specialArticle dd {
	line-height: 1.5;
	margin-bottom: 10px;
}

#maincontents .specialArticle .account{
	float:right;
	width:480px;
}


/*-------- [articleList] --------*/
.articleList {
	background: url("/common/img/line_dot_0001.gif") repeat-x 0 0;
	font-size: 115%;
	margin: 0 3px 29px;
}
.articleList li {
	background: url("/common/img/line_dot_0001.gif") repeat-x 0 100%;
	line-height: 1.4;
	padding: 9px 3px;
}
.articleList li img {
	vertical-align: baseline;
	margin-right: 10px;
	margin-bottom: -3px;
}
.articleList li em {
	font-weight: normal;
}
.articleList li .date {
	font-size: 66.7%;
	color: #777774;
	margin-left: 10px;
}

/*-------- [form] --------*/
.flowNotice {
	clear: both;
}
.contactTel {
	border: 3px solid #dbd6d0;
	margin: 20px 0 0;
	padding: 10px 15px;
}
.contactTel dt {
	background: url("/common/img/bg_contacttel.gif") no-repeat 0 0.5em;
	font-size: 107.7%;
	line-height: 1.8;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 15px;
}
.contactTel dd {
	font-size: 107.7%;
	line-height: 1.8;
}
.contactTel dd em {
	margin-right: 1em;
}
.formNavi {
	margin-bottom: 20px;
	padding-top: 30px;
}
.formNavi li {
	background: url("/common/img/bg_flow.gif") no-repeat 100% 14px;
	float: left;
	display: inline;
	margin-right: 28px;
	padding-right: 39px;
}
.formNavi li.lastChild {
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.tblForm {
	border-collapse: collapse;
	border-top: 1px solid #ada09c;
	border-left: 1px solid #ada09c;
	width: 100%;
}
.tblForm th,
.tblForm td {
	border-right: 1px solid #ada09c;
	border-bottom: 1px solid #ada09c;
	font-size: 107.7%;
	line-height: 1.3;
	padding: 8px;
}
.tblForm th {
	font-weight: normal;
	background: #f3efed;
	white-space: nowrap;
}
.contact .error {
	color: #ff0033;
}
.tblForm .zipsearch {
	font-size: 75%;
}
.necessary {
	background: #ffffcc;
}
.required {
	color: #ff0033;
	line-height: 1.3;
}
.tblForm th .required {
	margin-left: 0.5em;
}
.tblForm td .required {
	display: block;
	margin-bottom: 3px;
}
.tblForm .postBtn {
	font-size: 87.5%;
	margin-top: 5px;
}
.tblForm #comment,
.tblForm #career,
.tblForm #intro,
.tblForm #sample {	width: 400px;	height: 120px;}
.tblForm #name,
.tblForm #kana {	width: 200px;}
.tblForm #zip1,
.tblForm #zip2 {	width: 4em;}
.tblForm #add1,
.tblForm #add2 {	width: 400px;	margin-bottom: 5px;}
.tblForm #tel,
.tblForm #fax {	width: 150px;}
.tblForm #mail1,
.tblForm #mail2 {	width: 300px;}
.tblForm #age {	width: 50px;}
.formBtn {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0;
}
.formBtn input {
	border: none;
}
.formBtn p {
	display: inline;
	margin: 0 20px;
}


/*   [中層ページ共通　list]
---------------------------------------*/
.list .articleList {
	background: none;
}
.list .articleList li {
	margin: 0 3px;
	padding: 9px 15px;
}
.list .articleList a {
	background: url("/common/img/icon_arrow_0002.gif") no-repeat 0 0.5em;
	padding-left: 7px;
}


/*   [下層ページ共通　detail]
---------------------------------------*/
/*-------- [detailDate] --------*/
.detailDate {
	text-align: right;
	color: #846f5e;
	font-size: 76.9%;
	width: 630px;
	margin-left: 20px;
	margin-bottom: 8px;
}

/*-------- [detailSummary] --------*/
.detailSummary {
	background: #f3f3f3;
	width: 604px;
	margin-left: 20px;
	margin-bottom: 30px;
	padding: 13px;
}
.detailSummary .thumb {
	float: left;
	display: inline;
	margin-right: 10px;
}
.detailSummary .overview {
	font-size: 107.7%;
	font-weight: bold;
	color: #5f5247;
	line-height: 1.5;
}

/*-------- [detailArticle] --------*/
.detailArticle {
	clear: both;
	font-size: 107.7%;
	line-height: 1.8;
	width: 630px;
	margin-left: 20px;
	margin-bottom: 30px;
}
.detailArticle p {
	margin-bottom: 1em;
}

.detailArticle h3 {
	padding: 7px 10px ;
	background:#f3f3f3;
	border-bottom: 2px solid #dbd6d0;
	margin-bottom: 1em;
}

.detailArticle h4 {
	padding: 4px 10px ;
	margin-bottom: 1em;
	border: 1px solid #dbd6d0;
}

.detailArticle h5 {
	border-left: 5px solid #938071;
	margin-bottom: 1em;
	padding-left: 10px;
}

.detailArticle h6,
.detailArticle h7{
	margin-bottom: 1em;
	font-weight: bold;
}

.detailArticle small {
	font-size: 84%;
}

.detailArticle big {
	font-size: 110%;
}

.detailArticle blockquote {
	padding: 10px 10px 10px 35px;
     background:  #F3F3F3 url(../img/icon_quotes1.gif) no-repeat 10px 10px;
}
.detailArticle blockquote p {
     margin: 0;
     padding-right: 24px;
     background: url(../img/icon_quotes2.gif) no-repeat 100% 100%;
}

.detailArticle .block01 {
	color: #555;
	clear: both;
	border: 1px solid #dbd6d0;
	padding: 15px 15px 5px;
	font-size: 84%;
	margin-bottom: 15px;
}

.detailArticle .block02 {
	color: #555;
	clear: both;
	border-top: 2px solid #5F5247;
	border-bottom: 2px solid #5F5247;
	padding: 15px 15px 5px;
	font-size: 109%;
	text-align:center;
	font-weight:bold;
	margin-bottom: 15px;
}

.detailArticle ul,
.detailArticle ol {
	padding-left: 30px;
}

.detailArticle ul{
	list-style: disc;
}
 
/*-------- [tag] --------*/
.tag {
	font-size: 107.7%;
	line-height: 1.5;
	margin: 0 15px 45px;
}
.tag li {
	float: left;
	display: inline;
}
.tag li a {
	background: url("/common/img/icon_arrow_0002.gif") no-repeat 0 0.5em;
	margin-right: 20px;
	padding-left: 7px;
}

/*-------- [relation] --------*/
.relation {
	font-size: 107.7%;
	line-height: 1.5;
	margin: 0 15px 45px;
}
.relation li a {
	background: url("/common/img/icon_arrow_0002.gif") no-repeat 0 0.5em;
	padding-left: 7px;
}

/*-------- [recent] --------*/
.recent {
	font-size: 107.7%;
	line-height: 1.5;
	margin-bottom: 45px;
}
.recent li {
	background: url("/common/img/line_dot_0001.gif") repeat-x 0 100%;
	margin: 0 3px;
	padding: 9px 15px;
}
.recent li a {
	background: url("/common/img/icon_arrow_0002.gif") no-repeat 0 0.5em;
	padding-left: 7px;
}
.recent li .date {
	color: #666666;
}

/*-------- [trackbacksUrl] --------*/
.trackbacksUrl {
	font-size: 107.7%;
	line-height: 1.5;
	background: url("/common/img/icon_arrow_0002.gif") no-repeat 0 0.5em;
	color: #666666;
	margin: 0 15px 45px;
	padding-left: 9px;
}


/*   [お問い合わせ　contact]
---------------------------------------*/
.contact {
	width: 630px;
	margin-top: 20px;
	margin-left: 20px;
}
.contact p {
	font-size: 107.7%;
	line-height: 1.8;
	margin-bottom: 10px;
}


/*   [e4とは　about]
---------------------------------------*/
.about {
	width: 630px;
	margin-top: 20px;
	margin-left: 20px;
}
.about p {
	font-size: 107.7%;
	line-height: 1.8;
	margin-bottom: 1em;
}
.about img {
	float: right;
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px;
}


/*   [ライター募集　writer]
---------------------------------------*/
.writer p {
	font-size: 107.7%;
	line-height: 1.8;
	width: 630px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.writerOverview {
	margin-top: 20px;
	margin-bottom: 20px;
}
.writer ol {
	font-size: 107.7%;
	line-height: 1.8;
	width: 630px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.writer ol li {
	margin-left: 25px;
}
.writer p.privacy {
	background: url("/common/img/line_dot_0001.gif") repeat-x 0 0;
	width: 630px;
	margin-top: 20px;
	margin-left: 0;
	padding: 20px 20px 0;
}
.writer .contactTel {
	width: 594px;
	margin-left: 20px;
}
.writer .formNavi {
	margin-left: 60px;
}
.writer .tblForm {
	width: 627px;
	margin-left: 20px;
}


/*   [著作権について　copyright]
---------------------------------------*/
.aboutCopyright {
	width: 630px;
	margin-top: 20px;
	margin-left: 20px;
}
.aboutCopyright p {
	font-size: 107.7%;
	line-height: 1.8;
}


/*   [免責事項　notice]
---------------------------------------*/
.menseki {
	width: 630px;
	margin-top: 20px;
	margin-left: 20px;
}
.menseki p {
	font-size: 107.7%;
	line-height: 1.8;
}


/*   [スタッフ紹介　staff]
---------------------------------------*/
.staff {
	clear: both;
	width: 650px;
	margin-top: 20px;
	/*margin-left: 20px;*/
	margin-bottom: 25px;
}
.staff dl {
	float: right;
	display: inline;
	width: 470px;
}

div.staffAbout {
	float: right;
	display: inline;
	width: 470px;
	line-height:1.8;
}

.staffAbout p {
	margin-bottom:10px;
	margin-top:5px;
}

.staff h2 {
/*	padding: 4px 10px ;
	margin-bottom: 1em;
	border: 1px solid #dbd6d0;*/
	background: url("/common/img/bg_staffname.gif") no-repeat 0 100%;
	padding:8px 0px 7px 12px;
	line-height: 1.4;
	margin-bottom: 10px;
	font-size:115%;
}

.staff div.staffAbout {
	margin-bottom:20px;
	font-size:107.7%;
}

.staff dt {
	background: url("/common/img/line_dot_0001.gif") repeat-x 0 100%;
	color: #5f5247;
	line-height: 1.5;
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
.staff dd {
	font-size: 107.7%;
	line-height: 1.8;
	margin-bottom:10px;
}

.staff div.staffPhoto {
	float: left;
	width:150px;
	text-align:center;
	padding-top:10px;
	display:inline;
}

/*
.staff img {
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
}
*/

/*   [利用規約　rule]
---------------------------------------*/
.rule {
	margin-top: 20px;
}
.rule .title2nd {
	margin-top: 25px;
}
.rule p {
	font-size: 107.7%;
	line-height: 1.8;
	width: 630px;
	margin-left: 20px;
	margin-bottom: 1em;
}
.rule .listDisc {
	font-size: 107.7%;
	width: 630px;
	margin-left: 20px;
}


/*   [サイトマップ　sitemap]
---------------------------------------*/
.sitemap {
	width: 630px;
	margin-top: 20px;
	margin-left: 20px;
}
.sitemap ul li {
	background: url("/common/img/icon_arrow_0004.gif") no-repeat 0 0.5em;
	font-size: 107.7%;
	line-height: 1.8;
	margin-bottom: 1em;
	padding-left: 18px;
}

.sitemap ul li.rss {
	background: url("/common/img/icon_rss2.gif") no-repeat 0 0.35em;
	font-size: 107.7%;
	line-height: 1.8;
	margin-bottom: 1em;
	padding-left: 24px;
}

/* Win IE6 */
* html .sitemap ul li.windowLink {
	padding-bottom: 5px;
}
/* Win IE7 */
*:first-child+html .sitemap ul li.windowLink {
	padding-bottom: 5px;
}
.sitemap ul ul {
	margin-left: 20px;
}
.sitemap ul ul li {
	background: url("/common/img/icon_arrow_0002.gif") no-repeat 0 0.8em;
	margin-bottom: 0;
	padding-left: 9px;
}
.sitemapList01,
.sitemapList02 {
	display: inline;
	width: 300px;
}
.sitemapList01 {
	float: left;
}
.sitemapList02 {
	float: right;
}


/*   [ページが見つかりません　404]
---------------------------------------*/
.notFound p {
	font-size: 107.7%;
	line-height: 1.8;
	width: 630px;
	margin-left: 20px;
	margin-bottom: 1em;
}
.notFound .listLink {
	font-size: 107.7%;
	width: 630px;
	margin-left: 20px;
	margin-bottom: 25px;
}


/*   [検索結果　search-result]
---------------------------------------*/
.hidden {
	display: none;
}
.resultNavi {
	text-align: center;
}


/*   [コメント投稿　comment]
---------------------------------------*/
#comments-open-data {
	line-height: 1.5;
	margin-bottom: 5px;
}

#comment-form-name input {
	width:400px;
	margin-bottom:5px;
	margin-top:2px;
}

#comment-form-email input {
	width: 400px;
	margin-bottom:5px;
	margin-top:2px;
}
#comment-form-url input {
	width: 400px;
	margin-bottom:5px;
	margin-top:2px;
}
#comments-open-text {
	margin-bottom: 5px;
}

#comments-open-text textarea {
	width: 400px;
	height:150px;
	margin-top:2px;
}

#comment-form-remember-me input {
	border:none;
}

#comments-open-captcha .label {
	margin-bottom: 5px;
}
#comments-open-captcha input {
	margin: 5px 0;
}
#comments-open-footer {
	margin-top: 15px;
}
#comments-open-footer input {
	background: #cdcdcd;
	font-size: 107.7%;
	float: left;
	display: inline;
	width: 10em;
	margin-right: 10px;
	padding: 5px 0 5px 0.5em;
	cursor: pointer;
	letter-spacing: 0.5em;
}
#comments-open-footer #comment-preview,
#comments-open-footer #comment-cancel {
	background: url("/common/img/bg_btn_0001.gif") repeat-x 0 0;
}
#comments-open-footer #comment-submit {
	background: url("/common/img/bg_btn_0002.gif") repeat-x 0 0;
	border: 1px solid #69ab21;
}
.comment {
	padding: 20px;
	margin-bottom: 20px;
	background: url("/common/img/line_dot_0001.gif") repeat-x 0 100%;
}
.comments-open-content {
	margin-bottom: 30px;
}
.comment-content {
	font-size: 107.7%;
	line-height: 1.5;
}
.asset-meta {
	text-align: right;
	line-height: 1.3;
}


/*-------- [comment_complete] --------*/
.message p {
	font-size: 107.7%;
	line-height: 1.5;
	margin-bottom: 1em;
}
.message a {
	background: url("/common/img/icon_arrow_0002.gif") no-repeat 0 0.5em;
	padding-left: 10px;
}

/*-------- [comment_complete] --------*/

.stafflink {
	margin-bottom:20px;
}

.stafflink li a {
	background: url("/common/img/icon_arrow_0005.gif") no-repeat 0 0.5em;
	padding-left: 12px;
	
}

.stafflink li {
	float:left;
	margin-right:15px;
}

/*----------　みみずふん土比較写真レイアウト　----------*/
.detailArticle .compare01 {
	float: left;
	width: 180px;
}

.detailArticle .compare02 {
	float: right;
	width: 180px;
}

/*----------　ソーシャルメディア　----------*/

#social{
	clear:both;
	margin-top:10px;
}

#social ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #social ul             { zoom: 1; } /* IE6 */
*:first-child+html #social ul { zoom: 1; } /* IE7 */

#social li{
	float:left;
	margin-right:10px;
}

#facebook{
	clear:both;
	margin-top:5px;
}

/*----------　カルチャー　----------*/

.anchor {
	background: url("/common/img/icon_arrow_0002.gif") no-repeat 0 0.5em;
	padding-left: 10px;
}
p.old {
	text-align: right;
	margin-bottom:20px;
}