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

/*-----------------------------------------------------------------
Base
-----------------------------------------------------------------*/
body{
	font-size:80%;
	color: #333;
	margin: 0px;
	padding:0px;
	line-height:1.7;
	text-align:center;
	background:url(../img/bg.jpg) top repeat-x #000;
	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;
}
ul{
	list-style:none;
}
.grey{
color:#666;
}
table{
	font-size:100%;
}

body a {
	color: #003399; text-decoration:none;
}
body a:link {
	color: #003399; text-decoration:none;
}
body a:visited {
	color: #663399; text-decoration:none;
}
body a:hover {
	color: #CC0000; text-decoration:underline;
}

a:focus{
	outline:none;
}

img{
	border:0px;
}
a img{
	vertical-align:middle;
}

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

/*-----------------------------------------------------------------
Font
-----------------------------------------------------------------*/
.red{color:#bd0000;}
.small_unit {font-size:0.8em; vertical-align:top;}
.big{font-size:120%;}
.wbig{font-size:140%;}
.bold{font-weight:bold;}
.small{font-size:80%;}
.ctype_a{color:#B45E29; font-weight:bold;}

/*-----------------------------------------------------------------
Space
-----------------------------------------------------------------*/
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mb5{margin-bottom:5px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mr15{margin-right:15px;}
.mr10{margin-right:10px;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
#framework .ml40{margin-left:40px;}
.mt20{margin-top:20px;}
.mt100{margin-top:100px;}
#framework .ml15{margin-left:15px;}
#framework .ml20{margin-left:20px;}
#framework .ml65{margin-left:65px;}
#framework .mt60{margin-top:60px;}
#framework .mt20{margin-top:20px;}
/*-----------------------------------------------------------------
Float
-----------------------------------------------------------------*/
.f_right{
	float:right;
	margin:0 0 5px 10px;
}
.f_left{
	float:left;
	margin:0 10px 5px 0;
}
.f_clear:after,#main:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.f_clear,#main{ display: inline-block; }
/* exlude MacIE5 \*/
* html .f_clear,* html #main{ height: 1% }
.f_clear,#main{display:block;}
/* end MacIE5 */


/*-----------------------------------------------------------------
Table
-----------------------------------------------------------------*/
.top table{
	border-spacing:0;
	border-collapse:collapse;
	empty-cells:show;
	margin-left:auto;
	margin-right:auto;
}
.top td{
	text-align:left;
}

/*table border_ON
.top table.b_on{
	border-top:1px solid #A5A5C4;
	border-left:1px solid #A5A5C4;
	background:#FFF;
	margin-top:15px;
	margin-bottom:15px;
}
.b_on td,.b_on th{
	border-right:1px solid #A5A5C4;
	border-bottom:1px solid #A5A5C4;
}
.b_on td{
	padding:6px 10px;
}
.b_on th{
	background:#ADD6D6;
	padding:5px 10px;
	font-weight:normal;
	text-align:left;
}
.b_on th.sub{
	background:#EBF5F5;
	font-weight:normal;
	text-align:center;
}

.b_on ul{
	margin-left:10px;
}
.b_on ol{
	margin-left:30px;
}
.b_on dd{
	margin-left:10px;
}*/

/*table border_ON*/
#framework table.tbl{
	border-top:1px solid #999;
	border-left:1px solid #999;
	background:#FFF;
	margin:12px auto;
}
.tbl td,.tbl th{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.tbl td{
	padding:12px 16px;
	text-align:left;
}
.tbl th{
	background:#efefef;
	padding:12px 16px;
	text-align:left;
	font-weight:bold;
}
.tbl th.sub{
	background:#FFF4F4;
}
.tbl td.sub{
	background:#f7f0f0;
}
.tbl td.center{
	text-align:center;
}
.tbl textarea,.tbl input{
width:420px;
}
.tbl td.center input{
width:120px;
}

/*-----------------------------------------------------------------
Title
-----------------------------------------------------------------*/
/* h3{
	font-size:1.12em;
	padding:3px 6px 2px 0px;
	margin:25px 0px 10px 0px;
} */

h3{
	background:url(../img/h3.jpg) no-repeat;
	font-size:1.12em;
	padding:7px 6px 0px 0px;
	margin:25px 0px 10px 0px;
	height:39px;
	text-indent:20px;

}

h4{
	color:#FFFFFF;
	margin:20px 0  5px 15px;
}
h4 span{

	background:#2f2212;
	padding:2px 7px;
	font-weight:normal;
}
*:first-child+html h4 span,* html h4 span{
	font-size:80%;
}



h5{
	font-size:1.05em;
	color:#2f2212;
font-weight:bold;
margin:0 15px;
text-align:left;
}


/*-----------------------------------------------------------------
Common
-----------------------------------------------------------------*/
p{
	margin:0 20px 5px 20px;
}
p.non{
	margin:12px 0 20px 0;
}

/*---Xg---*/
#contents ul,#contents ol{
	margin:10px 20px 10px 50px;
}
#contents li{
	margin-bottom:3px;
}



#contents ul.link_list{
	margin:12px 40px;
}
#contents ul.link_list li{
	background:url(../img/arrow_s.gif) 0 4px no-repeat;
	list-style-type:none;
	margin:0 10px 3px 0;
	padding-left:14px;
}
#contents p.link_list a{
	background:url(../img/arrow_s.gif) 0 4px no-repeat;
	padding-left:10px;
	margin-left:20px;
}



/*---pageup---*/
.pageup{
	clear:both;
	text-align:right;
}
.pageup img{
	margin:8px 20px 5px 0;
}


/*---p---*/
#path{
	padding:0px 2px 2px 2px;
	font-size:0.8em;
	text-align:left;
	margin:0 0 2px 0;
}

/*---box---*/
.box{
	background:#EEEEEE;
	border:1px solid #CCC;
	padding:8px 8px 8px 8px;
	margin:20px 10px;
}
#contents .box dl{
	margin:0px 7px 7px 7px;
}
#contents .box dt{
	margin:0 0 2px 0px;
	font-weight:bold;
	color:#006633;
	font-size:1.15em;
}
#contents .box dd{
	margin:0 0 0 25px;
}
/*---js?---*/
#b1_1{
	display:none;
}
.p_up{
	clear:both;
	text-align:right;
	margin:0px 15px 20px 10px;
}
#panel a,a #fob{
color:#fff;
text-decoration:none
}