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

/*==============================================================================================================================
	共通部分
==============================================================================================================================*/
html			{overflow-y:scroll;}
body			{ background:#FFF ;  color:#111 ;font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin:0 0; padding:0 0; }
input,textarea	{font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
* html body		{font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;font-size:100%;line-height:140%;}	/* for IE6 */
* html input,
* html textarea {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}	/* for IE6 */

img { border: none; padding:0 0; margin:0 0; }
ul { padding:0 0; margin: 0 0;}
.clear { clear:both;}

.none { display:none ; }

article,section {margin-bottom:50px;}

a:link		{color:#ff3399;text-decoration:none;}
a:visited	{color:#ff3399;text-decoration:none;}
a:active	{color:pink;text-decoration:none;outline:none;}
a:hover		{color:pink;text-decoration:none;}
a:focus		{outline:none;}
.center { text-align:center; }
.left { text-align:left;}
.flLeft { float:left; }
.flRight { float:right; }
img { vertical-align: text-bottom ; line-height:50% ; }



/* #page（header&contents） */

.pink	{color:#ff6699 !important;}
.red { color:#e72d2d; }
.blue { color:#2654fd; }	
.grey1 { color:#A0A0A0 ;}

.center { text-align:center;}
.font13 { font-size:13px; }
.clear { clear:both;}
 
h2 { font-size:13px; font-weight: normal; margin: 0 0; padding:0 0; }
h3 { font-size:13px; font-weight: normal; margin: 0 0; padding:0 0; }

h2.pageTitle{margin:5px 0 0 2px;}
h2.l0 { line-height:0 ; margin-bottom:25px;}

section#slider { width:100% ;  height: 1020px; overflow:hidden; position: relative ; padding:0 0 0; margin: 0 auto 0; text-align: left; z-index: 10; }
.slideFrame ul { list-style:none }
.slideFrame { position: relative;   overflow: hidden;   overflow-x: auto;   width: 100%;   height: 1020px; }
.slideGuide { width: 100%; height: 100%; }
.slideCell { display: block; float: left;  position: relative;  }
.slideCell a {   display: block;   width: 100%;   height: 100%; }

#indexWrap { width:100% ; min-width:1240px; max-width:1920px; overflow:hidden; height:980px; position:relative ; margin:0 auto 20px; text-align:center ; border-bottom:1px #111111 solid ;background:url(../images/shop/indexBG.jpg) ; }
#indexWrapIn { width:425px; height:1021px; position:absolute ; top:0 ; z-index:200 ; display:none; background:url(../images/shop/indexLogoBG.png) no-repeat ; text-align:left; }
#inedxLogo { text-align: center ; z-index:200; }
#indexTitle { width:68px; height:1021px; position:absolute ; top:0 ; left: 0 ; display:none; z-index:100 ; background:url(../images/shop/indexTitle.png) no-repeat ; text-align:left; }

#ENTER { width:133px; height:48px; margin:0 auto; position:absolute; top:530px; left:200px;background:url(../images/shop/ENTER0.png) no-repeat }
#ENTER a{ width:133px; height:48px; display:block;   }
#EXIT { width:81px; height:43px; margin:0 auto; position:absolute; top:680px; left:140px;background:url(../images/shop/EXIT0.png) no-repeat }
#EXIT a{ width:81px; height:43px; display:block;   }

#ENTEREXP { width:600px; height:54px; position:absolute; top: 800px; right:0; text-align:left; color:#111111; font-size:12px; line-height:22px; z-index:200; }

footer { height:262px; background:url(../images/shop/footerBG.png) repeat-x ; }
footer a {color:#EEEEEE !important ; }

#footerIn { width:1050px; height: 262px;  margin:0 auto ;line-height:23px; position:relative;  }
#footerLogo0 { width:359px; height:114px; position:absolute; top:47px; left:0; }
#footerLogo1 { width:338px; height:56px; position:absolute; top:70px; right:0; }

#footerLink { position:absolute; bottom:10px; }
#footerExp { position:absolute; bottom:25px; left:18px; font-size:14px;color: #FFF000; }
#footerExp h1, #footerExp h2 { font-weight:normal !important }
#footerLink ul { list-style:none; }
#footerLink ul li{ width:120px; height:16px; display: inline-block ; border-left:1px #111111 solid ; background-position:0 6px ; font-size:12px; padding-left:11px; line-height:16px; margin: 2px 0 2px 13px; }

#pageLink { width:750px; float:right;}
#pageLink li{ min-width:165px !important; }


#footerCopyright { width:100%; text-align:center; background:#ff76b0 ; border-top: 1px #FFFFFF solid ; color:#FFFFFF; font-size:14px !important ; padding:5px 0;  }
#footerCopyright span { text-shadow: 0 0 4px #FFF ; }

.pageBox  { border:1px solid #222222 ; background:#FFFFFF; box-shadow: 0 0 5px 0 rgba(0,0,0,0.35); }
.shadowBox  { box-shadow: 0 0 5px 0 rgba(0,0,0,0.35); }


#indexInfo { width:1040px; margin:0 auto ; }
#indexExp { width:448px; height:374px; text-align:left; float:left ; padding:55px 0 0 ; margin-bottom:23px ; color:#111111 ; }
#indexExpIn { width:410px;  height:330px;   overflow: auto; padding: 0 10px 0 30px; font-size:13px; }
#indexExpIn h1{ background:#FF76B0 ; color:#FFFFFF ; font-weight:bold ; padding:5px 10px ; border-radius:5px; margin-bottom:15px ; }


#topNewsBox  { width:448px;  height:448px;  text-align:left; color:#111111 ; overflow:hidden;  background:url(../images/shop/bg_base.jpg) ; }
.topNewsBoxIn { width:428px; padding:10px; height:380px; overflow: auto; }
#indexNewsIn .info, .topNewsBoxIn .info { background: #CCCCCC; border-radius: 3px; color: #111111; font-size: 13px; margin: 0 auto 5px; line-height:23px; padding-left:15px; }
#indexNewsIn .addDate, .topNewsBoxIn .addDate { text-align:right ; margin-bottom:15px; }
#indexNewsIn .newsImage, .topNewsBoxIn .newsImage { margin-bottom:15px; }
#indexNewsIn .newsBoxS, .topNewsBoxIn .newsBoxS{ margin-bottom:15px; }

#indexNewsIn img, .topNewsBoxIn img { max-width:400px; line-height:50% ; vertical-align: text-bottom ; }
#indexNewsIn .newsCont, .newsCont{ width:400px; float:right; }

#topNewsBox .newsL { width:200px; float:left; }
#topNewsBox  .newsR { width:430px; float:right;}


#indexMobile { text-align:center ;}
#indexMobile img{ margin:10px 5px ; }

#indexLink { width:940px; margin:30px auto;}
#linksImg li{ width:100px; height:50px; overflow:hidden; text-align:center; float:left; font-size:10px; list-style:none; }
#linksImg li a { text-decoration:none; }
#linksNoImg li{ width:100px; height:15px; margin:10px 0 0; overflow:hidden; text-align:center; float:left; font-size:10px; }

#indexBnnB { width: 1050px; margin:0 auto 15px; text-align:center; list-style:none;}
#indexBnnB .linksImgB{ width: 210px; height:70px; display:block; float:left;}

#indexBnnS { width:1000px;  margin:0 auto; text-align:center;}
#indexBnnS .linksImgS{ width: 110px; height:70px; display:block; float:left;}