﻿@charset "utf-8";
@import url(../common_css/structure.css);
@import url(../common_css/utility.css);
@import url(thickbox.css);
/*@import url(structure.css);*/
/* コンテンツコンテナの設定 */
#main{margin:0; padding:0; background:tranparent;}
#ct100_cp1_container {
  position:relative;
  /* --- 内容部分の背景を設定してください --- */
  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
           背景に変化をつけることができます */
  background: transparent;
  /* --- ドキュメント本体の幅を設定してください --- */
  /* Note：百分率指定も可能です */
  width: 800px;
  /* --- ドキュメント本体の位置を設定してください --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
}
.bground
{
	position:relative;
	background:url(../../images/common/2008WS_topbase.jpg) repeat-x;
	height:679px;
	}
.bground .frame
{
	width:800px;
	height:0px;
	position:relative;
	margin:0px auto;
	padding-top:4px;
	text-align:left;

}
.bground .frame .copy
{
	position:absolute;
	top:-660px;
	left:42px;
	width:382px;
	height:350px;
	color:White;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 13px;
	color:#CCCCCC;
	text-align:left;
	line-height:1.9;
}
.bground .frame .topics
{
	position:absolute;
	top:-700px;
	left:510px;
	width:270px;
	height:400px;
	color:#CCC;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	text-align:left;
	line-height:1.9;
}
.bground .frame .banner
{
	position:absolute;
	top:28px;
	left:525px;
}
.bground .frame .banner_o
{
	position:absolute;
	top:104px;
	left:671px;
	z-index:20;
	cursor:pointer;
}

.bground .frame .banner2
{
	position:absolute;
	top:210px;
	left:525px;
	cursor:pointer;
	border-bottom:1px solid #ccc;
}
.bground .frame .banner2_close
{
	position:absolute;
	top:268px;
	left:540px;
	display:none;
}

.bground .frame .newsbox{
	
	position:absolute;
	/*
	top:283px;left:525px;
	width:265px;height:290px;
	border:5px solid #CCC;
	background-color:#777;
	color:#FFFFFF;
	*/
	top:282px;left:400px;
	width:390px;height:310px;
	border:5px solid #CCC;
	background-color:#777;
	opacity:0.85;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	
	
}
.bground .frame .newsbox p{
	font:12px/20px Arial, Helvetica, sans-serif;
	margin:5px;
	color:#FFFFFF;
}
.bground .frame .fbanner1
{
	position:absolute;
	top:627px;
	left:30px;
}
.bground .frame .fbanner2
{
	position:absolute;
	top:627px;
	left:157px;
}

.bground .frame .fbanner3
{
	position:absolute;
	top:627px;
	left:436px;
}
/*----------------------20090210----------------------------*/
.info{
	position:relative;
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px auto;
}
.info .frame
{
	width:800px;
	position:relative;
	margin:0px auto;
	text-align:left;
}
.info .frame .header{
	/*background-color:#333;*/
	color:#FFFFFF;
	height:60px;
}
.info h2{
	margin-left:12px;
}
.info p{
	margin-left:12px;
	font-size:12px;
}
.info .frame .headerbody{

}
.info .frame .headerbody .copy{
	position:absolute;
	top:70px;left:555px;
	width:245px;
	font:12px/1.7 Arial, Helvetica, sans-serif;
}
.info .frame .headerbody .top_title{position:absolute;top:287px;left:358px;}
.info .frame .headerbody .top_link1{position:absolute;top:304px;left:358px;}
.info .frame .headerbody .top_link2{position:absolute;top:320px;left:358px;}
.info .frame .headerbody .top_price{position:absolute;top:337px;left:358px;}
.info .frame .caption{
	font:10px/1.5 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	height:60px;
	margin:0px 8px;
}
.info .frame .caption2bold{
	font:12px Arial, Helvetica, sans-serif;
	margin:0px auto;
	text-align:center;
	height:18px;
}
.info .frame .caption2{
	font:10px/1.5 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0px 12px;
	text-align:left;
	height:80px;
}
.info .frame .caption3{
	font:12px Arial, Helvetica, sans-serif;
	margin:0px 12px;
}
.info .frame .caption4{
	font:11px Arial, Helvetica, sans-serif;
	margin:5px 0px;
}

.info .copyC{
	font:11px/1.8 Arial, Helvetica, sans-serif;
	background-color:#666666;
	width:200px;
	padding:10px;
	color:#FFFFFF;
	text-align:justify;

}
.info .column1{
	float:left;
	display:table;
	width:555px;
	color:#333333;
	text-align:left;
	font-size:12px;
}
.info .column1 .copy{
	display:block;
	width:555px;
	color:#666666;
}
.info .column1 .prom{
	position:relative;
	width:555px;
}
.info .column1 .prom .copy{
	position:absolute;
	display:block;
	top:0px;left:250px;
	width:300px;height:200px;
}
.info .column2{
	float:left;
	display:table;
	width:240px;
	font-size:12px;
	margin-left:5px;
}
.info .column2 .header,.info .column1 .header{
	background-color:#333333;
	color:#FFFFFF;
	height:36px;
}

.botanical{
	background:url(../../images/promotion/botanical_bg.jpg) no-repeat;
	width:800px;height:600px;
	position:relative;
}
.botanical .botanical_copy{
	position:absolute;
	top:89px;left:386px;
	width:379px;height:220px;
	font:11px/1.5 Arial, Helvetica, sans-serif;
	color:#555;
}
.botanical .top_title{
	position:absolute;top:315px;left:383px;
}
.botanical .top_link1{
	position:absolute;top:329px;left:383px;
}
.botanical .top_link2{
	position:absolute;top:343px;left:383px;
}
.botanical .top_price{
	position:absolute;top:357px;left:383px;
}
.botanical .thumb{
	position:absolute;
	top:371px;
	left:377px;
	width:423px;
	height:155px;
}
.botanical .subcopy1{
	position:absolute;top:526px;left:397px;
	width:190px;height:57px;
	font:9px/1.5 Arial, Helvetica, sans-serif;
	color:#333333;
}
.botanical .subcopy2{
	position:absolute;top:526px;left:593px;
	width:190px;height:57px;
	font:9px/1.5 Arial, Helvetica, sans-serif;
	color:#333333;
}
/*------------------KIZUNA 20090902----------------------*/
.kizuna{
	background:url(../../images/promotion/kizuna_project_top.jpg) no-repeat;
	width:800px;height:600px;
	position:relative;
}
.kizuna .copy{
	position:absolute;
	top:433px;left:417px;width:375px;
	font:12px/1.5 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.kizuna .item{
	position:absolute;
	top:433px;left:0px;width:400px;
	list-style:none;
}
.kizuna .item li{
	float:left;
	text-align:center;
	width:200px;
	font:12px Arial, Helvetica, sans-serif;
}
