@charset "utf-8";

/*=============================================

	raijin.com - contents.css
	
	created:2012/04/1

=============================================*/


/* -------------------------------------------------------------------------------
  Common
--------------------------------------------------------------------------------*/

#ContentsWrap{
	width:1100px;
	margin:15px auto 40px;
	position:relative;
}

#ContentsWrap:after{
	content:".";
	display:block;  
	visibility:hidden;  
	height:0.1px;  
	font-size:0.1em;  
	line-height:0;  
	clear:both;  
}

.MenuBox{
	border:1px solid #d4d4d4;
	margin-top:10px;
	margin-bottom:10px;
}

.MenuBox ul {
	_zoom:1;
	overflow: hidden;
}

.MenuBox li{
	background:url(../images/line_dotted.gif) repeat-x left top;
	line-height:1.1em;
	margin:-1px 2px 0;
	padding:0.7em 0;
	display:block;
}

.MenuBox .innerMenuP {
	background:url(../images/line_dotted.gif) repeat-x left top;
	line-height:1.1em;
	margin:-1px 2px 0;
	padding:0.7em 0 0.7em 0.7em;
}


.MenuBox a{
	background:url(../images/arrow_menu.gif) no-repeat right 50%;
	display:block;
	padding:0 20px 0 10px;
	color: #383838;
}

.MenuBox a:visited {
	color: #383838;
	text-decoration: none;
}

.MenuBox a:hover {
	color: #0c71b4;
	text-decoration: underline;
}


/* -------------------------------------------------------------------------------
  Header
--------------------------------------------------------------------------------*/

#Header{
	width:100%;
	height:117px;
	background:url(../images/header_back.gif) repeat-x left bottom;
}

#Header #HeaderWrap{
	width:1100px;
	text-align:left;
	position:relative;
	top:15px;
	margin:0 auto;
}

#Header #HeaderLogo{
	width:215px;
	position:absolute;
	left:0;
}

#Header #HeaderBnr{
	background:url(../images/menu_header_back200.gif) repeat-x center top;
	width:728px;
	position:absolute;
	right:0;
}


/* -------------------------------------------------------------------------------
  Search area
--------------------------------------------------------------------------------*/

#SearchArea{
	width:100%;
	height:39px;
	background:url(../images/search_back.gif) repeat-x center bottom;
}

#SearchArea #SearchWrap{
	width:1100px;
	margin:0 auto;
	padding-top:7px;
	right:0;
	position:relative;
}

#SearchArea #WebSearch,#SearchArea #SiteSearch{
	float:right;
	margin-right:19px;
	_width:264px;
}

#SearchArea input{
	float:left;
}

.SrcBox{
	width:162px;
	_width:170px;
	height:24px;
	_height:26px;
	line-height:24px;
	border:1px solid #679dc1;
	margin-right:4px;
	padding:0 5px;
	vertical-align:middle;
}

#SearchArea dl.FontSize{
		float:right;
}

#SearchArea dl.FontSize dt{
		float:left;
		color:#ffffff;
		margin-right:10px;
		line-height:26px;
}

#SearchArea dl.FontSize dd{
		float:left;
		margin-left:4px;
		display:block;
		width:25px;
		height:26px;
		line-height:26px;
}

.fontdefault{
	background:url(../images/btn_fontsize_m_on.gif) no-repeat;
}

.fontsmall{
	background:url(../images/btn_fontsize_s_on.gif) no-repeat;
}

.fontlarge{
	background:url(../images/btn_fontsize_l_on.gif) no-repeat;
}

.default{
	filter:alpha(opacity=0); /*IE*/
	-moz-opacity:0.0; /*FF*/
	opacity:0.0;
}

.small{
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:1.0; /*FF*/
	opacity:1.0;
}

.large{
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:1.0; /*FF*/
	opacity:1.0;
}



/* -------------------------------------------------------------------------------
  Breadcrum List
--------------------------------------------------------------------------------*/
#Breadcrum{
	margin-bottom:18px;
	line-height:1.1em; 
}

#Breadcrum span{
	padding:0 0.8em;
}


/* -------------------------------------------------------------------------------
  Right column
--------------------------------------------------------------------------------*/

#RightColumn{
	width:300px;
	float:right;
	text-align:left;
}

#RightColumn .MenuBox h2,#RightColumn .WeatherBox h2{
	background:url(../images/menu_header_back300.gif) no-repeat center top;
	width:298px;
	height:30px;
	color:#004f82;
	font-weight:bold;
	text-indent:8px;
	line-height:30px;
}

#RightColumn .MenuBox h2{
	margin-bottom:8px;
	width:298px;
}

#RightColumn .MenuBox span.icoNew{
	background:url(../images/ico_new.gif) no-repeat left 50%;
	display:inline-block;
	padding:0 1em 0 17px;
}

#RightColumn .SubOrder{
	margin-top:10px;
	height:50px;
}

#RightColumn .SubOrder0{
	margin-top:10px;
	margin-bottom:3px;
}

#RightColumn .SubOrder2{
	margin-top:10px;
	height:250px;
}

#RightColumn .SubOrder3{
	margin-top:10px;
	height:60px;
}

#RightColumn .SubOrder li.BtnAd{
	line-height:0;
	vertical-align:bottom;
	float:left;
}

#RightColumn .SubOrder li.BtnSub{
	line-height:0;
	vertical-align:bottom;
	float:right;
}

#RightColumn .WeatherBox{
	margin-top:10px;
	border:1px solid #d4d4d4;
}

#RightColumn .WeatherBox{
	border:1px solid #d4d4d4;
	margin-top:10px;
}

#RightColumn .WeatherBox .WBoxInner{
	background:url(../images/g_weather_back.gif) no-repeat center top;
	position:relative;
	width:298px;
	height:265px;
}

#RightColumn .WeatherBox li{
	width:47px;
	text-align:center;
	display:block;
	position:absolute;
	line-height:1.4em;
}

#RightColumn .WeatherBox li#W_Maebashi{
	top:119px;
	left:118px;
}

#RightColumn .WeatherBox li#W_Takasaki{
	top:169px;
	left:112px;
}

#RightColumn .WeatherBox li#W_Kiryu{
	top:114px;
	left:176px;
}

#RightColumn .WeatherBox li#W_Tatebayashi{
	top:163px;
	left:212px;
}

#RightColumn .WeatherBox li#W_Numata{
	top:60px;
	left:160px;
}

#RightColumn .WeatherBox li#W_Minakami{
	top:11px;
	left:138px;
}

#RightColumn .WeatherBox li#W_Kusatsu{
	top:61px;
	left:78px;
}

#RightColumn .WeatherBox li#W_Tsumagoi{
	top:105px;
	left:24px;
}

#RightColumn .WeatherBox li#W_Shimonita{
	top:175px;
	left:53px;
}

#RightColumn .WeatherBox .WeatherTimeHead{
	position:absolute;
	top:5px;
	left:5px;
	font-size:93%;
	width:130px;
}

#RightColumn .WeatherBox .WeatherTimeBtm{
	position:absolute;
	bottom:5px;
	right:5px;
	font-size:93%;
}

#RightColumn .AdArea{
	margin:10px 0;
}

#RightColumn .MobileAcc{
	background:url(../images/mobile_back.gif) no-repeat left center;
	height:70px;
	_height:90px;
	width:193px;
	_width:300px;
	padding:20px 90px 0 17px;
	line-height:1.3em;
}


/* -------------------------------------------------------------------------------
  Footer
--------------------------------------------------------------------------------*/

#Footer{
	width:100%;
	background:url(../images/footer_back.gif) repeat-x left top;
	background-color:#ededed;
	padding:12px 0 15px;
	clear:both;  
}

#Footer .info{
	background:url(../images/mark_jomoshimbun.gif) no-repeat left center;
	margin:0 auto 10px;
	padding:15px 0 0 48px;
	display:inline-block;
	max-width:32em;
	_width:30em;
	height:68px;
	_height:78px;
}

#Footer .info span{
	letter-spacing:0.5em ;
}

#Footer .copyright{
	text-align:left;
	line-height:1.4em;
}

#Footer #NewsList{
	width:1100px;
	margin:0 auto;
	padding-top:12px;
	text-align:left;
	border-top:1px solid #b9b9b9;
	line-height:1.4em;
}

#Footer #NewsList:after{
	content:".";
	display:block;  
	visibility:hidden;  
	height:0.1px;  
	font-size:0.1em;  
	line-height:0;  
	clear:both;  
}

#Footer #NewsList p{
	font-weight:bold;
	margin-bottom:10px;
}

#Footer #NewsList p a{
	padding-left:16px;
	background:url(../images/ico_pen.gif) no-repeat 2px 50%;
}

#Footer #NewsList span{
	padding:0 15px 0 3em;
	background:url(../images/arrow_list.gif) no-repeat right 50%;
}

#Footer #NewsList li{
	margin:0 0.6em 0.5em 0;
	padding-right:0.7em;
	float:left;
	line-height:1.1em;
	border-right:1px solid #383838;
	white-space:nowrap;
}

#Footer #NewsList li:last-child,#Footer #NewsList li.last{
	margin-right:0;
	padding-right:0;
	border-right:none;
}

#Footer #NewsList li a{
	color:#383838;
}

#Footer #NewsList li a:hover {
	color: #0c71b4;
	text-decoration: underline;
}