/* +++++++++++++++++++++ ベース設定 +++++++++++++++++++++ */
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
                background-color: #EEEEEE;
	background: url('img/bg.jpg');
                color: #666666;
	text-align: center;
                font-size: 12px;
	}
.text12{
                font-size: 12px;
                line-height: 18px
	}


/* +++++++++++++++++++++ レイアウトのデザイン設定 +++++++++++++++++++++ */
#container{
	width: 720px;
	text-align: center;
	background: url('img/container_bg.jpg');
	background-color: #FFFFFF;
	}
#top{
	width: 720px;
	height: 100px;
	}
a#title1{
	width: 520px;
	height: 100px;
	background: url('img/title.jpg') no-repeat 0 0;
	float: left;
	}
#title2{
	width: 200px;
	height: 40px;
	background: url('img/title2.jpg') no-repeat 0 0;
	float: left;
	}
#title3{
	width: 200px;
	height: 30px;
	float: left;
	}
#title4{
	width: 200px;
	height: 30px;
	float: left;
	}
#center{
	width: 557px;
	height: auto;
	float: left;
                font-size: 12px;
                line-height: 18px
	}
#left{
	width: 163px;
	height: auto;
	background: url('img/menu_bg.jpg');
	text-align: left;
	float: left;
	}
#footer{
	width: 720px;
	height: 62px;
	background: url('img/footer.jpg') no-repeat 0 0;
	clear: both;
	}

#content{
	width: 520px;
	height: auto;
	float: left;
	}


#comm{
	width: 500px;
	height: auto;
	padding: 20px;
                font-size: 12px;
                line-height: 18px
	}

/* +++++++++++++++++++++ パーツのデザイン設定 +++++++++++++++++++++ */

/* ++++++ ヘッダー部分のデザイン ++++++ */
#top h1	{
	color:#FFFFFF;
                font-size: 12px;
                vertical-align: top;
                text-align: left;
	}



/* ++++++ コンテンツ部分のデザイン ++++++ */
#center h1	{
	color:#CA5596;
                font-size: 16px;
                font-weight: bolder;
                background-image: url(img/icon_h2.gif);
                background-repeat: no-repeat;
	padding: 12px 0px 12px 45px;
	}

#center h2	{
	color:#0099CC;
                font-size: 14px;
                font-weight: bolder;
                background-image: url(img/title_h2.jpg);
                background-repeat: no-repeat;
	padding: 6px 0px 7px 25px;
	}

#center h2	.diary{
	color:#0099CC;
                font-size: 14px;
                font-weight: bolder;
                background-image: url(img/title_h2_diary.jpg);
                background-repeat: no-repeat;
	padding: 6px 0px 7px 25px;
	}

#center h3.diary{
	color:#0099CC;
                font-size: 14px;
                font-weight: bolder;
                background-image: url(img/title_h3.gif);
                background-repeat: no-repeat;
	padding: 3px 0px 3px 25px;
	}

#center h4{
	color:#0099CC;
                font-size: 12px;
                font-weight: bolder;
                background-image: url(img/title_h4.gif);
                background-repeat: no-repeat;
	padding: 5px 0px 6px 18px;
	}

h5{
	color:#CCCCCC;
                font-size: 10px;
	padding: 5px 5px 5px 5px;
}

#center a	{
	color: #0099CC;
	text-decoration: none;
	}
#center a:hover	{
	color: #0099CC;
	text-decoration: underline;
	}
.main_menu1{
	font-size: 12px;
	list-style-image: url("img/main_menu1_icon.gif");
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0px;
	padding-left: 25px;
	}
.main_menu2{
	font-size: 12px;
	list-style-image: url("img/main_menu2_icon.gif");
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0px;
	padding-left: 25px;
	}
#topix {
	font-size: 12px;
	background-image: url(img/bg_topix.jpg);
	height: 21px;
	width: 482px;
	text-align: left;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 28px;
	background-position: center;
	padding-top: 3px;
}

/* ++++++ サイドバー部分のデザイン ++++++ */
#categories a	{
	color: #0099CC;
	text-decoration: none;
	}
#categories2 a	{
	color: #0099CC;
	text-decoration: none;
	}
#categories a:hover	{
	text-decoration: underline;
	}
#categories2 a:hover	{
	text-decoration: underline;
	}


#categories ul	{
	font-size: 12px;
	list-style-type:none;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0px;
	padding-left: 0;
	}
#categories2 ul	{
	font-size: 12px;
	list-style-type:none;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0px;
	padding-left: 0;
	}

#categories li 	{
	background-image: url(img/menu_bg_a.jpg);
	padding: 4px 0px 6px 25px;
	}
#categories li.menu_title 	{
	background-image: url(img/menu_bg_0.jpg);
	padding: 4px 0px 6px 25px;
	color:#FFFFFF;
                font-weight: bolder;
	}
#categories2 li 	{
	background-image: url(img/menu_bg_b.jpg);
	padding: 4px 0px 6px 25px;
	}

/* ++++++ フッター部分のデザイン ++++++ */