@charset "UTF-8";
/**/
.visual_element	{
 width: 770px;
 height: 200px;
 margin: 0 auto;
 padding: 0;
}


/**/
#main_container	{
 position: relative;
 width: 770px;
 margin: 0 auto;
 padding: 0;
 background: url(../img/contents_bg.gif) repeat-y left top;
}

.hanger_navi	{
 width: 190px;
 top: 0;
 margin: 0;
 padding: 0;
 float: right;
}

.hanger_about	{
 width: 290px;
 top: 0;
 margin: 0;
 padding: 0;
 float: left;
}

.hanger_topics	{
 width: 286px;
 top: 0;
 margin: 0 2px 0 0;
 padding: 0;
 float: right;
}

#main_container h2	{
 height: 42px;
 margin: 0;
 padding: 0;
 background-position: left top;
 background-repeat: no-repeat;
 text-indent: -10000px;
 /* \*/
 overflow: hidden;
 /* */
}

.hanger_navi h2	{
 width: 190px;
 background-image: url(../img/contents.png);
}

.hanger_about h2	{
 width: 290px;
 background-image: url(../img/about.png);
}

.hanger_topics h2	{
 width: 286px;
 background-image: url(../img/topics.png);
}


/**/
.hanger_navi ul	{
 margin: 0;
 padding: 0;
 list-style: none;
}

.hanger_navi li	{
 margin: 0;
 padding: 0;
}

.hanger_navi li a	{
 width: 170px;
 height: 30px;
 margin: 0;
 padding: 0 0 0 20px;
 background: url(../img/g_navi_bg.png) no-repeat left top;
 color: #000000;
 line-height: 30px;
 font-size: 14px;
 font-weight: normal;
 text-decoration: none;
 display: block;
}

.hanger_navi li a:hover	{
 background-position: left bottom;
 color: #ffffff;
 text-decoration: none;
}


/**/
p.image_area	{
 margin: 0;
 padding: 5px 0;
 text-align: center;
}

p.intro	{
 margin: 0;
 padding: 5px;
 font-size: 14px;
 font-weight: bold;
 line-height: 15px;
}


/**/
#inlineFrame {
	width: 276px;
	height: 265px;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	overflow: auto;
	/* \*/
 margin: 5px auto;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
 /* */
}

#inlineFrame dl	{
 margin: 0;
 padding: 5px;
 list-style: none;
}

#inlineFrame dt	{
 margin: 0;
 padding: 2px 0 2px 10px;
 background: url(../img/pointer02.gif) no-repeat 3px 7px;
 font-size: 14px;
 line-height: 15px;
 color: #336600;
 font-weight: bold;
}

#inlineFrame dd	{
 margin: 0;
 padding: 0 0 3px 10px;
 font-size: 14px;
 line-height: 15px;
 border-bottom: 1px dashed #cccccc;
}


/**/
#footer	{
 width: 770px;
 margin: 0 auto;
 padding: 0 0 2px;
}

#footer p.logo_area	{
 margin: 0;
 padding: 10px 0 5px;
 text-align: center;
}

#footer p.info_area	{
 margin: 0;
 padding: 0 0 5px 0;
 text-align: center;
 font-size: 11px;
 color: #333333;
}

#footer p.copyright {
 margin: 10px 0 0;
 padding: 0;
 height: 35px;
 text-align: center;
 font-size: 11px;
 background: url(../img/copyright_bg.png) no-repeat left top;
 line-height: 35px;
 border-top: 1px solid #cccccc;
 color: #999999;
}

#footer p.info_area a	{
 color: #333333;
 text-decoration: underline;
}

#footer p.info_area a:hover	{
	color: #0066CC;
}