@charset "utf-8";

/* [1] element
------------------------------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	/*crossing browser*/
}

body {
	color: #666;
	background-color: #D7D7D7;
	font-size: 100%;
}

a         {text-decoration: none; color: #4b9bcc; }
a:link    {text-decoration: none; color: #4b9bcc; }
a:visited {text-decoration: none; color: #551a8b; }
a:hover   {text-decoration: underline; color: #4b9bcc; }
a:active  {text-decoration: underline; color: #e55032; }

a img {
	border-style: none;
	border-width: 0;
	text-decoration: none;
}

ul, ol, dl {
	list-style-type: none;
}

table {
	border-collapse: collapse;
}

.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 1px;
	line-height: 0px;
}


/* [2] layout
------------------------------------------------------------ */
#fullscreen {
	width: 930px;
	height: 100%;
	margin: 0 auto;
	background-color: #FFF;
}


#container {
	width: 930px;
	margin: 0px auto 0px;
	font-family: Verdana,"qMmpS Pro W4","MS PSVbN",sans-serif;
	line-height: 150%;
	background-color: #FFF;
}


/* [3] head
------------------------------------------------------ */

#head {
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	width: 930px;
	height: 70px;
	line-height: 150%;
	background: url(../img/header_image.gif) no-repeat;
}


#head h1 {
       margin-left: 0px;
       margin-top: 10px;
       float: left;
       text-indent: -9999px;
       display: block;
       background:#fff url(../img/logo.gif) no-repeat;
}

#head h1 a {
       width: 240px;
       height: 50px;
       float: left;
       display: block;       background:#fff url(../img/logo.gif) no-repeat;
       text-decoration: none;
}

#ad {
       margin-left: 0px;
       margin-bottom: 0px;
       padding-right: 30px;
       margin-top: 20px;
       list-style-type: none;
       background:#fff url(../img/ad.gif) no-repeat;
       float: right;
}


#ad a {
	width: 220px;
	height: 30px;
	display: block;
	float: left;
	background:#fff url(../img/ad.gif) no-repeat;
	text-decoration: none;
}

.head-line {
	margin-top: -15px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -9999px;
	display: block;
	width: 930px;
	height: 25px;
	background: url(../img/header_image.gif) no-repeat;
}



/* [4] nav
------------------------------------------------------ */
#nav {
	margin-bottom: 0px;
	height: 25px;
	width: 930px;
	list-style-type: none;
	background:#fff url(../img/header.gif) no-repeat;
	overflow: hidden;
	float: right;
}

#nav ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 35px;
	margin-right: 35px;
	}



#nav li {
	float: left;
	display: block;
	text-indent:-9999px;
	height: 25px;
	margin-top: 0;
	margin-bottom: 0;
}

#nav li a {
	float: left;
	display: block;
	height: 25px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 0px;
	text-decoration: none;
}


#nav-home,#nav-home a { width: 143px; }
#nav-magazine,#nav-magazine a { width: 143px; }
#nav-gt,#nav-gt a { width: 143px; }
#nav-market,#nav-market a { width: 144px; }
#nav-present,#nav-present a { width: 144px; }
#nav-staff,#nav-staff a { width: 143px; }



/* wrapper
------------------------------------------------------ */


div#wrapper{
	width: 860px;
	margin: 0px auto 0px;
	font-family: Verdana,"qMmpS Pro W4","MS PSVbN",sans-serif;
	line-height: 150%;
}

#nav_left{
	float: left;
	width: 430px;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #808080;
	font-size: 75%;
}

#site_map{
	float: left;
	width: 430px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: right;
	color: #808080;
	font-size: 70%;
}


/* main_contents
------------------------------------------------------ */

div#main_contents{
	float: left;
	width: 642px;
	margin-top: -15px;
	margin-right: 15px;
}



/* top_flash以下
------------------------------------------------------ */

div#top_flash{
	width: 642px;
	height: 375px;
	margin-bottom: 10px;
	background: #CCCCCC;
}

div#link_banner{
	float: left;
	width: 200px;
	margin-right: 18px;
}

div#link_banner img{
	list-style: none;
	margin-bottom: 10px;
}

div#center_contents{
	float: left;
	width: 422px;
}

div#top_present{
	float: right;
	margin-bottom: 10px;
}

.market_recommend{
	width: 422px;
	float: left;
	background-color: #fffbed;
}

.market_recommend_row_l{
	width: 205px;
	float: left;	
	margin-top:10px;
	margin-left:8px;
	margin-bottom:10px;
	background: url(../img/top_market_dot_t3.gif);
	background-position: right;
	background-repeat: repeat-y;
}

.market_recommend_row_r{
	width: 200px;
	float: left;	
	margin-top:10px;
	margin-left:5px;
	margin-bottom:10px;
}

.market_recommend_dot2{
	float:left;
	margin-top:10px;
}

.market_recommend_dot_y2{
	float:left;
	margin-left:15px;
}

.market_recommend_dot_y3{
	float:right;
	margin-right:15px;
}

.top_market_image{
	float: left;
	width: 70px;
	height: 70px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 12px;
}

.market_caption{
	width: 90px;
	float:left;
	margin-top: 5px;
	margin-bottom: 0px;	
	font-size: 70%;
	display: block;
	line-height: 1.5;
}

img.go_market_img{
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

.go_market{
	margin-top: 0px;	
	margin-left: 30px;
	font-size: small;
	position: static;
}


.channel_btn{
	float: right;
	margin-top: 15px;
	margin-bottom: 5px;
}

.humhug_channel_lf {
	width: 200px;
	float: left;
	margin-bottom: 0px;
	margin-left: 12px;
}


.humhug_channel_rg {
	width: 200px;
	float: right;
	margin-bottom: 0px;
	margin-left: 9px;
}


.c-img {
	width: 60px;
	margin-top: 10px;
	margin-left: 0px;
	float: left;
}

.text_c {
	width: 125px;
	margin-top: 8px;
	margin-left: 10px;
	color: #663300;
	float: left;
	font-size: 70%;
	line-height: 1.5;
}






/* side_contents
------------------------------------------------------ */

div#side_contents{
	float: right;
	width: 197px;
	margin-top: -15px;
}

.topics_image{
	margin-top: auto;
	margin-bottom: 5px;
}


div#topics_list {
	width: 204px;
	height: 175px;
	margin-top: 0px;
	overflow-y:scroll;
	border: 2px dotted #336633;
	border-top: 2px dotted #336633;
	border-bottom: 2px dotted #336633;
	background-color: #FFF;

}

.topics_date{
    margin-top: 0px;
    margin-bottom: 3px;
	font-size: 10pt;
	text-indent: 1em;
	color: #660000;	
	background-color: #E9F3DA;
}

.topics_notice{
	width: 170px;
    margin-top: 3px;
    margin-left: 10px;
    margin-bottom: 3px;
	font-size: 9pt;
    line-height: 1.5;
	color: #808080;
	background-color: #FFF;
}

div#member_ad{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 208px;
	height: 130px;
}

div#member_ad a{
	margin-top: 0px;
	margin-bottom: 10px;
	width: 208px;
	height: 130px;
	display: block;

}

div#new_magazine{
	margin-top: 0px;
	margin-bottom: 20px;
	width: 208px;
	height: 65px;
}

div#new_magazine a{
	margin-top: 0px;
	margin-bottom: 20px;
	width: 208px;
	height: 65px;
	display: block;
}



div#top_humming {
	margin-bottom: 0px;
	background:url(../img/top_humming_button.gif) no-repeat;
}

div#top_humming a{
	background:url(../img/top_humming_button.gif) no-repeat;
	display: block;
	text-indent: -9999px;

}

div#humming_caption{
	margin-left: 5px;
	margin-right: 5px;
}

.humming_img{
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}


.humming_title{
	font-size: 70%;
	display: inline;
	font-weight: bold;
	line-height: 1.5;
}


.humming_text{
	font-size: 70%;
	width: 100px;
	height: auto;
	float:right;
	display: inline;
	line-height: 1.5;
}

img.humming_row{
	margin-top: 5px;
	margin-bottom: 5px;
}


img#humming_all_button{
	margin-top: 3px;
	margin-bottom: 20px;

}




/* footer
------------------------------------------------------ */

#footer {
	clear: both;
	margin-left: auto;
	margin-bottom: 10px;
	margin-right: auto;
	margin-top: 30px;
	display: block;
	width: 930px;
	background: #FFF;
	font-size: 80%;
}

#footer-menu {
	width: 930px;
	height: 25px;
	background: #fff url(../img/footer.gif) no-repeat;
	text-indent: 1em;
	padding-top: 2px;
	text-align: left;
}

#footer-menu a {
	color: #660000;
	text-decoration: none;
	padding-top: 18px;
}

#footer-menu a:hover {
	color: #660000;
	text-decoration: underline;
}


#footer p.browser {
	line-height: 150%;
	text-align: center;
	margin: 5px auto 0px 10px;
	padding-bottom: 10px;
	color: #444444;
	font-size:81%;
}



/*MT用  20100528記述
ーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#footer2 {
	clear: both;
	margin-left: auto;
	margin-bottom: 10px;
	margin-right: auto;
	margin-top: 10px;
	display: block;
	width: 930px;
	background: #FFF;
	font-size: 80%;
}




#footer2 p.browser {
	line-height: 150%;
	text-align: center;
	margin: 5px auto 0px 10px;
	padding-bottom: 10px;
	color: #444444;
	font-size:81%;
}