@charset "UTF-8";

/*
	[SITE] commmonsmart
	[FILE] /special/css/special_WH039.css
*/

/*==================================================
#039 WORLD HAPPINESS 2013 Vol.3  TC@2013.08.09up
==================================================*/
#spacial039 {
	width:860px;
}

/* div#top
----------------------------- */
#spacial039 #top {
	position:relative;
	width:860px;
	height:420px;
	margin:0 0 0 0;
}

#spacial039 #top h2 {
	position:absolute;
	top:0;
	left:0;
	margin:0 0 0 0;
}

#spacial039 #top p.leadTxt{
	position:absolute;
	top:173px;
	left:30px;
	width:250px;
	height:110px;
	text-indent:-9999px;
}

#spacial039 #top ul#socialbook {
	position:absolute;
	top:382px;
	left:30px;
}

#spacial039 #top ul#socialbook li.tweet{
	float:left;
	margin-right:10px;
	padding: 0;
	width: 110px;
}

#spacial039 #top ul#socialbook li.face{
	float:left;
	margin: 0;
	padding: 0;
}

/* div#spacial039Wrap
----------------------------- */
#spacial039Wrap {
	color:#000;
	margin:0;
	float:left;
	width:860px;
	background:url(../images/sp039/bg_spacial039.gif) repeat-y 0 0;
}

/* div#aboutWH
----------------------------- */
#spacial039 #aboutWH {
	width: 524px;
	margin:30px 0 0 0;
}

#spacial039 #aboutWH  h2 {
	margin:0 0 0 0;
}

#spacial039 #aboutWH p{
	line-height:1.6;
	margin-top:10px;
}

#spacial039 .btn_more {
	text-align:right;
	margin:8px 0 0 0;
}

/* div#aboutWH
----------------------------- */
#spacial039 #aboutChara {
	width: 524px;
	margin:20px 0 0 0;
}

#spacial039 #aboutChara  h2 {
	margin:0 0 0 0;
}

#spacial039 #aboutChara p{
	line-height:1.6;
	margin-top:10px;
}

/*
div#textArea
--------------------------------------------------*/
#spacial039 #textArea {
	float:left;
	width:524px;
	margin:0 0 0 30px;
	padding:0 0 50px;
	_margin:0 0 0 15px;
}

#spacial039 #textArea p.read {
	margin:0 12px;
	text-align: left;
}

/*
div#artist
--------------------------------------------------*/
#spacial039 #textArea #artist {
	width:524px;
	margin-top:10px;
	background:url(../images/sp039/vol01/bg_artist.png) no-repeat 0 0;
}

#spacial039 #textArea #artist h3 {
	margin:0 0 0 128px;
}
#spacial039 #textArea #artist h3 img {
	margin-top:15px;
}

#spacial039 #textArea #artist p {
	line-height:1.6;
	letter-spacing:0.05em;
	margin:10px 0 0 128px;
}

/*
div#photo
-------------------------*/
#spacial039 #textArea #artist .photo {
	width:524px;
}
#spacial039 #textArea #artist .photoTop {
	margin-top:15px;
}

#spacial039 #textArea #artist .photo img{
	margin:0;
	padding: 0;
	border: 0;
	vertical-align:top;
}

#spacial039 #textArea #artist .photo .heightLine {
	margin:4px 4px 0 0;
	width: 128px;
	float: left;
	background:#fff;
}

#spacial039 #textArea #artist .photo .end {
	margin:4px 0 0 0;
}

#spacial039 #textArea #artist .photo .heightLine p{
	margin: 3px 4px;
	color:#e8340c;
	font-size: 10px;
	padding: 0 5px 0 17px;
	background: url(../images/sp039/mrk_arrow.gif) 0 0 no-repeat;
}

#spacial039 #textArea #artist .photo .heightLine p a {
	display:block;
	color:#e8340c;
	font-size: 10px;
	padding:1px 0 2px 0;
	text-decoration: none;
	line-height:1.2;
}

#spacial039 #textArea #artist .photo .notice{
	margin:4px 0 0 0;
	width: 250px;
	float: left;
}
#spacial039 #textArea #artist .photo .notice p.notes{
	font-size:10px;
	line-height:1.4;
	color: #666;
	margin:10px;
}


/*
div#goods
--------------------------------------------------*/
#spacial039 #textArea #goods {
	width:524px;
	margin-top:-88px;
	padding-top:120px;
	background:url(../images/sp039/vol01/bg_goods.png) no-repeat 370px 0;
}

#spacial039 #textArea #goods .goodsBox {
	width:524px;
	margin-top:18px;
	padding-bottom:25px;
	background:#fff url(../images/sp039/vol01/bg_goodsBox.gif) no-repeat left bottom;
}
#spacial039 #textArea #goods .goodsTop {
	margin-top:0;
}

#spacial039 #textArea #goods .goodsBox h4 {
	margin:20px 28px 0 28px;
}

#spacial039 #textArea #goods .goodsBox p {
	margin:10px 14px 0 14px;
}
#spacial039 #textArea #goods .goodsBox p.gry {
	font-size: 10px;
	color:#666666;
}
#spacial039 #textArea #goods .goodsBox p.sml {
	font-size: 10px;
	margin:10px 28px 0 28px;
}

#spacial039 #textArea #goods .goodsBox img.imgGoods {
	display:block;
	margin:25px auto 0;
}

#spacial039 #textArea #goods .goodsBox .endBox{
	position:relative;
	height:534px;
	width:524px;
}
#spacial039 #textArea #goods .goodsBox .endBox img.last {
	position:absolute;
	top:281px;
	left:113px;
	margin:0 0 0 0;
}

#spacial039 #textArea #goods .goodsBox .endBox div.last{
	position:absolute;
	top:422px;
	left:0;
	width:524px;
}
#spacial039 #textArea #goods .goodsBox .endBox div.last p,
#spacial039 #textArea #goods .goodsBox .endBox div.last h4 {
	text-align:right;
	margin:10px 14px 0 0;
}


/*
div#selection
--------------------------------------------------*/
#spacial039 #selection{
	width:524px;
	margin-top:20px;
	padding-bottom:10px;
	background:#2180cf url(../images/sp039/vol01/bg_selection.gif) no-repeat left bottom;
}

#spacial039 #selection p{
	color:#fff;
	margin:0 14px;
}
#spacial039 #selection p.more{
	text-align:right;
	margin:8px 14px 0 14px;
}


/*
margin
--------------------------------------------------*/
.mt30 {
	margin-top: 30px !important;
}

/*
sideArea
--------------------------------------------------*/
#spacial039 #sideArea {
	float:right;
	width:278px;
}

/*
MENU
-------------------------*/
#spacial039 #sideArea ul#Menu,
#spacial039 #sideArea_02 ul#Menu {
	width:278px;
	list-style:none;
	margin-top:20px;
}

/*
Banner
-------------------------*/
#spacial039 #sideArea ul#bnnr,
#spacial039 #sideArea_02 ul#bnnr {
	width:266px;
	list-style:none;
}

#spacial039 #sideArea ul#bnnr li,
#spacial039 #sideArea_02 ul#bnnr li {
	margin-top:10px;
}

/*
Twitter
-------------------------*/
#spacial039 #sideArea #Twitter{
	width: 266px;
	color:#fff;
	margin-top:20px;
	background:#2180cf url(../images/sp039/bg_twitterBtm.gif) no-repeat left bottom;
}
#spacial039 #sideArea #Twitter p.txt {
	padding:0 10px;
	line-height:1.4;
}
#spacial039 #sideArea #Twitter .twitterBox{
	width: 262px;
	margin:6px 2px 0 2px;
	padding:0 0 2px 0;
	background:url(../images/sp039/bg_twitterTop.gif) no-repeat left top;
}

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

#spacial039 #sideArea .sideLink h3,
#spacial039 #sideArea_02 .sideLink h3 {
	margin:0;
	text-align:left;
}

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

#spacial039 #sideArea .sideLink ul li a{
}

#spacial039 #sideArea .sideLink ul li p,
#spacial039 #sideArea_02 .sideLink ul li p {
	font-size:10px;
	margin:0 !important;
}

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