@charset "UTF-8";

/*   
Theme Name: オーディション
Description: audition
Author: 吉田 将人
Version: 2012.06.08
*/

/* =======================================


/*  -----------------------------------------
　◆(1)全体的なルール
 ----------------------------------------- */
* {
	margin: 0px auto;
	padding: 0px;
}

body {
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 12px;
	padding-top: 0px; 
	background-color: #002244;
	margin: 0;
	padding: 0;
}

body img{
	border: none;
}

a { text-decoration: none; }
a:link { color: #000000; } 
a:active { color: #999999; }
a:visited { color:#000000; }
a:hover { color:#999999; }

#wrap {
	width: 956px;
	background-color:#FFFFFF;
}

.clearFix { overflow: hidden;}
.clearFix:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}



/*  -------------------
　◆グローバルメニュー （レイアウトなどは /data/www/www.diamondblog.jp/htdocs/css/common common.css）
--------------------- */

#common_menu ul li span.audition {
    color: #489ef5;
    font-weight: bold;
}


/*  -------------------
　◆カテゴリメニュー（レイアウトなどは /data/www/www.diamondblog.jp/htdocs/css/common common.css）
--------------------- */

.category_position {
	background: url(images/position_arrow.png) no-repeat 778px bottom;
}

.category_menu {
	background-color: #2473c3;
}

.cate_h3 {/** 矢印アイコンは共通側（変更すると他のコンテンツページも変更） **/
	width: 135px;
	color: #ffde00;
}

.cate_menu {
    line-height: 17px;
}


.cate_menu li a:link { color: #ffde00; } 
.cate_menu li a:active { color: #ffde00; }
.cate_menu li a:visited { color:#ffde00; }
.cate_menu li a:hover {/** hover時の画像は共通側（変更すると他のコンテンツページも変更） **/
	color:#feef87;
	background: url(/images/common/common_header/category_menu_arrow_on.png) no-repeat 0 3px!important;
}







/*  -----------------------------------------
　◆(3)３カラム全体のルール(#outline内)
 ----------------------------------------- */
#outline {
	position: relative;
	min-height: 2050px;
	_height: 100%;
}



#left_column a { text-decoration: underline; }
#left_column a:link { color: #bb0f00; } 
#left_column a:active { color: #000000; }
#left_column a:visited { color:#bb0f00; }
#left_column a:hover { color:#000000; }



#right_column a { text-decoration: underline; }
#right_column a:link { color: #bb0f00; } 
#right_column a:active { color: #000000; }
#right_column a:visited { color:#bb0f00; }
#right_column a:hover { color:#000000; }


/*  -----------------------------------------
　◇#left_column
------------------------------------------ */ 

#left_column .sn_btn {
	width: 270px;
	_width: 265px;
	float: right;
	padding: 0px 0 0 0;
	text-align: right;
	margin: 0;
}

.audition_head {
    width: 614px;
    margin: 0 0 15px;
    padding: 0;
    float: left;
}

.audition_head p {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    padding: 0 5px 20px;
    width: 600px;
}

.audition_list {
    width: 604px;
    margin: 0;
    padding: 15px 0 0px 25px;
    float: left;
}

.audition_list ul {
    list-style: none;
}

.audition_list li {
	float: left;
	padding: 0 0 0 5px;
	margin: 0 20px 0 0;
	height: 25px;
	line-height: 25px;
	background: url("images/list_arrow.gif") no-repeat 0 55%;
}
.audition_list li a { text-decoration: underline; }
.audition_list li a:link { color: #4200ff!important; } 
.audition_list li a:active { color: #4200ff!important; }
.audition_list li a:visited { color:#4200ff!important; }
.audition_list li a:hover { color:#7646fd!important; }


.contents_title {
	width: 626px!important;
	float: left;
	height: 38px;
	margin: 15px 0 0 0;
	padding: 0;
	border: 1px solid #c6c6c6;
}

.contents_title .ie {
    width: 16px\9;
    font-size: 24px \9;
    *font-size: 24px;
    _font-size: 14px;
    margin: 0;
    padding: 0;
    display: inline-block;
    height: auto;
}

.contents_title .extra,
.contents_title .school,
.contents_title .audition,
.contents_title .gravure,
.contents_title .model,
.contents_title .actor,
.contents_title .comedy,
.contents_title .manager,
.contents_title .hal,
.contents_title .idol 
{
	width: 603px;
	padding: 0 0 0 10px;
	height: 38px;
	line-height: 38px;
	line-height: 34px\9;
	_line-height: 36px;
	*line-height: 38px;
	color: #ffffff;
	font-size: 14px;
	overflow: hidden;
}

.contents_title .extra {
	background-color: #da7750;
	border-right: 14px solid #ab4d28;
}

.contents_title .school {
	background-color: #9de209;
	border-right: 14px solid #398c0c;
}
.contents_title .audition {
	background-color: #4200ff;
	border-right: 14px solid #1e0d4e;
}

.contents_title .gravure {
	background-color: #ac21d9;
	border-right: 14px solid #930dbf;
}

.contents_title .model {
	background-color: #ff396c;
	border-right: 14px solid #cc0035;
}

.contents_title .actor {
	background-color: #39bbff;
	border-right: 14px solid #007bbc;
}

.contents_title .comedy {
	background-color: #ff4309;
	border-right: 14px solid #cc3000;
}

.contents_title .manager {
	background-color: #00bd81;
	border-right: 14px solid #006142;
}

.contents_title .hal {
	background-color: #a40000;
	border-right: 14px solid #6f0202;
}

.contents_title .idol {
	background-color: #eb0037;
	border-right: 14px solid #9a0025;
}

.txt_box {
	width: 584px;
	float: left;
	padding: 0 15px;
	margin: 10px 0;
}

.txt_box ul {
	width: 564px;
	height: auto;
	margin: 0px auto;
	padding: 10px;
	border: 1px dashed #c2bfbf;
	display: block;
	background-color: #ffffff;
}
.txt_box ul:hover {
	display: block;
	background-color: #fffaea;
	_background: url("images/ie6_bg.gif") repeat-y 0 0;
}

.txt_box ul {
    list-style: none;
}

.txt_box ul li {
    line-height: 20px;
}

.txt_box ul h4 {
	color: #00a7e7;
	font-size: 20px;
	height: 50px;
	line-height: 120%;
}

.txt_box ul h4 a { text-decoration: underline; }
.txt_box ul h4 a:link { color: #00a7e7!important; } 
.txt_box ul h4 a:active { color: #00a7e7!important; }
.txt_box ul h4 a:visited { color:#00a7e7!important; }
.txt_box ul h4 a:hover { color:#61c8f0!important; }

.txt_box ul .affiliation_txt {
	background: url("images/icon_affiliation.png") no-repeat 0 4px;
	padding: 0 0 0 45px;
	margin:14px 0;
}

.txt_box ul .summary_txt {
	background: url("images/icon_summary.png") no-repeat 0 4px;
	padding: 0 0 0 45px;
}

.txt_box ul .url_txt {
	background: url("images/icon_url.png") no-repeat 0 4px;
	padding: 0 0 0 45px;
}

.txt_box ul .recruiting_txt {
	background: url("images/icon_recruiting.png") no-repeat 0 4px;
	padding: 0 0 0 45px;
	margin:14px 0;
}

.txt_box ul .url_txt a { text-decoration: underline; }
.txt_box ul .url_txt a:link { color: #00a7e7!important; } 
.txt_box ul .url_txt a:active { color: #00a7e7!important; }
.txt_box ul .url_txt a:visited { color:#00a7e7!important; }
.txt_box ul .url_txt a:hover { color:#61c8f0!important; }


.ad_area {
	width: 600px;
	margin: 10px 0 30px;
	padding: 0 5px 0;
	float: left;
}

.ad_area .left {
    width: 300px;
    float: left;
}

.ad_area .left #kizisita {
    clear: both;
    margin: auto;
    padding-top: 0px!important;
    text-align: center;
}

.ad_area .right {
    width: 300px;
    float: right;
}

.ad_area2 {
	width: 600px;
	margin: 30px 0 30px;
	padding: 0 5px 0;
	float: left;
	text-align: center;
}

.brn {
	clear: both;
	width: 614px;
/* 	height: 100px; */
	margin: 0px 0 10px;
}

.hal_title {
	clear: both;
	width: 614px;
	height: 200px;
	margin: 0px 0 10px;
	padding: 5px 0 0;
}

.brn a img:hover {
    opacity: .75;
    filter: alpha(opacity=75);
}


/*  -----------------------------------------
　◇#right_column(add_side.php)
------------------------------------------ */
#right_column img {
	padding: 0px;
	margin: 0px;
}
	#right_column img:hover {
		opacity:0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
	}

/** 広告部分可変指定 **/
.ad_ab {
	position: inherit;
	width: 350px;
	float: right;
}

.ad_fix {
	position: relative;
}

.add_contents {
    width: 300px;
    margin: 0px auto 10px;
    padding: 0;
    
}

.keyword_rank {
    width: 300px;
    height: 204px;
    margin: 0;
    padding: 0;
    background: url("images/news_rank_bg.jpg") no-repeat;
}

.keyword_rank ul {
    width: 300px;
    padding: 45px 0 0 0px;
}

.keyword_rank li {
    list-style: none;
    width: 105px;
    float: left;
    height: 18px;
    margin: 0 0 14px 0;
    padding: 0 5px 0 40px;
    overflow: hidden;
    font-size: 12px;
}
.keyword_rank li a { color: #1582ba !important; } 
.keyword_rank li a:link { color: #1582ba !important; } 
.keyword_rank li a:active { color: #ff74b6 !important; }
.keyword_rank li a:visited { color:#1582ba !important; }
.keyword_rank li a:hover { color:#ff74b6 !important; }

.ad_160x600 {
    text-align: center;
    background-color: #cccccc;
    padding: 10px 0;
    margin: 0px auto 10px;
    width: 300px;
}

.blogger_brn {
	width: 294px;
	float: left;
	margin: 10px 0 0 0;
	padding: 3px 2px;
	background-color: #f6f5f1;
	border: 1px solid #ebeae4;
	text-align: center;
}

.blogger_brn a img:hover {
    opacity: .75;
    filter: alpha(opacity=75);
}

.add_global_news {
    width: 298px;
    border: 1px solid #bcbcbc;
    color: #353535;
    float: left;
    margin: 0;
    padding: 0;
}

.add_global_news ul {
    padding: 5px 5px 0;
    padding: 5px 5px\9;
    *padding: 5px 5px;
    _padding: 5px 5p 0px;
    list-style: none;
    float: left;
}

.add_global_news ul li {
    padding: 0px 0 0 8px;
    float: left;
    width: 280px;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 14px;
    background: url('images/global_li_dotted.gif') no-repeat 0px 7px;
}
.add_global_news ul li a { color: #353535 !important; } 
.add_global_news ul li a:link { color: #353535 !important; } 
.add_global_news ul li a:active { color: #353535 !important; }
.add_global_news ul li a:visited { color:#353535 !important; }
.add_global_news ul li a:hover { color:#aaaaaa !important; }


/*  -----------------------------------------
　◇page.php
------------------------------------------ */

.post {
    width: 614px;
    
}

.btstyle1_box a:hover  {
	opacity: 0.8;
}

#right_column .btstyle1_box a {
	border-radius: 30px;
	padding: 10px;
	background: #FF5277;
	display: block;
	margin: 10px 0;
	text-align: center;
	text-decoration: none;
	color: #000000;
	border: 1px solid #c61e42;
	font-weight: bold;
	font-size: 12px;
}


/* 追加 */
.db_title1 {
	padding: 10px 0;
	font-size: 14px;
	color: #ff1a65;
}

.db_pd1 {
	padding-bottom: 10px;
}

.bite_table {
	padding-top: 20px;
	font-size: 14px;
}

.bite_title {
	width: 140px;
	background: #d5eaff;
	padding: 10px;
}

.audition_t {
	width: 603px;
	padding: 0px 0px 0px 10px;
	height: 38px;
	line-height: 38px;
	color: #FFF;
	font-size: 14px;
    background-color: #4200FF;
    border-right: 14px solid #1E0D4E;
    margin-bottom: 10px;
}


.cform {
width: 610px !important;
}

.cform label {
width: 150px !important;
}
.cform label span {
width: 150px !important;
}

.bite_table td {
	padding: 10px;
}

.entry_title {
	background: #00a7e7;
	padding: 10px;
	color: #ffffff;
	font-size: 14px;
	border-radius: 10px;
}

.link_bt {
	width: 590px;
	padding: 20px 10px;
	background: #f82a5a;
	color: #ffffff;
	font-size: 19px;
	font-weight: bold;
	display: block;

	font-size: 17px;
	border-radius: 10px;
	text-align: center;
}

.bite_link a:link {
	color: #ffffff;
	text-decoration: none !important; 
}

.bite_link a:link { color: #ffffff !important; } 
.bite_link a:active { color: #cccccc !important; }
.bite_link a:visited { color:#ffffff !important; }
.bite_link a:hover { color:#cccccc !important; }

.bite_text {
	font-size: 14px;
}

.cform textarea, .cform input {
    width: 280px !important;
}

.cform input.sendbutton {
	margin: 10px 0px 0px 165px !important;
}

span.reqtxt, span.emailreqtxt {
	font-size: 0.8em !important;
	color: #f22929;
}
