@charset "utf-8";

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6,p, blockquote, pre,
address,ul, ol, li, dl, dt, dd,table, th, td, form, fieldset {
  margin: 0;
  padding: 0;
  line-height: 1.0;
  font-family:
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ul, ol {
  list-style: none; /* マーカーを消す */
}
a {
  text-decoration: none; /* 下線を消す */
}
img {
  border:none;
}


img, input {
  vertical-align: bottom;
}

body {
	background:#fff url('../img/BG_main.jpg') top center;
	background-position:center;
	background-attachment:fixed;
	position:relative;
}

.on_img:hover {
	opacity: 0.7;
}

#contenner {
	width: 1100px;
	height: 100%;
	background-color: #FFF;
	margin: 0 auto;
}
#header {
	width: 1100px;
	height: 130px;
	position: relative;
}

#brand {
	width: 200px;
	height: 86px;
	position: absolute;
	top: 29px;
	left: 21px;
}

#naviwrap {
	width: 800px;
	height: 46px;
	position: absolute;
	top: 62px;
	left: 279px;
	display: flex;
	border-left: 1px solid #bc9fb3;
}
#naviwrap li,
#naviwrap a {
	width: 200px;
	height: 46px;
	display: block;
	margin: 0;
}
#navi_concept {background-image: url(../img/navi_concept.png);}
#navi_newrelease {background-image: url(../img/navi_newrelease.png);}
#navi_archives {background-image: url(../img/navi_archives.png);}
#navi_shop {background-image: url(../img/navi_shop.png);}

#firstbox a:hover,
#secondbox a:hover,
#thirdbox a:hover,
#fourthbox a:hover,
#fifthbox a:hover,
#kissbox a:hover,
#afterbox a:hover,
#recruit:hover,
#support:hover,
#brand:hover,
#naviwrap li:hover {
	opacity: 0.5;
}

#recruit {
	width: 74px;
	height: 10px;
	position: absolute;
	top: 25px;
	left: 632px;
}
#support {
	width: 93px;
	height: 10px;
	position: absolute;
	top: 25px;
	left: 733px;
}
#searchbox {
	width: 222px;
	height: 26px;
	position: absolute;
	background-color: #edebe6;
	top: 16px;
	left: 859px;
	border: 1px solid #ded9d2;
	border-radius: 13px;
	overflow: hidden;
}
#___gcse_0 * {
	border: 0px solid #FFF !important;
	background-color: #edebe6 !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
	margin: 0 !important;
	padding: 0 !important;
}
.cse input.gsc-search-button, input.gsc-search-button
{
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: bold !important;
  color: #000 !important;
  padding: 0 !important;
  height: 29px !important;
  min-width: 54px !important;
 }
 #gsc-i-id1 {
	 background-color: #edebe6 !important;
 }

.input_s {
	background-color: #edebe6 !important;
	border: none !important;
	margin-left: 5px !important;
	margin-top: -3px !important;
	height: 24px !important;
	width: 170px !important;
}
.submit {
	width: 24px !important;
	height: 24px !important;
	margin-top: 3px !important;
	background-image: url(../img/search.png) !important;
	border: none;
}


#topbox {
	width: 1100px;
	height: 669px;
}
#topbox2 {
	width: 1100px;
	height: 770px;
}
#topcont {
	width: 1100px;
	height: 100%;
	position: relative;
	background-color: #FFF;
	padding-bottom: 25px;
}

#whatnew {
	width: 650px;
	height: 100%;
	float: left;
	margin-left: 29px;
	margin-top: 51px;
	background-color: #FFF;
	position: relative;
}
#whatnew #bar {
	width: 223px;
	height: 38px;
	position: absolute;
	top: -28px;
	left: -35px;
}

#firstbox {
	width: 366px;
	height: 370px;
	background-image: url(../img/BG_1stbox.png);
	float: right;
	margin-top: 28px;
	margin-right: 27px;
	text-align: center;
}
#firstbox a:first-child img {
	margin-top: 42px;
}
#firstbox img {
	margin-top: 5px;
}
#secondbox {
	width: 366px;
	height: 370px;
	background-image: url(../img/BG_2ndbox.png);
	float: right;
	margin-top: 28px;
	margin-right: 27px;
	text-align: center;
}
#secondbox a:first-child img {
	margin-top: 42px;
}
#secondbox img {
	margin-top: 5px;
}
#thirdbox {
	width: 366px;
	height: 370px;
	background-image: url(../img/BG_3rdbox.png);
	float: right;
	margin-top: 28px;
	margin-right: 27px;
	text-align: center;
}
#thirdbox a:first-child img {
	margin-top: 42px;
}
#thirdbox img {
	margin-top: 5px;
}
#fourthbox {
	width: 366px;
	height: 370px;
	background-image: url(../img/BG_4thbox.png);
	float: right;
	margin-top: 28px;
	margin-right: 27px;
	text-align: center;
}
#fourthbox a:first-child img {
	margin-top: 42px;
}
#fourthbox img {
	margin-top: 5px;
}

#fifthbox {
	width: 366px;
	height: 370px;
	background-image: url(../img/BG_5thbox.png);
	float: right;
	margin-top: 28px;
	margin-right: 27px;
	text-align: center;
}
#fifthbox a:first-child img {
	margin-top: 42px;
}
#fifthbox img {
	margin-top: 5px;
}


#sixthbox {
	width: 366px;
	height: 370px;
	background-image: url(../img/BG_6thbox.png);
	float: right;
	margin-top: 28px;
	margin-right: 27px;
	text-align: center;
}
#sixthbox a:first-child img {
	margin-top: 42px;
}
#sixthbox img {
	margin-top: 5px;
}
#sixthbox a:hover {
	opacity: 0.6!important;
}


#seventhbox {
	width: 366px;
	height: 370px;
	background-image: url(../img/BG_7thbox.png);
	float: right;
	margin-top: 28px;
	margin-right: 27px;
	text-align: center;
}
#seventhbox a:first-child img {
	margin-top: 42px;
}
#seventhbox img {
	margin-top: 5px;
}
#seventhbox a:hover {
	opacity: 0.6!important;
}

#8thbox {
	width: 366px;
	height: 370px;
	background-image: url(../img/BG_8thbox.png);
	float: right;
	margin-top: 28px;
	margin-right: 27px;
	text-align: center;
}
#8thbox a:first-child img {
	margin-top: 42px;
}
#8thbox img {
	margin-top: 5px;
}
#8thbox a:hover {
	opacity: 0.6!important;
}

#kissbox {
	width: 366px;
  height: auto;
	background-image: url(../img/BG_kissbox.png);
  background-color: #f9f1ff;
  background-repeat: no-repeat;
  background-position: top,center;
	float: right;
	margin-top: 28px;
	margin-right: 27px;
	text-align: center;
  padding-bottom: 10px;
  border-radius: 10px;
  border: 1px solid #edd3ff;
}
#kissbox a:first-child img {
	margin-top: 42px;
}
#kissbox img {
	margin-top: 5px;
}


#afterbox {
	width: 366px;
  height: auto;
  background-image: url(../img/BG_AfterBox_top_2.png);
  background-repeat: no-repeat;
  background-position: top,center;
  background-color: #fff6dd;
	float: right;
  margin-top: 28px;
	margin-right: 27px;
	text-align: center;
  padding-bottom: 10px;
  border-radius: 10px;
  border: 1px solid #e9d6bb;
}
#afterbox a:first-child img {
	margin-top: 42px;
}
#afterbox img {
	margin-top: 5px;
}

#twitterwrap {
	width: 366px;
	height: 589px;
	float: right;
	margin-right: 27px;
	margin-top: 21px;
}
#twitterbox {
	width: 364px;
	border: 1px solid #f4d6ea;
	margin-top: 1px;
}

#footer {
	width: 100%;
	height: 38px;
	background-color: #ff90db;
}

adress {
	width: 100%;
	color: #FFF;
	margin: 13px auto;
	font-size: 10pt;
	text-align: center;
	float: left;
}


#conceptwrap {
	width: 1100px;
	height: 832px;
}

#wordbox {
	margin-top: 30px;
}