@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}
body{color:#FFF;font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:13px; line-height:1}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td,p{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
.clearfix{ zoom:1;  overflow:hidden;}
/* end clearfix */

/*==================================
loading
==================================*/
html, body{	width: 100%;	height: 100%;}
.loadingWrap{	width: 100%;	height: 100%;	background: #000;	position: fixed;	top: 0;	left: 0; z-index:9999}
.loadingWrap img{	position: absolute;	top: 50%;	left: 50%;	margin-top: -19px;	margin-left: -111px;}

/*==================================
cmn
==================================*/

/*-------other-------*/
a img {opacity: 1;transition: all 0.1s ease-out 0s; }
a:hover img {opacity: 0.5;transition: all 0.1s ease-out 0s; }
a { color: #BF0000; text-decoration: none; }
a:visited { color: #BF0000; text-decoration: underline; }
a:hover { color: #BF0000; text-decoration: underline; }
body { min-width: 980px; background:#000 ; min-height: 1000px;}

/*-------header-------*/
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position:relative ;z-index:500}
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/gnav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/gnav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/gnav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/gnav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/gnav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/gnav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/gnav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/gnav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/gnav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/gnav.gif) -532px -61px no-repeat }
/*-------footer-------*/
#footer{ width:100%; background:#000; position:relative; z-index:9000; border-top:solid 1px #5b5b5b; min-height:100px; }
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative; z-index:9999}
#footer #footer_logo_megahouse{ padding-right: 8px; float: left; }
#footer  p#copyright{ font-size:10px; color:#fff;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif;clear: both; padding: 10px 0 0 0 ;}
#footer  #sns{   position:absolute; top:20px; right:-46px}
/*-------link-------*/
.link_txt a{ padding-left:24px;background: url(../../images/pc/ico_link.png) no-repeat 0 0 ;}

/*==================================
contents
==================================*/

#all_wrap{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background:#fff;}

#main_wrap{ height:500px; background:url(../../../images/bg_01.jpg) center top no-repeat scroll;}
#main{ width:980px; height:440px; margin:0 auto; position:relative; z-index:1;}
#main h2.logo_agf{ padding:12px 0 0 0; margin: 0 auto; width:636px;}

#about_wrap{ width:883px; margin:0 auto;}
#about_wrap p{  padding: 27px 0 0;}
#about{ height:265px; background:url(../../../images/bg_about.png) no-repeat scroll;}
#about ul{ display:block; width:298px; padding:16px 0 0 32px; float:left;}
#about ul.about_02{ display:block; width:298px; padding:16px 0 00 ; float:left;}
#about ul:last-child{ padding:16px 0 0 0px; width:263px}

p#agf_link1{ display:block; background:url(../../../images/btn_agf1.png) 0px -130px no-repeat; width:130px; height:130px; position:absolute; right:214px; bottom:0; z-index:2;}
p#agf_link2{ display:block; background:url(../../../images/btn_agf2.png) 0px -130px no-repeat; width:130px; height:130px; position:absolute; right:75px; bottom:0; z-index:2;}
p#agf_link1 a{ display:block; background:url(../../../images/btn_agf1.png) 0px 0px no-repeat; width:130px; height:130px;}
p#agf_link2 a{ display:block; background:url(../../../images/btn_agf2.png) 0px 0px no-repeat; width:130px; height:130px;}

#lineup_wrap{ background:url(../../../images/bg_02.jpg) center top no-repeat scroll #fff;}
#lineup{ width:980px; margin:0 auto; padding:100px 0 10px 0; text-align:center; color:#634f00; position:relative;}


/*-------item01-------*/
#lineup .title_lineup{ padding:0 0 30px 0;}
#lineup .item01{ width:980px; height:461px; background:url(../../../images/bg_item01.png) no-repeat scroll; margin: 0 0 -18px;}
#lineup .item01 div.item01_area{ padding: 61px 50px 0 473px; text-align:left;}

#lineup .item01 p.item01_tit{ margin-bottom: 10px;}
#lineup .item01 p.item01_price{ margin-bottom:14px;}
#lineup .item01 ul.item01_area li.item01_img{ margin:10px 0 24px 0;}
#lineup .item01 p.item01_copy{ font-size:10px; padding:0 0 0 8px; text-align:right;}
.item01_atn{ margin:0 0 0 -35px; padding:0 0 15px 0;}

p.item_other{margin-top: 30px; margin-bottom:80px;}

/*-------item02-------*/
#lineup .item02{ width:980px; height:385px; background:url(../../../images/bg_item02.png) no-repeat scroll; text-align:left; position:relative;}
#lineup .item02 div.item02_area{ padding: 50px 63px 0 43px;}

#lineup .item02 p.item02_tit{ margin-bottom: 17px;}
#lineup .item02 p.item02_price{ margin-bottom:20px;}

#lineup .item02 div.item02_area ul li{ float:left; padding-right:7px;}

li#item_linkbox{ float:right; padding:0 260px 20px 0;}
p#item_link{ display:block; background:url(../../../images/btn_item.png) -179px 0px no-repeat; width:179px; height:30px;}
p#item_link a{ display:block; background:url(../../../images/btn_item.png) 0px 0px no-repeat; width:179px; height:30px;}

#fb_link{ width:257px; height:88px; position:absolute; bottom:90px; right:155px; z-index:2px;}
p.item02_copy{ font-size:10px; position:absolute; bottom:38px; left:22px;}

p.gem_btn{ padding:50px 0 0 0;}
p.copy{ font-size:10px; padding:40px 0 0 0;}
p.note{ font-size:12px; padding:40px 0 0 0;}
p.note span{ display: block; padding-top:8px; margin-right: 223px;}

/*-------item03-------*/
#lineup .item03{ width:980px; height:385px; background:url(../../../images/bg_item03.png) no-repeat scroll; text-align:left; position:relative; margin-top:28px;}
#lineup .item03 div.item03_area{ padding: 50px 61px 0 43px; float: right;}

#lineup .item03 p.item03_tit{ margin-bottom: 17px;}
#lineup .item03 p.item03_price{ margin-bottom:20px;}
#lineup .item03 div.item03_area ul li{ float:left; padding-right:7px;}

p.item03_copy{ font-size:10px; position:absolute; bottom:38px; right: 52px;}

/*-------item04-------*/
#lineup .item04{ width:980px; height:385px; background:url(../../../images/bg_item04.png) no-repeat scroll; text-align:left; position:relative; margin-top:28px; margin-bottom:90px;}
#lineup .item04 div.item04_area{ padding: 46px 63px 0 43px;}

#lineup .item04 p.item04_tit{ margin-bottom: 17px;}
#lineup .item04 p.item04_price{ margin-bottom:20px;}

#lineup .item04 div.item04_area ul li{ float:left; padding-right:7px;}
p.item04_copy{ font-size:10px; position:absolute; bottom:38px; left:22px;}


/*-------event-------*/
h3.title_event{ padding:0 0 23px 0;}
#event_storemanager_wrap{ width:980px; margin:0 auto;}
#event_storemanager_wrap p{  padding: 27px 0 0;}
#event_storemanager{ height:295px; background:url(../../../images/bg_event01.png) no-repeat scroll;}
#event_storemanager ul{ display:block; padding:17px 0 0 40px; float:left;}
#event_storemanager ul:last-child{ padding: 27px 35px 0;}

#event_storemanager li.img01{width:157px;}
#event_storemanager li.txt01{ margin-bottom:9px; margin-top: -5px;}
#event_storemanager li.attention{ margin-top:9px;}




#event_postcard_wrap2{ width:980px; margin: 7px auto 0; position:relative;}
#event_postcard_wrap2 p{  padding: 27px 0 0;}
#event_postcard_wrap2 .txt2{ text-align:left; margin-left:35px;}
#event_postcard{ height:315px; background:url(../../../images/bg_event02.png) no-repeat scroll;}
#event_postcard ul{ display:block;  padding: 5px 35px 0; float:left;}
#event_postcard ul li.txt01{ width:537px; height:195px; background:url(../../../images/event02_text_01_bg.png) no-repeat scroll;}
#event_postcard p.img1{ width:308px; height:263px; position:absolute; right: 46px; top:67px;}


p#event_postcard_twlink1 a{ display:block; background:url(../../../images/event02_twlink1.png) no-repeat; width:148px; height:21px; position:absolute; top:102px; left:404px; text-indent: -9999px;}
p#event_postcard_twlink1 a:hover{background-position: 0 -21px;}

p#event_postcard_twlink2 a{ display:block; background:url(../../../images/event02_twlink2.png) no-repeat; width:189px; height:21px; position:absolute; top:135px; left:171px; text-indent: -9999px;}
p#event_postcard_twlink2 a:hover{background-position: 0 -21px;}

p#event_postcard_twlink3 a{ display:block; background:url(../../../images/event02_twlink3.png) no-repeat; width:134px; height:21px; position:absolute; top:168px; left:42px; text-indent: -9999px;}
p#event_postcard_twlink3 a:hover{background-position: 0 -21px;}





/*-------link-------*/
#link_wrap{ background:url(../../images/pc/link_bg.jpg) no-repeat bottom center; padding:0 0 7px 0;}
hr#contents_frame{ border:none; height:8px; background:url(../../images/pc/contents_frame.png) repeat-x; margin:0; padding:0;}
#link{ width:980px; margin:0 auto; position:relative; z-index:1; padding: 55px 0 5px;}
ul#link_area{ width:701px; margin:0 auto;}
ul#link_area li{ float:left; margin:0 0 0 10px; background:#fff; height:77px;}
ul#link_area li.link_area_left{ margin:0;}

ul#link_area li a img { opacity: 1; transition: all 0.1s ease-out 0s; }
ul#link_area li a:hover img { opacity: 0.6; transition: all 0.1s ease-out 0s;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}