@charset "utf-8";

@import url("common.css");

/* CSS Document */
/* --------------------------------------------------

toppage

-------------------------------------------------- */
#container a:link{
	text-decoration:underline;
	font-weight: bold;
	color: #333333;
}

#container a:visited{
	text-decoration:underline;
	font-weight: bold;
	color: #333333;
}

#container a:hover{
	text-decoration:underline;
	font-weight: bold;
	color: #5B5B5B;
}

/* --------------------------------------------------

flashOut

-------------------------------------------------- */

#flashOut{
	width: 100%;
	background-color: #000000;
}



/* --------------------------------------------------

containerOut

-------------------------------------------------- */

#containerOut{
	width: 100%;
	background-image: url(../img/top/flash_bottom.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 12px;
	margin: 0 auto;
}


/* --------------------------------------leftColumn */

.leftColumn{
	width: 345px;
	float: left;
}

/* --------------------------------------------topNews */
#topNews{
	background: url(../img/top/news_back.jpg) no-repeat left top;
}

#topNews .title{
	padding-top: 15px;
}

#topNews  .title h2{
	float: left;
}

#topNews  .title p{
	float: left;
	padding-top: 2px;
	padding-left: 100px;
}

#topNews dl{
	width: 345px;
	margin-top: 20px;
}

#topNews dd{
	margin-bottom: 5px;
	padding-bottom: 8px;
	border-bottom: 1px solid #E0DCB4;
}

#topNews dd span{
	background: url(../img/green_square.gif) left 3px no-repeat;
	padding-left: 15px;
}

/* -----------------------------------------topBlog */

#topBlog{
	background: url(../img/top/blog_back.jpg) no-repeat left top;
	margin-top: 5px;
}

#topBlog .title h2{
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

#topBlog .title p{
	float: left;
	padding-top: 18px;
	padding-left: 80px;
}

#topBlog .blogInfo{
	width: 345px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E0DCB4;
}

#topBlog .blogInfo img{
	float: left;
	background: #FFFFFF;
	padding: 3px;
	border: 1px solid #DBDBDB;
}

#topBlog .blogInfo dl{
	float: right;
	width: 225px;
}

#topBlog .blogInfo dt h3{
	background: url(../img/green_square.gif) left 3px no-repeat;
	padding-left: 15px;
}

/* -----------------------------------------topEvent */

#topEvent{
	background: url(../img/top/event_back.jpg) no-repeat left top;
	margin-top: 5px;
}

#topEvent .title{
	padding-top: 20px;
}

#topEvent .title h2{
	float: left;
}

#topEvent .title p{
	float: left;
	padding-top: 2px;
	padding-left: 75px;
}

#topEvent ul{
	width: 345px;
	margin-top: 26px;
}

#topEvent li{
	margin-bottom: 8px;
}

#topEvent li img{
	vertical-align: middle;
	padding-right: 5px;
}

/* -------------------------------------leftCbanner*/

.leftCbanner img{
	margin-bottom: 5px;
}

.leftCbanner div{
	float: left;
	width: 182px;
}

.rightBanner{
	float: right;
	padding-top: 14px;
}


/* --------------------------------------centerColumn */

.centerColumn{
	width: 345px;
	float: left;
	margin-left: 25px;
}

.centerColumn h2{
	margin-bottom: 15px;
}

/* --------------------------------------Topfeature */

.Topfeature{
	width: 345px;
	border: 1px solid #CDC470;
	background: #FBFAF2;
	padding: 10px 0 0 0;
	margin-top: 10px;
}

.Topfeature li{
	width: 320px;
	margin: 0 auto 10px auto;
}


/* ------------------------------------------topShun */

#topShun{
	background: url(../img/top/shun_back.jpg) no-repeat left top;
	margin-top: 17px;
}

#topShun .title{
	padding-top: 15px;
	margin-bottom: 25px;
}

#topShun .title h2{
	float: left;
}

#topShun .title p{
	float: left;
	padding-top: 2px;
	padding-left: 22px;
}

.shunInfo{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E0DCB4;
}

.shunPhoto{
	float: left;
	background: #FFFFFF;
	padding: 3px;
	border: 1px solid #DBDBDB;
}

.shunInfo div{
	width: 235px;
	float: right;
}


.shunInfo div p img{
	vertical-align: top;
	padding-right: 5px;
}

.shunInfo div h3{
	padding-top: 5px;
}

/* --------------------------------------rightColumn */

.rightColumn{
	width: 223px;
	float: right;
}

/* ---------------------------------------topPhoto */

#topPhoto{
	width: 228px;
	background: url(../img/top/photo_back.jpg) no-repeat left top;
	margin-top: 10px;
}

#topPhoto .title{
}

#topPhoto .title h3{
	float: left;
	margin-top: 20px;
	margin-left: 5px;
}

#topPhoto .title p{
	float: right;
	margin-top: 40px;
	margin-right: 5px;
}

#topPhoto .PhotoInner{
	background: #DCD698;
	text-align: center;
	padding: 5px 0 10px 0;
}

#topPhoto .PhotoInner .photoArea{
	width: 206px;
	margin: 0 auto;
	background: #FFFFFF;
	padding: 4px;
}

#topPhoto .PhotoInner h4{
	text-align: left;
	background: #000000;
	padding: 2px 4px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 0.8em;
}


/* ---------------------------------------rightBanner1 */

.rightBanner1{
	background: #F3E0D7;
	width: 226px;
	margin-top: 10px;
	padding-bottom: 8px;
	border: 1px solid #E1BAB1;
	text-align: center;
}
.rightBanner1 li{
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

/* ---------------------------------------rightBanner2 */

.rightBanner2{
	background: #ECE8C8;
	width: 228px;
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.rightBanner2 li{
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

/* ---------------------------------------rightBanner3 */

.rightBanner3{
	background: #ECE8C8;
	width: 228px;
	margin-top: 10px;
}

.rightBanner3 ul{
	width: 205px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0;
	text-align: center;
}

.rightBanner3 ul li{
	float: left;
	margin-top: 4px;
}

.marginR5{
	margin-right: 5px;
}