@charset "utf-8";

/* ----------------------------------------------

	ザックザック / LETTER STYLE
	author   : (C)KAYAC http://www.kayac.com/

---------------------------------------------- */

@import url("./common/base.css");
@import url("./common/layout.css");
@import url("./common/module.css");


/*
ページごとに固有のスタイルを書く。
また、共通ファイルをimportする。
共通のものは/css/common以下の各ファイルに書くこと
*/


/* modules
---------------------------------------------- */

#main div.pager {
	padding-top: 20px;
	padding-bottom: 0;
}

ul.c3List li.unit {
	margin-top: 20px;
}

ul.c3List li.unit div.wrap {
	border: 1px solid #000000;
	padding: 9px;
}

#main ul.c3List li.unit div.wrap h3 {
	font-size: 108%;
}

#main ul.c3List li.unit div.wrap .date {
	margin-top: 10px;
	color: #999999;
	text-align: right;
	font-size: 85%;
}

#main ul.c3List li.unit div.wrap p,
#main ul.c3List li.unit div.wrap ul.btnSub {
	margin: 10px 0 0;
}

#main ul.c3List li.unit div.wrap p.summary {
	font-size: 93%;
	line-height: 1.4;
}

div.finish{
	min-height: 290px;
	_height: 290px;
	background:#FDE800 url(/img/dog/bg_finish.gif) no-repeat top right;
}

div#main div.finish div.btnSet01 {
	padding-top: 170px;
	padding-bottom: 10px;
}

/* styles
---------------------------------------------- */

.title01 {
	position: relative;
}

.title01 .entry {
	position: absolute;
	top: 114px;
	right: 20px;
}

/* section
---------------------------------------------- */

.section {
	padding: 20px 0 0;
}

.section h3 {
	padding: 10px;
	font-size: 182%;
	line-height: 1.2;
	background-color: #FDE800;
}

div#main .section p.name {
	float: left;
	width: 590px;
	margin-top: 20px;
	font-size: 108%;
	line-height: 1.1;
}

.section .date {
	float: right;
	width: 100px;
	margin-top: 20px;
	color: #999999;
	text-align: right;
	font-size: 93%;
	line-height: 1.1;
}

.section .detail {
	clear: both;
}

.section p.photo,
.comment .section p.photo {
	float:left;
	width: 410px;
	margin-right: 20px;
}

.section p.photo a {
	display: block;
	width: 400px;
	height: 300px;
	overflow: hidden;
	padding: 5px 5px 30px;
	background: url(/img/common/bg_photo01.gif) no-repeat;
}

.section p.photo a:link,
.section p.photo a:visited {
	background-position: left bottom;
}
.section p.photo a:hover,
.section p.photo a:active {
	background-position:right bottom;
}

div#main .section p.mainText {
	font-size: 108%;
}

/* comment
---------------------------------------------- */
.comment div.formBox {
    background:none;
    padding:20px;
}
.comment .section h3 {
    background:none;
}
.comment .section h3 {
background-color:#000000;
}
.comment div.finish{
	min-height: 290px;
	_height: 290px;
	background:#00B7E2 url(/img/dog/bg_finish_comment.gif) no-repeat right 80px;
}
.comment img.word {
    padding-right:10px;
}

/*
.comment div#main div.formBox div.formParts01 textarea.word {
    width:auto;
	height:auto;
}
*/

.comment .section h3.mB0 {
    background-color:#FDE800;
}

.comment .section  {
    margin:0 20px 20px;
}

.comment .section  .each_comment {
    margin:0;
    padding:10px;
	background:#eeeeee;
}

.comment .section  .comment_footer {
    border-top:1px dotted #7E8984;
}
.comment .section .each_comment p {
    padding:0;
	margin:0;
} 
.comment 

.comment .section .formBox {
    padding:0;
}

/* ----------------------------------------------

		hacks

---------------------------------------------- */

/* Clearfix
---------------------------------------------- */

ul.formStep,
div.formBox {
		zoom: 1;/*for IE 5.5-7*/
}
ul.formStep:after,
div.formBox:after
 {/*for modern browser*/
		display: block;
		clear: both;
		visibility: hidden;
		content: ".";
		height: 0px;
}
* html ul.formStep,
* html div.formBox {
	display: inline-table;
	/*\*/display: block;/**/
}