@charset "utf-8";
/* ****************************************************

csr.css
1: page detail
99: extra

***************************************************** */

/*1: page detail
=========================================*/
div#contents .note02 {
	padding-left: 1.8em;
	text-indent: -1.8em;
}
div#contents .note02 span.title {
	font-weight: bold;
}

/* ==================================
index.html
================================== */
.doorCol {
	background: url(/csr/images/index_bg001.gif) no-repeat 0 100%;
	zoom: 1;
}
body.csr #contents .doorSingle,
body.csr #contents .doorSingle .col {
	width: 335px;
	margin-right: 0;
}
.doorCol .col {
	background: url(/csr/images/index_bg002.gif) no-repeat 0 0;
	zoom: 1;
}
.doorCol .col .photo {
	float: left;
	width: 85px;
	padding: 6px 6px 8px;
}
.doorCol .col dl {
	float: right;
	width: 230px;
	padding: 8px 0;
}
.doorCol .col dt {
	padding: 0 10px 3px 0;
	font-size: 115%;
	font-weight: bold;
}
.doorCol .col dt a {
	display: block;
	float: left;
	padding: 0 0 0 17px;
	background: url(/csr/images/index_ic002.gif) no-repeat 0 0.4em;
	zoom: 1;
}
.doorCol .col dd {
	padding: 0 10px 0 0;
}

#contents #csrOther .columnBox {
	position: relative;
	padding: 5px 0 10px 15px;
	margin: 0 0 0 -20px;
}
* html body.csr #contents #csrOther .columnBox {/* forIE6 */
	margin: 0 0 0 -40px;
}
#contents #csrOther ul.normalList01 {
	position: relative;
	float: left;
	width: 320px;
	margin: 0 0 0 20px;
}

/* ==================================
hinshitsu
================================== */
/* experience_miso.html */
#exPhoto01 li {
	display: inline;
	display: table-cell;
	padding: 0 25px 10px 0;
	zoom: 1;
}
* html #exPhoto01 li {/* for IE6 */
	display: inline;
}
*:first-child+html #exPhoto01 li {/* for IE7 */
	display: inline;
}
.exPhoto02 {
	margin: 7px 0 0;
}
.exPhoto02 .photo {
	float: left;
	width: 420px;
	padding: 5px 0 9px;
}
.exPhoto02 .exTxt {
	float: left;
	width: 265px;
	padding: 0 0 9px;
}
#contents #letterBox {
	background-color: #ffffff;
}
#letterBox #letterTxt {
	position: relative;
	width: 517px;
	height: 390px;
	margin: 0 auto;
	background: url(/csr/hinshitsu/images/experience_miso_il001.gif) no-repeat 0 0;
	zoom: 1;
}
#letterBox #letterTxt img {
	position: absolute;
	top: 100px;
	left: 130px;
}

/* ip_handling.html */
#contents .ipBox .line02 {
	padding-bottom: 20px;
}
#ipSample li {
	float: left;
	width: 164px;
	text-align: center;
}
#ipSample li .caption {
	display: block;
	width: 123px;
	margin: 5px auto 0;
	text-align: left;
	font-size: 83%;
}
#agPhoto02 p.image {
	width: 165px;
	margin: 0 auto;
}

/* ==================================
misozukuri
================================== */
#misoFrow dl {
	margin: 18px 0 0;
	zoom: 1;
}
#misoFrow dt {
	clear: both;
	font-weight: bold;
	color: #6a3011;
}
#misoFrow dd.line02 {
	width: 690px;
	clear: both;
	padding: 10px 0 11px;
	zoom: 1;
}
#misoFrow dd .misoFrowTitle {
	margin-top: 20px;
	padding-bottom: 17px;
	text-align: center;
}
#misoFrow dd .misoFrowCaption {
	float: right;
}
#misoFrow dd .flow2 {
	margin-top: 139px;
}
#misoFrow dd .text {
	clear: both;
	padding-top: 15px;
}
#misoFrow ul {
	float: left;
	width: 471px;
	margin-right: -15px;
	overflow: hidden;
}
#misoFrow ul.col2 {
	float: none;
	width: 100%;
	margin-left: 38px;
}
#misoFrow ul.col2 li {
	margin: 0 55px 0 0;
	text-align: center;
}
#misoFrow ul li {
	float: left;
	margin: 0 15px 0 0;
}
#misoFrow ul li .comment {
	display: block;
	height: 27px;
	padding: 10px 0 0;
	text-align: center;
}
#misoFrow dl.line02 .imageBlock02 {
	margin: 0;
	padding-bottom: 8px;
}
#misoFrow dl.line02 .imageBlock02 .imageBox {
	margin-bottom: 0;
}

/* advertisement */
#advertisement dl {
	margin-top: -5px;
}
#advertisement dl dt {
	margin: 25px 0 0;
	font-weight: bold;
	color: #6a3011;
}
#advertisement .application li {
	margin-top: 15px;
	text-indent: -0.5em;
	padding-left: 0.8em;
}
#advertisement .application .note {
	margin-top: 20px;
}

#advertisement .touroutline {
	margin-top: -25px;
}
#advertisement .touroutline li {
	margin-top: 25px;
}
#advertisement .touroutline .banner {
	margin-top: 5px;
}


/* ==================================
poem
================================== */
#contents #poemNew .columnBox {
	width: 100%;
	padding: 15px 0;
	background-color: #ffffff;
}
#poemNew .poemCol01 {
	padding: 0 15px;
}
.poemCol01 .imageBlock {
	float: left;
	width: 338px;
}
.poemCol01 .imageBlock p {
	float: left;
	padding: 0 10px 0 0;
}
.poemCol01 .textBlock {
	float: left;
	width: 300px;
}
#contents #poemTable th,
#contents #poemTable td {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
.zoomLink a {
	display: block;
	float: left;
	min-height: 15px;
	padding: 0 0 0 17px;
	background: url(/csr/poem/images/index_ic001.gif) no-repeat 0 0.3em;
	zoom: 1;
}
* html .zoomLink a {/* forIE6 */
	height: 15px;
}
#contents .finishAnnounce {
	margin-top: 15px;
	font-weight: bold;
	text-align: center;
}

/*99: extra
=========================================*/

/* ==================================
clear fix
================================== */
#misoFrow dd:after,
.doorCol .col:after,
.doorCol .col dt:after,
.exPhoto02:after,
#misoFrow ul:after,
#ipSample ul:after,
.poemCol01:after,
.poemCol01 .imageBlock:after,
.zoomLink:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#misoFrow dd,
.doorCol .col,
.doorCol .col dt,
.exPhoto02,
#misoFrow ul,
#ipSample ul,
.poemCol01,
.poemCol01 .imageBlock,
.zoomLink {
	zoom: 1;
}