/*==================
初期設定
==================*/
.ipAdminWidget,
.ipPreviewWidget{
  max-width: 800px;
  margin: 10px auto;
  text-align: left;
}
div.ipWidget-IpImage{ background: none; }
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, address, em, img, strong, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figcaption, figure, footer, header, menu, nav, section, menu, audio, video{margin:0;padding:0;border:0;font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html{margin: 0; padding: 0; font-size: 100%; }
body{
  margin: 0; padding: 0; font-size: 13px; line-height: 1.231; -webkit-text-size-adjust: none;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; color:#000;
  background-color:#f9f9f9;
}

/*====================
font setting
====================*/
a{color:#000; text-decoration:none;}
a:hover{text-decoration:none; color: #C90;}
time{color:#666; vertical-align:middle;}

/*====================
utility setting
====================*/
img{border:0;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}
ul,li{list-style:none;}
em{font-style:normal;}
figure img{border:1px solid #e4e4e4;}

/*====================
layout setting
====================*/
#wrapper{
  width:100%; padding-top:25px;
  overflow:hidden;
  text-align : center;
}

div.indexheader {
	text-align: center;
	background: #666;
	color: #FFF;
}
div.indexheader h1{
	line-height: 24px;
}

div.enter {
	margin-top: 10px;
	text-align: center;
}
ul.check {
	width: 610px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
ul.check li {
	float: left;
	margin: 0 10px;
}
ul.check li.left {
	float: left;
	margin: 0 10px;
	width: 225px;
}
ul.check li.center {
	float: left;
	margin: 0 10px;
	width: 100px;
}
ul.check li.right {
	float: right;
	margin: 0 10px;
	width: 225px;
}
ul.check li a.enter{
	display: block;
}
ul.check li a.leave{
	display: block;
}

div.enter p{
	clear: both;
	margin-top: 10px;
}

ul.check li .enter_img {
    max-width: 225px;
    max-height: 75px;
}
ul.check li .leave_img {
    max-width: 225px;
    max-height: 75px;
}
ul.check li .age_img {
    max-width: 100px;
    max-height: 75px;
}
ul.check li .enter_text {
	display: none;
}
ul.check li .leave_text {
    display: none;
}

ul.check li img.sp_enter ,
ul.check li img.sp_leave {
	display: none;
}
/*====================
slider setting
====================*/
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider{width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;}
.flexslider .slides img {display: block;margin-left: auto; margin-right: auto;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {max-width:820px; background-color:#f1f1f1; border:1px solid #e4e4e4; position: relative; zoom: 1;margin-left: auto; margin-right: auto;}
.flexsliderIn{max-width:820px; padding:0 0 20px; background-color:#fff;margin-left: auto; margin-right: auto;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

.flex-direction-nav{display:none;}

.flex-control-nav {width: 100%; position: absolute; bottom:0; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a{width:10px; height:10px; display: block; background-color:#fff; border:1px solid #c4c4c4; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover,
.flex-control-nav li a.active{background-color:#000; cursor: default;}

/*画像の編集*/
div.ipUploadDragContainer .ipUploadImage{ max-width: none;}

@media only screen and (max-width:767px){
  body:before{
    position: fixed; left: -27px; top: 0;  bottom: -999em;
    content: " ";
    z-index: 2;
    width: 27px;
  }
  #container{position:relative; text-align: center;}

  ul.check {
	width: 260px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	}
  
    ul.check li .enter_img {
        display: none;
    }
    ul.check li .leave_img {
        display: none;
    }
    ul.check li .enter_text {
        display: block;
    }
    ul.check li .leave_text {
        display: block;
    }

/*	ul.check li a.enter{ */
	ul.check li .enter_text{
		display: block;
		width: 108px;
		height: 30px;
		line-height: 30px;
		background: -moz-linear-gradient(center top , #999, #333) repeat scroll 0 0 transparent;
		background: -webkit-gradient(linear, center top, center bottom, from(#999), to(#333));
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#999, EndColorStr=#333);
		border: 1px solid #000;
		color: #FFF;
		text-indent: 0px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
/*	ul.check li a.leave{ */
	ul.check li .leave_text{
		display: block;
		width: 108px;
		height: 30px;
		line-height: 30px;
		background: -moz-linear-gradient(center top , #999, #333) repeat scroll 0 0 transparent;
		background: -webkit-gradient(linear, center top, center bottom, from(#999), to(#333));
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#999, EndColorStr=#333);
		border: 1px solid #000;
		color: #FFF;
		text-indent: 0px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	div.enter p{
		clear: both;
		margin-top: 10px;
		font-size: 12px;
	}
	
	ul.check li.left {
		width: 108px;
	}
	
	ul.check li.right {
		width: 108px;
	}
	
	ul.check li.center {
		display: none;
	}
    ul.check li .sp_custom .enter_text ,
    ul.check li .sp_custom .leave_text {
        display: none;
    }
	ul.check li a.enter.sp_custom,
	ul.check li a.leave.sp_custom{
		width: unset;
		height: unset;
		border: 0;
		border-radius: 0;
		line-height: 0px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}
ul.check li img.sp_enter ,
ul.check li img.sp_leave {
	display: block;
}
}

@media only screen and (min-width:768px){
  a:hover{text-decoration:underline; color: #C90;}

  /*global setting*/
  #container{position:relative; padding:0 10px;}

  /*slider*/
  .flex-control-nav li a {width:18px; height:18px;}
  .flexsliderIn{padding:0 0 30px;}
  .flex-control-nav{bottom:5px;}

}

@media only screen and (min-width:960px){
  /*global setting*/
  #container{width:800px; margin:0 auto; padding:0;}

  /*slider*/
  .flexsliderIn{width:819px; padding:6px 0px 40px; background-color:#fff;}
  .flex-control-nav{bottom:15px;}
}

/* by_IL for rating_image  start */
.ipModuleInlineManagementPopup.ipmImage .ipUploadImageButton.ipUploadLargerButton,
.ipModuleInlineManagementPopup.ipmImage .ipUploadImageButton.ipUploadSmallerButton
{
    display: none;
}
/* by_IL for rating_image  end */

/* by_IL for enter-info  start */
div.enter div#ipAdminWizardTip-enter-info {
    position   : absolute;
    left       : -90px;
    display    : block; 
    text-align : left;
}

div.enter div#ipAdminWizardTip-enter-info p {
    margin : 0;
}

div#ipAdminWizardTip-enter-info a.enter-info-close{
    background-color: #DDDDDD;
    border: 1px solid #AAAAAA;
    position: absolute;
    right: 0;
    top: 0;
}
/* by_IL for enter-info  end */