@charset "utf-8";
/* CSS Document */

/*------------------------------------------
【common】
--------------------------------------------*/
html,body {color:#333; height:100%;}

fieldset,img { border:0;}
a img { border-style:none;}
ul,ol,li { list-style:none; padding:0; margin:0;}

.clearfix:before,
.clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }

/*------------------------------------------
【全体】
--------------------------------------------*/
body { margin:0; padding:0; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.5em; font-size:14px; color:#000;}

#shfsakura_opd { margin:0 auto; padding:0; min-width:1200px; width:100%;}




/*------------------------------------------
【ヘッダー】
--------------------------------------------*/
/*ヘッダーの左右に背景が続いてほしい時は、
ここに指定して、HTMLのほうで「#shfsakura_opd_header」を包む*/
#shfsakura_opd_header_wrap { background:#FFFFFF; min-width:1200px; width:100%;}

/*幅1200pxでばっつり切れるほうのヘッダー
--------------------------------------------*/
#shfsakura_opd_header { background:url(../img/20150526_sakura/20150526_shfsakura_header_bg.jpg) top center no-repeat; height:625px; margin:0 auto 0 auto; position:relative; width:1200px;}
#shfsakura_opd_header h1 { margin:0; padding:0; position:absolute; bottom:30px; left:145px; height:88px; width:661px; z-index:1;}


/*SNSボックス
--------------------------------------------*/
/*absoluteに被らないよう、最前に持ってくる*/
#shfsakura_opd_sns { background:#fff; padding:5px 0 5px 0; text-align:center; width:100%;}
#shfsakura_opd_sns .snswrap { position:relative; z-index:100;}


/*------------------------------------------
【コンテンツ】
--------------------------------------------*/
/*背景…黄色部分がcss、それ以外の斜めストライプが画像です*/
#shfsakura_opd_content_wrap {background:#fffcb5 url(../img/20150526_sakura/20150526_shfsakura_bg.png) top center repeat-y; margin:0 auto; padding:0 0 30px 0; min-width:1200px; width:100%;}


/*absoluteをかけるビジュアル3枚用
--------------------------------------------*/
.shfsakura_opd_content_photo { margin:0 auto 0 auto; position:relative; height:1472px; width:1200px; z-index:90;}
.shfsakura_opd_001 {height:976px; position:absolute; top:-499px; right:110px; width:384px; z-index:2;}
.shfsakura_opd_002 {height:798px; position:absolute; top:-90px; left:8px; width:637px; z-index:3;}
.shfsakura_opd_003 {height:859px; position:absolute; top:613px; left:164px; width:921px; z-index:4;}


/*クリックで拡大するビジュアル3枚用
--------------------------------------------*/
#shfsakura_opd_content_wrap ul { margin:0 auto; padding:0; width:980px;}
#shfsakura_opd_content_wrap ul li { float:left; margin:0; padding:0;}


/*前作へのバナー*/
.shfsakura_opd_bnr { margin:39px auto 60px auto; padding:0; width:675px;}

/*予約解禁*/
.shfsakura_opd_reserved { margin:39px auto 60px auto; padding:0; width:980px;}

/*注意事項*/
p.shfsakura_opd_caution { color:#666; font-size:12px; line-height:12px; margin:30px 0 0 0; padding:0 10px 0 0; text-align:right;}


/*------------------------------------------
【フッター】
--------------------------------------------*/
#footer{ margin:30px 0 0 0; padding:0 0 10px 0;}
.copy { color:#333; font-size:10px; line-height:14px; text-align:center; min-width:1200px; width:100%;}