/* for system */

.center {
	text-align: center;
}
.indent {
	padding: 5px 10px;
}
ol.outside li {
	list-style: outside decimal;
	margin-left: 1.5em;
	margin-bottom: 5px;
}
ul.outside li {
	list-style: outside disc;
	margin-left: 1.5em;
	margin-bottom: 5px;
}

.required{
  background-image: url("/pc/common_img/required_small.png")!important;
  background-repeat: no-repeat!important;
  padding-left:10px;
  background-position: 1px 1px!important;
}

div.error{
    border:solid 1px red;
    border-radius:3px;
    padding:5px;
    font-size:120%;
    color:tomato;
}


div.error h2{
    color:#333;
}

/* audition icon */
img.disable_genre{
    border:solid 1px red;
}
img.enable_genre{
    border:solid 1px green;
}

img.audition_bookmark{
    cursor:pointer;
}
img.audition_bookmark:hover{
    top:1px;  position:relative; 
}

.processing{
    opacity:0.5;
}

div.left_box2 article h1{
    font-size:200%;
}
div.left_box2 article {
    margin:4px;
    border-radius:4px;
    border:solid 1px silver;
    padding:8px;
}
article.default {
    margin:8px;
    border-radius:4px;
    border:solid 1px silver;
    padding:12px;
}

div.left_box2 article dl {
    font-size:120%;
}
div.left_box2 article dl dt{
    border-radius:2px;
    padding:2px;
    background-color:#eee;
}
div.left_box2 article dl dd{
    padding-left:20px;
}

.bb1 {
	border-bottom: #9fb7d4 solid 1px;
}

/*--------------------------------------------------------------------
/ button
/--------------------------------------------------------------------*/
/* シングルボタン */
.singleBtn {
	text-align: center;
    margin-top: 5px;
	margin-bottom: 15px;
	color: #999;
}
.singleBtn p,
.singleBtn input {
	width: 200px;
	margin: 0 auto;
	padding: 6px!important;
	border: 1px solid #999;
	background: #FFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	background-image: -moz-linear-gradient(top, #FFF, #CCC);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF),color-stop(1, #CCC));
    border-radius: 8px;
}
.singleBtn a{
	display: block;
	color: #333;
}


.singleBtn .act {
	border: 1px solid #317ce6;
	background: #fadb4e;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	background-image: -moz-linear-gradient(top, #3d9bec, #255ee0);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3d9bec),color-stop(1, #255ee0));
}
.singleBtn .act a{
	color: #FFF;
}

/* シングルインデントボタン */
.singleIdtBtn {
	text-align: center;
	margin-bottom: 15px;
}
.singleIdtBtn p,
.singleIdtBtn input {
	display: inline;
	margin: 0 auto;
	padding: 8px 15px;
	border: 1px solid #999;
	background: #FFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	background-image: -moz-linear-gradient(top, #FFF, #CCC);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF),color-stop(1, #CCC));
    border-radius: 8px;
}
.singleIdtBtn p a, 
.singleIdtBtn input a {
	color: #333;
}

p.btn.delete{
	background-image: -webkit-gradient(linear,left top,left bottom,
        color-stop(0, tomato),color-stop(1, pink));
}

.doubleBtn ul {
	width: 300px;
	margin: 0 auto;
  margin-top:12px;
  font-size:160%;
}
.doubleBtn ul li {
	width: 145px;
	margin: 0;
	padding: 5px 0;
	font-size: 80%;
	border: 1px solid #999;
	background: #FFF;
	color: #999;
	text-align: center;
	text-shadow: 0 1px 1px #fe3;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	background-image: -moz-linear-gradient(top, #FFF, #CCC);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF),color-stop(1, #CCC));
    border-radius: 8px;
}
.doubleBtn ul li:first-child {
	float: left;
}
.doubleBtn ul li:last-child {
	float: right;
}

.doubleBtn ul li.act {
	border: 1px solid #317ce6;
	background: #fadb4e;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	background-image: -moz-linear-gradient(top, #3d9bec, #255ee0);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3d9bec),color-stop(1, #255ee0));
}
.doubleBtn ul li.delete {
	border: 1px solid darkred;
	background: red;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.6);
	background-image: -moz-linear-gradient(top, #3d9bec, #255ee0);
	background-image: -webkit-gradient(linear,left top,left bottom,
            color-stop(0, tomato),color-stop(1, pink));
}

.doubleBtn ul li a{
	color: #333;
}
.doubleBtn ul li.act a{
	display: block;
	color: #FFF;
}

/*--------------------------------------------------------------------
/ page nav
/--------------------------------------------------------------------*/
.pageNav {
	margin: 0 10px 15px;
	text-align: center;
}
.pageNav ul {
	width: 300px;
	margin: 0 auto;
}
.pageNav ul li {
	float: left;
	width: 147px;
	margin: 0 1px 0 0;
	padding: 5px 0;
	border: 1px solid #317ce6;
	background: #fadb4e;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	background-image: -moz-linear-gradient(top, #3d9bec, #255ee0);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3d9bec),color-stop(1, #255ee0));
}
.pageNav ul li.back {
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
}
.pageNav ul li.next {
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
.pageNav ul li.off {
	border: 1px solid #999;
	background: #FFF;
	color: #999;
	text-align: center;
	text-shadow: 0 1px 1px #fe3;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	background-image: -moz-linear-gradient(top, #FFF, #CCC);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF),color-stop(1, #CCC));
}
.pageNav ul li a{
	display: block;
	color: #FFF;
}

/* --------------------------------------------------
	Clearfix
-------------------------------------------------- */
.clearfix {
  *zoom: 1;
}

/* for ie6/7 */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*--------------------------------------------------------------------
/ List
/--------------------------------------------------------------------*/
/* 横つき抜けリスト */
ul.list {
	font-weight: bold;
    margin-bottom:8px;
}
ul.list li {
	border-bottom: #9fb7d4 solid 1px;
	line-height: 1.4;
}
ul.list li:last-child {
	border-bottom: none;
}
ul.list li a {
	display: block;
	padding: 8px 25px 8px 10px;
	background: url(../images/icon_arrow.png) no-repeat right center;
}
/* 普通のリンクに戻す */
ul.list li span.normal_link a {
	display: inline;
	background: none;
	padding: 2px;
}
ul.list li a span {
	display: block;
	color: #333;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.3;
}
ul.list li img {
	margin-right: 5px;
	vertical-align: middle;
}
ul.list li.small {
	font-size: 80%;
	font-weight: normal;
}
ul.list li.small a {
	color: #333;
}
ul.list li p.bookmark {
	margin: 0;
	font-size: 80%;
	text-align: right;
}
ul.list li p.bookmark a {
	border-top: #DDD dashed 1px;
	padding: 3px 10px;
	background: none;
	font-weight: normal;
}
ul.list li p.photo {
	float: left;
	width: 60px;
	margin: 0 10px 0 0;
}
#contents .page_nation span {
    border: 1px solid #DDD;
    background: #F4F4F4;
    padding: 2px 5px;
    margin: 0 5px;
}



/* -----------------------------------------------------------
 マイノート 
------------------------------------------------------------ */

div#mynote_popup .wide textarea{
  width:98%;
  height:5em;
}

div#formEnd input{
  font-size:120%;
  padding:8px;
}
div#formEnd {
  font-size:200%;
  padding:8px;
}

/*--------------------------------------------------------------------
/ タイアップ入力
/--------------------------------------------------------------------*/
.mynote_popup table{
    wdith:95%;
}

.shoe_size input,
.sight input
{
    width:50px;
}

.favorites tr td textarea{
    width:90%;
}

textarea#am_addr{
  width:500px;
}

.academic_background input,
.act_history input
{
    width:80px;
}
.academic_background #am_academic_background_1_text,
.academic_background #am_academic_background_2_text,
.academic_background #am_academic_background_3_text,
.act_history #am_act_history_1_text,
.act_history #am_act_history_2_text,
.act_history #am_act_history_3_text{
    width:600px;
}

section.error{
    margin:10px;
    color:red;
}

textarea#am_academic_background_1_text,
textarea#am_academic_background_2_text,
textarea#am_academic_background_3_text,
textarea#am_act_history_1_text,
textarea#am_act_history_2_text,
textarea#am_act_history_3_text
{
  width:700px;
}

/***************************************************
 * ベストセレクション
 * ***********************************************/
img.disabled
{
    opacity:0.5;
}


div.login_box input{
    border: solid 3px deepskyblue;
    border-radius:2px;
}

/**********************************************
 * お悩み
 * ********************************************/
ul.trouble_txt div.answer{
  text-align:right;
}

/**********************************************
 * インタビュー 
 * ********************************************/
div#interviewHonbun span{
    color:tomato;
}

/**********************************************
 * グーグル検索ボックス
 * *******************************************/


div.cate{
    padding: 4px 0 2px 0!important;
}

input.gsc-input{
    background:none;
}

h2.audition_h2{
  color:white;
  /* font-family:serif; */
  font-weight:100;
  font-size:25px;
  padding:7px 0 0 25px!important;
  letter-spacing:4px;
  height:50px;
  width:520px;
  background-image: url("/pc/images/audition_h2.png");
  background-repeat: no-repeat!important;
}


div.sys_error_txt {
  padding:0;
  border:solid 1px red;
  color:red;
  margin:4px 4px 8px 4px;
  border-radius:4px;
  font-size: 120%;
}

div.sys_error_txt h3{
  padding:4px!important;
  margin:0;
  text-align:center;
  border-bottom:dotted 1px tomato;
  color: white;
  background-color: red;
}
div.sys_error_txt div{
  background-color: white;
  color: red;
  padding: 8px;
}
div.sys_error_txt div b{
  font-size: 120%;
  font-weight: bold;
}

/* インタビューのプロフィール部分 */
div#interviewProfile3{
  padding:4px;
  border-bottom:solid 1px silver;
  margin:10px 0 20px 0;
  color:#666;
}
div#interviewProfile3Right{
  width:650px;
  float:right;
}
div#interviewProfile2Left{
  width:62px;
  float:left;
}

/* インタビューの INFO */
div#interviewinfo{
  border:solid 1px orange;
  border-radius:4px;
  padding:8px 4px 30px 4px;
  margin:4px;
}

/* ニュース画像 */
div.other_image_list a.other_news_image,
div.other_image_list a.current_news_image
{
    width:140px;
    height:100px;
    display: block;
    padding:10px;
}
div.other_image_list a.other_news_image{
    background-color: #ccc;
}
div.other_image_list a.current_news_image{
    background-color: #FFCC99;
}
div.other_image_list a:hover.other_news_image {
    background-color: #CCFFFF;
}
div.other_image_list a:active.other_news_image {
    background-color: #fff;
}
div.other_image_list {
    text-align:center;
  }
div.other_image_list table{
    text-align:center;
    margin:auto;
}
div.news_image table.news_image{
    text-align:center;
    margin:auto;
}
div.news_image table.news_image td{
    padding:10px;
}

/* test */
div.finished-audition{
  font-size: 140%;
  border: solid 1px silver;
  margin:10px;
  padding:10px;
}



div.header-search-box form{
  padding-top: 15px;
}
div.header-search-box form select[name="am_genres"],
div.header-search-box form #header_search_am_name,
div.header-search-box form input.search-button {
  margin: 0;
  vertical-align:top;
}
div.header-search-box form input.search-button {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  border: 1px solid #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-color: #3079ed;
  background-color: #4d90fe;
  width: 13px;
  padding: 7px 27px;
  min-width: 13px;
}
div.header-search-box form select[name="am_genres"]{
  width: 94px;
  height: 30px;
  border-radius: 2px;
}
div.header-search-box form #header_search_am_name {
  width: 218px;
  border-radius: 2px;
  padding: 4px;
  color: #666;
  font-size: 13px;
}

pre.debug-pre{
  margin: 10px;
  padding: 6px;
  border: solid 1px green;
  background-color: lightgreen;
  max-width: 900px;
  white-space: pre-wrap;
  font-size: 15px;
}

pre.debug-dump{
  border: solid 1px red;
}

div.ad-lazyload{
  display: inline;
}