/* トップページ用CSS */

/*-- トップページ（3カラム）レイアウト -----------------------------*/
#wrapper {
	width: 100%;
	text-align:center;
}

#wrapper2 {
	width: 100%;
	text-align:left;
}

#column_left{
	background: #FFFFFF;
	float: left;
	width: 160px;
	height: 950px;
	text-align:center;
}

#column_left2{
	background: #FFFFFF;
	width: 260px;
	left:0px;
}

#column_right{
	background: #FFFFFF;
	float: right;
	width: 160px;
	height: 950px;
	text-align:center;
}

/*-- header ---------------------------------------------------------*/
/*-- タイトル(A) --*/
#title #title_link{
padding:5px 0 5px 40px;
color: #000000;
font:normal 140% "HGP創英角ｺﾞｼｯｸUB","ＭＳ Ｐゴシック", "Osaka";
text-decoration: none;
letter-spacing: 2px;
width:54%;
cursor:pointer;
}

#title2 #title_link{
padding:5px 0 5px 50px;
color: #FFFFE0;
font:normal 160% "HGP創英角ｺﾞｼｯｸUB","ＭＳ Ｐゴシック", "Osaka";
text-decoration: none;
letter-spacing: 2px;
width:54%;
cursor:pointer;
}

/*-- サイドコンテンツ ------------------------------------------------*/
.side_title {
	font-size: 90%;
	color: #FFFAF0;
	background-color:#8B4513;
	padding: 3px 5px 0px 5px;
	line-height: 110%;
	font-weight:bold;
	text-align:center;
	border: 1px solid #000000;
}
.side_title_outline {
	background-color:#8A8A8A;
	padding: 0px;
	margin: 10px 5px 0 5px;
	border: 1px solid #FFFF50;
}
.side_menu {
	margin:0px 5px 5px 5px;
}
.side_menu li{
	font-size: 80%;
	line-height: 110%;
	padding-left: 12px;
	margin-top:2px;
	background: url(../image/point00.gif) no-repeat left center;
	list-style: none;
	text-align: left;
}
.side_info_table{
	width:150px;
	margin:0px 5px 10px 5px;
	border:1px solid #ff0000;
}	
.side_info_title{
	background:#ffd8d9;
	font-size:90%;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
	padding:2px 0px;
	border-bottom:1px solid #ff0000;
}
.side_info_box{
	padding:0px;
	text-align:left;
}
.side_font{
	font-size:70%;
	text-align:left;
	margin:0 5px;
	line-height:110%;
	padding:2px 0px;
}
.side_other_box{
	margin:10px 5px 5px 5px;
	border-top:solid 1px #d9d9d9;
	border-bottom:solid 1px #d9d9d9;
	padding:3px 0px 35px 0px;
}
.side_other_box .side_menu{
	margin:0px;
}
.side_other_box img{
	margin-right:3px;
}

/* 季節の写真 */
.photo{
border:1px #333333 solid;
}

/* カレンダー画面（cale） */
#cale_space{
	margin:0px 5px 10px 5px;	
}

#cale_space caption{
	text-align:left;
}

#cale_space .list{
	float:right;
	margin:-15px 3px 0px 3px;
	font-size:70%;
	font-weight:bold;
	position:relative;
	top:17px;
}

/* カレンダーテーブル */
#cale_space .table_cale{
	margin:5px auto 0 auto;
	background-color:#cccccc;
	padding:0px;
	text-align:center;
	width:150px;
	font-size:70%;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	clear:both;
}

#cale_space .table_cale th{
height:15px;
}

.th_weekday{
	background-color:#ececec;
	width:18px;
}
.th_sat{
	background-color: #dfd7e6;
	width:18px;
}
.th_sun{
	background-color: #e6cccc;
	width:21px;
}

.td_weekday{
	background-color:#ffffff;
}
.td_sat{
	background-color:#f9f5ff;
}
.td_sun{
	background-color:#fff5f5;
}
.td_today{
	background-color:#eafacd;
}

#cale_space .table_cale .td_sun a{
display:block;
color: #0075A1;
padding:4px 0;
width:22px;
}
#cale_space .table_cale td a{
display:block;
color: #0075A1;
padding:4px 0;
width:20px;
}
#cale_space .table_cale td a:hover{
background-color:#666666;
color:#FFFFFF;
}

/*--中央コンテンツ-----------------------------------------------------*/
/*--コンテンツ枠--*/
.contents_box00{
	background: #FFFFFF;
	margin-left:165px;
	margin-right:165px;
	margin-bottom:1px;
}
.contents_box01{
	background: #FFFFFF;
	margin-left:165px;
	margin-right:165px;
	margin-bottom:0px;
	border:1px solid #FFFFFF;
}
.contents_box01n{
	background: #FFFFFF;
	MARGIN-LEFT: 165px;
	MARGIN-RIGHT: 165px;
}
/*--青タイトル--*/
.contents_title_bb{
	padding:0px;
	margin:0px;
	width:100%-10px;
	background:url(../image/blue_contents.jpg);
}
.contents_title_bl{
	background:url(../image/blue_contents_left.gif) left top no-repeat;
}
.contents_title_br{
	padding:2px 3px 2px 20px;
	color:0033FF;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	background:url(../image/blue_contents_right.gif) right top no-repeat;
}
/*--緑タイトル--*/
.contents_title_gb{
	padding:0px;
	margin:0px;
	width:100%-10px;
	background:url(../image/green_contents.jpg);
	background-color:#00BFFF;
}
.contents_title_gl{
	background:url(../image/green_contents_left.gif) left top no-repeat;
}
.contents_title_gr{
	padding:2px 3px 2px 20px;
	color:FFFFFF;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	background:url(../image/green_contents_right.gif) right top no-repeat;
}
/*--紫タイトル--*/
.contents_title_pb{
	padding:0px;
	margin:0px;
	width:100%-10px;
	background:url(../image/purple_contents.jpg);
	background-color:#00BFFF;
}
.contents_title_pl{
	background:url(../image/purple_contents_left.gif) left top no-repeat;
}
.contents_title_pr{
	padding:2px 3px 2px 20px;
	color:FFFFFF;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	background:url(../image/purple_contents_right.gif) right top no-repeat;
}
/*--オレンジタイトル--*/
.contents_title_ob{
	padding:0px;
	margin:0px;
	width:100%-10px;
	background:url(../image/orange_contents.jpg);
	background-color:#00BFFF;
}
.contents_title_ol{
	background:url(../image/orange_contents_left.gif) left top no-repeat;
}
.contents_title_or{
	padding:2px 3px 2px 20px;
	color:FFFFFF;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	background:url(../image/orange_contents_right.gif) right top no-repeat;
}


/*--一覧小窓--*/
.contents_title_lb{
	float:right;
	z-index:2;
	padding:2px 0px 3px;
	margin:0px 5px 0px 5px;
	position:relative;
	top:-16px;
}
.contents_title_ll{
	background:url(../image/title_list_left.gif) left top no-repeat;
	z-index:3;
	position:relative;
}
.contents_title_lr{
	background:url(../image/title_list_right.gif) right top no-repeat;
	padding:0px;
	z-index:4;
	position:relative;
}
.contents_title_lt{
	position:relative;
	z-index:5;
	padding:1px 10px 3px;
	margin:0px 10px 2px;
	color:#000000;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	background-color:#FAFAFA;
	background:url(../image/title_list.gif) top repeat-x;
}

/*--サブサイト・ジャンル集--*/
#gnrlist{
	margin:10px;
}
#gnrlist li{
	text-align:left;
	font-size: 120%;
	font-weight: bolder;
	line-height: 150%;
	margin: 0px 0px;
	padding: 2px 15px;
	background: url(../image/point01.gif) no-repeat left center;
	list-style: none;
}

/*--トピックス--*/
#topics{
	margin:10px;
}
#topics li{
	text-align:left;
	font-size: 80%;
	line-height: 110%;
	margin: 0px 20px 0px 5px;
	padding: 2px 12px;
	background: url(../image/point05.gif) no-repeat left center;
	list-style: none;
}

/*--サブサイト・トピックス START--*/
/*--タイトル枠--*/
.subtopics_title {
	font-size: 90%;
	background-color:khaki;
	padding: 3px 5px 0px 5px;
	line-height: 110%;
	font-weight:bold;
	text-align:left;
	border: 1px solid #CCCCCC;
}
.subtopics_title_outline {
	background-color:khaki;
	padding: 0px;
	margin: 12px 10px 0px 5px;
	border: 1px solid khaki;
}
.subtopics_table {
	width:100%;
}
.subtopics_tr {
	width:100%;
}
.subtopics_title2 {
	fontsize: 120%;
	font-weight:bold;
	color: #black;
	text-align:left;
}
.subtopics_link {
	fontsize: 90%;
	background-color: #ffffff;
	color:brown;
	text-align:center;
	width:70px;
}
/*--コンテンツ枠--*/
.contents_box01_sub{
	background: #FFFFFF;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid khaki;
}
#subtopics{
	border:1px solid #999999;
	padding-top:5px;
	padding-bottom:10px;
}
#subtopics li{
	text-align:left;
	font-size: 100%;
	line-height: 120%;
	margin: 2px 12px;
	padding: 2px 15px;
	background: url(../image/point05.gif) no-repeat left center;
	list-style: none;
}
/*--サブサイト・トピックス END--*/

/*--サブサイト・新着情報 START--*/
/*--タイトル枠--*/
.subnews_title {
	font-size: 90%;
	background-color:gainsboro;
	padding: 3px 5px 0px 5px;
	line-height: 110%;
	font-weight:bold;
	text-align:left;
	border: 1px solid #CCCCCC;
}
.subnews_title_outline {
	background-color:gainsboro;
	padding: 0px;
	margin: 12px 10px 0px 5px;
	border: 1px solid gainsboro;
}
.subnews_table {
	width:100%;
}
.subnews_tr {
	width:100%;
}
.subnews_title2 {
	fontsize: 120%;
	font-weight:bold;
	color: black;
	text-align:left;
}
.subnews_link {
	fontsize: 90%;
	background-color: #ffffff;
	color:navy;
	text-align:center;
	width:70px;
}
/*--コンテンツ枠--*/
.contents_box01_sub2{
	background: #FFFFFF;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid gainsboro;
}
#subnews{
	border:1px solid #999999;
	padding-top:5px;
	padding-bottom:10px;
}
#subnews li{
	text-align:left;
	font-size: 100%;
	line-height: 120%;
	margin: 2px 12px;
	padding: 2px 15px;
	background: url(../image/point05.gif) no-repeat left center;
	list-style: none;
}
/*--サブサイト・新着情報 END--*/

/*--ライフイベント--*/
.contents_box02 {
	width:100%-12px;
	background: url(../image/box02_back.gif) top repeat-x;
	overflow: auto;
	text-align:center;
	margin-bottom:1px;
}
.life{
	width:460px;
	text-align:center;
}
.life li {
	float: left;
	width:75px;
	font-size: 80%;
	line-height: normal;
	list-style-type: none;
	text-align:center;
	margin:2px 0;
}

/*--目的別--*/
.contents_box03 {
	width:100%;
	position:relative;
	left:-1px;	
	border-top: 1px dashed #999999;
	margin:0px 1px;
	background: url(../image/box03_back.gif) top repeat-x;
	overflow: auto;
	text-align:left;
	font-size: 80%;
	line-height: 140%;
	text-decoration: none;
	padding: 0px;
}
.contents_box03 .sub_title {
font-size:100%;
font-weight:bold;
margin:5px 0px;
padding-left:85px;
background: url(../image/point01.gif) no-repeat 70px center;
}
.contents_box04 {
	position: relative;
	left:10px;
	top:0px;
	margin:0px 20px 0px 0px;
	width:50px;
	padding: 5px 0px 10px;
	float:left;
}
.box04_text{
	margin-right:10px;
	margin-bottom:5px;
	margin-left:5px;
}

/*--新着情報--*/
/*--灰色タイトル--*/
.contents_title_gb{
	padding:0px;
	margin:0px;
	width:100%-10px;
	background:url(../image/gray_contents.gif) top repeat-x;
	background-color:#7e7e7e;
}
.contents_title_gl{
	background:url(../image/gray_contents_left.gif) left top no-repeat;
}
.contents_title_gr{
	padding:2px 3px 2px 20px;
	color:FFFFFF;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	background:url(../image/gray_contents_right.gif) right top no-repeat;
}

#news{margin:10px;}
#news li{
	text-align:left;
	font-size: 80%;
	line-height: 110%;
	margin: 0px 5px;
	padding: 2px 3px;
	list-style:none;
}

/*--バナー--*/
.contents_box05 {
	margin:0px auto;
	padding:0px auto;
	width:375px;
	text-align:center;
}
.banner{margin:2px 15px;}