@charset "Shift_JIS";


/*===========================================================

 共通用css

============================================================*/

/*------------------------------------------------------------
 ヘルプガイド 
-------------------------------------------------------------*/
.helpguide {
	left: -9999px;
	position:absolute;
	text-indent:-9999px;
	width:0;
}

/* for Mac IE 5 \*//*/
.helpguide {display:none;}
/* */



/*------------------------------------------------------------
 float用box 
-------------------------------------------------------------*/
.device_box {
	width:100%;
}


/*------------------------------------------------------------
 色つきbox 
-------------------------------------------------------------*/
.box_gray {
	background-color:#eee;
	border:1px solid #e0e0df;
}



/*------------------------------------------------------------
 背景 
-------------------------------------------------------------*/

/* 背景：無し */
.bg_none{
	background-image:none!important;
}



/*------------------------------------------------------------
 太字 
-------------------------------------------------------------*/
.strong { font-weight:bold; }



/*------------------------------------------------------------
 フォントカラー 
-------------------------------------------------------------*/
/* blue */
.blue{ color:#005fa8; }

/* green */
.green{ color:#2a9300; }

/* red */
.red{ color:#cc0000; }

/* black */
.black{ color:#000000; }




/*------------------------------------------------------------
 準備中 
-------------------------------------------------------------*/
.underconstruction { padding:20px 0; color:#999; text-align:center; }

.underconstruction h3 { font-size:189%; }




/*------------------------------------------------------------
 コンテンツタイトル 
-------------------------------------------------------------*/
/* 各色共通 */
.contents_title_blue,
.contents_title_green,
.contents_title_orange,
.contents_title_sky,
.contents_title_black {
	position:relative;
	width:100%;
	margin-bottom:12px;
}

.contents_title_blue .title,
.contents_title_green .title,
.contents_title_orange .title,
.contents_title_sky .title,
.contents_title_black .title {
	padding:12px 10px 8px 10px;
	background:url(../img/asp/dot_gray_1.gif) repeat-x left bottom;
	font-size:138.5%;
}

.contents_title_blue .title span,
.contents_title_green .title span,
.contents_title_orange .title span,
.contents_title_sky .title span,
.contents_title_black .title span {
	font-size:80%;
	padding-left:20px;
}

.contents_title_blue .title .date,
.contents_title_green .title .date,
.contents_title_orange .title .date,
.contents_title_sky .title .date,
.contents_title_black .title .date {
	position:absolute;
	right:10px;
	top:15px;
	width:110px;
	color:#10428c;
	font-size:65%;
	text-align:right;
	padding-left:0!important;
}


/* 青 */
.contents_title_blue {
	background:url(../img/asp/bg_contents_title_blue.gif) #eee repeat-x 0 0;
}

/* 緑 */
.contents_title_green {
	background:url(../img/asp/bg_contents_title_green.gif) #eee repeat-x 0 0;
}

/* オレンジ */
.contents_title_orange {
	background:url(../img/asp/bg_contents_title_orange.gif) #eee repeat-x 0 0;
}

/* 水色 */
.contents_title_sky {
	background:url(../img/asp/bg_contents_title_sky.gif) #eee repeat-x 0 0;
}

/* 黒 */
.contents_title_black {
	background:url(../img/asp/bg_contents_title_black.gif) #eee repeat-x 0 0;
}



/*------------------------------------------------------------
 章タイトル 
-------------------------------------------------------------*/
/* 青 */
.para_title_blue {
	width:100%;
	padding:5px 0;
	background:url(../img/asp/para_title_bg.gif) #efefef repeat-x 0 0;
	border:1px solid #cececd;
	margin-top:10px;
}

.para_title_blue .title {
	padding:3px 10px 0 17px;
	background:url(../img/asp/para_title_icon_blue.gif) no-repeat 5px 50%;
	font-size:123.1%;
}



/*------------------------------------------------------------
 インタビュー、コラム、レポート等用 
-------------------------------------------------------------*/
/* 左画像、右テキスト */
.img_left { float:left; width:245px; padding:12px 0 5px 0; }
.img_left .photo { float:left; padding:9px; background-color:#fff; border:1px solid #ccc; }
.img_left p { float:left; width:235px; padding:2px 0!important; font-size:75%; text-align:right; letter-spacing:1px; }
.text_right{ float:left; width:402px;  }

/* 左画像、右テキスト インタビュー第1回のみ*/
.img_left_w { float:left; width:328px; padding:12px 0 5px 0; }
.img_left_w .photo { float:left; padding:9px; background-color:#fff; border:1px solid #ccc; }
.img_left_w p { float:left; width:318px; padding:2px 0!important; font-size:75%; text-align:right; letter-spacing:1px; }
.text_right_w{ float:left; width:319px;  }

/* 右画像、左テキスト */
.img_right { float:right; width:245px; padding:15px 0 5px 0; }
.img_right .photo { float:right; padding:9px; background-color:#fff; border:1px solid #ccc; }
.img_right p { float:right; width:235px; padding:2px 0!important; font-size:75%; text-align:right; letter-spacing:1px; }
.text_left{ float:right; width:402px;  }


/* 中央画像、テキスト回り込みなし*/
.img_center { width:650px; padding:10px 0; text-align:center; }
.img_center .photo { padding:9px; background-color:#fff; border:1px solid #ccc; }
.img_center p { width:630px; margin:0 auto; padding:2px 0!important; font-size:75%; letter-spacing:1px; }



/*------------------------------------------------------------
 バックナンバー用（サイドバー） 
-------------------------------------------------------------*/
#sidecontents #backnumber ul{
	background-color:#f5f5f5;
}

#sidecontents #backnumber li{
	background:url(../img/asp/dot_gray_1d.gif) #f5f5f5 repeat-x left bottom;
	padding:10px 3px 11px 8px;
	color:#b5afaf;
}

#sidecontents #backnumber li span{
	display:block;
	padding-left:12px;
	background:url(../img/asp/arrow_backnumber.gif) no-repeat 0 0.1em;
}


#sidecontents #backnumber li.active a{
	color:#333;
}

#sidecontents #backnumber li.active a:hover {
	text-decoration:none;
}



/*===========================================================
 一覧ページ用（画像あり）
============================================================*/
dl.interview_list {
	position:relative;
	width:100%;
	background:url(../img/asp/bg_interview_list.gif) repeat-x left bottom;
	padding:10px 0 13px 0;
}

/* 画像 */
dl.interview_list dt { width:112px; float:left; text-align:center; }
dl.interview_list dt img { border:1px solid #ccc;}
dl.interview_list dt a:hover img{ border:1px solid #1074bd; }

dl.interview_list dd { width:420px; float:left; padding-top:3px; }
dl.interview_list dd li{ padding-top:5px; }

/* 日付 */
dl.interview_list dd li.date {
	background:url(../img/asp/icon_date.gif) no-repeat 1px 0;
	padding:1px 0 2px 10px;
	line-height:1;
}

/* タイトル */
dl.interview_list dd li.title{ color:#535353; font-weight:bold; padding-top:7px; }
dl.interview_list dd li.title span{ color:#d92909; font-weight:lighter; }

/* ボタン */
dl.interview_list dd li.btn{ position:absolute; right:10px; top:10px; width:107px; }


/* 掲載終了 */
dl.interview_list dd ul.close li { color:#999; }
dl.interview_list dd ul.close li.date { color:#333; }



/*===========================================================
 一覧ページ用（タイトルのみ：レポート一覧（大会別））
============================================================*/
ul.report_list li {
	position:relative;
	width:100%;
	background:url(../img/asp/bg_interview_list.gif) repeat-x left bottom;
	padding:10px 0 15px 0;
}

/* タイトル */
ul.report_list li span.title{
	background:url(../img/asp/icon_date_l.gif) no-repeat 0 0;
	padding:2px 120px 2px 11px;
	color:#535353;
	font-size:116%;
}

/* ボタン */
ul.report_list li span.btn{ position:absolute; right:0; top:10px; width:107px; }



/*===========================================================
 └前後ページへのリンク
============================================================*/
ul.list_navi { background-color:#eee; padding:5px; margin:20px 0 5px 0; }
ul.list_navi li { width:45%;}
ul.list_navi li.prev { float:left;  }
ul.list_navi li.next { float:right;  text-align:right; }



/*===========================================================
 表（th:ブルー／td:グレー線）
============================================================*/
table.table_normal {
	width:100%;
	border:1px solid #ccc;
}

table.table_normal th,
table.table_normal td {
	padding:5px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table.table_normal th{
	background-color:#275390;
	color:#fff;
}

/*===========================================================
 表（th:ブルー／td:グレー線）
============================================================*/
table.table_news {
	width:100%;
	border:1px solid #ccc;
}

table.table_normal th,
table.table_normal td {
	padding:5px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table.table_normal th{
	background-color:#605d5d;
	color:#fff;
}