﻿@charset "UTF-8";
body {
	background: #666666;

	margin: 0;
	padding: 0;
/* ブラウザごとの初期設定値に対応するため、*/
/*body エレメントのマージンと余白を 0 にする */

	text-align: center;
/* コンテナを中央揃えに。テキストは、#container セレクタで指定。 */

	color: #4d4d4d;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;}


a:link,
a:visited {color:#666666; text-decoration:underline;}
a:hover   {color:#778899; text-decoration:none;}
a:active  {color:#708090; text-decoration:none;}

ul {list-style-type:circle;
	margin:0 0 0 1em;
	padding:10px 0 10px 20px;}

a img {border-style:none;}

form,div	{ margin:0; padding:0;}

p	{ margin:0; padding:0;}

.clear {clear: both;}

table {
	
	border-collapse: collapse;/*枠線を重ねて表示する⇔"separate"*/
	max-width:80%;
	}

td, th {
	padding: 10px; /*内容の周囲の余白*/
	white-space: nowrap; /*改行禁止*/

/*	text-align: left; /*横の表示位置*/
	vertical-align: middle; /*縦の表示位置*/
	}


/* TXT */
.TXT10 {
	font-size:10px;
	}

.TXT14B {
	font-size:14px;
	font-weight:bold;
	}
	
.TXT16B {
	font-size:16px;
	font-weight:bold;
	}

.disc_event_title {
	font-size:16px;
	font-weight:bold;
	}


#container {
	width: 800px;
	background: #FFFFFF; 
	border: 1px solid #000000;
	text-align: center; /*コンテナ内のテキストを中央揃え*/
	
	/* 自動マージン（幅と連動）でページが中央揃えに */
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}


#main_contents {
	background: #FFFFFF;
	padding: 10px;
	}


/*index page*/
#main_left {
	float:left;
	background-color:#FFFFFF;
	text-align: left;
	display: inline;

	width: 540px;
	height: auto;
	padding:5px;
	margin-right:10px;}
	
#main_right {
	float:right;
	background-color:#333333;
	color:#FFFFFF;
	text-align: left;
	display: inline;

/*220px*/
	width: 200px;
	height: auto;
	padding:10px;}
	
.rss {
	text-align:right;
	vertical-align:middle;
	}
	
#top_image {
	height:300px;
	background-image:url(../images/top_image.jpg);
	border-bottom: 2px solid #666666;
}

/*about page*/
#hasen {
	margin:10px auto 10px auto;
	padding:0px;
	height:0px;
	width:500px;
	border-bottom:dashed #333333 1px;}

#about_subtitle {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

#about_2dim {
	margin:auto;
	width:500px;
	text-align:center;
	}
	

#about_profile {
	margin:auto;
	width:500px;
	text-align:left;
	}

#about_tools {
	margin:auto;
	width:500px;
	text-align:left;
	}
	

/*link page*/
#link_subtitle {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

#link {
	margin:auto;
	text-align:center;
	}

#link table {
	width:auto;
    border: 0px;
    border-spacing: 0;

	margin:0px auto;
	margin-bottom:10px;
	}
	
#link td, th {
	padding: 5px;
	white-space: nowrap; /*改行禁止*/
	}
	
.link_banner {
	width:220px;
	text-align:center;
	}

.link_comment {
	text-align:left;
	vertical-align:middle;
	}


/*Header & Footer*/
#header {
	height:30px;
	background: #FFFFFF;
	background-image:url(../images/header_bg.png);
	text-align:left;
	border-bottom: 1px solid #000000;
} 

#footer {
	height:30px;
	background-image:url(../images/footer_bg.png);
	text-align:center;
	line-height:30px;
	vertical-align:bottom;
	font-size: 11px;
	color: #FFFFFF;
	border-top: 1px solid #000000;
	}
	
#footer a:link,
#footer a:visited {color:#FFFFFF; text-decoration:underline;}
#footer a:hover   {color:#778899; text-decoration:none;}
#footer a:active  {color:#708090; text-decoration:none;}



#box {
	width: 340px;
	background: #FFFFFF;
	border: 1px solid #4d4d4d;
	text-align: left;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 5px;
	}



#daily {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:dashed #333333 1px;
	}

#daily .date {
	font-size:17px;
	font-weight:bold;
	}