/*==============================================================

CSS for Flower Design Works Rosemary｜フラワーデザイン
Modified: 2009.10.6

==============================================================*/

@import url("master.css");

/*==============================================================

共通

==============================================================*/

/* debug */
/* * {
	border:1px solid #FF0000;
} */

/*==============================================================
レイアウト
==============================================================*/
/*本体枠*/
div#wrapper_content {
	width:854px;
	padding:0 14px 0 28px;
	background:url(/skins/common/content_bg.png) repeat-y;
	text-align:left;
	zoom:100%;
}
/*IE6 Hack*/
* html div#wrapper_content {
	width:896px;
	behavior: expression(IEPNGFIX.fix(this));
}
/*回り込み解除*/
div#wrapper_content:after {
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
/*左列*/
div#content_left {
	width:262px;
	float:left;
	text-align:left;
	margin-top:-10px;
}
/*右列*/
div#content_right {
	width:560px;
	float:right;
	text-align:left;
}

/*==============================================================
ナビゲーション
==============================================================*/
/*リスト定義*/
ul#contents_navi {
	width:815px;
	height:33px;
	background:url(/skins/contents/navi_bg.gif) no-repeat;
	list-style-type:none;
}
ul#contents_navi li {
	text-indent:-9999px;
	overflow:hidden;
	display:inline;
	float:left;
}
ul#contents_navi li a:link,
ul#contents_navi li a:visited {
	height:33px;
	display:block;
}
/*リンク：フラワーデザイン*/
ul#contents_navi li#design {
	width:216px;
}
/*リンク：ローズマリーについて*/
ul#contents_navi li#about {
	width:160px;
}
/*リンク：オンライン・ショッピング*/
ul#contents_navi li#shop {
	width:168px;
}
/*リンク：お問い合わせ*/
ul#contents_navi li#contact {
	width:145px;
}
/*リンク：TOP*/
ul#contents_navi li#top {
	width:97px;
}
/*マウスオーバー：フラワーデザイン*/
ul#contents_navi li#design a:hover {
	background:url(/skins/contents/navi_bg.gif) no-repeat 0px -33px;
}
/*マウスオーバー：ローズマリーについて*/
ul#contents_navi li#about a:hover {
	background:url(/skins/contents/navi_bg.gif) no-repeat -216px -33px;
}
/*マウスオーバー：オンライン・ショッピング*/
ul#contents_navi li#shop a:hover {
	background:url(/skins/contents/navi_bg.gif) no-repeat -376px -33px;
}
/*マウスオーバー：お問い合わせ*/
ul#contents_navi li#contact a:hover {
	background:url(/skins/contents/navi_bg.gif) no-repeat -544px -33px;
}
/*マウスオーバー：TOP*/
ul#contents_navi li#top a:hover {
	background:url(/skins/contents/navi_bg.gif) no-repeat -689px -33px;
}




/*==============================================================

デザインワークス

==============================================================*/

/*==============================================================
サブナビゲーション｜アレンジ・ブーケ・ブライダル共有
==============================================================*/
ul#design_navi {
	width:169px;
	height:23px;
	background:url(/skins/contents/design/sub_navi_bg.gif) no-repeat;
	list-style-type:none;
	margin:-10px 0 0 50px;
	padding-left:19px;
	text-align:left;
}
/*IE6 Hack*/
* html ul#design_navi {
	width:189px;
}
ul#design_navi li {
	text-indent:-9999px;
	overflow:hidden;
	display:inline;
	float:left;
}
ul#design_navi li a {
	height:23px;
	display:block;
}
/*アレンジ（アクティブ）*/
ul#design_navi li#arrange a {
	width:54px;
	background:url(/skins/contents/design/sub_navi_bg.gif) no-repeat -19px -23px;
	display:block;
}
/*アレンジ（オフ）*/
ul#design_navi li#arrange_off {
	width:54px;
	background:url(/skins/contents/design/sub_navi_bg.gif) no-repeat -19px 0;
	display:block;
}
/*ブーケ（アクティブ）*/
ul#design_navi li#bouquet a {
	width:52px;
	background:url(/skins/contents/design/sub_navi_bg.gif) no-repeat -73px -23px;
	display:block;
}
/*ブーケ（オフ）*/
ul#design_navi li#bouquet_off {
	width:52px;
	background:url(/skins/contents/design/sub_navi_bg.gif) no-repeat -73px 0;
	display:block;
}
/*ブライダル（アクティブ）*/
ul#design_navi li#bridal a {
	width:63px;
	background:url(/skins/contents/design/sub_navi_bg.gif) no-repeat -125px -23px;
	display:block;
}
/*ブライダル（オフ）*/
ul#design_navi li#bridal_off {
	width:63px;
	background:url(/skins/contents/design/sub_navi_bg.gif) no-repeat -125px 0;
	display:block;
}

/*==============================================================
TOPページ
==============================================================*/
/*メインタイトル*/
h2#design_main_lead {
	width:819px;
	height:87px;
	background:url(/skins/contents/design/main_lead.gif) no-repeat;
	margin:25px auto 10px auto;
}
ul#design_navi_top {
	width:800px;
	height:299px;
	margin-left:18px;
	list-style-type:none;
	zoom:100%;
}
/*回り込み解除*/
ul#design_navi_top:after {
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
ul#design_navi_top li {
	width:250px;
	height:299px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
ul#design_navi_top li a {
	width:250px;
	height:299px;
	display:block;
}
ul#design_navi_top li#arrange {
	background:url(/skins/contents/design/b_arrange.jpg) no-repeat;
}
ul#design_navi_top li#bouquet {
	background:url(/skins/contents/design/b_bouquet.jpg) no-repeat;
	margin:0 25px;
}
ul#design_navi_top li#bridal {
	background:url(/skins/contents/design/b_bridal.jpg) no-repeat;
}

/*==============================================================
左列
==============================================================*/
/*作例一覧（コンテンツ）*/
div#works_list {
	width:256px;
	border:1px solid #CCC;
	margin-top:5px;
	padding:4px 0 0 4px;
	zoom:100%;
}
/*回り込み解除*/
div#works_list:after {
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
/*IE6 Hack*/
* html div#works_list {
	width:262px;
}
div#works_list img {
	width:60px;
	height:60px;
	float:left;
	margin:0 4px 4px 0;
}
/* 写真一覧ページへのリンク */
p.morelink {
	font-size:83.3%;
	text-align:right;
	text-decoration:nene;
	padding-top:5px;
}
p.morelink a:link,
p.morelink a:visited {
}

/*作例一覧（サムネイルページ）*/
div#works_list_photo {
	width:832px;
	border:1px solid #CCC;
	margin-top:5px;
	padding:4px 0 0 4px;
	zoom:100%;
}
/* IE6 Hack */
* html div#works_list_photo {
	width:838px;
}
/*回り込み解除*/
div#works_list_photo:after {
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
div#works_list_photo img {
	width:60px;
	height:60px;
	float:left;
	margin:0 4px 4px 0;
}

/*==============================================================
右列
==============================================================*/
p.main_lead {
	padding:20px 10px;
}
p.sub_footer {
	text-align:center;
	padding-top:20px;
}

/*==============================================================
アレンジメント
==============================================================*/
/*メインタイトル*/
h2#arrange_main_lead {
	width:682px;
	height:89px;
	background:url(/skins/contents/design/arrange/main_lead.gif) no-repeat;
	margin-top:25px;
}
/*作例タイトル*/
h3#arrangement_list_title {
	width:262px;
	height:22px;
	background:url(/skins/contents/design/list_title.gif) no-repeat;
	margin-bottom:5px;
}

/*==============================================================
ブーケ
==============================================================*/
/*メインタイトル*/
h2#bouquet_main_lead {
	width:682px;
	height:89px;
	background:url(/skins/contents/design/bouquet/main_lead.gif) no-repeat;
	margin-top:25px;
}
/*作例タイトル*/
h3#bouquet_list_title {
	width:262px;
	height:22px;
	background:url(/skins/contents/design/list_title.gif) no-repeat;
	margin-bottom:5px;
}

/*==============================================================
ブライダルフラワー
==============================================================*/
/*メインタイトル*/
h2#bridal_main_lead {
	width:682px;
	height:89px;
	background:url(/skins/contents/design/bridal/main_lead.gif) no-repeat;
	margin-top:25px;
}
/*作例タイトル*/
h3#bridal_list_title {
	width:262px;
	height:22px;
	background:url(/skins/contents/design/list_title.gif) no-repeat;
	margin-bottom:5px;
}




/*==============================================================

ローズマリーについて

==============================================================*/

h2#about_lead {
	width:514px;
	height:88px;
	background:url(/skins/contents/about/main_lead.gif) no-repeat;
	margin-top:25px;
}
p#about_sub_lead {
	width:609px;
	height:94px;
	background:url(/skins/contents/about/sub_lead.gif) no-repeat;
	margin:20px auto 0 auto;
	text-indent:-9999px;
	overflow:hidden;
}
/*お店情報（左列）*/
div#about_detail {
	width:270px;
	float:left;
	text-align:left;
	margin:30px 0 0 25px;
}
/* IE6 Hack */
* html div#about_detail {
	margin-left:10px;
}
div#about_detail img {
	border:1px solid #CCC;
	padding:2px;
}
div#about_detail dl {
	border-left:5px solid #C9C9C9;
	margin-top:20px;
	padding-left:5px;
	font-size:85%;
}
div#about_detail dl dt {
	font-weight:bold;
	float:left;
}
div#about_detail dl dd {
	text-indent:1em;
}
/*地図（右列）*/
div#about_map {
	width:542px;
	float:left;
	margin-top:30px;
}

/*==============================================================

デザインスクール

==============================================================*/
/*メインリード*/
h2#school_lead {
	width:663px;
	height:88px;
	background:url(/skins/contents/school/main_lead.gif) no-repeat;
	margin-top:25px;
}

/* 外枠（左） */
div.school_content_left {
	width:373px;
	float:left;
	margin:30px 0 0 20px;
}
/* IE6 Hack */ 
* html div.school_content_left {
	margin:30px 50px 0 10px;
}
/* 外枠（右） */
div.school_content_right {
	width:373px;
	float:right;
	margin:30px 35px 0 0;
}
/* IE6 Hack */ 
* html div.school_content_right {
	float:left;
	margin-right:0;
	margin-left:10px;
}
/* 内枠 */
div.school_content_body {
	width:333px;
	background:url(/skins/contents/school/bg_memo.jpg) repeat-y;
	padding:20px;
	color:#333;
}
/*タイトル画像*/
h3.school_title img {
	width:373px;
	height:52px;
	display:block;
}

ul.list_school {
	width:100%;
}
ul.list_school li {
	border-bottom:1px dotted #9A9179;
	padding-bottom:6px;
	margin-bottom:8px;
}
/* リード文（茶） */
p.school_lead {
	color:#391701;
}
/* 価格（緑） */
span.notice {
	color:#82A023;
	font-weight:bold;
}





/*==============================================================

最新情報・スタッフブログ

==============================================================*/
/*メインリード*/
h2#news_lead {
	width:490px;
	height:88px;
	background:url(/skins/contents/news/main_lead.gif) no-repeat;
	margin:25px 0 20px 0;
}
div.news_title {
	width:500px;
	border-left:5px solid #EAEAEA;
	padding-left:8px;
}
img#button_top {
	float:right;
	margin:35px 35px 0 0;
}
/*日付*/
div.news_title p.date {
	font-size:93%;
	color:#809258;
}
/*タイトル*/
div.news_title p.title {
	font-size:116%;
	font-weight:bold;
	color:#333;
	padding-top:4px;
	line-height:130%;
}
div.news_title p.title a:link,
div.news_title p.title a:visited {
	text-decoration:none;
	color:#333;
	font-weight:bold;
}
div.news_title p.title a:hover {
	color:#666;
}
/*本文*/
div#content_right div.body {
	width:460px;
	padding:25px 20px 30px 30px;
	margin-bottom:20px;
	font-size:100%;
	line-height:150%;
	zoom:100%;
	overflow:hidden;
}
/*回り込み解除*/
div#content_right div.body:after {
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
div#content_right div.body img {
	padding:5px 0;
}
/*アーカイブタイトル*/
h3#news_archive {
	width:86px;
	height:26px;
	background:url(/skins/contents/news/title_archive.gif) no-repeat;
}
/*アーカイブ*/
ul.news_list {
	margin:10px 0 25px 30px;
	font-size:85%;
}
ul.news_list li {
	list-style-type:disc;
	padding-top:2px;
}
/*最新情報タイトル*/
h3#news_index {
	width:86px;
	height:26px;
	background:url(/skins/contents/news/title_news_list.gif) no-repeat;
	margin-top:20px;
}
/*最新情報*/
div.content_news {
	border-left:4px solid #E7E7E7;
	padding-left:10px;
}
/*日付*/
div.content_news p.date {
	color:#809258;
}
/*点線*/
img.dotline {
	margin:20px 0;
}

/*==============================================================

スタッフブログ

==============================================================*/
/*メインリード*/
h2#staffblog_lead {
	width:663px;
	height:88px;
	background:url(/skins/contents/staffblog/main_lead.gif) no-repeat;
	margin-top:25px;
}
h2#staffblog_lead a {
	width:663px;
	height:88px;
	display:block;
}

/*==============================================================
スタッフ募集

==============================================================*/
/*メインリード*/
h2#recruit_lead {
	width:490px;
	height:88px;
	background:url(/skins/contents/recruit/main_lead.gif) no-repeat;
	margin:25px 0 20px 0;
}