@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////

[heading]
[unitPhotoSet]
[]
[]

-- 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);



/* =========================================================
■heading
========================================================= */
div#main h2 {
	background: none;
	border-bottom: 1px #999999 solid;
}

div#main p.recommend {
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	border: none;
	background: url(/kiino/img/kimonokomono/ico_list_01.gif) no-repeat 0 0.2em;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
}



/* =========================================================
■unitSeason
========================================================= */
div#main div.unitSeason {
	margin: 0 0 40px;
}

div#main div.unitSeason div.section {
	margin: 0;
}

div#main div.unitSeason div.section dl dt {
	margin: 0 0 5px;
}

div#main div.unitSeason div.section dl dt a {
	display: block;
	border: 1px #999999 solid;
}

div#main div.unitSeason div.section dl dt a:hover {
	border-color: #FF6600;
}

div#main div.unitSeason div.section dl dd.linkCommon {
	text-align: right;
}

div#main div.unitSeason div.kimono {
	float: left;
	width: 340px;
	margin: 0 0 20px;
}

div#main div.unitSeason div.komono {
	float: right;
	width: 340px;
	margin: 0 0 20px;
}

div#main div.unitSeason div.komono p {
	margin: 0 0 5px;
}


div#main div.unitSeason p.linkExternal {
	margin-top: 15px;
}

div#main div.unitSeason div.excerpt {
}

div#main div.unitSeason div.excerpt p {
	margin: 0 0 15px;
}


/* =========================================================
■unitKimonoList
========================================================= */
div#main div.unitKimonoList {
	margin: 0 0 30px;
}

div#main div.unitKimonoList p.photo {
	float: left;
	width: 320px;
	margin: 0;
}

div#main div.innerKimonoList {
	float: right;
	width: 350px;
}

div#main div.innerKimonoList h3 {
	margin: 0 0 10px;
	padding: 0;
	border: none;
}

div#main div.innerKimonoList p {
	margin: 0;
}

div#main div.innerKimonoList dl {
	margin: 20px 0;
}

div#main div.innerKimonoList dl dt {
	margin: 0 0 5px;
}

div#main div.innerKimonoList dl dd {
	font-size: 85%;
}

div#main div.innerKimonoList dl dd ul li{
	margin: 0 0 2px;
	padding-left: 10px;
	background: url(/kiino/img/kimonokomono/ico_list_02.gif) no-repeat 0 0.8em;
}

div#main div.innerKimonoList ul.pickup li{
	float: left;
	width: 90px;
}


/* =========================================================
■blockKomonBase
========================================================= */
div#main div.blockKomonoBase {
	margin: 0 0 50px;
}

div#main div.blockKomonoBase p {
	margin: 0 0 20px;
}

/* =========================================================
■unitKomonThumbnail
========================================================= */
div#main div.unitKomonThumbnail {
	position: relative;
	width: 720px;
	margin: 0 -20px 0 0;
}

div#main div.unitKomonThumbnail ul {
	margin: 0 0 10px;
	font-size: 85%;
	line-height: 1.5;
}

div#main div.unitKomonThumbnail ul li{
	display: inline;
	float: left;
	width: 160px;
	margin: 0 20px 0 0;
}

div#main div.unitKomonThumbnail ul li img {
	margin: 0 0 5px;
}


/* =========================================================
■blockKomonoL
========================================================= */
div#main div.blockKomonoL {
	float: left;
	width: 360px;
}

div#main div.blockKomonoL h2 {
	margin-right: 20px;
}

div#main div.blockKomonoL div.unitKomonThumbnail {
	width: 360px;
}

div#main div.blockKomonoL div.unitKomonThumbnail ul li {
	margin-bottom: 20px;
}


/* =========================================================
■blockKomonoR
========================================================= */
div#main div.blockKomonoR {
	float: right;
	width: 340px;
}

div#main div.blockKomonoR div.unitKomonThumbnail {
	width: 360px;
	position: reltaive;
	margin: 0 -20px 0 0 ;
}

div#main div.blockKomonoR div.unitKomonThumbnail ul li {
	margin-bottom: 20px;
}