@charset "utf-8";

/*	[contents]
-----------------------------------------------*/
div#contents_inner01 {
	background: url(../../images/sitemap/index/bg_tl_sitemap.jpg) center 0 no-repeat;
}


/*	[side_navi]
-----------------------------------------------*/
div#side_navi ul li a {
	background: url(../../images/common/i_arrow01.gif) 6px 8px no-repeat #D6E3F2;
	text-decoration: none;
}




/*	[index]
-----------------------------------------------*/
div#main h6 {
	margin: 0 0 5px 15px;
	padding: 0 0 0 17px;
	background: url(../../images/common/i_ico_title01.gif) 2px 5px no-repeat;
	font-weight: bold;
}


div#main div#main_box01,
div#main div#main_box02 {
	float: left;
	width: 313px;
	margin: 20px 0 0 0;
}

div#main div#main_box01 {
	margin-right: 30px;
}

div#main ul {
	margin: 0 0 30px 0;
	background: url(../../images/common/i_line01.gif) 0 0 repeat-x;
}

div#main ul li {
	background: url(../../images/common/i_line01.gif) 0 bottom repeat-x;
}

div#main ul li a,
div#main ul li span {
	display: block;
	padding: 6px 5px 6px 30px;
	_padding: 8px 5px 5px 30px;
	background: url(../../images/common/i_arrow01.gif) 3px 8px no-repeat;
	color: #666666;
	font-weight: bold;
	zoom: 1;
}

div#main ul li a:hover {
	color: #1c9de7;
	text-decoration: underline;
}

div#main ul li ul {
	margin: 0;
}

div#main ul li ul li a {
	padding-left: 44px;
	background: url(../../images/common/i_arrow02.gif) 30px 12px no-repeat;
	font-weight: normal;
}

div#main ul li ul li ul li a {
	padding-left: 58px;
	background: url(../../images/common/i_ico_list02.gif) 48px 14px no-repeat;
}



/*--------------------------------------------------------------
 responsive  min-width:768px
--------------------------------------------------------------*/
@media(min-width:768px) {


}/* end */



/*--------------------------------------------------------------
 responsive  max-width:768px
--------------------------------------------------------------*/
@media(max-width:768px) {

	div#contents_inner01 {background:none;}

	div#main h4 img {max-width:100%;height:auto;}

	div#main div#main_box01,
	div#main div#main_box02 {float:none;width:96%;margin:0 auto 15px;}
	div#main ul    {width:100%;margin:0;background:none;}
	div#main ul li {padding:10px 0;line-height:1.3;}

	div#main ul li ul    {background:none;margin-top:8px;}
	div#main ul li ul li {background-position:0 0;}

	div#main ul li ul li ul    {background:none;margin:0;}
	div#main ul li ul li ul li {background-position:0 0;}

}/* end */





