@charset "utf-8";
/* CSS Document */
a.green2 {
	color:#8FA824;
}
/* top切り替わり */
#featured{ 
	width:882px; 
	padding-right:10px; 
	position:relative; 
	height:318px;
	margin:0px auto 20px auto;
	text-align:left;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:275px;
	left:0px; 
	list-style:none; 
	padding:0px;
	margin:0px; 
	width:882px;
	height:39px;
}
#featured ul.ui-tabs-nav li{
	width:20%;
	height:30px;
	margin:0px;
	display:block;
	float:left;
	padding-top:9px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:20px;
	text-align:center;
	background:#FFFFFF;
	border-top:1px solid #E7DFD7;
	border-left:1px solid #E7DFD7;
	border-bottom:1px solid #E7DFD7;
	color:#A28D78;
	font-weight:bold;
	padding:5px 0px;
}
#featured li.ui-tabs-nav-item a:hover{
	background:#E7DFD7;
	color:#A28D78;
	text-decoration:none;
}
#featured li.ui-tabs-selected{
	background: url(../img/topfeature/featured_arr.gif) center top no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#E7DFD7;
	color:#A28D78;
}
#featured ul.ui-tabs-nav li#nav-fragment-5 a {
	border-right:1px solid #E7DFD7;
}
#featured .ui-tabs-panel{ 
	width:882px; height:275px; 
	
	margin:0px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


/*  youtube */
.youtube {
	margin:10px auto 10px auto;
	width:515px;
}
.youtube div {
	padding:5px 5px 0px 5px;
	background:#000000;
}
.youtubelr {
	width:315px;
	margin-top:10px;
}
.youtubelr2 {
	width:315px;
	margin-top:10px;
	margin-right:18px;
}
.youtubelr div,
.youtubelr2 div {
	padding:5px 5px 0px 5px;
	background:#000000;
}

/*  campaign table */
table.camptop {
	margin-top:5px;
}
table.camptop td{
	vertical-align:top;
}
table.camptop td.camptopR{
	padding-left:15px;
}

/* social badge */
#Wrappertop {

}
#sidebar {
	width:32px;
	float:right;
	padding-top:100px;
}
#sidebar a {
	margin-bottom:10px;
	width:32px;
	height:122px;
	display:block;
}
#wrapper {

}
.topRightboxBig .social {
	padding-top:10px;
}
.topRightboxBig .social iframe{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}
.topRightboxBig .social iframe.fb_ltr {

}

/* 汎用 */
#CommonContent{

	color:#666666;
}
#CommonContent #LNavi{

}
#CommonContent #albumRight{

}
#CommonContent .pagetop{
	padding-left:20px;
	padding-right:20px;
}
#CommonContent .social {
	padding-top:0px;
	text-align:right;
	position:relative;
	height:25px;
}
#CommonContent .social iframe{
	margin:0px;
	padding:0px;
	
}
#CommonContent .social span {
	margin:0px;
	padding:0px;
}
#CommonContent .social .twitter-share-button {
	position:absolute;
	width:130px;
	height:20px;
	right:0px;
	top:0px;
	overflow:hidden;
}
#CommonContent .social .fb_ltr {
	position:absolute;
	width:100px;
	height:20px;
	right:130px;
	top:0px;
	overflow:hidden;
}
#CommonContent .para {
	padding:10px 15px;
}
#CommonContent div.howto {
	background:url(../img/common/howto.jpg) 0 0 no-repeat;
	padding-top:118px;
	width:639px;
	margin:10px auto;
}
#CommonContent div.howto p{
	width:216px;
	text-align:center;
	float:left;
	background:url(../img/common/arr_left.gif) center right no-repeat;
	padding:10px 0px;
	color:#666666;
}
#CommonContent div.howto p.last {
	width:207px;
	background:none;
}


.VideoBlock {
	width:520px;
	margin:10px auto;
}
.VideoBlock div {
	padding:5px 5px 0px 5px;
	background:#000000;
}
.SwfBlock {
	width:607px;
	height:377px;
	margin:10px auto;
}
.VideoBlock2 {
	width:610px;
	margin:10px auto;
}
h2#CommonTitle{
	text-align:center;
	padding-bottom:20px;
}
h2#CommonTitle img{
	max-width:800px;
}
h4.read {
	color:#A9987F;
	padding:20px 0px 0px 0px;
	font-weight:bold;
}
.read {
	color:#A9987F;
	padding:0px;
	font-weight:bold;
}
.read2 {
	color:#A9987F;
	font-weight:bold;
	padding:10px 0px;
}
.topProductBox{
    width:auto;
    height:auto;
    border:#DBD2C8 solid 1px;
    margin-bottom:8px;
    padding:3px;
}
.topProductBox .inside{
	background-color:#F2EFED;
	margin-left:auto;
	margin-right:auto;
	line-height: 110%;
	padding: 2px;
}
.topProductBox .inside p {
	color:#778899;
	padding:5px 10px;
	line-height:18px;
}
.topProductBox .inside a {
	color:#778899;
}
.topProductBox .inside h4 {
	color:#4E7B93;
	padding:5px 10px;
}
.topProductBox .inside  p.red {
	color:#AA5050;
	font-weight:bold;
}
.topProductBox .inside ul {
	color:#778899;
	margin-left:10px;
}
.topProductBox .inside ul li {
	background:url(../img/common/dot.gif) left center no-repeat;
	padding-left:10px;
	display:inline;
}
.topNewsleftbox h4,
.topNewsrightbox h4 {
	color:#A38E79;
	font-weight:bold;
	padding-bottom:5px;
}



/* footer */
#footer div{
width:100%;
text-align:center;
background:url(../img/pct_wrapper_dots.gif) top center no-repeat;
}
#footer div#contactmg {
	background:none;
	padding:10px 0px;
}
#footer div#footerbottom {
	background:none;
}
#footer div#footerbottom a {
	color:#A38E79;
}

/* トップページの一覧 */
#content div.findcategory{
    float:right;
    background-position:bottom;
    background-repeat:no-repeat;
    padding-bottom:5px;
}
#content div.findcategoryL{
    float:left;
    background-position:bottom;
    background-repeat:no-repeat;
    padding-bottom:5px;
	width: 320px;
}
#content div.findcategory table,
#content div.findcategoryL table{
	border-collapse:collapse;
	empty-cells:show;
	border-spacing:0;
	background:url(../img/top/pct_price_dots.gif) 0 bottom no-repeat;
	margin-bottom:5px;
}
#content div.findcategory table td,
#content div.findcategoryL table td{
	padding-bottom:5px;
}
#content div.findcategory table td.icon,
#content div.findcategoryL table td.icon{
	width:28px;
}
#content div.findcategory table td.ttl,
#content div.findcategoryL table td.ttl{
	width:65px;
	padding-left:5px;
	font-weight:bold;
}
#content div.findcategory table td.text,
#content div.findcategoryL table td.text{
	width:200px;
	padding-left:10px;
	padding-right:0px;
	text-align:left;
}

/* どうやって作るの */
ul#HowtoList  {
	text-align:center;
	margin:10px auto;
}
ul#HowtoList li {
	display:inline;
}
ul#HowtoList li  a {

}
#CommonContent div.howto2 {
	background:url(../img/common/howto2.jpg) 0 0 no-repeat;
	padding-top:118px;
	width:639px;
	margin:10px auto;
}
#CommonContent div.howto2 p{
	width:160px;
	text-align:center;
	float:left;
	background:url(../img/common/arr_left.gif) center right no-repeat;
	padding:10px 0px;
	color:#666666;
}
#CommonContent div.howto2 p.last {
	width:150px;
	background:none;
}
#CommonContent div.howto2_2 {
	background:url(../img/common/howto2_2.jpg) 180px 0px no-repeat;
	padding:20px 0px 20px 350px;
	margin:10px auto;
	text-align:left;
	line-height:160%;
}

/* コンセプト */
.ConcptBlock {
	padding-left:15px;
	padding-right:15px;
}
.ConcptBlock p,
.ConcptBlock h3 {
	padding-bottom:20px;
}
.ConcptBlock h3.brown {
	color:#8C7661;
}
.ConcptBlock p.brown {
	color:#8C7661;
	padding-bottom:5px;
}