@charset "UTF-8";

@import url(base.css);


/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#FC0;
	text-decoration:underline;
}
a:visited{
	color:#FC0;
	text-decoration:underline;
}
a:hover{
	color:#FE6;
	text-decoration:underline;
}
a:active{
	color:#FC0;
}

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	background-color:#000;
	color:#CCC;
	font-size: 13px;
	margin:10px 0 0 0;
}

#container{
	width:1004px;
	margin:0 auto;
	position:relative;
	background-color:#5D5D5D;
}

th,td{
	font-family:Arial, Helvetica, sans-serif, "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

/* 見出し設定 */

h2{
	background:#000 url(../img/common/h2_bg_b.jpg) left top no-repeat;
	height:30px;
	line-height:30px;
	color:#EEE;
	padding:0 0 0 15px;
	border-bottom:#000 solid 1px;
}

#contents_common{
	width:860px;
	margin:30px auto;
}


/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header-area{
	position:relative;
}

#header-area .header-utility{
	position:absolute;
	top:0px;
	left:830px;
	font-size:10px;
	padding:5px 0 0 0;
}

/* ------------------------------------------------------------ */
/* 共通コンテンツエリア */
/* ------------------------------------------------------------ */

#contents_common h3{
	color:#FFF;
	border-left:solid 7px #000;
	border-bottom:solid 1px #000;
	padding:3px 0 3px 8px;
	margin:0 0 15px 0;
}
h3.schedule_update{
	color:#FFF;
	border-left:solid 7px #000;
	border-bottom:solid 1px #000;
	padding:3px 0 3px 8px;
	margin:0 0 15px 0;
}
h3.schedule{
	color:#FFF;
	border-left:solid 7px #000;
	border-bottom:solid 1px #000;
	padding:3px 0 3px 8px;
	margin:0 auto 15px auto;
}
#contents-area.schedule_width{
	width:900px;
	margin:0 auto;
	padding:0px;
}

.error{
	background: url(../img/common/icon_error.gif) 2px 5px no-repeat;
	padding:0 0 0 22px;
	color:#FF9;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

#footer-area{
		background-color:#333;
		border-top:#000 solid 1px;
		padding:5px;
}
#footer-area p.copyright{
	text-align:right;
	font-size:77%;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	}

#footer-area a:link{
	color:#CCC;
	text-decoration:none;
}
#footer-area a:visited{
	color:#CCC;
	text-decoration:none;
}
#footer-area a:hover{
	color:#FFF;
	text-decoration:underline;
}
#footer-area a:active{
	color:#FC0;
}


/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */

.red{color:#F00; margin:0 0 0 3px;}
.dotto_top{border-top:1px dotted #CCC;}
.dotto_bottom{border-bottom:1px dotted #CCC;}
.section{margin:0 0 15px 0;}

/* テーブル設定 */
.section table{
	width:100%;
	margin:0 0 10px 0;
}

.section table th{
	text-align:left;
	background-color:#222;
	text-align:center;
}
.section table td{
	text-align:left;
	background-color:#444;
}
	.section .date{
		text-align:center;
		font-family:Arial, Helvetica, sans-serif, "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace
	}
.section table td.bt{
	text-align:center;
	background:none;
}

tr.odd td{background-color:#444; /* 奇数 */}
tr.even td{background-color:#393939; /* 偶数 */}

#ext {color:#FFF; text-decoration:underline;}

/* テーブル設定 IE8用 */

.section table th{border /*\**/:1px solid #5D5D5D;}
.section table td{border /*\**/:1px solid #5D5D5D;}
table.schedule th{border /*\**/:1px solid #5D5D5D;}
table.schedule td{border /*\**/:1px solid #5D5D5D;}

img.left,.left {float: left; margin: 0 12px 5px 0;}
img.right,.right {float: right;margin: 0 0 5px 12px;}


/* ------------------------------------------------------------ */
/* デジサインパワーポイントダウンロード */
/* ------------------------------------------------------------ */

.intro_area{
	margin:0px 0 25px;
}

.area_left{
	float:left;
	width:470px;
	color:#FFF;
	font-size:92%;
}

.area_right{
	float:right;
	text-align:left;
	background:#222;
	padding:12px 10px 12px 15px;
}

p.are_right_tit{
	border-left:4px solid #CC0000;
	color:#FFF;
	font-weight:bold;
	padding:0 0 0 10px;
}

.area_right ul{}

.area_right li{
	float:left;
	padding:0 5px 0 0px;
}

ul.categorylist{
	margin:0 0 15px;
}

ul.categorylist li{
	float:left;
	background:#5D5D5D url(../img/common/ct_bg02.jpg) no-repeat left center;
	width:106px;
	height:25px;
	padding:5px 0 0 0px;
	text-align:center;
}

ul.categorylist li a{color:#999;}
ul.categorylist li a:hover{color:#FFF;}

ul.categorylist li.ct_check{background:#5D5D5D url(../img/common/ct_bg01.jpg) no-repeat left center;}
ul.categorylist li.ct_check a{color:#FFF; text-decoration:none;}

ul.categorylist li a{display:block;}

ul.lwlist{
	margin:0 0 20px;	
}

ul.lwlist li{
	float:left;
}

table.dwtable{
	border-collapse:separate;
	border-spacing:1px 0px;
}

table.dwtable th{text-align:left; padding:5px 12px;}
table.dwtable td{text-align:center; padding:15px 7px 15px 15px;}

.dimgarea_w{
	text-align:center;
	background:#5D5D5D;
	width:122px;
	height:85px;
	padding:15px 0 0px;
	margin:0 0 10px;
	float:none;
}


.dimgarea_h{
	text-align:center;
	background:#5D5D5D;
	width:122px;
	height:100px;
	padding:0px 0 0px;
	margin:0 0 10px;
	float:none;
}


.dwt_box{
	float:left;
	text-align:center;
	margin:0 8px 0 0px;
}

p.tm_pt{
	margin:0 0 5px;
	padding:0 0 0 10px;
	font-size:92%;
	border-left:4px solid #111;
	line-height:120%;
	text-align:left;
}


table.login{
	width:400px;
	margin:0 auto;
	text-align:left;
	margin:5px 0px;
}

.loginbox{
	width:400px;
	margin:50px auto 50px;
}


.agbox_in{
	width:820px;
	height:450px;
	background:#FFF;
	color:#333;
	padding:20px;
	overflow:scroll;
	margin:15px 0px;
	overflow-x:hidden;
}


.ag_center{
	margin:0 auto;
	text-align:center;
}