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

/*  Typo
----------------------------------------------- */

a:link, a:visited {
    text-decoration: underline;
    color:#EC4413;
}
a:active { text-decoration: underline; }
a:hover { text-decoration:none; }

h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }

/*  Layout
----------------------------------------------- */

body {
    padding:0px 0 0 0;
    margin:0;
	text-align:center;
	background-color:#ffb9d5;
}

#container {
    margin:0 auto;
	width:1150px;
	clear:both;
	text-align:left;
	background-color:#ffd7e7;
}

#header {
	margin:0 auto;
	width:1150px;
}

p.topimage {
	position:absolute;
	width:1150px;
	height:579px;
	z-index: 5;
	margin:0;
	padding:0;
}

#header div,#header a {
	padding:0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(http://www.anipla.jp/jimdo/images/header/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 248px;
	width: 308px;
	margin:313px 0 25px 28px;
	padding:0 ;
	z-index:10;
	position:absolute;
}

#header a:hover { text-decoration:none;  }

#navigation {
	height:67px;
	background-image: url(http://www.anipla.jp/jimdo/images/navi/navi_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin:-2px auto 0;
	position:relative;
	overflow:hidden;
	z-index:20;
	min-width:1150px;
	
}

#leftArea {
	padding:31px 23px 0 0 ;
	width:225px;
	float:left;
margin:0 0 0 -5px;
}
h4.dress_T {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(http://www.anipla.jp/jimdo/images/left_area/title_ranking.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 222px;
        padding:0;
        margin:0 0 10px;
	text-indent:-9999px;
}
h4.howto_T {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(http://www.anipla.jp/jimdo/images/left_area/title_enjoy.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 222px;
	text-indent:-9999px;	
}
div.newsBox {
	padding:0 0 0 10px;
}
h4.calender_T {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(http://www.anipla.jp/jimdo/images/left_area/title_calender.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 222px;	
	text-indent:-9999px;
}
ul.howtoList {
	margin:10px 0 0px 0px;
}
ul.howtoList li {
	list-style-type:none;
	margin:0 0 8px;
}
div#booei {
	margin:0 0 0 30px;
}


#content {
	float:left;
	width:660px;
}


/*  RightAREA
----------------------------------------------- */
#rightArea {
	padding:31px 0 0 0px ;
	width:226px;
	float:right;
margin:0 -4px 0 0 ;
}
h4.enjoy_T {
		text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(http://www.anipla.jp/jimdo/images/right_area/title_photos.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 222px;
	margin:0 0 15px;
}
h4.news_T {
		text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(http://www.anipla.jp/jimdo/images/right_area/title_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 222px;
    margin:0 0 15px 0 ;	
}
div.photoBox {
	padding:0 0 25px 25px;
}
div.photoBox p {
	margin:0 0 10px;
}



/*  FooterAREA
----------------------------------------------- */
div#footer_sub {
	width:1150px;
	margin:25px auto;
	text-align:left;
}

ul.bnrList {
	margin:0 0 0 -40px;
	height:105px;
}
ul.bnrList li {
	float:left;
	margin:0 20px 0 0;
	list-style:none;
}
ul.bnrList li.end {
	float:left;
	margin:0 0 0 0;
}

div#footer_sub p.f_logo {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(http://www.anipla.jp/jimdo/images/footer/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	width: 132px;
	position:absolute;
	margin:10px 0 0 0 ;
}
div#footer_sub dl {
	margin:28px 0 0 140px;
}

div#footer_sub dl dt{
	padding:0 0 4px;
}
div#footer_sub dl dd {
	margin:0 0 0 0px;
}

 a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#footer {
    clear:both;
	width:1150px;
	margin:0 auto;
}

#footer .gutter {
    height:30px;
    padding:35px 15px 0 90px;
}

/*  Navigation
----------------------------------------------- */

#navigation {
	height:67px;
	background-image: url(http://www.anipla.jp/jimdo/images/navi/navi_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin:-14px auto 0;
	position:relative;
	overflow:hidden;
	z-index:20;
	
}

ul.mainNav1 {
	max-width:920px;
	margin:0 auto;
	padding:0px;
	text-align:left;
}

ul.mainNav1 li {
    display: inline;
    margin: 0;
	padding:0;
	float:left;
}
ul.mainNav2 {
    margin:0 0 20px 15px;
    padding: 0;
}

ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;

}


ul.mainNav1 li a {
    font:normal 13px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#fff;

}

ul.mainNav2 li a {
	font:normal 13px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	display: block;
	color:#666;
	background-image: url(http://www.anipla.jp/jimdo/images/right_area/list.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 15px;
}

ul.mainNav1 li a { padding:13px 16px 11px 16px;
height:21px;
}
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover {
    color:#000;
	text-decoration:none;
}
ul.mainNav2 a:hover {
    color:#f94e9f;
	text-decoration:none;
}


ul.mainNav1 a.current { 
	color:#fff;
	font-weight:bold; 
	background-color:#4a172f;

}


/*  indexページ
----------------------------------------------- */

div.cont01Box {
	background-image: url(http://www.anipla.jp/jimdo/images/cont01_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 367px;
	width: 660px;
	padding:20px 0 0 0 ; 
}
div.cont01Box h1 {
	margin:5px 10px 0px 446px;
	color:#f94e9f;
	font-size:12px;
	text-align:left;
}

div.cont01Box p {
	margin:15px 10px -5px 446px;
}

div.voiceBox {
	background-image: url(http://www.anipla.jp/jimdo/images/bg01.gif);
	background-repeat: repeat;
	background-position: left top;
	padding:32px 0 32px 0 ;
	  width: 100%;
}
div.voiceBox h3 {
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}
div.voiceBox img {
	margin:0 auto 10px;
}
div.voiceBox div {
	width:45%;
	float:left;
	padding:0 10px;

	margin:0 0 0 0px;
}
div.voiceBox div h4 {
	text-align:center;
	color:#e74e96;
}
div.voiceBox div p {
	padding:0 5px;
}

div.dressBox {
	padding:25px 0 0px 0;
	background-color:#FFF;
	width: 100%;
	background-image:url(http://www.anipla.jp/jimdo/images/bg02.gif);
	background-repeat: repeat;
	background-position: left top;
	margin:0 0 10px;
}
div.dressBox h3 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(http://www.anipla.jp/jimdo/images/title_dress.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	height: 34px;
	width: 321px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

/*---　３画像（Images Sliders）    ------------------------*/

.infiniteCarousel {
  width: 620px;
  margin:0 0px 40px 0px;
  padding:0 20px;
  position: relative;
  height: 190px;
}
.infiniteCarousel .wrapper {
  width: 620px; 
  /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto; 
  position: absolute;
  min-height: 20em;
  top: 0;
}
.infiniteCarousel ul {
	margin:0 0 0 -40px;
}
.infiniteCarousel ul li {
  display:block;
  float:left;
  height: 200px;
  width: 135px;
  padding:10px;

}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #d9c4cb;
}

.infiniteCarousel .arrow {
	display: block;
	height: 40px;
	width: 13px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 37px;
	cursor: pointer;
	background-image: url(http://www.rakuten.ne.jp/gold/ecudes/images/new_hot_item/09.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}
p.txt {
	padding:0 20px 25px;
}

.splide__slide img {
  width: 100%;
  height: auto;
}


/* ========================================================
	base.css => 共通基本CSS
======================================================== */

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

/* float
============================================================================================================ */
.fl {float: left;}
.fr {float: right;}


/* text-align
============================================================================================================ */
.text_l {text-align: left;}
.text_c {text-align: center;}
.text_r {text-align: right;}


/* margin
============================================================================================================ */
.margin00 {margin: 0 !important;}
.margin_b {margin-bottom: 1.2em !important;}
.margin_b00 {margin-bottom: 0 !important;}
.margin_b05 {margin-bottom: 5px !important;}
.margin_b07 {margin-bottom: 7px !important;}
.margin_b08 {margin-bottom: 8px !important;}
.margin_b10 {margin-bottom: 10px !important;}
.margin_b15 {margin-bottom: 15px !important;}
.margin_b20 {margin-bottom: 20px !important;}
.margin_b25 {margin-bottom: 25px !important;}
.margin_b30 {margin-bottom: 30px !important;}
.margin_b35 {margin-bottom: 35px !important;}
.margin_b40 {margin-bottom: 40px !important;}
.margin_b45 {margin-bottom: 45px !important;}
.margin_b50 {margin-bottom: 50px !important;}
.margin_b60 {margin-bottom: 60px !important;}
.margin_b70 {margin-bottom: 70px !important;}
.margin_b90 {margin-bottom: 60px !important;}
.margin_b100 {margin-bottom: 100px !important;}
.margin_b120 {margin-bottom: 120px !important;}
.margin_b130 {margin-bottom: 130px !important;}
.margin_b140 {margin-bottom: 140px !important;}
.margin_b150 {margin-bottom: 150px !important;}
.margin_t {margin-top: 1.3em !important;}
.margin_t010 {margin-top: -15px !important;}
.margin_t00 {margin-top: 0 !important;}
.margin_t05 {margin-top: 5px !important;}
.margin_t08 {margin-top: 8px !important;}
.margin_t10 {margin-top: 10px !important;}
.margin_t15 {margin-top: 15px !important;}
.margin_t20 {margin-top: 20px !important;}
.margin_t25 {margin-top: 25px !important;}
.margin_t30 {margin-top: 30px !important;}
.margin_t35 {margin-top: 35px !important;}
.margin_t40 {margin-top: 40px !important;}
.margin_t45 {margin-top: 45px !important;}
.margin_t50 {margin-top: 50px !important;}
.margin_t280 {margin-top: 270px !important;}
.margin_t150 {margin-top: 300px !important;}
.margin_l13 {margin-left: 13px !important;}

/* padding
============================================================================================================ */
.padding00 {padding: 0 !important;}
.padding_b {padding-bottom: 1.3em !important;}
.padding_b00 {padding-bottom: 0 !important;}
.padding_b05 {padding-bottom: 5px !important;}
.padding_b08 {padding-bottom: 8px !important;}
.padding_b10 {padding-bottom: 10px !important;}
.padding_b15 {padding-bottom: 15px !important;}
.padding_b20 {padding-bottom: 20px !important;}
.padding_b25 {padding-bottom: 25px !important;}
.padding_b30 {padding-bottom: 30px !important;}
.padding_b35 {padding-bottom: 35px !important;}
.padding_b40 {padding-bottom: 40px !important;}
.padding_b45 {padding-bottom: 45px !important;}
.padding_b50 {padding-bottom: 50px !important;}
.padding_t00 {padding-top: 0 !important;}
.padding_t05 {padding-top: 5px !important;}
.padding_t08 {padding-top: 8px !important;}
.padding_t10 {padding-top: 10px !important;}
.padding_t15 {padding-top: 15px !important;}
.padding_t20 {padding-top: 20px !important;}
.padding_t25 {padding-top: 25px !important;}
.padding_t30 {padding-top: 30px !important;}
.padding_t35 {padding-top: 35px !important;}
.padding_t40 {padding-top: 40px !important;}
.padding_t45 {padding-top: 45px !important;}
.padding_t50 {padding-top: 50px !important;}
.padding_t150 {padding-top: 150px !important;}

.padding_l03 {padding-left: 3px !important;}
.padding_l10 {padding-left: 10px !important;}
.padding07 { padding:10px !important;
}