@import		url(Parts/base.css);
@import		url(Parts/sidebar_type1.css);
@import		url(Parts/siteguide.css);
/* */
/*------------	Table of contents ----------------------*/
#linkbox	{margin: 0; padding: 0 0 30px 0; overflow: hidden; zoom: 1; clear: both;}
#link_left	{width: 50%; margin: 0 2% 5% 0; padding: 0; background: transparent; float: left;}
#link_left dl	{margin: 0 0 10px 0; padding: 6px 10px;
		 -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
		 background: #9c9; overflow: hidden; zoom: 1; clear: both;}
#link_left dl dt{margin: 0; padding: 2px 5px;}
#link_left dl dd{margin: 2px 10px 0 0; padding: 5px 10px 0 5px; border: double 3px #099; display: inline; float: left;
		 line-height: 38px; background: #fff;}
#link_left a.bookmark, #link_left a.bookmark:link, #link_left a.bookmark:visited
		{margin: 0; padding: 0 2px 0 0; width: 64px; height: 40px; display: block; float: left;
		 background: #fff url('../Image/Links/bookmark.png') 0 0 no-repeat;}
#link_left a.bookmark:hover, #link_left a.bookmark:focus
		{background-position: 0 -40px;}
/* */
#link_right	{width: 47%; margin: 0; padding: 0 1% 2% 0; position: relative; float: left;}
/* */
#guide		{width: 96%; margin: 0; padding: 1% 2%; z-index: 1;
		 -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
		 position: absolute; left: 0; top: 0; background: #fc9; font-size: 10pt; overflow: hidden; clear: both;}
.ie7 #guide	{width: 96%; margin: 0; padding: 1% 2%; position: absolute; left: 0; top: 0; z-index: 1;
		 background: #fc9; font-size: 10pt; overflow: hidden; clear: both;}
#guide p	{margin: 0.5em 0 0 0; padding: 0; text-indent: 1em; line-height: 140%;}
#guide ul	{list-style: decimal outside; margin: 0; padding: 5px 0 0 26px;}
#guide ul li	{margin: 0; padding: 0; line-height: 130%;}
#guide ul ul	{list-style: lower-latin outside; margin: 0; padding: 5px 0 0 26px;}
#guide ul li ul li
		{margin: 0; padding: 0; line-height: 130%;}
/* */
#bookmarkbox	{width: 100%; margin: 0; padding: 0; background: #fff; position: absolute; left: 0; top: 0; z-index: -999;}
.ie7 #bookmarkbox
		{width: 100%; margin: 0; padding: 0; background: #fff; position: absolute; left: 0; top: 0; display: none;}
#dialogbox	{width: 100%; margin: 0; padding: 0;
		 background: url('../Image/RoundedCorners/black2/middle_left.gif') repeat-y top left;}
#top		{width: 100%; height: 13px;
		 background: url('../Image/RoundedCorners/black2/top_left.gif') no-repeat top left;}
#top span	{height: 13px; display: block; position: relative;
		 background: url('../Image/RoundedCorners/black2/top_right.gif') no-repeat top right;}
#dialog		{margin: 0 0 0 3px; padding: 10px 16px 10px 10px; position: relative;
		 background: #000 url('../Image/RoundedCorners/black2/middle_right.gif') repeat-y top right;}
#dialog h2	{margin: 0; font-size: 11pt; color: #f90;}
#dialog h2 span	{font-size: 12pt; color: #0f0;}
#dialog li	{height: 24px; margin: 6px 0 0 0; padding: 4px 0 0 0; list-style: none outside; font-family: monospace;}
#dialog li span	{width: 24px; margin: 0 4px 0 0; padding: 0; color: #0f0; text-align: center; line-height: 200%;
		 display: inline-block; background: url('../Image/Links/tab.png') no-repeat 0 0;}
#dialog li a.hyperlink
		{color: #fff;}
#dialog li a.hyperlink:hover, #dialog li a.hyperlink:focus
		{text-decoration: underline; color: #ff0;}
#bottom		{height: 14px; background: url('../Image/RoundedCorners/black/bottom_left.gif') no-repeat bottom left;}
#bottom span	{height: 14px; position: relative; display: block;
		 background: url('../Image/RoundedCorners/black/bottom_right.gif') no-repeat top right;}
/* */
/*------------	LinkContents ---------------------------*/
#lbox		{margin: 0; padding: 6px 0 0 0; overflow: hidden; clear: both;
		 background: transparent url('../Image/BackGround/Line/line.png') 0 0 repeat-x;}
.h3_offset	{width: 98%; margin: 0 0 0 2%; padding: 0; background: transparent; clear: both;}
.h4_offset	{width: 96%; margin: 0 0 0 4%; padding: 0; background: transparent; clear: both;}
.h5_offset	{width: 94%; margin: 0 0 0 6%; padding: 0; background: transparent; clear: both;}
#lbox ul	{margin: 2px 0; padding: 0; list-style: none outside; overflow: hidden; clear: both;}
#lbox ul li	{margin: 0; padding: 0; height: 26px; line-height: 32px; overflow: hidden; float: left;
		 display: inline; border-bottom: dotted 1px #090;}
/*---	site name(70%)	---*/
#lbox li.site70p{text-indent: 16px; background: transparent url("../Image/ListMark/circle_04.jpg") 0 9px no-repeat;}
#lbox li.m1	{width: 69%; margin-left: 1%;}
#lbox li.m3	{width: 67%; margin-left: 3%;}
#lbox li.m5	{width: 65%; margin-left: 5%;}
#lbox li.m7	{width: 63%; margin-left: 7%;}
#lbox li.site70p a, #lbox li.site70p a:link
		{width: 100%; display: block; text-decoration: none; color: #00f;
		 background: transparent url('../Image/ListMark/circle_01.jpg') 0 9px no-repeat;}
#lbox li.site70p a:hover, #lbox li.site70p a:focus
		{background: none;}
#lbox li.info10p{width: 10%; margin: 0; padding: 0;}
a.tip_ScreenShot, a.tip_ScreenShot:link, a.tip_ScreenShot:visited
		{width:32px; height: 24px; display: block; text-decoration: none; color: #00f;
		 background: transparent url('../Image/Icon/ListIcon/s24/screenshot.png') 50% 0 no-repeat;}
#lbox li.date20p{width: 20%; margin: 0; padding: 0; text-align: right;}
/*----------------------------------------------------------*/