/* +++++++++++++++++++++ ベース設定 +++++++++++++++++++++ */
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;
	}

#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;
	}


/* ++++++ サイドバー部分のデザイン ++++++ */
#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;
	}
#categories2 li 	{
	background-image: url(img/menu_bg_b.jpg);
	padding: 4px 0px 6px 25px;
	}

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



.text_orenge {
	color: #F60;
}
.text_blue {
	color:#0099CC;
}

.rightImage {
	float: right;
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.leftImage {
	float: left;
	padding: 0px;
	margin-bottom: 10px;
	margin-right: 20px;
}