@charset "utf-8";
/* CSS Document */


/*構造の定義*/

body{
	background-image:url(/img/bg2.jpg);
}

#wrapper{
	width:900px;
	background-image:url(/img/contents_bg.gif);
	padding:0px 5px 0px 5px;
	margin:auto;
}

#head{
	width:900px;
	height:92px;
	background-image:url(/img/head_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#main{
	width:900px;
	background-color:#FFFFFF;
	padding:0px 0px 0px 0px;
}

#flash{
	width:890px;
	margin:0px 5px 5px 5px;
}

#content{
	width:900px;
	margin:auto;
	margin-top:10px;
	background-image:url(/img/bg_content_sub.gif);
}

#left{
	width:194px;
	margin-right:5px;
	float:left;
	padding:3px;
}

#whatsnew{
	width:510px;
	margin-right:5px;
	float:left;
	padding:5px;
}

h3.whatsnewtitle{
	background-image:url(/img/whatsnewtitleback.jpg);
	background-repeat:no-repeat;
	padding:8px 0px 15px 15px;
}

h3.juutakusekoureititle{
	background-image:url(/img/juutakutitleback.jpg);
	background-repeat:no-repeat;
	padding:8px 0px 15px 15px;
}
h3.sougousekoureititle{
	background-image:url(/img/sougoutitleback.jpg);
	background-repeat:no-repeat;
	padding:8px 0px 15px 15px;
}
h3.reformsekoureititle{
	background-image:url(/img/reformtitleback.jpg);
	background-repeat:no-repeat;
	padding:8px 0px 15px 15px;
}


h3.totiinfotitle{
	background-image:url(/img/totiinfotitleback.jpg);
	background-repeat:no-repeat;
	padding:8px 0px 15px 15px;
}


ul#whatsnewmenulist{
	background-color:#FFFFFF;
	padding:5px;
}
ul#whatsnewmenulist li{
	padding:2px 0px 0px 15px;
	background-image:url(/img/mark_red.gif);
	background-repeat:no-repeat;
	background-position:3px;
}

#right{
	width:160px;
	float:left;
	padding:5px;
}

#foot{
	width:880px;
	margin:auto;
	margin-top:10px;
	background-image:url(/img/border.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:5px;
}
#foot2{
	width:870px;
	margin:auto;
	margin-top:10px;
	padding:5px;
	background-image:url(/img/border.jpg);
	background-position:top;
	background-repeat:repeat-x;
}



/*個別*/


/*左メニュー*/
ul#submenu{
	margin:0px;
	margin-left:2px;
}

#submenu li{
	margin:0px;
	margin-bottom:1px;
	line-height:100%;
	width:190px;
	height:25px;
}
#submenu li a{
	margin:0px;
	padding:0px;
	font-size:0px;
}
#submenu li a img{
	margin:0px;
}


#submenu li.subsubmenu a{
	background-image:url(/img/menu_bg2.gif);
	background-repeat:no-repeat;
	display:block;
	width:160px;
	height:18px;
	padding:7px 0px 0px 20px;
	margin-bottom:1px;
	line-height:100%;
	margin-left:10px;
	font-size:10px;
}
#submenu li.subsubmenu a:hover{
	background-image:url(/img/menu_bg2_on.gif);
}


/*コンテンツ*/

#content #left .leftbody{
	background-color:#FFFFFF;
	margin:1px 0px 5px 0px;
	border:3px solid #D3D3AB;
	padding:5px;
	line-height:120%;
}

#content #left .leftbody li{
	padding-left:12px;
	background-image:url(/img/mark_red.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-size:10px;
}

#contentbody{
	background-color:#FFFFFF;
	margin:1px 0px 5px 0px;
	padding:10px;
}
#contentbody h3{
	font-weight:bold;
	background-color:#F3F3F3;
	padding:2px;
	color:#CC3333;
	margin-bottom:1em;
}


#contentbody p{
	line-height:1.5em;
	margin-bottom:1em;
}
#contentbody li a{
	display:block;
	padding:2px 0px 2px 15px;
	background-image:url(/img/mark_red.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	background-color:#FFFFFF;
}
#contentbody li a:hover{
	background-color:#FFE7CE;
}

#contentbody dt{
	background-image:url(/img/dot_line.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:10px 0px 10px 0px;
	float:left;
	width:85px;
}
#contentbody dt span{
	background-image:url(/img/mark_red.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:10px;
	display:block;
	float:left;	
}
#contentbody dd{
	background-image:url(/img/dot_line.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:10px 0px 10px 0px;
	float:left;
	width:290px;
}
#contentbody #whatsnewlist dd{
	width:400px;
	padding:11px 0px 11px 0px;
}


#taiyo h4{
	font-size:medium;
	padding:3px;
	background-color:#6699CC;
	color:#FFFFFF;
	margin:0em 0em 1.5em 0em;
	padding:0px;
}

#taiyo h5{
	padding:3px;
	background-color:#FFFF99;
}

#taiyo dt{
	float:none;
	background-image:none;
	width:100%;
	font-weight:bold;
	color:#0066CC;
	margin:0em 0em 1.5em 0em;
	padding:0px;
}

#taiyo dd{
	float:none;
	background-image:none;
	width:100%;
	margin:0em 0em 1.5em 0em;
	padding:0px;
}



#contentbody div.jireithumb{
	float:left;
	width:130px;
}
#contentbody div.jireithumb a img{
	border:1px solid #dddddd;
}
#contentbody div.jireithumb a:hover img{
	border:1px solid #FF9900;
}
#contentbody h4.jireititle,
#contentbody div.jireibody{
	float:left;
	width:300px;
}
#contentbody div.jireilink{
	padding-left:10px;
	background-image:url(img/mark_red.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-size:10px;
	margin:5px 0px 0px 20px;
}

#contentbody div.jirei{
	margin:0px 0px 10px 0px;
	padding:10px;
	background-color:#F7F7F7; 
	background-image:url(/img/dot_line.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#contentbody h4.avecatitle{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:1em;
}



#pankuzu{
	background-color:#EEEEEE;
	text-align:right;
	padding:3px;
	font-size:10px;
	border:1px solid #EEEEEE
}

#cmflash{
}

.steptitle{
	background-image:url(/img/step_arrow.gif);
	background-repeat:no-repeat;
	background-position:45px bottom;
}

.stepbody{
	padding:10px;
	background-image:url(/img/dot_line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.date{
	color:#E4AC6D;
}

#contentbody #outlinelist{
	margin-top:20px;	
}
#contentbody #outlinelist li a{
	display:block;
	margin-bottom:10px;
	padding:5px;
}

.outlinetableleft{
	padding:3px 0px 5px 0px;
	background-image:url(/img/dot_line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:150px;
}
.outlinetableright{
	padding:3px 0px 5px 0px;
	background-image:url(/img/dot_line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
table.qatable{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
table.qatable td{
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	padding:3px;
}
table.qalayouttable td{
 padding:3px;
}



#contentbody h3.outlineh3{
	padding:3px;
}

#contentbody .outlinecaption{
	font-size:10px;
	color:#333333;
	font-weight:normal;
	text-align:right;
	margin-bottom:10px;
}

#contentbody .outlinebody{
	text-align:center;
	line-height:1.5em;
}






#right ul li a img{
	border:1px solid #CCCCCC;
	padding:3px;
	background-color:#FFFFFF;
	margin-bottom:3px;
}

#right ul li a:hover img{
	border:1px solid #999999;
	padding:3px;
	background-color:#FFFFCC;
	margin-bottom:3px;
}

ul.normallist li{
	list-style-type:disc;
	margin-left:15px;
}


table#totiinfotable td{
	padding:3px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

table#totiinfotable{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}


table#totiinfotable tr.area{
	background-color:#B8DCED;
}