@charset "utf-8";

/*■初期化用
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

img { vertical-align:bottom }

/*■優先順位 ----------------------------------
*（全称セレクタ）     　　０ポイント
p,h1　などのタグ      　　１ポイント
.sample（classの場合）　１０ポイント
#sample（IDの場合）   １００ポイント
----------------------------------------------- */

/*■link
----------------------------------------------- */

/*外部リンク*/
a.newwin{
   background:transparent url(../img/common/linkicon.gif) center right no-repeat;
   padding-right:15px;
}

/*メールリンク*/
a[href^="ma"]{
   background:transparent url(../img/common/mailicon.gif) center right no-repeat;
   padding-right:15px;
}

/*共通文字リンク*/
a:link { color:#333333; text-decoration:none;
	border-bottom : dotted 1px #996E4D; }
a:visited { color:#333333; text-decoration:none;
	 border-bottom : dotted 1px #996E4D;}
a:hover { color:#B33E5C; text-decoration:none;
	border-bottom : dotted 1px #996E4D;
	position:relative; top:1px; left:1px;}
a:active { color:#B33E5C; text-decoration:none;
	border-bottom : dotted 1px #996E4D;}

/*共通画像リンク*/
a.img { background:transparent; padding-right:0;}
a.img:link { text-decoration:none; border:none;}
a.img:visited { text-decoration:none; border:none;}
a.img:hover { text-decoration:none; border:none;
position : relative;top:1px; left:1px;}
a.img:active { text-decoration:none; border:none;}

/*ページ一番上のリンク*/
a.headerlink { background:transparent; padding-right:0;}
a.headerlink:link { color:#CD8E24; text-decoration:none; border:none;}
a.headerlink:visited { color: #CD8E24; text-decoration:none; border:none;}
a.headerlink:hover { color: #CD8E24; text-decoration:none; border:none;
position : relative;top:1px; left:1px;}
a.headerlink:active { color: #CD8E24; text-decoration:none; border:none;}

/*ページ一番下のリンク*/
a.footerlink { background:transparent; padding-right:0;}
a.footerlink:link { color:#ffffff; text-decoration:none; border:none;}
a.footerlink:visited { color:#ffffff; text-decoration:none; border:none;}
a.footerlink:hover { color:#ffffff; text-decoration:none; border:none;
position : relative;top:1px; left:1px;}
a.footerlink:active { color:#ffffff; text-decoration:none; border:none;}

/*■タグ指定 
----------------------------------------------- */

p {
	padding: 0 30px 0 45px;
	font-size: 12px;
	line-height: 160%;
	color: #333333;
}

p .subtitle {
	font-size: 14px;
	font-weight: bold;
	color: #CD8E24;
}

p.right {
	text-align: right;
}


p .gray {
	color: #666666;
	}

/*サイト右上に使用*/
h1 {
	padding: 6px 30px 30px 0 ;
	color: #CD8E24;
	font-size: 12px;
	font-weight: normal;
}

/*本文タイトルに使用*/
h2 {
	padding: 20px 0 20px 50px ; /*画像サイズ16px*/
	color: #996E4D;
	font-size: 16px;
	font-weight: bold;
	background:transparent url(../img/common/listicon.gif) center left no-repeat;
}

/*■共通ボディ
----------------------------------------------- */

body {
	text-align: center;
}

body div {
	text-align: left;
	margin: 0 auto;
}

#title {
	width: 900px;
	height: 85px;
}

#title_l {
	width: 230px;
	float: left;
}

#title_r {
	text-align: right;
	width: 670px;
	float: left;
}

#title_r2 {
	width: 670px;
	float: left;
}
#title_r2 ul {
	padding: 0;
	margin:0;
	list-style:none;
}

#title_r2 ul li {
	display:inline;
	float:left;
	margin:0;
}

#contents {
	width: 900px;
	background-color: #F9F8F4;
	background-image: url(../img/common/sidebar_300.gif);
	background-repeat: repeat-y; 
	background-position: right top;
}

/*コンテンツ上下スペース*/

#contents_sp1 {
	width: 900px;
	clear: both;
	background-color: #F9F8F4;
}

#contents_sp2 {
	width: 900px;
	clear: both;
	background-color: #F9F8F4;
	text-align: right;
}

#footer {
	width: 900px;
	clear: both;
	background-color: #996E4D;
}

#footer p {
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	line-height: 160%;
}

/*■トップページ用
----------------------------------------------- */

#flash {
	width: 900px;
	height: 335px;
	/*height: 380px;*/
	clear: both;
}

#main_r {
	width: 300px;
	float: left;
}

#main_l {
	width: 600px;
	float: left;
}

/*main_l タブ用*/
#TabbedPanels1 div .inleft {
	width: 200px;
	float: left;
}

#TabbedPanels1 div .inright {
	width: 310px;
	height: 100%;
	float: right;
}

#TabbedPanels1 div .inright p {
	padding: 0 30px 0 20px;
}


#TabbedPanels1 strong {
	color: #CD8E24;
}

/*■コンテンツ共通用
----------------------------------------------- */

#contents_top {
	width: 900px;
	height: 50px;
	clear: both;
	border-bottom : 3px solid #996E4D;
}

#main_l p.ctitle {
	padding: 0 30px;
}

/*■お取り扱い商品
----------------------------------------------- */
#main_l #products div{
	width: 540px;
	height: 180px;
	background-color: #FFFFFF;
	background-image: url(../img/products/photo.jpg);
	background-repeat: no-repeat; 
	border: solid 1px #eeeeee;
}

#main_l #products div.pro01{background-position:330px 0px;}
#main_l #products div.pro02{background-position:320px -180px;}
#main_l #products div.pro03{background-position:340px -360px;}
#main_l #products div.pro04{background-position:345px -540px;}
#main_l #products div.pro05{background-position:320px -720px;}
#main_l #products div.pro06{background-position:340px -900px;}

#main_l #products p.comennt{
	width: 270px;
	padding: 14px 0 0 45px;
}
/*■Weddingブーケ・コーディネートFlash
----------------------------------------------- */
#main_l div.flash {
	width: 540px;
	height: 400px;
	padding: 11px 0 0 0;
	background-color:#ffffff;
	border-left: solid 1px #B0B0B0;
	border-bottom: solid 1px #B0B0B0;
	border-top: solid 1px #B0B0B0;
	border-right: solid 1px #B0B0B0;
}


/*■Weddingブーケ
----------------------------------------------- */

#main_l p.bouquet{
	min-height: 692px;
	padding: 0 200px 0 45px;
	background:transparent url(../img/bouquet/bouquet.gif) top right no-repeat;
}

/*■メンバーズカード
----------------------------------------------- */
#main_l div.card {
	text-align: center;
}

#main_l p.list{
	padding: 0 30px 0 55px;
	background:transparent url(../img/memberscard/listmark.gif) top left no-repeat;
}


/*■配達について
----------------------------------------------- */
/*配達料金擬似テーブル*/
#vtable {
	width: 500px;
	height: 288px;
/*	margin: 1px auto;*/
	border-top: 1px solid #B0B0B0;
	border-left: 1px solid #B0B0B0; 
	}
#vtable ul {
	border: none;
	margin: 0;
	padding: 0;
	width: 500px;
	height: 20px;/**/
	}
#vtable li.l {
	margin: 0;
	padding: 0;
	float:left;
	width: 339px;
	height: 35px;
	vertical-align: top;
	background-color:#ffffff;
	border-bottom: 1px solid #B0B0B0;
	border-right: 1px dotted #B0B0B0;
	list-style: none;
/*	line-height: 80px;
	text-align: center;*/
	overflow: hidden;
	}

#vtable li.r {
	margin: 0;
	padding: 0;
	float:left;
	width: 159px;
	height: 35px;
	vertical-align: top;
	background-color:#ffffff;
	border-bottom: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	list-style: none;
/*	line-height: 20px;
	text-align: center;*/
	overflow: hidden;
	}
	
#vtable li.top {
	text-align: center;
	font-weight: bold;
	background-color:#CCCCCC;
	}
#vtable p {
	padding: 8px 20px 3px 20px;
	}