/*File: common.css
*Description: Define common style Sheet
*Author: KYUSHU INTERMEDIA LABORATORY,INC
*/


/* Basic
--------------------------------------------------------------------------------------------------------- */
body{
	margin:0;
	padding:0;
	text-align:center;
	position:relative;
	color:#222222;
	font-family:MS P Gothic,Meiryo,Hiragino Kaku Gothic Pro W3,Osaka,sans-serif;
	background:#ECECE2;
}

img{
	border:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:1em;
}

ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
	list-style:none;
}
ol li{list-style-type:decimal;margin-left:20px;}
p{
	margin:0;
	padding:0 0 10px 0;
	text-align:left;
	line-height:150%;
	/*text-indent:1em;*/
}

a{color:#222222;-moz-outline-style:none;}
a:hover{color:#2476B0;text-decoration:underline;}

input{vertical-align: middle;}



/*---- Float/Margin/Padding ----*/

.left{float:left;}
.right{float:right;}
.center{margin:0 auto;text-align:center !important;}
.img_left{float:left;margin:0 18px 5px 0;}
.img_right{float:right;margin:0 0 5px 10px;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt410{margin-top:410px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb8{margin-bottom:8px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml55{margin-left:55px !important;}
.mr8{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p20{padding:20px !important;}
.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb25{padding-bottom:25px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}

.reset{margin:0 !important;padding:0 !important;background:none !important;}
.reset_mb{margin-bottom:0 !important;padding-bottom:0 !important;}



/*---- Table style ----*/

#ct table.tbl_bdr,
#ct table.tbl_bdr_sm,
#ct table.tbl_bdr_xsm{
	width:100%;
	margin:0 0 5px 0;
	padding:0;
	border-collapse:collapse;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

#ct table.tbl_bdr td,
#ct table.tbl_bdr_sm td,
#ct table.tbl_bdr_xsm td,
th{
	margin:0;
	padding:5px 10px;
	border-collapse:collapse;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-align:left;
	/*vertical-align:top;*/
}

th{
	font-weight:400;
	background:#EEEEEE;
	text-align:center;
	white-space:nowrap;
}
#ct table.tbl_bdr_xsm th{
	white-space:normal !important;
}

#ct table.tbl_bdr tr.bg th,
#ct table.tbl_bdr_sm tr.bg th,
#ct table.tbl_bdr_xsm tr.bg th{
	background:#DCECF4;
	white-space:normal !important;
	
}

td.tdr{text-align:right;}
.td_gray{background:#EEEEEE;}
.td_darkgray{background:#d8d8d8;}
.td_lightgray{background:#F0F0F0 !important;}
.td_aqua{background:#F2FBFF;width:12%;}
.td_center td{text-align:center !important;}
td.top{vertical-align:top;}

.w20{width:20% !important;}
.w60{width:60% !important;}



/*---- Other style ----*/
.block{display:block;}
.clear{clear:both;}
.nowrap{white-space:nowrap;}
.bdr{border:1px solid #cccccc;padding:5px 10px;}
.bdr_dot{border:1px dotted #2476B0;padding:8px 15px;}
.bdr_t{background:url(../img_cmn/line_01.gif) repeat-x;padding-top:15px;text-align:center;}
.bdr_b{border-bottom:3px solid #cccccc;}
.bdr_none{border:none !important;}

.bg_gray{background:#f0f0f0;padding:10px;margin-bottom:10px;}
.bg_aqua{background:#F2FBFF;padding:5px 10px;margin-bottom:10px;}
.bg_none{background:none !important;}
.txt_red{color:#cc0000;}
.txt_blue{color:#2476B0;}
.txt_orange{color:#FF6600;}
.separete{clear:both;padding:30px 0;display:block;}
.sup{vertical-align:20%;}
.sub{vertical-align:text-bottom;}
.attention{color:#cc0000;font-weight:bold;}
.comment{text-indent:-1em;padding-left:1em;}	
.serif {font-family:MS Mincho,Times New Roman,century,Serif;}
.uline {text-decoration:underline}
.baseblue{color:#2476B0;}

p.cap{color:#1975B3;font-weight:bold;}
a.arw{padding-left:8px;margin-right:5px;background:url(../img_cmn/arw_01.gif) 0 center no-repeat;}
a.arw_pre{padding-left:8px;margin-right:5px;background:url(../img_cmn/arw_pre.gif) 0 center no-repeat;}
a.arw_next{padding-right:8px;margin-right:5px;background:url(../img_cmn/arw_01.gif) right center no-repeat;}
a.blank{padding-left:12px;margin-right:5px;background:url(../img_cmn/arw_blank_g.gif) 0 4px no-repeat;}
a.pdf{vertical-align:-15%;padding-left:18px;margin-right:5px;background:url(../img_cmn/pdf.gif) 0 center no-repeat;}
a.wmp{vertical-align:-15%;padding-left:18px;margin-right:5px;background:url(../img_cmn/wmp.gif) 0 center no-repeat;}
a.dwn{padding-left:15px;margin-right:5px;background:url(../img_cmn/download.gif) 0 bottom no-repeat;}
a .red{color:#cc0000;}


.clear:after,
.cfix:after,
ul.course:after,
ul.squarewide:after,
ul.squarewidemore:after,
ul.link_twin:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.clear,
.cfix,
ul.course,
ul.squarewide,
ul.squarewidemore,
ul.link_twin{
  display:inline-block;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clear,
* html .cfix { height: 1%;}
.clear,
.cfix { display: block;}


br.clear{
line-height:0 !important;
height:1px !important;
font-size:1px !important;
margin:0 !important;}