/* CSS Document */

/*------------------------------------------
【cmn css】
--------------------------------------------*/
body{ background:url(../images/bg.png) repeat #f9f6e5; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; min-width:1220px;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td{ margin: 0; padding: 0; }
fieldset, img { border: 0; }
a{text-decoration:none;}
ul, ul li{ margin:0; padding:0; list-style:none;}
p, img, h1, h2{ margin:0; padding:0; }
img { border: none; margin:0; padding:0; line-height:0;}

/*---clearfix--*/
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
.clear { clear: both; }


/*==================================
【basic style】
==================================*/
body ::selection { background: #9020b0; color:#fff; /* Safari */ }
body ::-moz-selection { background: #9020b0; color:#fff; /* Firefox */ }

/*-------リンク時の挙動-------*/
a img{ opacity: 1;transition: all 0.3s ease-out 0s;}
a img:hover {filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}

/*-------ホバー挙動-------*/
#btn_shop a:hover,
#btn_campaign02 a:hover,
#btn_petit a:hover,
#item_w_petit a:hover{opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity:0; -moz-opacity:0; opacity:0; transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s;}


/*==================================
【main】
==================================*/

/*-------main-------*/
#main{background:url(../images/main_sakura.png) no-repeat center top; padding:0 0 80px 0;}
#mainarea{ width:1200px; margin:0 auto; padding:75px 0 0 0; position:relative;}
h2#logo_kuji{ width:60px; height:60px; position:absolute; top:50px; left:0;}
h1#logo_sakura{ height:224px; margin-bottom:8px;}

/*-------info-------*/
#info{ background:url(../images/main_bg.png) no-repeat; width:567px; height:332px; margin:0 0 0 13px; position:relative;}
#info #sakura_count{ position:absolute; top:25px; left:25px;}
#info #sakura_count img{ width:227px; height:227px;}

/*-------btn-------#info #btn_shop{ position:absolute; right:22px; bottom:71px;}*/

#btn_shop{ display:block; width:279px; height:51px; background:url(../images/btn_shop.png) no-repeat 0 -51px; position:absolute; right:22px; bottom:71px;}
#btn_shop a{ display:block; width:279px; height:51px; background:url(../images/btn_shop.png) no-repeat 0 0; transition: all 0.6s ease-out 0s; }


/*-------btn_campaign-------*/
#btn_campaign02{ display:block; width:555px; height:119px; background:url(../images/btn_campaign02.png) no-repeat 0 -119px; margin:5px 0 0 17px;}
#btn_campaign02 a{ display:block; width:555px; height:119px; background:url(../images/btn_campaign02.png) no-repeat 0 0; transition: all 0.6s ease-out 0s; }

#sakura_blog{ margin:10px 0 0 17px; background:#fff; width:555px; height:142px;}


/*==================================
【contents】
==================================*/
/*-------contents-------*/
#contents{ width:1200px; margin:0 auto; padding:45px 0 85px 0; text-align:center;}
#contents p{ padding:0; margin:0; line-height:0;}
h3#title_lineup{ padding:0 0 30px 0;}
ul#item_2column li{ float:left; padding:0 0 20px 0;}
.item_space{ padding:0 0 20px 0 !important;}

/*-------item_w-------*/
#item_w{ width:1200px; height:490px; background:url(../images/item_w_bg.png) center top no-repeat; position:relative;}
#item_w_petit{ display:block; width:479px; height:58px; background:url(../images/btn_petit_w.png) no-repeat 0 -58px; position:absolute; right:165px; bottom:70px;}
#item_w_petit a{ display:block; width:479px; height:58px; background:url(../images/btn_petit_w.png) no-repeat 0 0; transition: all 0.6s ease-out 0s; }


/*-------btn_petit-------*/
#btn_petit{ display:block; width:606px; height:81px; background:url(../images/btn_petit.png) no-repeat 0 -81px; margin:55px auto 0 auto;}
#btn_petit a{ display:block; width:606px; height:81px; background:url(../images/btn_petit.png) no-repeat 0 0; transition: all 0.6s ease-out 0s; }

/*==================================
【campaign】
==================================*/
#campaign{ background:#850009; padding:10px 0 0 0;}
#campaignarea{ width:1060px; margin:0 auto; padding:45px 0 0 0;}
hr#sakura_line{ border:none; height:25px; width:100%; background:url(../images/line.png);}

/*-------campaign02-------*/
#campaign02{ background:url(../images/campaign02.png) no-repeat; height:1102px; margin:0; padding:0; position:relative;}
#sakura_tw{ width:260px !important; position:absolute; right:70px; top:250px;}

#kuji_link01 a{ display:block; width:135px; height:40px; position:absolute; bottom:365px; left:270px;}
#kuji_link02 a{ display:block; width:65px; height:15px; position:absolute; bottom:122px; left:255px;}

/*-------campaign01-------*/
#campaign01{ background:url(../images/bg_campaign01.png) repeat-y; text-align:center; padding:10px 0 0 0;}
#campaign01 #btn_campaign01 { display:block; width:777px; height:71px; background:url(../images/btn_campaign01.png) no-repeat; cursor:pointer; margin:0 auto;}
#campaign01 #btn_campaign01.close{ background:url(../images/btn_campaign01_2.png) no-repeat;}

#bg_campaign02{ margin:0; line-height:0;}
#sakura_copy{ text-align:center; padding:10px 0;}

#campaign01_img{ z-index:0; position:relative;}
span#campaign01_kuji_link01 a{ display:block; width:140px; height:35px; position:absolute; bottom:277px; left:300px; z-index:10;}
span#campaign01_kuji_link02 a{ display:block; width:80px; height:15px; position:absolute; bottom:105px; left:310px; z-index:10;}