@charset "UTF-8";

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
	
.clearfix {
	width:100%;
 	overflow:hidden;
}


.floatL {
	float: left;
}

.floatR {
	float: right;
}


/*独自クラス（用編集）*/

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family: "メイリオ", Helvetica, Futura, Consolas, 'Lucida Console', 'Century Gothic', Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
}


body {
  background: #f3f3f3;
  font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 12px;
  color: #333;
  padding-top: 74px;
}

ul {
	list-style-type: none;	
}

a {
	
}

a:hover {
	
}

/*ヘッダー*/
#header {
	width: 100%;
	min-width: 1020px;
	height: 70px;
	padding: 4px 0;
	padding-top: 0;
	top: 0;
	background-image: -moz-linear-gradient( 90deg, rgb(233,229,227) 0%, rgb(250,250,249) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(233,229,227) 0%, rgb(250,250,249) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(233,229,227) 0%, rgb(250,250,249) 100%);
	box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.75);
	position: fixed;
	overflow: hidden;
	z-index: 10;
	opacity: 0.9;
}

#header h2{
	padding-left: 60px;
	padding-top: 7px;	
	width: 164px;
	height: 20px;	
}

#header h2 a{
	display: block;
	width: 164px;
	height: 20px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/header/logo.png) no-repeat;	
}


#header .en-bt{
	width: 170px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 60px;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.75);
}

#header .en-bt a{
	line-height: 24px;
	overflow: hidden;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 14px;

	background-image: -moz-linear-gradient( 90deg, rgb(150,11,65) 0%, rgb(220,0,86) 46%, rgb(236,56,130) 49%, rgb(245,154,191) 97%, rgb(237,167,195) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(150,11,65) 0%, rgb(220,0,86) 46%, rgb(236,56,130) 49%, rgb(245,154,191) 97%, rgb(237,167,195) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(150,11,65) 0%, rgb(220,0,86) 46%, rgb(236,56,130) 49%, rgb(245,154,191) 97%, rgb(237,167,195) 100%);
}

#header .en-bt a:hover{
	color: #bf014a;
	text-shadow: none;
	background-image: -moz-linear-gradient( 90deg, rgb(255,207,234) 0%, rgb(255,211,236) 49%, rgb(255,198,231) 49%, rgb(255,181,223) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,207,234) 0%, rgb(255,211,236) 49%, rgb(255,198,231) 49%, rgb(255,181,223) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,207,234) 0%, rgb(255,211,236) 49%, rgb(255,198,231) 49%, rgb(255,181,223) 100%);
}



#header .after-bt {
    width: 170px;
    height: 24px;
    position: absolute;
    top: 0px;
    right: 250px;
    border-radius: 0 0 5px 5px;
	overflow: hidden;
	box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.75);
}


#header .after-bt a{
	line-height: 24px;
	overflow: hidden;
	display: block;
	text-align: center;
	color: #231816;
	text-decoration: none;
	font-size: 13px;

	background-image: -moz-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(222,222,222) 46%, rgb(240,240,240) 49%, rgb(248,248,248) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(222,222,222) 46%, rgb(240,240,240) 49%, rgb(248,248,248) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(222,222,222) 46%, rgb(240,240,240) 49%, rgb(248,248,248) 100%);
}

#after_body .after-bt a,
#header .after-bt a:hover{
	color: #bf014a;
	text-shadow: none;
	background-image: -moz-linear-gradient( 90deg, rgb(255,207,234) 0%, rgb(255,211,236) 49%, rgb(255,198,231) 49%, rgb(255,181,223) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,207,234) 0%, rgb(255,211,236) 49%, rgb(255,198,231) 49%, rgb(255,181,223) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,207,234) 0%, rgb(255,211,236) 49%, rgb(255,198,231) 49%, rgb(255,181,223) 100%);
}


/*ナビ*/

#globalnavi {
	margin: 0 60px;
	margin-top: 17px;
	width: auto;
	height: 30px;
	list-style-type: none;


	display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;

}

#globalnavi li{
	display: block;
	height: 30px;
	line-height: 30px;
	box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.75);

	margin: 0 1px;

	-webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex: 1 1 0;
  	flex: 1 1 0;

  	overflow: hidden;
}

#globalnavi a{
	display: block;
	height: 30px;
	text-align: center;
	text-decoration: none;
	color: #231816;

	background-image: -moz-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(222,222,222) 46%, rgb(240,240,240) 49%, rgb(248,248,248) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(222,222,222) 46%, rgb(240,240,240) 49%, rgb(248,248,248) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(222,222,222) 46%, rgb(240,240,240) 49%, rgb(248,248,248) 100%);
}

#globalnavi .order a{
	color: #fff;
	background-image: -moz-linear-gradient( 90deg, rgb(252,140,195) 0%, rgb(241,114,174) 51%, rgb(246,141,192) 54%, rgb(251,212,232) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(252,140,195) 0%, rgb(241,114,174) 51%, rgb(246,141,192) 54%, rgb(251,212,232) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(252,140,195) 0%, rgb(241,114,174) 51%, rgb(246,141,192) 54%, rgb(251,212,232) 100%);
	text-shadow: 0px 0px 2px rgba(1, 1, 1, 0.1);
}

#globalnavi .dolls{
	border-radius: 5px 0 0 0;
}

#globalnavi .life{
	border-radius: 0 5px 0 0;
}

#globalnavi .order {
	margin-left: 40px;
	border-radius: 5px 5px 0 0;
}

#showroom_body #globalnavi .showroom a,
#life_body #globalnavi .life a,
#contact_body #globalnavi .contact a,
#news #globalnavi .news a,
#news_body #globalnavi .news a,
#youtube_body #globalnavi .youtube a,
#gallery_body #globalnavi .gallery a,
#dolls_body #globalnavi .dolls a,
#globalnavi a:hover{
	color: #bf014a;
	text-shadow: none;
	background-image: -moz-linear-gradient( 90deg, rgb(255,207,234) 0%, rgb(255,211,236) 49%, rgb(255,198,231) 49%, rgb(255,181,223) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,207,234) 0%, rgb(255,211,236) 49%, rgb(255,198,231) 49%, rgb(255,181,223) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,207,234) 0%, rgb(255,211,236) 49%, rgb(255,198,231) 49%, rgb(255,181,223) 100%);
}

#globalnavi .life a{
	background-position: -525px 0;		
}

#globalnavi .life a:hover{
	background-position: -525px -30px;		
}

#life_body #globalnavi .life a,
#top_body #globalnavi .life a,
#touch_body #globalnavi .life a,
#fit_body #globalnavi .life a,
#relax_body #globalnavi .life a,
#love_body #globalnavi .life a,
#see_body #globalnavi .life a{
	background-position: -525px -60px;		
}








/*フッター*/


#footer{
	border-top:#bd7f7f 1px solid;
	padding:24px 20px;
	width:auto;
	min-width: 980px;
}

#footer p{
	text-align:right;
	margin-bottom:0;
	font-size:10px;
	line-height:1;
}

#footer #footernavi{
	margin-bottom:10px;
}

#footer #footernavi a{
	text-decoration: none;
	color:#333;
}

#footer #footernavi a:hover{
	color:#f60;
}

#footer #footernavi span{
	margin:0 10px;
}

#container{
	padding: 0 10px;
	width:1000px;
	margin:0 auto;
}

#container #body_heading{
	border-bottom: #ccc solid 1px;
	font-size: 30px;
	color: #943232;
	padding-bottom: 5px;
}


#container h2{
	
}


#container h3{

}

#container h4{
	
}


#container p{
	
}



/*独自クラスここまで*/


/*汎用クラス*/

.boxCenter {
	margin: 0 auto;
}

.hidden {
	display: none;
}

.block {
	display: block;
}

.txHidden {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

.alignR {
	text-align: right !important;
	width: inherit;
}

.alignL {
	text-align: left !important;
	width: inherit;
}

.alignC {
	text-align: center !important;
	width: inherit;
}

.textL {
	font-size: 20px;
}

.textM {
	font-size: 14px;
}

.textS {
	font-size: 10px!important;
}

.inline {
	display: inline
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.white {
	color: #ffffff !important;
}

.black {
	color: #000000 !important;
}

.red {
	color: #ff0000 !important;
}

.blue {
	color: #0000ff !important;
}

.green{
	color: #00ff00 !important;
}

.yellow{
	color: #ffff00 !important;
}

.pink{
	color: #ff00ff !important;
}

.mb30 {
	margin-bottom: 30px;
}

.ml30 {
	margin-left: 30px;
}

.mr30 {
	margin-right: 30px;
}

.mb1em {
	margin-bottom: 1em;
}

.font18b {
	font-size: 18px;
	font-weight: bold;
}

.subtitle {
	font-size: 12px;
	color: #666666;
	text-align: right;
	padding-right: 7px !important;
}

.flex_start {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	justify-content: start;
	-webkit-justify-content: start;
	-moz-justify-content: start;
}

.flex_around {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
}

.flex_between {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}

img { 
	border-style:none; 
	vertical-align: bottom;
} /*リンク画像の枠線を消すために記述*/