@charset "shift_jis";

@import "default.css";


/*--------------------------------------
  template
	
	display
	list-style
	position
	float
	clear
	width
	height
	margin
	padding
	border
	background
	color
	font
	text-decoration
	text-align
	white-space
	other text
	content
	
---------------------------------------*/
body{
	color:#fff;
}



#header{
	position: relative;
	width:900px;
	height:150px;
	overflow: hidden;
	zoom:1;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header h1{
	height:90px;
	overflow: hidden;
	padding-top: 17px;
	padding-right: 0;
	padding-bottom: 10;
	padding-left: 0;
}
#gmenu li{
  float: left;
}
.gm01{
	width:110px;
}
.gm02{
	width:130px;
}
.gm03{
	width:220px;
}
.gm04{
	width:154px;
}
.gm05{
	width:142px;
}
.gm06{width:135px;}
.gm07{width:98px;}
.gm08{width:77px;}

#hmenu{
	position: absolute;
	top:22px;
	right:23px;
	width:120px;
	overflow: hidden;
	height: 27px;
}
#hmenu li{
  float:left;
  width:72px;
  text-align: right;
}
#visual{
	�@�@position: fixed;
	height:340px;
	background-color:#000000;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#main_area{
  width:900px;
  margin:0 auto;
  overflow: hidden;
  zoom:1;
}
#news{
  float:left;
  width:720px;
}


#whatsnew{
  float:left;
  width:265px;
}
#whatsnew h2{
	width:250px;
	height:21px;
	border-bottom:solid 3px #e5e5e5;
}
#whatsnew ul{
	width:250px;
	overflow: hidden;
}
#whatsnew li{
	clear:left;
	margin:-2px 0 0;
	padding:0;
	background: url(../img/top/dot.gif) repeat-x left top;
}
#whatsnew p.date{
	float:left;
	padding:14px 0 0;
	color:#ffffff;
	font-size:90%;
	white-space:nowrap;
}
#whatsnew p.icn{
	float:left;
	padding:14px 0 0;
}
#whatsnew p.icn img{
	margin-left:4px;
}
#whatsnew div.info{
	clear:both;
	margin:0;
	padding:5px 0 12px;
	overflow: hidden;
	zoom:1;
}
#whatsnew p.link{
	margin:0;
	padding:0 0 3px;
	color:#666;
	font-size:100%;
	line-height:1.5;
}
#whatsnew p.link a{
	display: inline-block;
	margin:0;
	padding:0;
}
#whatsnew p.link a:link,
#whatsnew p.link a:visited{
	color: #FFFFFF;
	text-decoration: underline;
}
#whatsnew p.link a:hover,
#whatsnew p.link a:active{
	color: #003399;
	text-decoration: none;
	background-color:#ecf6f8;
}
#whatsnew p.txt{
	font-size:12px;
	line-height:1.4;
}


#pickup{
	float:left;
	width:440px;
}
#pickup h2{
	height:21px;
	border-bottom:solid 3px #e5e5e5;
}
#pickup ul{
	width:452px;
	margin:0 -12px 0 0;
	overflow:hidden;
	zoom:1;
}
#pickup li{
	cursor:pointer;
	float:left;
	width:210px;
	border:1px solid #000000;
	background: url(../img/top/arrow_01.gif) no-repeat left bottom;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 4;

}
*html #pickup li{
	margin-right:6px;
}
*+html #pickup li{
	margin-right:6px;
}
#pickup p.img{
	width:208px;
	margin:2px 0 0 3px;
}
#pickup p.icn{
	height:20px;
	margin:4px 0 0 3px;
}
#pickup p.link{
	margin-left: 4px;
	font-size:100%;
	line-height:1.5;
		
}
#pickup p.link a:link,
#pickup p.link a:visited,
#pickup p.link a:hover,
#pickup p.link a:active{
	color: #FFFFFF;
	text-decoration: underline;

}
#pickup p.price{
	padding:0 0 11px 4px;
	font-size:85%;
	line-height:1.5;
}

/* hover */
#pickup li.act{
  background-position: right bottom;
	border:solid 1px #f5f5f5;
}
#pickup li.act p.price{
  color:#c2c2c2;
}

#bouquet{
	clear:left;
	width:680px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: auto;
}
#bouquet h2{
	height:21px;
	border-bottom:solid 3px #e5e5e5;
}
#bouquet_top{
	position:relative;
	width:670px;
	height:249px;
	border: 1px solid #000000;
	background: url(../img/top/bg_bouquet.jpg) no-repeat 0 0;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 0;
}
#bouquet_top h3{
	height:50px;
	margin:26px 21px 0 0;
	text-align: right;
}
#bouquet_top p.txt{
	width:367px;
	margin:0 0 0 315px;
	font-size:93%;
	line-height:1.5;
}
#bouquet_top p.btn{
	position:absolute;
	bottom:18px;
	right:24px;
	width:105px;
	height:25px;
}
.bouquet_info{
	width:720px;
	margin:0 -15px 10px 0;
}
.bouquet_info li{
	float:left;
	width:320px;
	height:100px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
}
.bouquet_info p.img{
	float:left;
	width:120px;
}
.bouquet_info div.info{
	width:200px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 120px;
}
.bouquet_info div.info a{
	font-size:100%;
	line-height:1.5;
}
.bouquet_info div.info a:link,
.bouquet_info div.info a:visited{
	color: #FFFFFF;
	text-decoration: underline;
}
.bouquet_info div.info a:hover,
.bouquet_info div.info a:active{
	color: #FFFFFF;
	text-decoration: underline;
	background-color:#3399FF;
}
.bouquet_info p.txt{
	padding:5px 0 0;
	font-size:100%;
	line-height:1.5;
}

#designer{
  clear:left;
  width:705px;
	padding:20px 0 0;
}
#designer h2{
	height:21px;
	border-bottom:solid 3px #e5e5e5;
}
#designer_profile{
	position: relative;
	height:200px;
}
#designer_profile p.name{
	height:47px;
	padding:31px 0 0 342px;
	overflow: hidden;
}
#designer_profile p.txt{
	padding:0 20px 0 342px;
	font-size:93%;
	line-height:1.6;
}
#designer_profile p.img{
	position: absolute;
	top:13px;
	left:0;
}
.designer_event{
	width:720px;
	margin:0 -15px 10px 0;
}
.designer_event li{
	float:left;
	width:345px;
	margin:0 15px 0 0;
}
.designer_event p.img{
	float:left;
	width:120px;
}
.designer_event div.info{
	width:220px;
	margin:0 0 0 120px;
}
.designer_event div.info a{
	font-size:93%;
	line-height:1.5;
}
.designer_event div.info a:link,
.designer_event div.info a:visited{
	color: #47a2b9;
  text-decoration: underline;
}
.designer_event div.info a:hover,
.designer_event div.info a:active{
	color: #47a2b9;
  text-decoration: underline;
  background-color:#ecf6f8;
}

.designer_event p.txt{
	padding:5px 0 0;
	font-size:93%;
	line-height:1.5;
}
#concielge{
	clear:left;
	width:705px;
	padding:30px 0 0;
	overflow: hidden;
}
#concielge h2{
	height:21px;
	margin:0 0 15px;
	border-bottom:solid 3px #e5e5e5;
}
#concielge_info{
	width:734px;
	margin:0 -30px 0 0;
}
#concielge_info li{
	position: relative;
	float:left;
	width:337px;
	margin:0 30px 0 0;
  padding:0 0 80px;
}
#concielge_info p.name{
	height:35px;
	padding:6px 0 0 160px;
	overflow: hidden;
}
#concielge_info p.txt{
	padding:0 0 0 160px;
	font-size:93%;
	line-height:1.5;
}
#concielge_info p.img{
	position: absolute;
	top:0;
	left:0;
}
#concielge_info dl{
	clear:left;
	position: absolute;
	top:130px;
	left:0;
	padding:10px 0 0;
}
#concielge_info dt{
	height:28px;
	overflow:hidden;
}
#concielge_info dd{
	padding:0 0 3px;
}
#concielge_info dd a{
	padding:0 0 0 11px;
	background: url(../img/top/icn_02.gif) no-repeat 3px 4px;
	font-size:85%;
	line-height:1.3;
}
#link{
	clear:left;
	width:705px;
	padding: 45px 0 0;
	overflow: hidden;
}
#link h2{
	border-top:solid 1px #ccc;
	height:43px;
	overflow:hidden;
}
#link h2 img{
	padding:12px 0 0;
}
#link ul{
	clear:left;
	width:716px;
	margin:0 -11px 0 0;
}
#link li{
	float:left;
	width:168px;
	margin:0 11px 0 0;
}
#link p.bnnr{
	height:57px;
	overflow:hidden;
}
#link p.txt{
  padding:0 0 25px;
	font-size:77%;
	line-height:1.4;
}
#bnnr{
  float:left;
  width:180px;
}
#mov{
	margin:0 0 15px;
}
#bnnr1 dt{
	height:52px;
	overflow: hidden;
}
#bnnr1 dd{
	margin:0 0 8px;
	font-size:77%;
	line-height:1.4;
}
#blog p{
	height:69px;
	padding:10px 0 0;
	overflow:hidden;
}
#blog dl{
	padding:8px 0;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
#blog dt{
	height:21px;
	padding:0 8px;
	overflow:hidden;
}
#blog dd{
	padding:0 8px;
	font-size:77%;
	line-height:1.4;
}
#blog dd a:link,
#blog dd a:visited,
#blog dd a:hover,
#blog dd a:active{
	color:#666;
}
#mobile{
	margin:22px 0 0;
}
#mobile p.title{
	height:43px;
	overflow:hidden;
	text-align: center;
}
#mobile p.code{
	height:100px;
	overflow:hidden;
	text-align: center;
}
#mobile p.txt{
	padding:0 5px;
	font-size:77%;
	line-height:1.4;
}


#footer{
	clear:both;
	width:900px;
	margin:0 auto;
	padding:15px 0 0;
}
#footer p.pagetop{
	height: 30px;
	margin-bottom:20px;
	text-align: right;
	border-bottom:solid 1px #ccc;
}
.footer_link{
	clear:left;
	width:895px;
	padding:0 0 20px 5px;
	overflow:hidden;
	zoom:1;
}
.footer_link li.wrap{
	float:left;
	width:179px;
}
li.wrap p{
	width:170px;
	margin:0 0 15px;
	border:solid 1px #cfcfcf;
	text-align: center;
}
li.wrap p a{
	display:block;
	min-height:20px;
	height:auto !important;
	height:20px;
	font-size:100%;
	line-height:1.8;
}
li.wrap p.small a{
	font-size:100%;
	line-height: 20px;
}
*html li.wrap p.small a{
	font-size:69%;
}
*+html li.wrap p.small a{
	font-size:9px;
}
li.wrap li {
	width:166px;
	padding:0 0 3px;
}
li.wrap li a{
	display: inline-block;
	padding:0 0 0 10px;
	font-size:100%;
	line-height:1.3;
	background: url(../img/top/icn_01.gif) no-repeat 3px 4px;
}
#fmenu{
	clear: left;
	width:900px;
	background: url(../img/top/dot.gif) repeat-x left top;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#fmenu p{
	padding:0 0 15px;
	font-size:93%;
	line-height:1.3;
}
#fmenu p a:link,
#fmenu p a:visited{
	color:#666;
	text-decoration: underline;
}
#fmenu p a:hover,
#fmenu p a:active{
	color:#666;
	text-decoration: none;
}
#fmenu address{
	height:30px;
	color:#ffffff;
}

/*--------------------------------------
  clear
---------------------------------------*/

.clrfx{
	min-height:1%;
}
.clrfx:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html .clrfx{/* for IE */
	/*\*/height:1%;/* for WinIE */
	display:inline-table;/* for MacIE */
}
body*.clrfx:after{
	content:".";
}