@charset "utf-8";
/*   
Theme Name:フローラルソレイユ
Theme URI:
Description:フローラルソレイユ
Author:
Author URI:
Version:2.0
*/

/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:#fff; height:100%;
       font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
       font-size:12px; color:#666; }
html { height:100%; }
img {  border:none; }
a img { border:none; }
a, a:visited { color:#508f9c; text-decoration:none; outline:none; }
a:hover { color:#bcaf58; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:170%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0 0 1em 0; padding:0; line-height:normal; }
ul li a { zoom:1; }
ol { margin:0 0 1em 17px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { margin:0 0 1em 0; padding:0 0 5px 0; line-height:normal; }
h1,h2,h3,h4,h5,form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; margin:0 0 1em 0; font-size:12px; }
td,th { padding:12px 10px 8px; border:1px solid #bbb; }
th { font-weight:normal; background:#f7f7f7; }
input,textarea { font-size:100%; }
textarea { overflow:auto; }
.alignright { float:right; }
.alignleft { float:left; }
.clear { clear:both; }
.fixed { position:fixed; }


/* ギャラリー */
.gallery_list { overflow:hidden; }
.gallery_list ul { margin:0 -15px 30px 0; }
.gallery_list li { position:relative; margin:0 15px 15px 0; float:left; display:inline; width:127px; height:127px; }
.gallery_list li a { display:block; background:url(img/product_list_image.gif) no-repeat left top; width:127px; height:127px; }
.gallery_list li a:hover { background-position:left bottom; }
.gallery_list li img { position:absolute; top:8px; left:8px; width:111px; height:111px; -ms-interpolation-mode:bicubic; display:block; }


/* ----- ヘッダー ----------------------------------------------------------------------------------------------------------------------------- */
#logo { position:absolute; left:25px; top:8px; }
#global_menu2 { margin:0; padding:0; position:absolute; left:25px; top:15px; z-index:10; }
#global_menu2 li { display:inline; float:left; margin:0; padding:0; }
#header_menu { position:absolute; right:35px; top:45px; margin:0; padding:0; }
#header_menu li { display:inline; margin:0; }

/* ---- グローバルメニュー（左のメニュー）---- */
#global_menu { position:absolute; width:25%; left:0; top:145px; text-align:right; padding:0; margin:0; }

#global_menu li { margin:0 0 15px 0; }
#global_menu li a { display:block; margin:0; background:url(img/menu_back.gif) no-repeat -450px top; padding:0;  }
#global_menu li.current_page a { background:url(img/menu_back.gif) no-repeat 0px top; }

li.current_page #sub_menu li  { margin:0 0 0 0; }
li.current_page #sub_menu li a { background:none; }



/* ----- メインコンテンツ（共通部分） --------------------------------------------------------------------------------------------------------- */
#wrapper { width:950px; margin:0 auto; }
.contents { float:right; display:inline; margin:120px 0 0 0; width:695px; padding:0 0 80px 0; }

.headline1 { margin:0 0 40px 0; }
.headline2 { width:655px; font-size:12px; font-weight:normal; line-height:0%; margin:0 0 20px 0; padding:20px 0 18px 40px; background:url(img/headline3.gif) no-repeat left top; }
.headline3 { width:655px; font-size:12px; font-weight:normal; line-height:0%; margin:0 0 20px 0; padding:19px 0 18px 40px; background:url(img/headline3.gif) no-repeat left top; }
.headline4 { font-size:12px; font-weight:bold; margin:0 0 1em 0; background:url(img/bullet2.gif) no-repeat left 3px; padding:0 0 0 15px; }



/* ----- トップページ ------------------------------------------------------------------------------------------------------------------------- */
#index #wrapper { width:850px; }
#index #header_menu { position:absolute; right:35px; top:27px; z-index:10; }

/*indexの花の画像*/
#main_image {  width:60%; height:100%; overflow: hidden; position:absolute; right:0px; top:0px; z-index:5; }
/*#main_image {  height:100%; overflow: hidden; position:absolute; right:0px; top:0px; z-index:5; }*/
#white_light { width:60%; height:100%; position:absolute; right:0px; top:0px; z-index:6; background:url(img/white_light.png) repeat-y left top; }

/*indexのその他*/
#index_contents { position:absolute; z-index:10; left:15%; }
#logo2 { padding:0 0 0 0; margin:0 0 0 -8px; }
#catch { margin:10px 0 24px 0; line-height:100%; }

/* 最新のお知らせ */
#recent_news { background:url(img/recent_news.png) no-repeat left top; width:496px; height:117px; padding:56px 0 0 9px; }
.scroll-pane { width:479px; height:75px; overflow:auto; }
.jScrollPaneTrack { background:#c5c7c4; }
.jScrollPaneDrag { background:#9ea29d; }
#recent_news ul { margin:0; padding:0 0 0 10px; }
#recent_news li { margin:0 0 12px 0; font-size:11px; background:url(img/dot1.gif) repeat-y 60px top; line-height:140%; }
#recent_news span { width:48px; float:left; text-align:right; }
#recent_news li a,#recent_news li a:visited { width:370px; padding:0 0 0 26px; float:left; display:block; color:#666;  }
#recent_news li a:hover { color:#508f9c; }
#index_news_archive { margin:11px 0 0 382px; display:block; width:100px; height:13px; }



/* ---------- お問い合わせ -------------------------------------------------------------------------------------------------------------------- */
#form { margin:0 auto; padding:0; }
#form table { width:695px; }
#form td { border:1px solid #ccc; padding:15px; }
#form th { border:1px solid #ccc; padding:15px 15px 10px; background:#f9f9f9; width:200px; }
#form span { display:block; margin:5px 0 0; font-size:11px; }
input.mfp,textarea.mfp { border:1px solid #aaa; padding:4px; width:330px; }

#form_radio input.mfp { width:10px; border:none; }

#form td#submit_button { border:none; width:610px; padding:30px 0; }
#submit_button input { background:#f0fdff; color:#666; border:1px solid #8ebec3; padding:11px 40px 10px; cursor:pointer;}
#submit_button input:hover { background:#fffef0; border:1px solid #cac474; color:#666; }



/* ----- ページ ------------------------------------------------------------------------------------------------------------------------------ */
#page h3 { font-size:12px; margin:40px 0 1em 0; }
#page h4 { font-size:12px; margin:30px 0 1em 0; }
#page { padding:0 0 100px 0; }
#page li { background:url(img/bullet1.gif) no-repeat 2px 7px; padding:0 0 0 17px; line-height:160%; }
#page dt { margin:0 0 8px 0; background:url(img/bullet2.gif) no-repeat 2px 3px; padding:0 0 0 17px; margin:30px 0 10px; font-weight:bold; }
#page dd { margin:0 0 8px 0; padding:0 0 0 17px; line-height:160%; }

.arrow_link { background:url(img/arrow3.gif) no-repeat left top; padding:1px 0 5px 30px; display:block; }
.arrow_link2 { background:url(img/arrow5.gif) no-repeat 2px 2px; padding:0 0 0 15px; }

/*プリザーブドフラワーとは*/
#about_flower_image { float:left; width:360px; margin:0; }
#about_flower_des { float:left; width:330px; }

/*レッスン*/
.lesson_wrap { width:695px; background:url(img/lesson_line.gif) no-repeat left top; padding:20px 0 0 0; }
.lesson_headline { width:267px; float:left; display:inline; margin:0; }
.lesson_image { width:400px; float:right; text-align:center; }
.lesson_bottom { clear:both; padding:30px 0 20px 0; }
.lesson_bottom2 { padding:0 0 60px 0; }
.lesson_bottom2 p { font-weight:bold; background:url(img/bullet2.gif) no-repeat 2px; padding:0 0 0 17px; }

#lesson_course { margin:30px 0; }
#lesson_course li { margin:0 0 5px 0; }
#lesson_button { display:block; width:266px; height:58px; margin:30px auto 0; }

/* サイトマップ */
#sitemap1 { float:left; width:46%; }
#sitemap2 { float:right; width:46%; }
#sitemap1 dl,#sitemap2 dl { margin:0 0 50px 0; padding:0 0 35px 0; background:url(img/dot3.gif) repeat-x left bottom; }
#sitemap1 dt,#sitemap2 dt { background:url(img/bullet2.gif) no-repeat left 3px; padding:0 0 0 17px; margin:0 0 25px 0; font-weight:normal; }

/* 運営者 */
.profile_top { }
#profile_picture { float:left; width:243px; margin:0 35px 0 0; display:inline; }
.profile_top ul { float:left; margin:18px 0 0 0; display:inline; width:300px; }
#mail { margin:0 0 -3px -1px; }

.profile_bottom { margin:35px 0 0 0; background:url(img/profile_bottom_line.gif) no-repeat left top; padding:16px 0 0 278px; }

/*教室のご案内*/
.class_top { padding:5px 0 0 0; }
#class_picture { float:left; width:260px; }
#class_address { float:left; display:inline; margin:3px 0 0 0; }
#gmap { width:690px; height:345px; padding:5px 0 0 5px; border:1px solid #ccc; margin:0 0 5px 0; }
.gmap_link { float:right; margin:0 0 20px 0; display:inline; font-size:11px; }

/*特定商取引法*/
#privacy2 li { background:none; padding:0 0 5px 0; font-size:12px; margin:0 0 0 0; }
#privacy2 li span { width:82px; display:inline-block; }

/*発送の流れ*/
#page li#order_num1 { background:url(img/order_num1.gif) no-repeat left top; padding:2px 0 10px 58px; }
#page li#order_num2 { background:url(img/order_num2.gif) no-repeat left top; padding:2px 0 10px 58px; }
#page li#order_num3 { background:url(img/order_num3.gif) no-repeat left top; padding:2px 0 10px 58px; }

/*ブーケのオーダー方法*/
#bouquet_image { margin:-25px 0 15px 0; }
#bouquet { margin:30px 0; }
#page #bouquet li { background:url(img/bullet2.gif) no-repeat left 5px; padding:0 0 0 17px; margin:0 0 20px 0; }
#page #bouquet h4 { margin:0; }

/*カレンダー*/
#calendar { margin:20px 0 0 0; }



/* ----- 商品一覧ページ ----------------------------------------------------------------------------------------------------------------------- */
#product_menu { margin:20px 0 30px 5px; }

/*カテゴリーメニュー*/
#product_menu { position:relative; margin:37px 0 40px 10px; }
#product_menu li { display:inline; float:left; margin:0 0 0 0; width:25%; text-align:center; }
#product_menu li a { color:#666; text-decoration:none; padding:0; margin:0; z-index:10; position:relative; overflow:hidden; display:block; height:30px; line-height:30px; }

#product_menu li.backLava { background:#d5dbdc; z-index:8; position:absolute; margin-top:-1px; padding:0; -moz-border-radius:30px; -khtml-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; }

#product_menu li#product_menu_last { margin:0; }

/*商品リスト*/
#product_list { width:695px; margin:0 0 30px 0; }
.pl_wrap { width:49%; height:127px; margin:0 0 35px 0; position:relative; float:left; display:inline; }
.product_list_image { position:absolute; left:0px; top:0px; background:url(img/product_list_image.gif) no-repeat left top; width:127px; height:127px; }
.product_list_image img { width:105px; height:105px; -ms-interpolation-mode:bicubic; margin:11px 0 0 11px; }
.product_list_image:hover { background:url(img/product_list_image.gif) no-repeat left bottom; }
.pl_wrap ul { position:absolute; left:145px; top:11px; margin:0; }
.pl_wrap li { padding:10px 0 0 0; margin:0 0 20px 0; line-height:110%; }
.product_list_name { background:url(img/product_list_name.gif) no-repeat left top; }
.product_list_price { background:url(img/product_list_price.gif) no-repeat left top; }
.product_list_detail { background:url(img/product_list_detail.gif) no-repeat left top; }

/* ----- 商品詳細ページ ----------------------------------------------------------------------------------------------------------------------- */
#bread_crumb { width:695px; font-size:11px; }
#bread_crumb ul { margin:0; padding:20px 0; float:left; }
#bread_crumb li { padding:0 20px 0 0; margin:0 15px 0 0; display:inline; float:left; background:url(img/arrow1.gif) no-repeat right 1px; }
#bread_crumb li#bread_crumb_last { background:none; }

#back { float:right; background:url(img/back.gif) no-repeat left 3px; padding:5px 0 5px 24px; display:inline; margin:16px 0 0 0; }

#single_product h2 { margin:0 0 0 0;  }
#s_product_container { width:695px; padding:0 0 30px 0; }
#s_product_image { width:337px; background:url(img/s_product_image.gif) no-repeat left top; float:left; }
#product_info { width:320px; float:right; }
#s_product_des { margin:0 0 10px 0; }

#s_product_list { width:320px; margin:0 0 25px 0; padding:0; }
#s_product_list li { padding:11px 0 8px; line-height:150%; margin:0; background:url(img/s_product_list.gif) no-repeat left bottom; }
#s_product_name span { padding:0 0 0 56px; display:block; background:url(img/s_product_name.gif) no-repeat left 6px; }
#s_product_price span { padding:0 0 0 56px; display:block; background:url(img/s_product_price.gif) no-repeat left 6px; }
#s_product_date span { padding:0 0 0 56px; display:block; background:url(img/s_product_date.gif) no-repeat left 6px; }
#s_product_size span { padding:0 0 0 56px; display:block; background:url(img/s_product_other.gif) no-repeat left 6px; }

#s_product_button { height:90px; position:relative; }

#product_amount { position:absolute; top:20px; left:0px; width:140px; height:25px; text-align:right; background:url(img/product_amount.gif) no-repeat left top; }

#product_order_button { margin:0; padding:0; position:absolute; top:0px; right:0px; }
#s_product_howto { position:absolute; right:0px; top:65px; }

#product_data { border:1px solid red; width:100px; position:absolute; right:0px; bottom:150px; }

/*画像ギャラリー*/
.pika_main{ padding:11px 0 0 11px; height:350px; }
#s_product_image ul li { margin:5px 14px; padding:6px 6px 14px 6px; float:left; display:inline; background:url(img/s_product_thumbnail.gif) no-repeat left top;　}
#s_product_image ul li#flower_image { margin-left:3px; }
#s_product_image ul li#spi_last { margin-right:0; }

#s_product_image ul li img { cursor:pointer; }/*サムネル画像*/
.pika_main img { width:315px; height:315px; }/*メイン画像部分*/
.pika_main { position:relative; margin:0 auto; }
.pikachoose li { float:left; position:relative; overflow:hidden; list-style:none; }
.pika_play { position:absolute; top:10px; right:20px; z-index:1; }
.pika_play a { position:relative; margin-left:auto; cursor:pointer; }
.pika_play img { border:none !important; }
.pika_caption { width:100%; margin:15px auto 0; height:30px; text-align:center; }
.pika_navigation a { font-size:12px; color:white; text-decoration:none; }
.pika_navigation a:hover { text-decoration:underline; }
.pika_navigation { padding-top:10px; clear:both; text-align:center; }

#s_product_image ul li span { display:none; }



/* ----- お知らせ ----------------------------------------------------------------------------------------------------------------------------- */
/*詳細ページ*/
#news_single h3 { font-size:14px; font-weight:normal; margin:40px 0 3px 0; line-height:140%; background:url(img/dot2.gif) repeat-x right bottom; padding:0; }
#news_single h3 span { background:url(img/line1.gif) repeat-x right bottom; display:inline-block; padding:0 5px 2px 0; }
#news_single #date { font-size:11px; }
#news_single p { line-height:170%; }
#news_navi { margin:100px 0 0 0; }
#news_navi li { display:inline; font-size:11px; float:left; }
#news_back { border-right:1px solid #ccc; padding:0 20px 0 0; margin:0 20px 0 0; }
#news_back a { background:url(img/arrow2.gif) no-repeat left top; line-height:100%; padding:5px 0 5px 35px; }
#news_archive a { background:url(img/arrow3.gif) no-repeat right top; line-height:100%; padding:5px 35px 5px 0; }

/*お知らせ一覧*/
#news_list { margin:30px 0; padding:0; }
#news_list li { margin:0 0 12px 0; background:url(img/dot1.gif) repeat-y 60px top; line-height:140%;  }
#news_list span { width:48px; float:left; text-align:right; }
#news_list li a,#news_list li a:visited { width:610px; padding:0 0 0 26px; float:left; display:block; text-decoration:underline;  }



/* ----- よくある質問と答え ------------------------------------------------------------------------------------------------------------------- */
#faq { padding:0 0 500px 0; }

#faq_menu li { margin:0 0 15px 0; }
#faq_menu li a { display:block; background:url(img/arrow3.gif) no-repeat left top; height:19px; line-height:19px; padding:0 0 0 28px; }

#faq h3 { margin:40px 0 15px 0; border-bottom:1px solid #ccc; position:relative; height:25px; font-size:14px; padding:15px 0 0 0; }
#faq h3 span { display:inline-block; padding-right:6px; height:25px; background:url(img/qa_line.gif) no-repeat right bottom; position:absolute; bottom:-1px; left:0px; }

#faq dl { margin:0; }
.faq_q { margin:0 0 15px 0; padding:0 0 0 37px; background:url(img/faq_q.gif) no-repeat left top; }
.faq_a { margin:0 0 15px 0; padding:2px 0 3px 37px; background:url(img/faq_a.gif) no-repeat 1px 3px; border-bottom:1px dotted #ccc; }

.faq_return_top img { margin:0 0 30px 0; }



/* ----- フッター ------------------------------------------------------------------------------------------------------------------------------ */
#footer { background:url(img/footer.png) repeat-x left top; width:100%; bottom:0px; height:43px; position:fixed; z-index:10; }
#copyright { float:left; display:inline; padding:13px 0 0 30px; }
#footer_menu { float:right; margin:0; padding:13px 30px 0 0; }
#footer_menu li { display:inline; float:left; }



/* ----- ページナビゲーション ------------------------------------------------------------------------------------------------------------------ */
#navi { padding:0 4px; }
ul.page-numbers { padding:15px 0 0 0; background:url(img/page_navi.gif) no-repeat left top; margin:0 0 0 0; }
ul.page-numbers li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
ul.page-numbers a, ul.page-numbers a:visited, ul.page-numbers a:hover, ul.page-numbers span.current,
ul.page-numbers span.pages, ul.page-numbers span.extend, ul.page-numbers span.current, ul.page-numbers span.dots
 { color:#666; padding:5px 12px 5px; height:20px; line-height:20px; margin:0 6px 0 0; display:inline; float:left; text-align:center; border:1px solid #bbb; }
ul.page-numbers a:hover { background:#fffef0; border:1px solid #cac474; color:#666; text-decoration:none; }
ul.page-numbers span.current { background:#8ebec3; border:1px solid #8ebec3; color:#fff; }



/* ----- clearfix hack ------------------------------------------------------------------------------------------------------------------------- */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf { display: inline-block; }
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */