@charset "utf-8";
@import "style.css";


/*-----------------------------------------------------------------
Base
-----------------------------------------------------------------*/
body{
	font-size:85%;
	color: #000;
	margin: 0px;
	padding:0px;
	line-height:1.8;
	text-align:center;
	background:url(../img/back.jpg) center repeat-y #E8E8E8;
	font-family: Meiryo, 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro', sans-serif;
}

html {
	overflow-y: scroll;
}

h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd{
	margin: 0px;
	padding:0px;
	text-align:left;
}

body a {
	color: #336666; text-decoration:underline;
}
body a:link {
	color: #336666; text-decoration:underline;
}
body a:visited {
	color: #4B9696; text-decoration:underline;
}
body a:hover {
	color: #6633CC; text-decoration:none;
}

a:focus{
	outline:none;
}

img{
	border:0px;
}

.left{text-align:left;}
.right{text-align:right;}
.right p{text-align:right;}
.center{text-align:center;}
.center p{text-align:center;}

/*-----------------------------------------------------------------
Font
-----------------------------------------------------------------*/
.color01{color:#CC0000;}
.color02{color:#000099;}
.small_unit {font-size:0.8em; vertical-align:top;}
.big{font-size:120%;}
.small{font-size:0.9em;}
.small_no{font-size:0.7em;}
.ctype_a{color:#990000;}
.new{color:#CC0000; font-size:0.8em;}

/*-----------------------------------------------------------------
Space
-----------------------------------------------------------------*/
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.mr15{margin-right:15px;}
.mr10{margin-right:10px;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
	
/*-----------------------------------------------------------------
Float
-----------------------------------------------------------------*/
.f_right{
	float:right;
	margin:0 0 5px 15px;
}
.f_left{
	float:left;
	margin:0 15px 5px 0;
}
.f_clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.f_clear { display: inline-block; }
/* exlude MacIE5 \*/
* html .f_clear { height: 1% }
.f_clear {display:block;}
/* end MacIE5 */

/*-----------------------------------------------------------------
Table
-----------------------------------------------------------------*/
table{
	border-spacing:0;
	border-collapse:collapse;
	empty-cells:show;
	margin-left:auto;
	margin-right:auto;
}
td{
	text-align:left;
	vertical-align:top;
}
/*table border_ON*/
table.b_on{
	border-top:1px solid #B3B3B3;
	border-left:1px solid #B3B3B3;
	background:#FFF;
	margin-top:10px;
	margin-bottom:5px;
}
.b_on td,.b_on th{
	border-right:1px solid #B3B3B3;
	border-bottom:1px solid #B3B3B3;
}
.b_on td{
	padding:6px 8px;
}
.b_on th{
	background:#CCD9F2;
	padding:3px 8px;
	text-align:left;
	font-weight:normal;
}
.b_on th.sub{
	background:#EBF0FA;
	font-weight:normal;
	text-align:left;
	width:60px;
	vertical-align:top;
}
.b_on td.sub{
	background:#EBF0FA;
	padding:3px 8px;
}

.nowrap{
	white-space:nowrap;
}

/*-----------------------------------------------------------------
Title
-----------------------------------------------------------------*/
h3{
	background:url(../img/h3_back.jpg) top repeat-x #336494;
	border:1px solid #336699;
	/*border-left:4px solid #336699;*/
	font-size:1.3em;
	color:#FFF;
	padding:5px 10px 4px 8px;
	margin:15px 10px 15px 10px;
	line-height:1.2;
}
h3.head{
	margin-top:0px;
}

h4{
	background:url(../img/h4_back.jpg) top repeat-x #D4D4FF;
	/*border:1px solid #9999FF;*/
	border-left:3px solid #9999FF;
	padding:6px 8px 5px 7px;
	margin:10px 12px 15px 12px;
	font-size:1.1em;
	color:#000033;
	line-height:1.2;
}


h4.nobg{
	background:none;
	margin:20px 12px 5px 10px;
	padding:3px 5px 2px 7px;
	border-left:3px solid #CCC;
	font-size:1.1em;
	color:#315D8C;
	line-height:1;
}

h5{
	background:#E9E9FF;
	border-left:3px solid #D2D2FF;
	text-align:left;
	padding:0px 10px;
	margin:5px 15px 10px 15px;
}

/*-----------------------------------------------------------------
List
-----------------------------------------------------------------*/
#contents ul,#contents ol{
	margin:12px 20px 12px 48px;
}
#contents ul li,#contents ol li{
	margin-bottom:5px;
}

#contents ul.link_list{
	margin:15px 20px 15px 30px;
}
ul.link_list li{	
	background:url(../img/arrow.gif) 2px 6px no-repeat;
	padding-left:20px;
	margin-bottom:5px;
	list-style-type:none;
}

#contents dl{
	margin:0 22px;
}
#contents dt{
	font-weight:bold;
	margin:3px 0 3px 0;
}
#contents dd{
	margin:0 0 15px 15px;
}

/*-----------------------------------------------------------------
Common
-----------------------------------------------------------------*/
/*--P--*/
p{
	margin:0 20px 10px 20px;
	text-indent:1em;
}
p.no_indent{
	text-indent:0;
}

/*--pageup--*/
.pageup{
	clear:both;
	/*padding:13px 0 5px 0;*/
}
.pageup p{
	text-align:right;
	margin:20px 10px 15px 20px;
	font-size:0.8em;
}
#footer .pageup p{
	margin-right:30px;
}

/*--path--*/
#path{
	background:#EAEFFA url(../img/path_back.jpg) repeat-x bottom;
	padding:0px 2px 2px 2px;
	margin-bottom:20px;
}
#path p{
	margin:0 0px;
	font-size:0.8em;
}

/*--box--*/
.box{
	background:#EBF0FA;
	border:1px solid #CCCCCC;
	padding:8px;
	margin:15px 20px;
}
.box p{
	text-indent:0;
	margin:0 8px 5px 8px;
	text-align:left;
}
.box dt{
	margin:0 0 3px 0px;
	font-weight:bold;
}
.box dd{
	margin:5px 0 0 25px;
}
.box li{
	margin-bottom:3px;
}