@charset "shift-jis";

/* 	=====================================================================
	###SOC
	=================================================================== */



/* contents
----------------------------------------------------------- */
#contents {
	margin: 0px 10px;
	}
	
	#main-img{
		display: block;
		width: 800px;
		height: 295px;
		margin-bottom: 6px;
		text-align: center;
		vertical-align: middle;
		}
		
	#top-contents{
		}
		
		/*トップコンテンツ左カラム*/
		#top-contents .top-contents-left{
			float: left;
			width: 590px;
			}
			
			#top-contents .top-contents-left ul{
				clear: both;
				padding-bottom: 10px;
				}
				
				#top-contents .top-contents-left ul li{
					float: left;
					display: inline;
					text-indent: -9999px;
					}
					
					#top-contents .top-contents-left ul li.online-btn a{
						display: block;
						width: 290px;
						height: 82px;
						background: transparent url(/images/top/online-btn.jpg) no-repeat left top;
						text-decoration: none;
						margin-right: 10px;
						}
						
						#top-contents .top-contents-left ul li.online-btn a:hover{
							background: transparent url(/images/top/online-btn_f2.jpg) no-repeat left top;
							text-decoration: none;
							margin-right: 10px;
							}
					
					#top-contents .top-contents-left ul li.regular-btn a{
						display: block;
						width: 290px;
						height: 82px;
						background: transparent url(/images/top/regular-btn.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						#top-contents .top-contents-left ul li.regular-btn a:hover{
							background: transparent url(/images/top/regular-btn_f2.jpg) no-repeat left top;
							text-decoration: none;
							}
					
					#top-contents .top-contents-left ul li.media-btn a{
						display: block;
						width: 290px;
						height: 82px;
						background: transparent url(/images/top/media-btn.jpg) no-repeat left top;
						text-decoration: none;
						margin-right: 10px;
						}
						
						#top-contents .top-contents-left ul li.media-btn a:hover{
							background: transparent url(/images/top/media-btn_f2.jpg) no-repeat left top;
							text-decoration: none;
							margin-right: 10px;
							}
					
					#top-contents .top-contents-left ul li.comic-btn a{
						display: block;
						width: 290px;
						height: 82px;
						background: transparent url(/images/top/comic-btn.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						#top-contents .top-contents-left ul li.comic-btn a:hover{
							background: transparent url(/images/top/comic-btn_f2.jpg) no-repeat left top;
							text-decoration: none;
							}

			/*新着情報*/
			#top-contents .top-contents-left .topics h2{
				display: block;
				width: 590px;
				height: 32px;
				background: transparent url(/images/top/topics-title2.jpg) no-repeat left top;
				text-indent: -9999px;
				}
			
			#top-contents .top-contents-left .topics .topics-inner{
				margin-top: 2px;
				padding: 8px 14px 10px 14px;
				background-color: #F7FFFF;
				border-bottom: #EBEBEB 1px solid;
				}
				
				#top-contents .top-contents-left .topics .topics-inner dl{
					clear: both;
					padding-bottom: 3px;
					}
					
					#top-contents .top-contents-left .topics .topics-inner dl dt{
						float: left;
						width: 100px;
						_width: 118px;
						background: transparent url(/images/top/topics-icon.jpg) no-repeat left 0.5em;
						padding-left: 18px;
						color: #39825B;
						font-size: 90%;
						}
						
					#top-contents .top-contents-left .topics .topics-inner dl dd a{
						float: left;
						width: 440px;
						color: #0033FF;
						text-decoration: underline;
						}
					
						#top-contents .top-contents-left .topics .topics-inner dl dd a:hover{
							color: #999999;
							text-decoration: underline;
							}
		
		/*トップコンテンツ右カラム*/
		#top-contents .top-contents-right{
			float: right;
			width: 200px;
			}
			
			#top-contents .top-contents-right ul{
				}
				
				#top-contents .top-contents-right ul li{
					text-indent: -9999px;
					margin-bottom: 3px;
					}
					
					#top-contents .top-contents-right ul li.about-btn a{
						display: block;
						width: 200px;
						height: 41px;
						background: transparent url(/images/top/about-btn.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						#top-contents .top-contents-right ul li.about-btn a:hover{
							background: transparent url(/images/top/about-btn_f2.jpg) no-repeat left top;
							text-decoration: none;
							}
					
					#top-contents .top-contents-right ul li.userblog-btn a{
						display: block;
						width: 200px;
						height: 41px;
						background: transparent url(/images/top/userblog-btn.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						#top-contents .top-contents-right ul li.userblog-btn a:hover{
							background: transparent url(/images/top/userblog-btn_f2.jpg) no-repeat left top;
							text-decoration: none;
							}
					
					#top-contents .top-contents-right ul li.blog-btn a{
						display: block;
						width: 200px;
						height: 41px;
						background: transparent url(/images/top/blog-btn.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						#top-contents .top-contents-right ul li.blog-btn a:hover{
							background: transparent url(/images/top/blog-btn_f2.jpg) no-repeat left top;
							text-decoration: none;
							}
							
					#top-contents .top-contents-right ul li.blog-btn2 a{
						display: block;
						width: 200px;
						height: 41px;
						background: transparent url(/images/top/blog-btn2.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						#top-contents .top-contents-right ul li.blog-btn2 a:hover{
							background: transparent url(/images/top/blog-btn2_f2.jpg) no-repeat left top;
							text-decoration: none;
							}
					
					
					#top-contents .top-contents-right ul li.company-btn a{
						display: block;
						width: 200px;
						height: 41px;
						background: transparent url(/images/top/company-btn.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						#top-contents .top-contents-right ul li.company-btn a:hover{
							background: transparent url(/images/top/company-btn_f2.jpg) no-repeat left top;
							text-decoration: none;
							}

			#top-contents .top-contents-right .qr{
				background-color: #EFFAFE;
				padding: 9px 7px;
				}
				
				#top-contents .top-contents-right .qr .qr-inner{
					font-size: 90%;
					line-height: 1.4;
					padding-bottom: 5px;
					}
					
					#top-contents .top-contents-right .qr .qr-inner .qr-inner-left{
						float: left;
						width: 76px;
						margin-right: 6px;
						}
					
					#top-contents .top-contents-right .qr .qr-inner .qr-inner-right{
						float: right;
						width: 100px;
						color: #FF3300;
						}
				
				#top-contents .top-contents-right .qr .qr-form{
					clear: both;
					text-align: center;
					}
					
					#top-contents .top-contents-right .qr .qr-form .qr-form-btn{
						padding-top: 4px;
						}