@charset "utf-8";

@media screen and (min-width: 1024px){

/* contents */
#contents {
	width:1024px;
	height:auto;
	/*padding-bottom:100px;*/
	height:950px;
	background:url(../image/common/bg_line.png) repeat;
}

#contents #main {
	height:800px;
	/*height:auto;
	padding-bottom:100px;*/
}


/* sitemap */
#contents #main h2.tl_sitemap {
	width:774px;
	height:53px;
	background:url(../image/sitemap/ttl_sitemap.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-top:2px;
	margin-bottom:10px;
}
#contents #main #siteWrap {
	width:95%;
	margin:0 auto 20px auto;
}
#contents #main #siteWrap a {
	text-decoration:underline;
}
#contents #main #siteWrap a:hover {
	text-decoration:none;
}

#contents #main #siteWrap #leftSite {
	font-size:14px;
	width:350px;
	float:left;
}
#contents #main #siteWrap #leftSite li.mainPg {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 50%;
	border-bottom:1px dotted #aaa;
}
#contents #main #siteWrap #leftSite li.mainPg2 {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 22px;
	border-bottom:1px dotted #aaa;
}

#contents #main #siteWrap #rightSite {
	font-size:14px;
	width:350px;
	float:right;
}
#contents #main #siteWrap #rightSite li.mainPg {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 50%;
	border-bottom:1px dotted #aaa;
}
#contents #main #siteWrap #rightSite li.mainPg2 {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 22px;
	border-bottom:1px dotted #aaa;
}


#contents #main #siteWrap ul.subPg {
	list-style:disc;
	background:none;
	margin-left:30px;
	line-height:160%;
	margin-top:5px;
}


/* subMenu */
#contents #subMenu {
}
#contents #subMenu h3 {
	height:49px;
	background:url(../image/sitemap/ttl_sub.jpg) no-repeat;
}
#contents #subMenu ul {
}
#contents #subMenu ul li {
}
#contents #subMenu ul li a.subArw {
	background:url(../image/common/ico_arw.jpg) no-repeat 20px 50%;
}
#contents #subMenu ul li a.subArw:hover {
	text-decoration:underline;
}

}



/************************    タブレット用     ***************************/
@media only screen and (min-width: 641px) and (max-width: 1023px) {
/* contents */
#contents {
	width:800px;
	height:auto;
	/*padding-bottom:100px;*/
	height:950px;
	background:url(../image/common/bg_line.png) repeat;
}

#contents #main {
	height:800px;
	/*height:auto;
	padding-bottom:100px;*/
}


/* sitemap */
#contents #main h2.tl_sitemap {
	width:798px;
	height:53px;
	background:url(../image/sitemap/ttl_sitemap.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-top:2px;
	margin-bottom:10px;
}
#contents #main #siteWrap {
	width:95%;
	margin:0 auto 20px auto;
}
#contents #main #siteWrap a {
	text-decoration:underline;
}
#contents #main #siteWrap a:hover {
	text-decoration:none;
}

#contents #main #siteWrap #leftSite {
	font-size:14px;
	width:350px;
	float:left;
}
#contents #main #siteWrap #leftSite li.mainPg {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 50%;
	border-bottom:1px dotted #aaa;
}
#contents #main #siteWrap #leftSite li.mainPg2 {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 22px;
	border-bottom:1px dotted #aaa;
}

#contents #main #siteWrap #rightSite {
	font-size:14px;
	width:350px;
	float:right;
}
#contents #main #siteWrap #rightSite li.mainPg {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 50%;
	border-bottom:1px dotted #aaa;
}
#contents #main #siteWrap #rightSite li.mainPg2 {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 22px;
	border-bottom:1px dotted #aaa;
}


#contents #main #siteWrap ul.subPg {
	list-style:disc;
	background:none;
	margin-left:30px;
	line-height:160%;
	margin-top:5px;
}

}



/***********************  スマートフォン用  ***********************/
@media screen and (max-width: 799px){

/* contents */
#contents {
	width:100%;
	/*height:auto;*/
	/*padding-bottom:100px;*/
	min-height:950px;
	background:url(../image/common/bg_line.png) repeat;
	padding-top:5px;
}

#contents #main {
	width:98%;
	margin:0 auto;
	min-height:800px;
	/*height:auto;
	padding-bottom:100px;*/
}


/* sitemap */
#contents #main h2.tl_sitemap {
	width:100%;
	height:53px;
	background:url(../image/sitemap/ttl_sitemap.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-top:2px;
	margin-bottom:10px;
}
#contents #main #siteWrap {
	width:95%;
	margin:0 auto 20px auto;
}
#contents #main #siteWrap a {
	text-decoration:underline;
}
#contents #main #siteWrap a:hover {
	text-decoration:none;
}

#contents #main #siteWrap #leftSite {
	font-size:14px;
	/*width:350px;*/
	width:48%;
	float:left;
}
#contents #main #siteWrap #leftSite li.mainPg {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 50%;
	border-bottom:1px dotted #aaa;
}
#contents #main #siteWrap #leftSite li.mainPg2 {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 22px;
	border-bottom:1px dotted #aaa;
}

#contents #main #siteWrap #rightSite {
	font-size:14px;
	/*width:350px;*/
	width:48%;
	float:right;
}
#contents #main #siteWrap #rightSite li.mainPg {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 50%;
	border-bottom:1px dotted #aaa;
}
#contents #main #siteWrap #rightSite li.mainPg2 {
	padding:18px 0 18px 40px;
	background:url(../image/common/ico_arw.jpg) no-repeat 10px 22px;
	border-bottom:1px dotted #aaa;
}


#contents #main #siteWrap ul.subPg {
	list-style:disc;
	background:none;
	margin-left:30px;
	line-height:160%;
	margin-top:5px;
}
	
}