@import "default.css";


/*----- MAIN CONTENTS -----*/


#Main-Contents-Wrapper{
	width:380px;
	height:auto;
	padding:0 10px 0 0;
	float:left;
}
*html #Main-Contents-Wrapper{
	padding:0 9px 0 0;
}


.Main-Con-Box{
	width:380px;
	height:auto;
	float:left;
}

#Main-Tab-Menu{
	width:380px;
	height:19px;
}

#Menu-Tab-a , #Menu-Tab-b , #Menu-Tab-c{
	width:126px;
	height:19px;
	list-style:none;
	display:inline;
	float:left;
	background:url(../images/tab_menu_news_on.gif) no-repeat left bottom;
}

#Menu-Tab-b{
	margin:0 1px;
	background:url(../images/tab_menu_blog_on.gif) no-repeat left bottom;
}

#Menu-Tab-c{
	background:url(../images/tab_menu_pog_on.gif) no-repeat left bottom;
}

#Menu-Tab-a a , #Menu-Tab-b a , #Menu-Tab-c a{ 
	display:block;
	width:126px;
	height:19px;
	font-size:1px;
	line-height:1px;
	outline:none;
}

#Menu-Tab-a a:hover , #Menu-Tab-b a:hover , #Menu-Tab-c a:hover{ 
	text-indent:-9999px;
} 

.Main-Con{
	width:380px;
	height:auto;
	padding:10px 0 0 10px;
	background:url(../images/c_menu_con.gif) repeat-y;
}
*html .Main-Con{
	padding:10px 0 0 10px;
	margin:0 -10px 0 0;
}

.Sm-tx{
	font-size:10px;
}

#Topic-List{
	width:220px;
	height:auto;
	float:left;
}

#Topic-List ul{
	width:220px;
	padding:5px 0 0 0;
}

#Topic-List li{
	font-size:12px;
	line-height:12px;
	padding:4px 0 4px 10px;
	list-style:none;
	background:url(../images/icon_d.gif) left no-repeat;
}

#Topic-Image{
	width:140px;
	height:162px;
	padding:0 10px 0 0;
	float:left;
}

#Image-Photo{
	width:140px;
	height:99px;
	text-align:center;
	background:url(../images/topic_image_bg.gif) left no-repeat;
}

#Image-Photo img{
	padding:11px 0 0 0;
}

#Topic-Tx{
	width:120px;
	height:auto;
	font-size:12px;
	padding:10px 10px 5px 10px;
	background:url(../images/topic_image_con_bg.gif) repeat-y;
}

#Release-Date{
	width:120px;
	height:auto;
	font-size:10px;
	line-height:120%;
	padding:0 10px 6px 10px;
	background:url(../images/topic_image_con_bg.gif) repeat-y;
}

#Topic-Btm{
	width:140px;
	height:5px;
}

#Blog-List{
	width:360px;
	height:auto;
	float:left;
	background:url(../images/blog_navi_title.gif) no-repeat top;
}
#Blog-Title01{
	width:160px;
	height:auto;
	float:left;
}
#Blog-Title01 ul{
	width:160px;
	padding:18px 0 0 0;
}
#Blog-Title01 li{
	height:16px;
	font-size:12px;
	list-style:none;
	padding:3px 0 0 10px;
	background:url(../images/icon_f.gif) no-repeat;
}

#Blog-Title02{
	width:123px;
	height:auto;
	float:left;
}
#Blog-Title02 ul{
	width:123px;
	padding:18px 0 0 0;
}

#Blog-Title02 li{
	height:16px;
	font-size:12px;
	list-style:none;
	padding:4px 0 0 0;
	margin:0 0 -1px 0;
	background:url(../images/dot_line.gif) repeat-x;
}
#Blog-Date{
	width:77px;
	height:auto;
	float:left;
}
#Blog-Date ul{
	width:77px;
	padding:18px 0 0 0;
}

#Blog-Date li{
	height:16px;
	font-size:9px;
	list-style:none;
	padding:4px 0 0 0;
	margin:0 0 -1px 0;
	background:url(../images/dot_line.gif) repeat-x;
}
#Blog-Date li, x:-moz-any-link, x:only-child{
	font-size:10px;
}
html>/**/body #Blog-Date li{
	font-size /*\**/:10px\9;
}
*html #Blog-Date li{
	font-size:10px;
	padding:5px 0 0 0;
	margin:0 0 -3px 0;
}
*+html #Blog-Date li{
	font-size:10px;
	padding:5px 0 0 0;
	margin:0 0 -3px 0;
}




.Main-Con-btm{
	width:380px;
	height:15px;
}

#Main-Con-Title-a , .Right-Navi-Title-b{
	width:380px;
	height:32px;
}

#Right-Navi-Title-b{
	background:url(../images/menu_title_blog_kingdom.gif) no-repeat;
}

.Pickup-Image{
	width:50px;
	height:50px;
	padding:0 6px 0 0;
	float:left;
}

.Main-Con dl{
	width:304px;
	height:50px;
	padding:0 0 10px 0;
	font-size:12px;
	line-height:14px;
	float:left;
}

.Main-Con dl dt{
	font-weight:bold;
	margin:0 0 5px 0;
}


/*----- 可変コンテンツ（UMAJIN GP banner） -----*/

#UJ-GP-BnrBox{
	width:380px;
	height:102px;
	padding:0 0 10px 0;
	float:left;
}


/*----- 可変コンテンツ（UMAJIN GP） -----*/

#UJ-GP-Box{
	width:380px;
	height:auto;
	padding:0 0 10px 0;
	clear:both;
}

#GP-Con-Header{
	width:380px;
	height:91px;
	background:url(../images/gp_con_header_bg.gif) no-repeat;
}

#GP-Con-Header p{
	width:358px;
	height:80px;
	padding:10px 11px 0 11px;
}

#GP-Con-Copy{
	width:380px;
	height:50px;
	float:left;
	background:url(../images/gp_con_copy_bg.gif) no-repeat;
}

#GP-Con-Copy p{
	font-size:12px;
	font-weight:bold;
	line-height:110%;
	padding:10px 11px;
}

#GP-Con-List{
	width:380px;
	height:auto;
	float:left;
	background: #CFCFCF url(../images/gp_con_bg.gif) no-repeat;
}

#GP-Con-List p{
	width:353px;
	height:auto;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
	margin:0 auto;
	padding:0 0 0 7px;
	background:url(../images/icon_h.gif) no-repeat left;
	border-bottom:dotted 1px #5B8800;
}

#GP-Con-List ul{
	width:175px;
	padding:10px 0 5px 10px;
	float:left;
}

#GP-Con-List ul li{
	font-size:12px;
	line-height:12px;
	padding:3px 0 3px 10px;
	list-style:none;
	background:url(../images/icon_e.gif) left top no-repeat;
}

#GP-Con-Btm{
	width:380px;
	height:5px;
	background:url(../images/gp_con_list_bg.gif) no-repeat;
	clear:both;
}


/*----- 可変コンテンツ（動画王国） -----*/


#Movie-Kdm-Box{
	width:380px;
	height:auto;
	padding:0 0 10px 0;
	float:left;
}

#MovMag-Con-Header{
	width:380px;
	height:32px;
	padding:0 0 0 35px;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:32px;
	background:url(../images/movmag_con_header_bg.gif) no-repeat;
}
*html #MovMag-Con-Header{
	margin:0 -35px 0 0;
}

*html #MovMag-Con-Header img{
	margin:10px 0 0 0;
}

#Movie-Con{
	width:370px;
	height:auto;
	padding:10px 0 0 10px;
	background:url(../images/c_menu_con.gif) repeat-y;
	float:left;
}

#Movie-Con-Top{
	width:360px;
	height:auto;
	float:left;
	padding:0 0 5px 0;
	border-bottom:1px dotted #999999;
}

#Movie-Con-Btm{
	width:360px;
	height:auto;
	float:left;
	padding:10px 0 0 0;
}

#Movie-Con-Top dl , #Movie-Con-Btm dl{
	width:275px;
	height:auto;
	padding:0;
	float:left;
	font-size:12px;
	line-height:14px;
}

#Movie-Con dt{
	font-weight:bold;
	margin:0 0 3px 0;
}

.Movie-Con-Img{
	padding:0 0 5px 0;
	float:right;
}


/*----- 可変コンテンツ（雑誌UMAJIN） -----*/


#Mag-UJ-Box{
	width:380px;
	height:auto;
	padding:0 0 10px 0;
	clear:both;
}

#Mag-UJ-Con{
	width:380px;
	height:auto;
	padding:10px 0 0 10px;
	background:url(../images/c_menu_con.gif) repeat-y;
	float:left;
}
*html #Mag-UJ-Con{
	margin:0 -10px 0 0;
}

#Mag-UJ-Img{
	width:125px;
	height:164px;
	padding:0 0 5px 0;
	float:left;
}

#Mag-UJ-Con dl{
	width:230px;
	height:auto;
	padding:0 0 5px 10px;
	font-size:12px;
	line-height:14px;
	float:left;
}

#Mag-UJ-Con dt{
	font-weight:bold;
	margin:0 0 4px 0;
}

#Mag-UJ-Con dd{
	height:auto;
	padding:0 5px 0 0;
}

#Mag-UJ-Btm-Tx{
	width:230px;
	padding:10px 0 5px 10px;
	float:left;
	font-size:12px;
	font-weight:bold;
}
#Mag-UJ-Con p{
	float:right;
	padding:0 15px 0 0;
}

/*----- RIGHT NAVI -----*/


#Right-Navi-Wrapper{
	width:350px;
	height:auto;
	float:right;
}

.Right-Navi-Bnr{
	width:350px;
	height:auto;
	padding:0 0 10px 0;
}
*html .Right-Navi-Bnr{
	float:inherit;
}
.Right-Navi-Box{
	width:350px;
	height:auto;
	padding:0 0 10px 0;
}

#Right-Navi-Title-a , .Right-Navi-Title-b , #Right-Navi-Title-c{
	width:350px;
	height:32px;
}

#Right-Navi-Title-a{
	background:url(../images/menu_title_blog_kingdom.gif) no-repeat;
}
#Right-Navi-Title-c{
	background:url(../images/menu_title_reporter.gif) no-repeat;
}
.Right-Navi-Con{
	width:350px;
	height:auto;
	background:url(../images/r_menu_con.gif) repeat-y;
}

.Img-Photo{
	padding:10px 6px 5px 10px;
	float:left;
}

.Right-Navi-Con dl{
	width:244px;
	height:auto;
	margin:0 auto;
	padding:10px 0;
	font-size:12px;
	line-height:14px;
	float:left;
}

.Right-Navi-Con dl dt{
	font-weight:bold;
	margin:0 0 3px 0;
}

.Update-Time{
	font-size:10px;
	float:right;
	padding:0 5px 0 0;
}

#Mobile-Info-Tx{
	width:265px;
	margin:0;
	padding:0;
	float:left;
}

#Img-Info-Tx{
	padding:10px 0 5px 10px;
}

.Info-Tx{
	padding:0 0 0 10px;
	line-height:16px;
}

#QR-Code{
	padding:10px 10px 5px 0;
	float:right;
}

.Right-Navi-Btm{
	width:350px;
	height:5px;
}

#List-Move{
	margin:10px 0 0 0;
	text-align:right;
	font-size:12px;
	font-weight:bold;
}

/*----- クイックアンケート 2010.09.16追加  -----*/
#Enquete-Title{
	width:380px;
	height:32px;
}
#Enquete{
	width:360px;
	height:auto;
	padding:10px 10px 0 10px;
	background:url(../images/c_menu_con.gif) repeat-y;
}
#question_box{
	width:358px;
	border-bottom:dotted 1px #999999;
	margin:0 0 0px 0;
}
.question{
	width:350px;
	padding:2px 0 0 8px;
	margin:0 0 4px 0;
	font-weight:bold;
	color:#5B8800;
	font-size:12px;
	background:url(../images/icon_title_repeat.gif) 2px repeat-y;
}
#selection_box{
	width:358px;
	margin:0 0 10px 0;
}
#selection_box li{
	width:341px;
	font-size:12px;
	line-height:12px;
	padding:7px 0 6px 17px;
	list-style:none;
	background:url(../images/icon_d.gif) 7px no-repeat;
	border-bottom:dotted 1px #999999;
}
#selection_box_login{
	width:358px;
	margin:0 0 10px 0;
}
#selection_box_login li{
	width:358px;
	font-size:12px;
	line-height:12px;
	padding:5px 0 4px 0px;
	list-style:none;
	border-bottom:dotted 1px #999999;
}
.catch{
	width:358px;
	font-size:12px;
	text-align:center;
	color:#FF6633;
	font-weight:bold;
	margin:0 0 10px 0;
}
.login{
	width:358px;
	font-size:12px;
	text-align:center;
	margin:0 0 10px 0;
}
.before_login{
	color:#FF6633;
}
.after_login{
	width:80px;
	cursor:pointer;
}
.result{
	width:358px;
	font-size:12px;
	text-align:right;
	color:#FF6633;
	margin:0 0 6px 0;
}
.select{
	padding:0;
	margin:0 3px 0 0;
}
