@charset "utf-8";



/*----------------------------------------------------------
HTML
----------------------------------------------------------*/
html {	
	overflow-y:scroll;
}
/*----------------------------------------------------------
BODY (ieハックあり）
----------------------------------------------------------*/
body {
background:
		url(../images/common/bg_main.gif) 
		repeat-x left top;
	font-size: 82%;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	color:#000;
	line-height: 1.8;
	text-align: center;
}


LI.cflag1{ background-color:#FFFFCC; } 
LI.cflag2{ background-color:#f5fffa; }



.w720 {display:block; clear:both; 
margin:0px 0px 0px 0px;


}


#cutemall {clear:both; width:720px; overflow-x:hidden !important;display:block; overflow:hidden;}
#cutemall #inner {
	width:730px;
	float:left;
	clear:both;
}
#cutemall #inner div {
	width:84px;
	float:left;
	margin-right: 6px;
		margin-left: 0;

}
#cutemall #inner div img {display:block; float:left; padding: 5px 0px 0px 5px; border:none}
#cutemall #inner div p {
	font-size:82%;
	line-height:140%;
	color:#309096;
	clear:both;
}
#cutemall .ex175 div p {height:17.5em !important;}

#cutemall #inner div p span {color:#333}
#cutemall #inner .readmore {font-size:11px; line-height:140%}


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/* ######### Top tabs ######### */

#ddcolortabs{
margin-left: 4px; /*Opera 8 fix -1px*/
padding: 0;
width: 980px;
height: 27px;
background: transparent;
padding-left: 0px;
}

#ddcolortabs ul{
font: normal 14px "ＭＳ Ｐ明朝","ＭＳ 明朝","Meiryo","メイリオ", "Osaka－等幅";
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.3em;
font-size: 120%;
}


#ddcolortabs a, #ddcolortabs strong{
float:left;
color:#fff;
background: transparent url("./media/tabs_right_blue.gif") no-repeat left top;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
font-size: 14px;
letter-spacing: 1px;
margin-top: 4px;
		font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝","Meiryo","メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
border-bottom: 1px solid #FFF;
}

#ddcolortabs a span, #ddcolortabs #current span{
float:left;
display:block;
color:#fff;
background: transparent url("./media/tabs_right_blue.gif") no-repeat right top;
padding:3px 9px 3px 6px;
font-weight:bold;
}

#ddcolortabs a span{
float:none;
}

#ddcolortabs #current a, #ddcolortabs strong{
background-position:0 -300px;
border-bottom: 1px solid #2B6600;
}

#ddcolortabs #current a span, #ddcolortabs #current span{
background-position:100% -300px;
padding-bottom:3px;	color:#fff;
}

#ddcolortabs a:hover{
background-position:0% -150px;
}

#ddcolortabs a:hover span{
color: #fff;
background-position:100% -150px;
}

#ddcolortabs #current a:hover {	background-position:0% -300px; }
#ddcolortabs #current a:hover span { color: #fff;	background-position:100% -300px; }


#ddcolortabsline{
clear: both;
padding: 0;
width: 980px;
height: 4px;
line-height: 4px;
background: #678b3f;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}



#csslibrarytab a, #csslibrarytab strong{
background: transparent url("./media/tabs_right.gif") no-repeat left top;
}

#csslibrarytab a span{
background: transparent url("./media/tabs_right.gif") no-repeat right top;
}

#csslibrarytab a:hover{
background-position:0% -150px;
}

#csslibrarytab a:hover span{
color: #fff;
background-position:100% -150px;
}




/*----------------------------------------------------------
NONVISUAL-MENU
----------------------------------------------------------*/
div.nonvisual-menu {
	width:0;
	height:0;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	/* except MacIE \*/position: absolute;/* end */
	left:0;
	top:0;
	color:#fff;
}

div.nonvisual-menu a {
	text-decoration:none;
	font-size:1px;
	line-height:1px;
	color:#fff;
}
#MAIN-CONTENT img{
	position:absolute;
	border:none!important;
	height: 1px;
	top: 0px;
	left: 0px;
}


/*----------------------------------------------------------
COMMON
----------------------------------------------------------*/

/* menu_common
---------------------*/
dl dt.menutitle {
	/* except MacIE \*/position:absolute;/* end */
	top:0;
	left:0;
	width:0;
	height:0;
	font-size:1px;
	line-height:1px;	
	overflow:hidden;
}



/* menu_common
---------------------*/
dl dt.menutitle2 {
	/* except MacIE \*/position:absolute;/* end */
	top:0;
	left:0;
	width:0;
	height:0;
	font-size:1px;
	line-height:1px;	
	overflow:hidden;
}




/*----------------------------------------------------------
CONTAINER
----------------------------------------------------------*/
#container {
	width:100%;
	margin:0;
}

/*----------------------------------------------------------
HEADER
----------------------------------------------------------*/
#header {
	position:relative;
	width:980px;
	height:176px;
	margin:4px auto 0 auto;
	text-align:left;
}

/* LOGO
---------------------*/
#header h1,
#header p#logo {
	width: 297px;
	margin: 0;
	padding: 0;
}



#title { position:relative;
	width:980px;
	margin:4px auto 0 auto;
	text-align:center;
	
	}

h1 {
	
	font-size:10px; color:#999; margin-top:1px;  margin-left:0px;


	
	}


div#title p {
	
	font-size:10px; color:#999; margin-top:1px;  margin-right:0px;

	}


#title h2 {
		font-size:10px; color:#999; margin-top:0px;  margin-right:0px; 	font-weight:bold;
	margin:0;
	padding:0px 0px 0px 0px;
		font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝","Meiryo","メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	background-image:url(../images/index/title_h2.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height:12px;

	}



/* HEADER NAVI
---------------------*/
#header dl#hNavi dd {
	position:absolute;
	top:0px;
	left:343px;
	width:567px;
	height:32px;
	overflow:hidden;
}
#header dl#hNavi dd ul.navi-l {
	float:left;
	width:112px;
	overflow:hidden;
}
#header dl#hNavi dd ul.navi-r {
	float:right;
	width:447px;
	overflow:hidden;
}
#header dl#hNavi dd ul.navi-l li,
#header dl#hNavi dd ul.navi-r li {
	float:left;
}


/* LINK ENGLISH PAGE
---------------------*/
#header dl#BtnEnglish dd ul {
	position:absolute;
	top:0;
	right:0;
	width:72px;
	overflow:hidden;
}
#header dl#BtnEnglish dd ul li {
	float:left;
}


/* TARGET NAVI
---------------------*/
#header dl#tNavi dd ul {
	position:absolute;
	top:47px;
	left:346px;
	width:634px;
	overflow:hidden;
}
#header dl#tNavi dd ul li {
	float:left;
}


/* GROBAL NAVI
---------------------*/
#header dl#gNavi dd ul {
	width:100%;
	height:54px;
	margin:21px 0 0 0;
	overflow:hidden;
}
#header dl#gNavi dd ul li {
	float:left;
}







/* BREADCRUMBS
---------------------*/
/* /css/tree.cssで定義 */
#header dl#breadCrumbs {
}



/*----------------------------------------------------------
noJs Javascriptが切れてるとき
----------------------------------------------------------*/
#noJs {
	position:absolute;
	top:70px;
	left:20px;
	width:940px;
	font-size:84%;
	color:#990000;
}


.instant{}

.rover{}






#box_020 {
	width: 720px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	}
#box_020 h1{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 0px;
	font-size: 16px;
	}
#box_020 h2{
	margin: 5px 0px;
	padding: 0px;
	font-size: 16px;
	}
#box_020 ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 5px;
	}
#box_020 li {
	line-height: 170%;
	font-size: 12px;
	margin: 0px;
	}	
#box_020 table {
	border-bottom: 1px solid #666;
	width: auto;
	font-size: 12px;
	margin: 0px;
	}
#box_020 th {
	background-color: #A6D279;
	text-align: center;
	color: #333;
	font-size: 14px;
	}
#box_020 th span {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	}
#box_020 th.month {
	background-color: #D9EFB4;
	text-align: center;
	color: #333;
	font-size: 18px;
	width: 40px;
	}
#box_020 td {
	font-size: 12px;
	width: 110px;
	text-align: center;
	}
#box_020 td.long {
	text-align: left;
	width: 250px;
	}
#box_020 td span {
	font-size: 12px;
	font-weight: normal;
	}



/*----------------------------------------------------------
CONTENT
----------------------------------------------------------*/

/* TOPページ用(content-top)はcss/index.cssに */

/*----------------------------------------------------------
MAIN
----------------------------------------------------------*/
/* /css/index.css , tree.cssでそれぞれ定義 */