@charset "utf-8";

#headerWrapper #header #menu li.menu01 a{
	background-position: 0px 28px;
}



#contents{
	padding-top: 20px;
}

#contents #mainPhotoFrame{
	float: right;
	width: 413px;	/* 415px */
	height: 422px;	/* 424px */
	border: 1px solid #A1A1A1;
	margin-top: 11px;
}
#contents #mainPhotoFrame #mainPhoto{
	position: relative;
	padding: 10px;
	width: 393px;
	height: 402px;
	overflow: hidden;
}
#contents #mainPhotoFrame #mainPhoto img{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 8;
}
#contents #mainPhotoFrame #mainPhoto img.active{
	z-index: 10;
}
#contents #mainPhotoFrame #mainPhoto img.last-active{
	z-index: 9;
}

#contents #rightArea{
	float: left;
	width: 515px;
	height: 435px;
	margin-bottom: 24px;
}
#contents #rightArea #topics{
	position: relative;
	width: 515px;
	height: 198px;
	background-image: url(images/pickup01Bg.jpg);
	margin-bottom: 25px;
}
#contents #rightArea #topics .topicsNote{
	width: 316px;
	padding: 60px 0px 0px 14px;
}
#contents #rightArea #topics .topicsNote p{
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	margin-bottom: 0.3em;
}
#contents #rightArea #topics .topicsNote p.nextNote{
	margin-bottom: 0;
}

#contents #rightArea #topics .topicsUnderNote{
	width: 500px;
	padding: 0px 0px 0px 14px;
}
#contents #rightArea #topics .topicsUnderNote p{
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	margin-bottom: 0.3em;
}

#contents #rightArea #topics .topicsOrange{
	margin: 40px 0px
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
}
#contents #rightArea #topics .topicsButton{
	position: absolute;
	top: 36px;
	left: 342px;
	width: 154px;
	height: 125px;
}
#contents #rightArea #topics .topicsButton a{
	display: block;
	width: 154px;
	height: 125px;
	background-image: url(images/pickup01Button.jpg);
	text-indent: -9999px;
	overflow: hidden;
}
#contents #rightArea #topics .topicsButton a:hover{
	background-position: 0px 125px;
}
#contents #rightArea #newsHeader{
	width: 515px;
	height: 45px;
	background-image: url(images/newsHeaderBg.jpg);
	text-indent: -9999px;
}
#contents #rightArea #news{
	width: 513px;
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
}
#contents #rightArea #news #newsBoxWrapper{
	width: 493px;
	height: 70px;	/* orig: 140px; */
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color: #D8FAD1;
}
#contents #rightArea #news #newsBoxWrapper .newsB{
	clear: both;
	background: url(images/newsSep.gif) top center no-repeat;
}
#contents #rightArea #news #newsBoxWrapper .newsDate{
	clear: both;
	float: left;
	padding: 8px 0px 8px 10px;
	width: 80px;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
}
#contents #rightArea #news #newsBoxWrapper .newsDetail{
	float: left;
	padding: 8px 10px 8px 0px;
	width: 393px;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
}
#contents #rightArea #news #newsBoxWrapper .sep{
	clear: both;
	margin: 8px 10px 0px 10px;
	padding: 0px;
	border: none;
	background: url(images/newsSep.gif) top center no-repeat;
	
	/*height: 1px;
	font-size: 1px;
	line-height: 1em;
	border: none;
	border-bottom: 1px dotted #999999;
	color: #FFFFFF;*/
	/*background-color: #FFFFFF;*/
}
#contents #rightArea #newsBottom{
	font-size: 12px;
	width: 515px;
	height: 27px;
	background-image: url(images/newsBottomBg.jpg);
}

#contents #boxWrapper{
	clear: both;
	width: 950px;
	line-height: 1.3em;
	font-size: 12px;
}
#contents #boxWrapper .box00Wrapper{
	float: left;
	width: 632px;
	height: 345px;
}
#contents #boxWrapper .box00Wrapper .box01{
	float: left;
	position: relative;
	background: url(images/box01bg.jpg) 0 0 no-repeat;
	width: 290px;	/* 310px */
	height: 123px;	/* 173px */
	padding: 50px 22px 0px 10px;
}
#contents #boxWrapper .box00Wrapper .box02{
	float: left;
	background: url(images/box02bg.jpg) 0 0 no-repeat;
	width: 290px;	/* 310px */
	height: 123px;	/* 173px */
	padding: 50px 10px 0px 10px;
}
#contents #boxWrapper .box00Wrapper .box03{
	float: left;
	background: url(images/box03bg.jpg) 0 0 no-repeat;
	width: 290px;	/* 310px */
	height: 124px;	/* 172px */
	padding: 48px 22px 0px 10px;
}
#contents #boxWrapper .box00Wrapper .box04{
	float: left;
	background: url(images/box04bg.jpg) 0 0 no-repeat;
	width: 290px;	/* 310px */
	height: 124px;	/* 172px */
	padding: 48px 10px 0px 10px;
}
#contents #boxWrapper .box00Wrapper img.boxPhoto{
	padding-bottom: 4px;
}

/*
#contents #boxWrapper .boxA{
	width: 197px;
	float: left;
	padding-right: 21px;
}
#contents #boxWrapper .boxA2{
	width: 197px;
	float: left;
	padding-right: 20px;
}
#contents #boxWrapper .boxTwitter{
	width: 296px;
	float: left;
}
#contents #boxWrapper .boxPlain{
	width: 195px;
	height: 254px;
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
	text-align: center;
}
#contents #boxWrapper .boxBottom{
	width: 197px;
	height: 31px;
	background-image: url(images/boxBottomBg.jpg);
}
#contents #boxWrapper #box01Header{
	width: 197px;
	height: 60px;
	background-image: url(images/box01HeaderBg.jpg);
	text-indent: -9999px;
}
#contents #boxWrapper #box02Header{
	width: 197px;
	height: 60px;
	background-image: url(images/box02HeaderBg.jpg);
	text-indent: -9999px;
}
#contents #boxWrapper #box03Header{
	width: 197px;
	height: 60px;
	background-image: url(images/box03HeaderBg.jpg);
	text-indent: -9999px;
}*/

#contents #boxWrapper #boxTwitter{
	width: 296px;
	float: right;
}
#contents #boxWrapper #boxTwitter #boxTwitterHeader{
	width: 297px;
	height: 60px;
	background-image: url(images/boxTwitterHeaderBg.jpg);
}
#contents #boxWrapper #boxTwitter #boxTwitterHeader a{
	display: block;
	width: 297px;
	height: 60px;
	text-indent: -9999px;
}
#contents #boxWrapper #boxTwitter #boxTwitterNote{
	width: 200px;	/* 295px */
	height: 83px;	/* 86px */
	padding: 3px 5px 0px 90px;
	font-size: 12px;
	color: #333333;
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
	background: url(images/boxTwitterNoteBg.jpg) 10px 3px no-repeat;
}
#contents #boxWrapper #boxTwitter #twitterWrapper{
	width: 295px;
	height: 193px;
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
}
#contents #boxWrapper #boxTwitter #twitterWrapper #twitter{
	width: 287px;	/* 287px */
	height: 186px;	/* 196px */
	margin: 0px 4px 0px 4px;
	padding: 10px 0px 0px 0px;
	background-color: #AFDBE5;
	overflow: scroll;
}
#contents #boxWrapper #boxTwitter #twitterWrapper #twitter p.loading{
	text-align: center;
	padding-top: 30px;
}
#contents #boxWrapper #boxTwitter #twitterWrapper #twitter .t_box{
	clear: both;
	width: 252px;	/* 268px - scrollbar(16) */
	padding: 0px 8px 8px 10px;
}
#contents #boxWrapper #boxTwitter #twitterWrapper #twitter .t_box .t_img{
	float: left;
	width: 48px;
	height: 48px;
	padding-right: 13px;
	background: url(images/twitterBg01.jpg) top right no-repeat;
}
#contents #boxWrapper #boxTwitter #twitterWrapper #twitter .t_box .t_com{
	float: left;
	width: 172px;	/* 204px - scrollbar(16) */
	min-height: 32px;	/* 48px */
	padding: 8px;
	font-size: 12px;
	color: #333333;
	line-height: 1.5em;
	background-color: #FFFFFF;
	border-right: 2px solid #60A2BD;
	border-bottom: 2px solid #60A2BD;
	
}
#contents #boxWrapper #boxTwitter #twitterBottom{
	width: 297px;
	height: 6px;
	background-image: url(images/boxTwitterBottomBg.jpg);
	font-size: 1px;
	line-height: 1em;
}

#contents #contentsBanner{
	clear: both;
	text-align: center;
	margin: 30px auto 30px auto;
}

.arrowA{
	display: block;
	float: right;
	padding: 0px 16px 0px 10px;
	background: url(common/images/arrow01.gif) left 7px no-repeat;
}
.arrowB{
	display: block;
	margin: 0px 0px 0px 11px;
	padding: 4px 0px 0px 10px;
	font-size: 12px;
	background: url(common/images/arrow01.gif) left 11px no-repeat;
}