@charset "utf-8";

/*Rset*/

* {
    margin: 0;
    padding: 0;
	}

table,img,p {
    border: 0;
	}

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #333;
    font-size: 72.5%;
	}

li {
    list-style-type: none;
	}

select {
    border: solid 1px #CCC;
	}

em {
    font-style: normal;
    color: #ff0000;
	}

/* フロート回り込み解除*/
br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
	}

/* リンク指定*/
a {
	text-decoration: none;
	color: #1d3994;
	}

a:hover, a:active {
	color: #000099;
	text-decoration: underline;
	}

/*FONT STYLE*/
h1,h2,h3,h4,h5 {
    font-size: 100%;
	}

/*CLASS STYLE*/	
.attention {
	color: #ff0000;
	}
	
.mini {
	 font-size: 90%;
	 }

.picture {
    border: 1px solid #CCC;
	}
	 	
/***************Layout STYLE***************/
div#Container {
	width: 950px;
	margin: 0 auto;
	}
	
div#Wrap {
	font-weight: normal;
	list-style: none;
	}

/***************HEADER STYLE***************/
div#Heder-Area {
	position: relative;
	background-color: #FFF;
	height: 75px;
	width: 950px;
	margin: 0;
	padding: 0;
	}

div#Heder-Area h1 {
	position: relative;
	height: 50px;
	width: 275px;
	margin: 0 5px;
	padding: 15px 0 0 0;
	}
		
div#Heder-Area h1 a {
	display: block;
	background: url(images/common/logo.gif) no-repeat;
	height: 50px;
	width: 275px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Heder-Area h2 {
	position: absolute; left: 420px; top: 8px;
	width: 520px;
	font-weight: normal;
	font-size: 90%;
	text-align: right;
	}

/*Google-Search STYLE*/
#Google-Search {
	position: absolute; left: 685px; top: 30px;
	height: 35px;
	width: 265px;
	}

/***************MainMiddle STYLE***************/
div#MainMiddle-Area {
	position: relative;
	width: 950px;
	margin: 10px 0;
	}
	
/***************MainMiddle-Left STYLE***************/
div#MainMiddle-Left {
	float: left;
	width: 220px;
	margin: 0 0 20px 0;
	}

/***************MainMiddle-Center STYLE***************/
div#MainMiddle-Center {
	float: left;
	width: 400px;
	margin: 0 0 20px 0;
	}

/***************MainMiddle-Right STYLE***************/
div#MainMiddle-Right {
	float: right;
	width: 320px;
	margin: 0 0 20px 0;
	}

/*MainMiddle-Left*/
div#Category {
	position: relative;
	width: 220px;
	}

/*Category Style*/
div#Category h3 {
	background: url(images/common/category_title.gif) no-repeat;
	height: 40px;
	width: 220px;
	text-indent: -9999px;
	}

div#Category ul {
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	list-style-type: none;
	}

div#Category li {
	border-bottom: #999 dotted 1px;
	width: 200px;
	margin: 0;
	padding: 0;
	}

div#Category li.gurume a {
	display: block;
	background: url(images/common/category_gurume.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.gurume a:hover, div#Category li.gurume a:active {background-position: 0 -45px;}

div#Category li.shopping a {
	display: block;
	background: url(images/common/category_shopping.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.shopping a:hover, div#Category li.shopping a:active {background-position: 0 -45px;}

div#Category li.fasion a {
	display: block;
	background: url(images/common/category_fasion.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.fasion a:hover, div#Category li.fasion a:active {background-position: 0 -45px;}

div#Category li.beautiful a {
	display: block;
	background: url(images/common/category_beautiful.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.beautiful a:hover, div#Category li.beautiful a:active {background-position: 0 -45px;}

div#Category li.interior a {
	display: block;
	background: url(images/common/category_interior.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.interior a:hover, div#Category li.interior a:active {background-position: 0 -45px;}

div#Category li.art a {
	display: block;
	background: url(images/common/category_art.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.art a:hover, div#Category li.art a:active {background-position: 0 -45px;}

div#Category li.amusement a {
	display: block;
	background: url(images/common/category_amusement.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.amusement a:hover, div#Category li.amusement a:active {background-position: 0 -45px;}

div#Category li.study a {
	display: block;
	background: url(images/common/category_study.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.study a:hover, div#Category li.study a:active {background-position: 0 -45px;}

div#Category li.life a {
	display: block;
	background: url(images/common/category_life.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.life a:hover, div#Category li.life a:active {background-position: 0 -45px;}

div#Category li.look a {
	display: block;
	background: url(images/common/category_look.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.look a:hover, div#Category li.look a:active {background-position: 0 -45px;}

div#Category li.traffic a {
	display: block;
	background: url(images/common/category_traffic.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.traffic a:hover, div#Category li.traffic a:active {background-position: 0 -45px;}

div#Category li.rest a {
	display: block;
	background: url(images/common/category_rest.gif) no-repeat;
	height: 40px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
	}

div#Category li.rest a:hover, div#Category li.rest a:active {background-position: 0 -45px;}

/*YahooWeather Style*/
div#YahooWeather {
	position: relative;
	background: url(images/common/unbg.gif);
	width: 200px;
	text-align: center;
	margin: 10px 0 0 5px;
	padding: 10px 0;
	}

/*CollectArea Style*/
div#CollectArea {
	position: relative;
	width: 220px;
	margin: 10px 0 0 0;
	padding: 0;
	}

div#CollectArea h3 {
	text-align: center;
	width: 197px;
	margin: 0 0 0 5px;
	padding: 0;
	}

/*BanerArea Style*/
div#BanerArea {
	position: relative;
	width: 220px;
	margin: 10px 0 0 0;
	padding: 0;
	}

div#BanerAreaTL {
	position: relative;
	height: 46px;
	width: 220px;
	}

div#BanerAreaTL h3 {
	background: url(images/common/contents_tl.gif) no-repeat;
	height: 46px;
	width: 220px;
	text-indent: -9999px;
	}

div#BanerList {
	position: relative;
	border: #CCC solid 1px;
	width: 197px;
	margin: 0 0 0 5px;
	padding: 0;
	}

div#BanerList span {
	display: block;
	}

div#BanerList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div#BanerList li {
	text-align: center;
	border-bottom: #CCC dotted 1px;
	font-size: 90%;
	line-height: 20px;
	margin: 0 0 10px 0;
	padding: 8px 0;
	}

/*MainMiddle-Center*/
div#Information {
	position: relative;
	width: 400px;
	}

div#Information-TL {
	background: url(images/top/info_title.gif) no-repeat;
	height: 40px;
	width: 400px;
	margin: 0;
	padding: 0;
	}

#Information-TL p {
	text-align: right;
	width: 200px;
	font-size: 90%;
	color: #555;
	margin: 0;
	padding: 17px 0 0 190px;
	}

/*TopicArea style*/
div#TopicArea {
	position: relative;
	border: #CCC solid 4px;
	background: url(images/top/topic.gif) no-repeat 10px 10px;
	line-height: 19px;
	height: 170px;
	width: 385px;
	margin: 8px 0 0 5px;
	padding: 0;
	}

div#TopicArea h3 {
	position: relative;
	font-weight: normal;
	margin: 0;
	padding: 35px 10px 0 10px;
	}

div#TopicArea h3 a {
	display: block;
	}

div#TopicArea a:hover strong, div#TopicArea a:active strong {
	text-decoration: none;
	color: #003399;
	}

div#TopicArea h3 img {
	float: left;
	border: #CCC solid 1px;
	margin: 0 5px 0 0;
	padding: 0;
	}

div#TopicArea h3 strong {
	color: #990000;
	padding: 0;
	}

div#TopicArea h3 span {
	text-align: justify;
	text-justify: inter-ideograph;
	display: block;
	margin: 0;
	padding: 0;
	}

/*InfoArea style*/
div#InfoArea {
	position: relative;
	border: #CCC solid 4px;
	line-height: 19px;
	height: 220px;
	width: 385px;
	margin: 8px 0 0 5px;
	padding: 0;
	}

div#InfoArea h3 {
	position: relative;
	height: 125px;
	font-weight: normal;
	margin: 0;
	padding: 10px 10px 0 10px;
	}

div#InfoArea h3 a {
	display: block;
	}

div#InfoArea a:hover strong, div#InfoArea a:active strong {
	text-decoration: none;
	color: #003399;
	}

div#InfoArea h3 img {
	float: left;
	border: #CCC solid 1px;
	margin: 0 5px 0 0;
	padding: 0;
	}

div#InfoArea h3 strong {
	color: #990000;
	padding: 0;
	}

div#InfoArea h3 span {
	text-align: justify;
	text-justify: inter-ideograph;
	display: block;
	margin: 0;
	padding: 0;
	}

div#InfoArea h4 {
	margin: 10px 0 0 0;
	padding: 0;
	}

/*PickUpArea style*/
div#PickUpArea {
	position: relative;
	border: #CCC solid 1px;
	background: url(images/top/pickup.gif) no-repeat 10px 10px;
	width: 391px;
	margin: 5px 0 0 5px;
	padding: 0;
	}

div#PickUpArea ul {
	margin: 35px 0 0 0;
	padding: 0 10px;
	}

div#PickUpArea li {
	background: url(images/common/icon.gif) no-repeat;
	color: #000099;
	width: 355px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 10px 15px;
	}

li.icon {
	height: 16px;
	width: 16px;
	}

/*Media style*/
div#MediaArea {
	position: relative;
	width: 400px;
	margin: 10px 0 0 0;
	padding: 0;
	}

div#Media-TL {
	background: url(images/top/media_title.gif) no-repeat;
	height: 40px;
	width: 400px;
	margin: 0;
	padding: 0;
	}

div#Media-TL p {
	text-align: right;
	width: 220px;
	font-size: 90%;
	color: #555;
	margin: 0;
	padding: 17px 0 0 170px;
	}

/*MediaList*/
div#MediaList {
	position: relative;
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	height: 210px;
	width: 390px;
	margin: 0 0 0 5px;
	padding: 0;
	}

div#MediaList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div#MediaList li {
	text-align: center;
	font-size: 90%;
	margin: 0;
	padding: 0;
	}

div#MediaList li img {
	border: #CCC solid 1px;
	}

div#MediaList li a {
	display: block;
	height: 55px;
	width: 150px;
	text-decoration: none;
	}

div#MediaList li.jcom {	
	position: absolute; left: 20px; top: 20px;
	height: 55px;
	width: 150px;
	}

div#MediaList li.itscom {	
	position: absolute; left: 215px; top: 20px;
	height: 55px;
	width: 150px;
	}

div#MediaList li.tamatv {	
	position: absolute; left: 20px; top: 120px;
	height: 55px;
	width: 150px;
	}
	
div#MediaList li.youtube {	
	position: absolute; left: 215px; top: 120px;
	height: 55px;
	width: 150px;
	}

/*Books style*/
div#BooksArea {
	position: relative;
	background-color: #ffffcc;
	width: 400px;
	margin: 10px 0 0 0;
	padding: 0;
	}

div#Books-TL {
	background: url(images/top/books_title.gif) no-repeat;
	height: 40px;
	width: 400px;
	margin: 0;
	padding: 0;
	}

div#Books-TL p {
	text-align: right;
	width: 220px;
	font-size: 90%;
	color: #555;
	margin: 0;
	padding: 17px 0 0 170px;
	}

/*BooksList*/
div#BooksList {
	position: relative;
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	height: 210px;
	width: 390px;
	margin: 0 0 0 5px;
	padding: 0;
	}

div#BooksList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div#BooksList li {
	background-color: #FFF;
	border: #CCC solid 1px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	}

div#BooksList li strong {
	display: block;
	color: #990000;
	}

div#BooksList li a:hover strong, div#BooksList li a:active strong {
	text-decoration: none;
	color: #003399;
	}

div#BooksList li img {
	float: left;
	margin: 0 5px 0 0;
	}

div#BooksList li.book01 {	
	position: absolute; left: 7px; top: 20px;
	height: 75px;
	width: 180px;
	}

div#BooksList li.book02 {	
	position: absolute; left: 200px; top: 20px;
	height: 75px;
	width: 180px;
	}

div#BooksList li.book03 {	
	position: absolute; left: 7px; top: 110px;
	height: 75px;
	width: 180px;
	}
	
div#BooksList li.book04 {	
	position: absolute; left: 200px; top: 110px;
	height: 75px;
	width: 180px;
	}

/*Community style*/
div#CommunityArea {
	position: relative;
	width: 400px;
	margin: 10px 0 0 0;
	padding: 0;
	}

div#Community-TL {
	background: url(images/top/community_tl.gif) no-repeat;
	height: 40px;
	width: 400px;
	margin: 0;
	padding: 0;
	}

div#Community-TL p {
	text-align: right;
	width: 220px;
	font-size: 90%;
	color: #555;
	margin: 0;
	padding: 17px 0 0 170px;
	}

/*CommunityList*/
div#CommunityList {
	position: relative;
	background-color: #ffffcc;
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	height: 410px;
	width: 390px;
	margin: 0 0 0 5px;
	padding: 0;
	}

div#CommunityList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div#CommunityList li {
	border: #CCC solid 1px;
	height: 175px;
	width: 175px;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	}

div#CommunityList li p {
	padding: 0 5px;
	}

div#CommunityList li strong {
	color: #990000;
	}

div#CommunityList li img {
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
	}

div#CommunityList li a {
	display: block;
	line-height: 19px;
	width: 175px;
	text-decoration: none;
	}

div#CommunityList li a:hover strong, div#CommunityList li a:active strong {
	text-decoration: none;
	color: #003399;
	}


div#CommunityList li a:active, div#CommunityList li a:hover {
	text-decoration: underline;
	}

div#CommunityList li.com01 {	
	position: absolute; left: 10px; top: 20px;
	width: 175px;
	}

div#CommunityList li.com02 {	
	position: absolute; left: 200px; top: 20px;
	width: 175px;
	}

div#CommunityList li.com03 {	
	position: absolute; left: 10px; top: 215px;
	width: 175px;
	}

div#CommunityList li.com04 {	
	position: absolute; left: 200px; top: 215px;
	width: 175px;
	}

/*CategoryDetail style*/
div#CategoryDetail {
	position: relative;
	width: 400px;
	margin: 10px 0 0 0;
	padding: 0;
	}

div#CategoryDetail-TL {
	background: url(images/top/detailmenu_tl.gif) no-repeat;
	height: 40px;
	width: 400px;
	margin: 0;
	padding: 0;
	}

div#CategoryDetail-TL p {
	text-align: right;
	width: 220px;
	font-size: 90%;
	color: #555;
	margin: 0;
	padding: 17px 0 0 170px;
	}

/*CategoryList*/
div#CategoryList {
	position: relative;
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	height: 470px;
	width: 390px;
	margin: 0 0 0 5px;
	padding: 0;
	}

div#CategoryList h3 {
	font-weight: normal;
	}

div#CategoryList li strong {
	display: block;
	color: #0033CC;
	font-weight: bold;
	font-size: 120%;
	margin: 0;
	padding: 0;
	}

div#CategoryList li a {
	text-decoration: underline;
	}

div#CategoryList li a:active, div#CategoryList li a:hover {
	text-decoration: none;
	}

#CA-Gurume {	
	position: absolute; left: 10px; top: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
	border: #CCC solid 1px;
	height: 150px;
	width: 370px;
	}

#CA-Gurume ul {
	margin: 10px 10px;
	padding: 0;
	}

#CA-Gurume li {
	display: inline;
	line-height: 22px;
	margin: 0;
	padding: 0 0 5px 0;
	}

#CA-Shopping {	
	position: absolute; left: 10px; top: 180px;
	text-align: justify;
	text-justify: inter-ideograph;
	border: #CCC solid 1px;
	height: 150px;
	width: 370px;
	}

#CA-Shopping ul {
	margin: 10px 10px;
	padding: 0;
	}

#CA-Shopping li {
	display: inline;
	line-height: 22px;
	margin: 0;
	padding: 0 0 5px 0;
	}

#CA-Play {	
	position: absolute; left: 10px; top: 345px;
	text-align: justify;
	text-justify: inter-ideograph;
	border: #CCC solid 1px;
	height: 100px;
	width: 180px;
	}

#CA-Play ul {
	margin: 10px 10px;
	padding: 0;
	}

#CA-Play li {
	display: inline;
	line-height: 22px;
	margin: 0;
	padding: 0 0 5px 0;
	}

#CA-Look {	
	position: absolute; left: 200px; top: 345px;
	text-align: justify;
	text-justify: inter-ideograph;
	border: #CCC solid 1px;
	height: 100px;
	width: 180px;
	}

#CA-Look ul {
	margin: 10px 10px;
	padding: 0;
	}

#CA-Look li {
	display: inline;
	line-height: 22px;
	margin: 0;
	padding: 0 0 5px 0;
	}

/*MainMiddle-Right Area*/ 
div#ReportArea {
	position: relative;
	width: 320px;
	margin: 10px 0 0 0;
	}

div#ReportAreaTL {
	position: relative;
	height: 38px;
	width: 320px;
	}

div#ReportAreaTL h3 {
	background: url(images/common/report_title.gif) no-repeat;
	height: 38px;
	width: 320px;
	text-indent: -9999px;
	}

div#IntroduceArea {
	position: relative;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	width: 317px;
	line-height: 19px;
	}

div#IntroduceArea strong {
	font-size: 120%;
	color: #003399;
	}

div#IntroduceArea img {
	float: left;
	border: #CCC solid 1px;
	margin: 0 10px 0 0;
	}

div#IntroduceArea ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	}

div#IntroduceArea li {
	border-bottom: #CCC dotted 1px;
	height: 80px;
	font-size: 90%;
	margin: 0 5px 0 0;
	padding: 20px 0 10px 10px;
	}
	
/*Album Style*/
div#AlbumArea {
	position: relative;
	width: 320px;
	margin: 10px 0 0 0;
	}

div#AlbumTL {
	position: relative;
	height: 38px;
	width: 320px;
	}

div#AlbumTL h3 {
	background: url(images/top/album_title.gif) no-repeat;
	height: 38px;
	width: 320px;
	text-indent: -9999px;
	}

div#AlbumBOX {
	position: relative;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	width: 317px;
	line-height: 19px;
	}

div#AlbumBOX strong {
	color: #990000;
	}

div#AlbumBOX img {
	float: left;
	border: #CCC solid 1px;
	margin: 0 10px 0 0;
	}

div#AlbumBOX ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	}

div#AlbumBOX li {
	border-bottom: #CCC dotted 1px;
	overflow: hidden;
	height: 85px;
	margin: 0 10px 0 0;
	padding: 20px 0 5px 10px;
	}

div#AlbumBOX li a:hover strong, div#AlbumBOX li a:active strong {
	text-decoration: none;
	color: #003399;
	}

/*ActiveArea*/
div#ActiveArea {
	position: relative;
	width: 320px;
	margin: 10px 0 0 0;
	}

div#ActiveTL {
	position: relative;
	height: 38px;
	width: 320px;
	}

div#ActiveTL h3 {
	background: url(images/top/active_title.gif) no-repeat;
	height: 38px;
	width: 320px;
	text-indent: -9999px;
	}

div#ActiveBOX {
	position: relative;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	width: 317px;
	line-height: 17px;
	}

div#ActiveBOX li strong {
	color: #990000;
	}

div#ActiveBOX img {
	float: left;
	border: #CCC solid 1px;
	margin: 0 10px 0 0;
	}

div#ActiveBOX ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	}

div#ActiveBOX li {
	border-bottom: #CCC dotted 1px;
	overflow: hidden;
	height: 70px;
	margin: 0 10px 0 0;
	padding: 20px 0 10px 10px;
	}

div#ActiveBOX li a:hover strong, div#ActiveBOX li a:active strong {
	text-decoration: none;
	color: #003399;
	}

/*CalenderBaner Style*/
div#CalenderBaner {
	position: relative;
	width: 220px;
	margin: 15px 0 0 0;
	}

/*MainBaner Style*/
div#MainBanerArea {
	position: relative;
	border: #CCC solid 1px;
	height: 160px;
	width: 320px;
	}

/*LifeBord Style*/
div#LifeBordtArea {
	position: relative;
	width: 320px;
	margin: 10px 0 0 0;
	}

div#LifeBordTL {
	position: relative;
	height: 38px;
	width: 320px;
	}

div#LifeBordTL h3 {
	background: url(images/common/life_title.gif) no-repeat;
	height: 38px;
	width: 320px;
	text-indent: -9999px;
	}

div#LifeBordBOX {
	position: relative;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	width: 317px;
	line-height: 19px;
	}

div#LifeBordBOX strong {
	font-size: 120%;
	color: #990000;
	}

div#LifeBordBOX img {
	float: left;
	border: #CCC solid 1px;
	margin: 0 10px 0 0;
	}

div#LifeBordBOX ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	}

div#LifeBordBOX li {
	text-align: justify;
	text-justify: inter-ideograph;
	border-bottom: #CCC dotted 1px;
	font-size: 90%;
	margin: 0 5px 0 0;
	padding: 20px 0 10px 10px;
	}

div#LifeBordBOX li a:hover strong, div#LifeBordBOX li a:active strong {
	text-decoration: none;
	color: #003399;
	}

/*Event Style*/
div#EventtArea {
	position: relative;
	width: 320px;
	margin: 10px 0 0 0;
	}

div#EventTL {
	position: relative;
	height: 38px;
	width: 320px;
	}

div#EventTL h3 {
	background: url(images/common/event_title.gif) no-repeat;
	height: 38px;
	width: 320px;
	text-indent: -9999px;
	}

div#EventBOX {
	position: relative;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	width: 317px;
	}

div#EventBOX li strong {
	color: #990000;
	}

div#EventBOX img {
	float: left;
	border: #CCC solid 1px;
	margin: 0 10px 0 0;
	}

div#EventBOX ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	}

div#EventBOX li {
	height: 70px;
	line-height: 18px;
	border-bottom: #CCC dotted 1px;
	margin: 0 10px 0 0;
	padding: 20px 0 10px 10px;
	}

div#EventBOX li a:hover strong, div#EventBOX li a:active strong {
	text-decoration: none;
	color: #003399;
	}

/*RecmmendSite Style*/
div#RecmmendSite {
	position: relative;
	width: 320px;
	margin: 10px 0 0 0;
	}

div#RecmmendSiteTL {
	position: relative;
	height: 38px;
	width: 320px;
	}

div#RecmmendSiteTL h3 {
	background: url(images/top/recommend_site.gif) no-repeat;
	height: 38px;
	width: 320px;
	text-indent: -9999px;
	}

div#RecmmendSiteBOX {
	position: relative;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	width: 317px;
	line-height: 19px;
	}

div#RecmmendSiteBOX strong {
	color: #990000;
	}

div#RecmmendSiteBOX img {
	float: left;
	border: #CCC solid 1px;
	margin: 0 10px 0 0;
	}

div#RecmmendSiteBOX ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	}

div#RecmmendSiteBOX li {
	border-bottom: #CCC dotted 1px;
	overflow: hidden;
	height: 85px;
	margin: 0 10px 0 0;
	padding: 20px 0 5px 10px;
	}

div#RecmmendSiteBOX li a:hover strong, div#RecmmendSiteBOX li a:active strong {
	text-decoration: none;
	color: #003399;
	}

/*UnderMenu Area*/ 
div#UnderMenu {
	clear: both;
	background: url(images/common/yg3.gif);
	width: 950px;
	}

div#UnderMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div#UnderMenu li {
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 30px;
	margin: 0;
	padding: 0 10px 0 5px;
	display: inline;
	}

/*Footer style*/
div#footer {
	position: relative;
	clear: both;
	background: url(images/common/footer_bg.gif);
	border-top: #CCC solid 3px;
	height: 120px;
	width: 950px;
	margin: 0;
	padding: 0;
	}

div#footer p {
	text-align: center;
	margin: 50px 0 0 0;
	}

div#footer ul {
	text-align: right;
	margin: 10px 20px 0 0;
	padding: 0;
	list-style-type: none;
	}

div#footer li {
	display: inline;
	margin: 0;
	padding: 0 0 0 20px;
	}

div#footer a {
	color: #333;
	text-decoration: underline;
	}
	
div#footer a:hover, div#footer a:active {
	text-decoration: underline;
	color: #0066CC;
	}