@charset "utf-8";

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

[unitSnapLead]
[blockSnapList]
[blockShopDetail]

-- FontSize --
  BASE:  75% (12px)

 SMALL:  83% (10px)
 LARGE: 133% (16px)
XLARGE: 166% (20px)


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

@import url(import/reset.css);
@import url(import/common.css);
@import url(import/parts.css);
@import url(import/sub.css);

@import url(import/clear.css);



/* =========================================================
■unitSnapLead
========================================================= */
div#main div.unitSnapLead {
	margin: 0 0 30px;
}

div#main div.unitSnapLead p.btn {
	display: inline;
	float: right;
	width: 160px;
	margin: 0 0 0 10px;
}


/* =========================================================
■blockSnapList
========================================================= */
div#main div#blockSnapList {
	position: relative;
	width: 735px;
	margin-right: -35px;
}

div#main div#blockSnapList div.section {
	margin: 0 0 30px;
}


/* snap
----------------------------------------------- */
div#main div#blockSnapList div.snap {
	display: inline;
	float: left;
	width: 212px;
	margin: 0 33px 0 0;
}

div#main div#blockSnapList div.snap p {
	margin: 0;
}

div#main div#blockSnapList div.snap p.photo {
	margin: 0 0 5px;
}

div#main div#blockSnapList div.snap p.photo a {
	display: block;
	border: 1px #999999 solid;
	background: none;
}
div#main div#blockSnapList div.snap p.photo a:hover {
	border-color: #FF6600;
}


div#main div#blockSnapList div.snap p.name {
}

div#main div#blockSnapList div.snap p.name a {
	background: none;
	border-bottom: 1px #FF6600 dotted;
}
div#main div#blockSnapList div.snap p.name a:hover {
	border: none;
}

div#main div#blockSnapList div.snap p.name span {
	font-size: 86%;
}

div#main div#blockSnapList div.snap p.linkCommon {
	text-align: right;
}


/* =========================================================
■blockSnapDetail
========================================================= */
div#main div#blockSnapDetail {

}


/* unitPhotoSet
----------------------------------------------- */
div#main div#blockSnapDetail div.unitPhotoSet {
}

div#main div#blockSnapDetail div.unitPhotoSet p.photoL {
	width: 300px;
	margin: 0;
}


/* ----- commentDetail ----- */
div#main div#blockSnapDetail div.unitPhotoSet div.commentDetail {
	margin: 0 0 0 320px; 
}

div#main div#blockSnapDetail div.unitPhotoSet div.commentDetail p {
	margin: 0 0 15px;
}

div#main div#blockSnapDetail div.unitPhotoSet div.commentDetail h2 {
	background: url(/kiino/img/common/line_dotted_03.gif) repeat-x 0 100%;
}

div#main div#blockSnapDetail div.unitPhotoSet div.commentDetail h2 span {
	padding-left: 15px;
	font-size: 80%;
}

div#main div#blockSnapDetail div.unitPhotoSet dl {
	margin: 0 0 15px;
}

div#main div#blockSnapDetail div.unitPhotoSet dl dt {
	padding-left: 20px;
	background: url(/kiino/img/common/ico_comment_01.gif) no-repeat 0 0.4em;
	color: #FF6600;
}

div#main div#blockSnapDetail div.unitPhotoSet dl dd {
	margin: 0 0 15px 20px;
}

/* closeUp */
div#main div#blockSnapDetail div.unitPhotoSet ul.closeUp {
	padding: 45px 0 0;
	background: url(/kiino/img/snap/txt_snap_02.gif) no-repeat 0 0;
	
}

div#main div#blockSnapDetail div.unitPhotoSet ul.closeUp li {
	display: inline;
	margin: 0 20px 0 0;
}