@charset "UTF-8";



/*
	[SITE] commmonsmart
	[FILE] /products/css/products.css
*/

/*==================================================
【reco008】編みぐるみ @2009.12.24up
==================================================*/
#recommend008 {
	width:860px;
	background:#E2E2DC;
}
#recommend008 h2 {
	margin:0;
}
#recommend008Wrap {
	margin:5px 0 0 30px;
}

/*
テキストエリア
--------------------------------------------------*/
#recommend008 #textArea {
	float:left;
	width:524px;
}

/*
リード
-------------------------*/
#recommend008 #textArea #lead p {
	color:#333;
	letter-spacing:0.08em;
}
#recommend008 #textArea #lead h3 {
	margin:30px 0 0;
}

/*
4つのキーワード
-------------------------*/
#recommend008 #textArea #keywords203 {
	padding:8px 10px 20px;
	background:#fff url(../images/reco008/bg_textarea_ftr.gif) no-repeat 0 100%;
}

/*
リードテキスト
----------*/
#recommend008 #textArea #keywords203 p.leadText {
	color:#00ACD4;
	letter-spacing:0.08em;
	margin:8px 3px 0;
}
#recommend008 #textArea #keywords203 #keywordsS p.leadText {
	color:#EE7D7F;
}

/*
見出しその1〜4
----------*/
#recommend008 #textArea #keywords203 h4 {
	margin-top:22px;
}
#recommend008 #textArea #keywords203 h4.top {
	margin-top:0;
}

/*
写真
----------*/
#recommend008 #textArea #keywords203 ul {
	margin:8px 3px 0;
}
#recommend008 #textArea #keywords203 ul li {
	float:left;
	width:154px;
	margin-right:18px;
}
#recommend008 #textArea #keywords203 ul li.typeA {
	width:326px;
}
#recommend008 #textArea #keywords203 ul li.end {
	margin-right:0;
}
#recommend008 #textArea #keywords203 ul li p {
	font-size:10px;
	line-height:1.4;
	letter-spacing:0.05em;
	margin-top:5px;
}

/*
voice
----------*/
#recommend008 #textArea #keywords203 .voice {
	margin:12px 3px 0;
	background:#E2E2DC;
}
#recommend008 #textArea #keywords203 .voice p {
	letter-spacing:0.08em;
	padding:0 15px 8px;
}

/*
PROFILE
-------------------------*/
#recommend008 #textArea #profile {
	margin:8px 0 0;
	padding:0 0 15px;
	background:#fff url(../images/reco008/bg_textarea_ftr.gif) no-repeat 0 100%;
}

#recommend008 #textArea #profile .hdr {
	width:524px;
	height:5px;
	font-size:0;
	background:url(../images/reco008/bg_textarea_hdr.gif) no-repeat 0 0;
}

#recommend008 #textArea #profile h3 {
	margin:13px 14px 0;
}

#recommend008 #textArea #profile .set .photoArea {
	float:right;
	width:128px;
	margin:10px 0 0;
}
#recommend008 #textArea #profile .set .textArea {
	float:left;
	width:396px;
}
#recommend008 #textArea #profile .set .textArea p,
#recommend008 #textArea #profile p.text {
	color:#333;
	font-size:10px;
	line-height:1.8;
	letter-spacing:0.05em;
	margin:5px 14px 0;
}
#recommend008 #textArea #profile .set .textArea h4 {
	color:#333;
	font-weight:bold;
	margin:10px 14px 0;
}


#recommend008 #textArea #profile ul {
	margin:10px 11px 0;
}

#recommend008 #textArea #profile ul li {
	min-height:15px;
	.height:15px;
	font-size:12px;
	background:url(../images/reco008/ico_link.gif) no-repeat 2px 2px;
	margin-top:5px;
	padding-left:22px;
}

#recommend008 #textArea #profile ul li a {
	color:#333;
	text-decoration:none;
}
#recommend008 #textArea #profile ul li a:hover {
	text-decoration:underline;
}


/*
サイドエリア
--------------------------------------------------*/
#recommend008 #sideArea {
	float:right;
	width:278px;
}

/*
movie
-------------------------*/
#recommend008 #sideArea #movie {
	width:248px;
	margin:0 30px 0 0;
}

#recommend008 #sideArea #movie p {
	margin-top:5px;
}

/*
GOODSエリア
-------------------------*/
#recommend008 #sideArea #goods {
	margin:20px 0 0;
	background:#00ABD1;
}
#recommend008 #sideArea #goods .hdr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/reco008/bg_goods_hdr.gif) no-repeat 0 0;
}

#recommend008 #sideArea #goods .ftr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/reco008/bg_goods_ftr.gif) no-repeat 0 0;
}

/*
リード
----------*/
#recommend008 #sideArea #goods .lead h3 {
	margin:7px 12px 0;
}

#recommend008 #sideArea #goods .lead p {
	color:#fff;
	letter-spacing:0.08em;
	font-weight:bold;
	margin:6px 12px 0;
}
#recommend008 #sideArea #goods .lead p.attention {
	font-size:10px;
	margin:6px 12px 0;
}

/*
商品
----------*/
#recommend008 #sideArea #goods ul li {
	padding:0 12px 12px;
}
#recommend008 #sideArea #goods ul li.end {
	padding:0 12px 8px;
}
#recommend008 #sideArea #goods ul li .set {
	padding-top:12px;
	background:url(../images/reco008/bg_goods_dot.gif) repeat-x 0 0;
}
#recommend008 #sideArea #goods ul li.top .set {
	padding-top:8px;
	background-image:none;
}

/* 画像 */
#recommend008 #sideArea #goods ul li .photoArea {
	float:left;
	width:135px;
}
#recommend008 #sideArea #goods ul li .photoArea img {
	border:1px solid #ccc;
}

/* テキスト */
#recommend008 #sideArea #goods ul li .textArea {
	float:right;
	width:109px;
}
#recommend008 #sideArea #goods ul li .textArea p a {
	color:#fff;
	text-decoration:underline;
}
#recommend008 #sideArea #goods ul li .textArea p a:hover {
	text-decoration:none;
}
#recommend008 #sideArea #goods ul li .textArea p.textTitleA { margin-top:75px; }
#recommend008 #sideArea #goods ul li .textArea p.textTitleB { margin-top:94px; }

#recommend008 #sideArea #goods ul li .textArea p.moreDetail {
	text-align:left;
	margin-top:5px;
}
#recommend008 #sideArea #goods ul li p.text {
	color:#fff;
	font-size:10px;
	letter-spacing:0.05em;
	margin-top:5px;
}

/*
chopsticks
-------------------------*/
#recommend008 #sideArea #chopsticks {
	margin:5px 0 0;
	background:#5B555B;
}

#recommend008 #sideArea #chopsticks .hdr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/reco008/bg_chop_hdr.gif) no-repeat 0 0;
}

#recommend008 #sideArea #chopsticks .ftr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/reco008/bg_chop_ftr.gif) no-repeat 0 0;
}

#recommend008 #sideArea #chopsticks h3 {
	color:#fff;
	font-weight:bold;
	margin:6px 12px 0;
}

#recommend008 #sideArea #chopsticks ul li {
	padding:0 12px 12px;
}
#recommend008 #sideArea #chopsticks ul li.end {
	padding:0 12px;
}
#recommend008 #sideArea #chopsticks ul li .set {
	padding-top:12px;
}

/* 画像 */
#recommend008 #sideArea #chopsticks ul li .photoArea {
	float:left;
	width:135px;
}
#recommend008 #sideArea #chopsticks ul li .photoArea img {
	border:1px solid #ccc;
}

/* テキスト */
#recommend008 #sideArea #chopsticks ul li .textArea {
	float:right;
	width:109px;
}
#recommend008 #sideArea #chopsticks ul li .textArea p a {
	color:#fff;
	text-decoration:underline;
}
#recommend008 #sideArea #chopsticks ul li .textArea p a:hover {
	text-decoration:none;
}
#recommend008 #sideArea #chopsticks ul li .textArea p { margin-top:56px; }

#recommend008 #sideArea #chopsticks ul li .textArea p.moreDetail {
	text-align:left;
	margin-top:5px;
}
#recommend008 #sideArea #chopsticks p.textA,
#recommend008 #sideArea #chopsticks p.textB {
	color:#fff;
	font-size:10px;
	letter-spacing:0.05em;
	margin-top:10px;
	padding:0 12px;
}
#recommend008 #sideArea #chopsticks p.textB {
	font-weight:bold;
	padding-bottom:5px;
}

/*
会場販売告知
-------------------------*/
#recommend008 #sideArea #buyNotice {
	width:266px;
	margin:20px 0 0;
	background:#000;
}

#recommend008 #sideArea #buyNotice .hdr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/reco008/bg_notice_hdr.gif) no-repeat 0 0;
}

#recommend008 #sideArea #buyNotice .ftr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/reco008/bg_notice_ftr.gif) no-repeat 0 0;
}

#recommend008 #sideArea #buyNotice h3 {
	margin:6px 12px 0;
}

#recommend008 #sideArea #buyNotice h4 {
	margin:10px 12px 0;
}

#recommend008 #sideArea #buyNotice p {
	color:#fff;
	line-height:1.4;
	letter-spacing:0.08em;
	margin:6px 12px 0;
}
#recommend008 #sideArea #buyNotice p.end {
	padding-bottom:5px;
}

/*
LINK
-------------------------*/
#recommend008 #sideArea .sideLink {
	margin:20px 0 0;
}

#recommend008 #sideArea .sideLink ul li {
	min-height:15px;
	.height:15px;
	font-size:12px;
	background:url(../images/reco008/ico_link.gif) no-repeat 2px 2px;
	margin-top:5px;
	padding-left:22px;
}

#recommend008 #sideArea .sideLink ul li a {
	text-decoration:none;
}
#recommend008 #sideArea .sideLink ul li a:hover {
	text-decoration:underline;
}

/*
拡大写真
--------------------------------------------------*/
#categoryReco008Window #main p.textCaption {
	font-size:10px;
	margin-top:10px;
}

#categoryReco008Window #main #guideNextBack {
	margin:15px 0 0;
}
#categoryReco008Window #main #guideNextBack a {
	color:#000;
	text-decoration:underline;
}
#categoryReco008Window #main #guideNextBack a:hover {
	text-decoration:none;
}
#categoryReco008Window #main #guideNext {
	float:right;
	width:290px;
	text-align:right;
}
#categoryReco008Window #main #guideBack {
	float:left;
	width:290px;
}




/*==================================================
【reco007】高音質配信を味わう @2009.09.22up
==================================================*/
#recommend007 {
	width:860px;
}
#recommend007 h2 {
	margin:0;
}

/*
テキストエリア
--------------------------------------------------*/
#recommend007 #textArea {
	float:left;
	width:552px;
}

/*
リード
-------------------------*/
#recommend007 #textArea #lead {
}
#recommend007 #textArea #lead h2 {
	margin-left:30px;
}
#recommend007 #textArea #lead div {
	margin:8px 0 0 30px;
}

/*
解説
-------------------------*/
#recommend007 #textArea #explain {
}

#recommend007 #textArea #explain h3 {
	margin:25px 0 0 30px;
}
#recommend007 #textArea #explain h3.top {
	margin:35px 0 0 30px;
}
#recommend007 #textArea #explain p {
	letter-spacing:0.08em;
	margin:25px 0 0 30px;
}
#recommend007 #textArea #explain p.top {
	margin:15px 0 0 30px;
}

#recommend007 #textArea #explain .pictureA {
	margin:15px 0 0 30px;
}

#recommend007 #textArea #explain p.interviewer {
	font-size:10px;
	text-align:right;
	margin-top:5px;
}

/*
コメント
-------------------------*/
#recommend007 #textArea #explain .comment {
	color:#ccc;
	background:#000;
	margin:10px 0 0;
}
#recommend007 #textArea #explain .comment p {
	margin:10px 15px 0 30px;
}
#recommend007 #textArea #explain .comment p.name {
	text-align:right;
	padding-bottom:5px;
}

/*ヘッダー・フッター*/
#recommend007 #textArea #explain .comment .hdr,
#recommend007 #textArea #explain .comment .ftr {
	width:552px;
	height:10px;
	font-size:0;
}
#recommend007 #textArea #explain #commentS .hdr {
	background:url(../images/reco007/bg_comment-s_hdr.gif) no-repeat 0 0;
}
#recommend007 #textArea #explain #commentS .ftr {
	background:url(../images/reco007/bg_comment-s_ftr.gif) no-repeat 0 0;
}
#recommend007 #textArea #explain #commentK .hdr {
	background:url(../images/reco007/bg_comment-k_hdr.gif) no-repeat 0 0;
}
#recommend007 #textArea #explain #commentK .ftr {
	background:url(../images/reco007/bg_comment-k_ftr.gif) no-repeat 0 0;
}

/*
サイドエリア
--------------------------------------------------*/
#recommend007 #sideArea {
	float:right;
	width:278px;
}

#recommend007 #sideArea #cd .hdr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(http://www.commmonsmart.com/products/images/reco007/bg_side01_hdr.gif) no-repeat 0 0;
}

#recommend007 #sideArea #cd .ftr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(http://www.commmonsmart.com/products/images/reco007/bg_side01_ftr.gif) no-repeat 0 0;
}

/*
メニュー
-------------------------*/
#recommend007 #sideArea #menu {
}

#recommend007 #sideArea #menu li {
	border-bottom:1px solid #000;
	margin-right:30px;
	padding-bottom:5px;
}
#recommend007 #sideArea #menu li p {
	letter-spacing:0.05em;
	margin-left:20px;
}
#recommend007 #sideArea #menu li.no p {
	color:#686868;
}
#recommend007 #sideArea #menu li p.menuTextSub {
	font-size:10px;
}

/*
CDエリア
-------------------------*/
#recommend007 #sideArea #cd {
	margin:20px 0 0;
}
#recommend007 #sideArea #cd .hdr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/reco007/bg_side_hdr.gif) no-repeat 0 0;
}

#recommend007 #sideArea #cd .ftr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/reco007/bg_side_ftr.gif) no-repeat 0 0;
}

#recommend007 #sideArea #cd ul li {
	padding:0 12px 12px;
	background:#ececec;
}
#recommend007 #sideArea #cd ul li.end {
	padding:0 12px 8px;
}
#recommend007 #sideArea #cd ul li .set {
	padding-top:12px;
	background:url(../images/reco007/bg_side.gif) repeat-x 0 0;
}
#recommend007 #sideArea #cd ul li.top .set {
	padding-top:8px;
}
#recommend007 #sideArea #cd ul li.top .set {
	background-image:none;
}
#recommend007 #sideArea #cd ul li .photoArea {
	float:left;
	width:135px;
}
#recommend007 #sideArea #cd ul li .photoArea img {
	border:1px solid #ccc;
}
#recommend007 #sideArea #cd ul li .textArea {
	float:right;
	width:109px;
}
#recommend007 #sideArea #cd ul li .textArea p span {
	font-size:10px;
	font-weight:bold;
}
#recommend007 #sideArea #cd ul li .textArea p.textTitleA { margin-top:26px; }
#recommend007 #sideArea #cd ul li .textArea p.textTitleB { margin-top:7px; }
#recommend007 #sideArea #cd ul li .textArea p.textTitleC { margin-top:84px; }
#recommend007 #sideArea #cd ul li .textArea p.textTitleD { margin-top:73px; }

#recommend007 #sideArea #cd ul li .textArea p.moreDetail {
	text-align:left;
	margin-top:5px;
}
#recommend007 #sideArea #cd ul li p.text {
	font-size:10px;
	letter-spacing:0.05em;
	margin-top:5px;
}

/*
LINK
-------------------------*/
#recommend007 #sideArea .sideLink {
	margin:20px 0 0;
}

#recommend007 #sideArea .sideLink ul li {
	min-height:15px;
	.height:15px;
	font-size:12px;
	background:url(../images/reco007/ico_link.gif) no-repeat 2px 2px;
	margin-top:5px;
	padding-left:22px;
}

#recommend007 #sideArea .sideLink ul li a {
	text-decoration:none;
}
#recommend007 #sideArea .sideLink ul li a:hover {
	text-decoration:underline;
}




/*==================================================
【reco006】t-shirtsSummer @2009.07.31up
==================================================*/
#recommend006 {
	width:860px;
}
#recommend006 h2 {
	margin:0;
}

/*
テキストエリア
--------------------------------------------------*/
#recommend006 #textArea {
	float:left;
	width:582px;
}

/*
リード
-------------------------*/
#recommend006 #textArea #lead {
	margin:30px 0 0 28px;
}


/*
インタビュー/コメント
-------------------------*/
#recommend006 #textArea #interview {
	margin:0 30px;
}

#recommend006 #textArea #interview .commentA h3,
#recommend006 #textArea #interview .commentB h3 {
	border-bottom:1px solid #000;
	margin-top:30px;
	padding-bottom:5px;
}

#recommend006 #textArea #interview .commentA .textArea {
	float:left;
	width:310px;
}
#recommend006 #textArea #interview .commentB .textArea {
	float:right;
	width:310px;
}
#recommend006 #textArea #interview .commentA .photoArea {
	float:right;
	width:200px;
	margin:15px 0 0;
}
#recommend006 #textArea #interview .commentB .photoArea {
	float:left;
	width:200px;
	margin:15px 0 0;
}

#recommend006 #textArea #interview .commentA .textArea p,
#recommend006 #textArea #interview .commentB .textArea p {
	line-height:1.7;
	letter-spacing:0.07em;
	margin-top:20px;
}
#recommend006 #textArea #interview .commentA .textArea p.top,
#recommend006 #textArea #interview .commentB .textArea p.top {
	margin-top:12px;
}

/*
サイドエリア
--------------------------------------------------*/
#recommend006 #sideArea {
	float:right;
	width:278px;
}

#recommend006 #sideArea .ftrTshirts {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/reco006/bg_side_ftr.gif) no-repeat 0 0;
}

/*
購入
-------------------------*/
#recommend006 #sideArea .guideBuy {
	background:#000;
	padding:12px 12px 0;
}

#recommend006 #sideArea .guideBuy .set {
	background:url(../images/reco006/dot-01.gif) repeat-x 0 0;
	padding:0 0 10px;
}
#recommend006 #sideArea .guideBuy .setTop {
	background-image:none;
}
#recommend006 #sideArea .guideBuy p {
	float:left;
	width:161px;
	color:#fff;
	margin-top:5px;
}

#recommend006 #sideArea .guideBuy p a {
	color:#fff;
	text-decoration:underline;
}
#recommend006 #sideArea .guideBuy p a:hover {
	text-decoration:none;
}

#recommend006 #sideArea .guideBuy div.moreDetail {
	float:right;
	width:93px;
	margin-top:25px;
}

/*
白バージョン
-------------------------*/
#recommend006 #sideArea #whiteVersion {
	background:#000;
	width:266px;
	margin:20px 0 0;
}

#recommend006 #sideArea .hdrWhite {
	width:266px;
	height:5px;
	font-size:0;
	background:url(../images/reco006/bg_sidewhite_hdr.gif) no-repeat 0 0;
}
#recommend006 #sideArea .ftrWhite {
	width:266px;
	height:5px;
	font-size:0;
	background:url(../images/reco006/bg_sidewhite_ftr.gif) no-repeat 0 0;
}

#recommend006 #sideArea #whiteVersion h3 {
	margin:5px 10px 0;
}

#recommend006 #sideArea #whiteVersion .set {
	padding:10px 10px 7px;
}
#recommend006 #sideArea #whiteVersion .photoArea {
	float:left;
	width:136px;
}
#recommend006 #sideArea #whiteVersion .textArea {
	float:right;
	width:100px;
}
#recommend006 #sideArea #whiteVersion .textArea p {
	color:#fff;
	font-size:10px;
	line-height:1.6;
	letter-spacing:0.07em;
	margin-top:70px;
}
#recommend006 #sideArea #whiteVersion .textArea .readMore {
	margin-top:14px;
}

/*
LINK
-------------------------*/
#recommend006 #sideArea #link {
	margin:20px 0 0;
}

#recommend006 #sideArea #link ul li {
	min-height:15px;
	.height:15px;
	font-size:12px;
	background:url(../images/reco006/ico_link.gif) no-repeat 2px 2px;
	margin-top:5px;
	padding-left:22px;
}

#recommend006 #sideArea #link ul li a {
	text-decoration:underline;
}
#recommend006 #sideArea #link ul li a:hover {
	text-decoration:none;
}


/*==================================================

t-shirts @2009.04.27up

==================================================*/
#tShirts {
	width:860px;
}
#tShirts h2 {
	margin:0;
}

/*
テキストエリア
--------------------------------------------------*/
#tShirts #textArea {
	float:left;
	width:582px;
}

#tShirts #textArea p {
	line-height:1.8;
}

/*
リード
-------------------------*/
#tShirts #textArea #lead {
	margin:30px 0 0 28px;
}


/*
インタビュー
-------------------------*/
#tShirts #textArea #interview {
	margin:0 30px;
}

#tShirts #textArea #interview h3 {
	border-bottom:1px solid #000;
	margin-top:25px;
	padding-bottom:5px;
}

#tShirts #textArea #interview p {
	margin-top:23px;
}
#tShirts #textArea #interview p.top {
	margin-top:13px;
}


/*
インタビュー Tシャツイメージ
-------------------------*/
#tShirts #textArea #interview #atmosphereWrap {
}
#tShirts #textArea #interview #atmosphereWrap #atmosphere {
	float:right;
	width:190px;
	margin:5px 0 0 20px;
}
#tShirts #textArea #interview #atmosphereWrap #atmosphere p {
	font-size:10px;
	line-height:1.4;
	margin-top:5px;
	padding-bottom:20px;
}
#tShirts #textArea #interview #atmosphereWrap #text {
}


/*
インタビュー プロフィール
-------------------------*/
#tShirts #textArea #interview #profile {
	margin:20px 0 0;
}

#tShirts #textArea #interview #profile .photo {
	float:left;
	width:170px;
}

#tShirts #textArea #interview #profile .text {
	float:right;
	width:352px;
}

#tShirts #textArea #interview #profile h4 {
}

#tShirts #textArea #interview #profile p {
	color:#666;
	font-size:10px;
	margin-top:5px;
}
#tShirts #textArea #interview #profile p strong {
	font-size:12px;
	font-weight:bold;
}

/*
インタビュー kumeロゴ
-------------------------*/
#tShirts #textArea #interview #kumeLogo {
	float:right;
	width:114px;
	margin:20px 0 0 10px;
}

#tShirts #textArea #interview p.guideLink {
	min-height:15px;
	.height:15px;
	font-size:12px;
	background:url(../../common/images/icon/ico_b04.gif) no-repeat 2px 50%;
	margin-top:23px;
	padding-left:22px;
}


/*
Tシャツ商品エリア
--------------------------------------------------*/
#tShirts #tShirtsArea {
	float:right;
	width:278px;
}

#tShirts #tShirtsArea .ftr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/tshirts/bg_side_ftr.gif) no-repeat 0 0;
}

/*
Tシャツ商品エリア Tシャツ写真
-------------------------*/
#tShirts #tShirtsArea #photoTshirts {
	background:#000;
}

#tShirts #tShirtsArea #photoTshirts div {
	padding:10px 12px 0;
}

/*
Tシャツ商品エリア 購入
-------------------------*/
#tShirts #tShirtsArea #guideBuy {
	background:#000;
	padding:10px 12px 0;
}

#tShirts #tShirtsArea #guideBuy .set {
	background:url(../images/tshirts/dot-01.gif) repeat-x 0 0;
	padding:0 0 10px;
}
#tShirts #tShirtsArea #guideBuy .setTop {
	background-image:none;
}
#tShirts #tShirtsArea #guideBuy p {
	float:left;
	width:161px;
	color:#fff;
	margin-top:5px;
}
#tShirts #tShirtsArea #guideBuy .setTop p {
	margin-top:0;
}

#tShirts #tShirtsArea #guideBuy p span {
	font-weight:bold;
}

#tShirts #tShirtsArea #guideBuy div.moreDetail {
	float:right;
	width:93px;
	margin-top:20px;
}
#tShirts #tShirtsArea #guideBuy .setTop div.moreDetail {
	margin-top:15px;
}

/*
Tシャツ商品エリア movie
-------------------------*/
#tShirts #tShirtsArea #movie {
	width:248px;
	margin:30px 30px 0 0;
}

#tShirts #tShirtsArea #movie p {
	margin-top:5px;
}



/*==================================================

candle JUNE @2009.04.15

==================================================*/

.pageCandleJune #titleContentsArea p {
	width:500px;
}
.pageCandleJune .subTitleA10 { width:300px !important; }

#candleJune {
	width:860px;
}
#candleJune h2 {
	margin:0;
}

#candleJuneWrap {
	background:#F4F7E6;
	padding:30px 0 0 30px;
}

/*
テキストエリア
--------------------------------------------------*/
#candleJune #textArea {
	float:left;
	width:525px;
}

#candleJune #textArea p {
	color:#552810;
	line-height:1.8;
}

/*
リード
-------------------------*/
#candleJune #textArea #lead h3 {
	margin-top:30px;
}

#candleJune #textArea #lead p {
	margin-top:18px;
}
#candleJune #textArea #lead p.attention {
	color:#B33F18;
	font-weight:bold;
}

/*
インタビュー
-------------------------*/
#candleJune #textArea #interview {
}

#candleJune #textArea #interview h4.titleA {
	margin-top:25px;
}
#candleJune #textArea #interview h4.titleB {
	margin-top:35px;
}

#candleJune #textArea #interview p {
	margin-top:23px;
}
#candleJune #textArea #interview p.top {
	margin-top:13px;
}

/*
インタビュー プロフィール横テキスト
-------------------------*/
#candleJune #textArea #interview .textWrap {
	float:right;
	width:257px;
}

#candleJune #textArea #interview .textWrap p.interviewer {
	font-size:10px;
	text-align:right;
}

/*
インタビュー プロフィール
-------------------------*/
#candleJune #textArea #interview #profile {
	float:left;
	width:248px;
	margin:25px 0 0;
}

#candleJune #textArea #interview #profile h4 {
	margin-top:20px;
}

#candleJune #textArea #interview #profile p {
	color:#666;
	font-size:10px;
	margin-top:5px;
	padding-bottom:20px;
}
#candleJune #textArea #interview #profile p span {
	font-size:12px;
	font-weight:bold;
}
#candleJune #textArea #interview #profile p a {
	color:#666;
	text-decoration:none;
}
#candleJune #textArea #interview #profile p a:hover {
	text-decoration:underline;
}

/*
インタビュー　editor's note
-------------------------*/
#candleJune #textArea #interview #editorsNote {
	background:#E9EFCF;
	margin:30px 0 0;
	padding:6px 10px 10px;
}

#candleJune #textArea #interview #editorsNote p {
	font-size:10px;
	margin-top:8px;
}

/*
キャンドル商品エリア
--------------------------------------------------*/
#candleJune #candleArea {
	float:right;
	width:278px;
}

/*
キャンドルS
-------------------------*/
#candleJune #candleArea #candleS {
	margin:10px 0 0;
}

/*
共通
-------------------------*/
#candleJune #candleArea .hdr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/candle/bg_side_hdr.gif) no-repeat 0 0;
}
#candleJune #candleArea .ftr {
	width:278px;
	height:5px;
	font-size:0;
	background:url(../images/candle/bg_side_ftr.gif) no-repeat 0 0;
	margin:7px 0 0;
}
#candleJune #candleArea .candleAreaWrap {
	margin:0 10px;
}

#candleJune #candleArea .candle {
	background:#210C03;
}

#candleJune #candleArea h3 {
	margin-top:7px;
}

#candleJune #candleArea .photo {
	margin:5px 0 0;
	padding:0 0 3px;
}

#candleJune #candleArea p {
	color:#fff;
	margin-top:10px;
}
#candleJune #candleArea p.closing {
	font-size:12px;
	text-align:right;
}
#candleJune #candleArea p.catch {
	font-size:10px;
	margin-top:5px;
}
#candleJune #candleArea p.attention {
	color:#999;
	font-size:10px;
	margin-top:5px;
}

/* キャンドルサムネイル */
#candleJune #candleArea .candleThumbnail {
	background:url(../images/candle/dot-01.gif) repeat-x 0 0;
	padding:10px 0;
}

#candleJune #candleArea .candleThumbnail div {
	clear:left;
	float:left;
	width:60px;
}

#candleJune #candleArea .candleThumbnail p {
	font-size:12px;
	line-height:1.4;
	font-weight:bold;
	margin:0;
}
#candleJune #candleArea .candleThumbnail p.moreDetail {
	margin-top:5px;
}
#candleJune #candleArea .candleThumbnail p.extraTop02 {
	margin-top:15px;
}

/* ページリンク */
.pageCandleJune #pageLink {
	zoom:1;
}


/*==================================================

out of noise @2009.02.26

==================================================*/

#outOfNoise {

	width:830px;

	margin:30px 0 0 30px;

}

.pageOutOfNoise1 #titleContentsArea,

.pageOutOfNoise2 #titleContentsArea {

	border-bottom:1px solid #000;

}





/*

テキストエリア

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

#outOfNoise #textArea {

	float:left;

	width:524px;

}



#outOfNoise #textArea h2 {

	margin:0;

}



/* liner notesタイトルエリア */

#outOfNoise #textArea .title {

	padding:30px 0 0;

}

#outOfNoise #textArea .title h3 {

	float:left;

	width:369px;

}

#outOfNoise #textArea .title p {

	float:right;

	width:155px;

	text-align:right;

	text-indent:0 !important;

}



.pageOutOfNoise1 #outOfNoise #textArea .text p {

	clear:both;

	line-height:2.2;

	text-indent:1em;

}

.pageOutOfNoise2 #outOfNoise #textArea .text p {

	clear:both;

	line-height:1.6;

	text-indent:1em;

}

#outOfNoise #textArea p.top {

	margin-top:30px;

}

#outOfNoise #textArea p.interviewer {

	text-align:right;

	margin-top:40px;

}



/* 2ページ目曲紹介 */

#outOfNoise #textArea .text h4 {

	float:left;

	width:400px;

	margin-top:30px;

	padding-bottom:5px;

}

#outOfNoise #textArea .text .listen {

	float:right;

	width:75px;

	margin-top:30px;

	padding-bottom:5px;

}



/*

CDエリア

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

#outOfNoise #cdArea {

	float:right;

	width:278px;

	background:#ececec;

}

#outOfNoise #cdArea div dl dt,

#outOfNoise #cdArea div dl dt a {

	line-height:1.8;

}

#outOfNoise #cdArea div dl dd {

	line-height:1.4;

}



#outOfNoise #cdArea .hdr { background:url(../images/oon/bg_cd-area_hdr.gif) no-repeat 0 0; height:5px; font-size:0; }

#outOfNoise #cdArea .ftr { background:url(../images/oon/bg_cd-area_ftr.gif) no-repeat 0 0; height:5px; font-size:0; }





/* フルアートワーク盤 */

#outOfNoise #cdArea .cdA {

	position:relative;

	background:url(../../common/images/line/line_dot_a02.gif) repeat-x 0 100%;

	margin:0 30px 0 12px;

	padding:8px 0 12px;

}

#outOfNoise #cdArea .cdA p.moreDetail {

	position:absolute;

	right:0;

	bottom:10px;

}

*html #outOfNoise #cdArea .cdA p.moreDetail {

	position:absolute;

	top:383px;

	right:30px;

}

#outOfNoise #cdArea .cdA dl {

	width:140px;

	margin-top:10px;

}



/* 2番目以降 */

#outOfNoise #cdArea .cdB {

	background:url(../../common/images/line/line_dot_a02.gif) repeat-x 0 100%;

	margin:0 30px 0 12px;

	padding:12px 0 12px;

}



#outOfNoise #cdArea .cdB .thumbnailA01 {

	float:left;

	width:143px;

}



#outOfNoise #cdArea .cdB .textA,

#outOfNoise #cdArea .cdB .textB {

	float:right;

	width:93px;

}

#outOfNoise #cdArea .cdB .textA {	margin-top:35px; }

#outOfNoise #cdArea .cdB .textB {	margin-top:52px; }

#outOfNoise #cdArea .cdC .textB {	margin-top:52px; }



#outOfNoise #cdArea .cdB p.moreDetail {

	margin-top:10px;

}



#outOfNoise #cdArea .cdB ul {

	clear:both;

	padding-top:10px;

	.padding-top:0;

}

#outOfNoise #cdArea .cdB ul li {

	font-size:10px;

	text-indent:-1em;

	padding-left:1em;

}



/* 最後尾 */

#outOfNoise #cdArea .cdC {

	background-image:none !important;

	padding:12px 0 8px !important;

}



/* WMP 注意文 */

#outOfNoise #noticePlayer {

	float:right;

	width:278px;

}

#outOfNoise #noticePlayer p {

	font-size:10px;

	line-height:1.6;

	border:1px solid #ccc;

	margin:30px 30px 0 0;

	padding:10px;

}