a:link    {color: #3333ff; text-decoration: underline; }
a:visited {color: #993399; text-decoration: underline; }
a:active  {color: #cc0066; text-decoration: none; }
a:hover   {color: #cc0066; text-decoration: none; }

hr{ color:#aaaaaa; }
#mid{ font: 100% "ＭＳ Ｐゴシック",Osaka,sans-serif; }
#small{ font: 80% "ＭＳ Ｐゴシック",Osaka,sans-serif; }
#big{ font: bold 100% "ＭＳ Ｐゴシック",Osaka,sans-serif; }
#kanri{ color:#ff9999; } /* 管理人コメントの色 */
#log{ width:540; }
#log-0{ background-color:#FFCC66; } /* ランキング順位 */
#log-1{ background-color:#b3ccff; font: bold 100% "ＭＳ Ｐゴシック",Osaka,sans-serif;} /* タイトル */
#log-2{ background-color:#FFFFFF; } /* カテゴリ */
#log-3{ background-color:#FFFFFF; font: 100% "ＭＳ Ｐゴシック",Osaka,sans-serif;} /* 紹介文 */
#log-4{ background-color:#FFFFFF; } /* 管理人コメント */
#title-bar{ 
background-color:#b3ccff; 
font: bold 90% "ＭＳ Ｐゴシック",Osaka,sans-serif;
color: #696969; 
margin: 3px 0 3px 5px;
} /* タイトルバー */
#mid-bar{ background-color:#e3f0ff; } /* 中段バー */

#category{ font: 80% "ＭＳ Ｐゴシック",Osaka,sans-serif; }

/* Framework */
body{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px;
	text-align: left;
	font: 80% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #696969;
	line-height: 130%;
	background: url('http://www.happi-ness.com/img/shadow.gif') repeat-y left;
}
.main {
	width: 800px;
	text-align: center;
	margin: 0;
	padding: 0;
	background: url('http://www.happi-ness.com/img/bg.gif') repeat-y left;
}
.header {
	margin: 0;
	padding: 0;
	text-align: left;
	background: url('http://www.happi-ness.com/img/headR.gif') no-repeat right top;
}
.menu {
	margin: 0;
	padding: 0;
	text-align: left;
	background: #ffffff;
}
.menu2 {
	margin: 0;
	padding: 5px 0 20px 0;
	text-align: right;
	font: 85% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	background: #ffffff;
}
.side {
	width: 200px;
	float: right;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
}
.cont {
	width: 600px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font: 100% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	background: #ffffff;
}
.footers {
	margin: 0 0 0 0;
	padding: 0;
	background: #ffffff;
}
.footermenu {
	margin: 0 0 0 0;
	padding: 5px;
	text-align: center;
	font: 85% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #696969;
	background: #e3f0ff;
}
.footer {
	margin: 0 0 0 0;
	padding: 8px 5px 8px 5px;
	text-align: center;
	font: 85% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #ffffff;
	background: #b3ccff;
}

.c-both { clear:both; }
.R { text-align: right; margin: 5px 20px 0 0;}
img { border-width: 0; padding: 0; margin: 0; vertical-align: bottom;}
ol { line-height: 150%; text-align: left; }
ul { line-height: 150%; text-align: left; }
li { line-height: 150%; text-align: left; }

/* パンくずリスト */
.navi {
	margin: 0 20px 0 0;
	padding: 3px 0 3px 5px;
	font: 85% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #858585;
	background: #b3ccff; 
	border-bottom: 4px solid #d7ebff;
}
.navi a:link    {color: #858585; text-decoration: none; }
.navi a:visited {color: #858585; text-decoration: none; }
.navi a:active  {color: #858585; text-decoration: none; }
.navi a:hover   {color: #ffffff; text-decoration: none; }

/* テーブル */
table { 
	line-height: 130%;
	padding: 0px;
}
.blue       { color: #b3ccff; }
.blue table {
	font: 100% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	line-height: 130%;
	padding: 3px;
	background-color: #b3ccff;
	margin-bottom: 15px;
}
.blue th    { color: #ffffff; background-color: #b3ccff; text-align: left;}
.blue td    { color: #696969; background-color: #ffffff; }
.blue th a:link    {color: #ffffff; text-decoration: none; }
.blue th a:visited {color: #ffffff; text-decoration: none; }
.blue th a:active  {color: #ffffff; text-decoration: none; }
.blue th a:hover   {color: #ffffff; text-decoration: none; }

/* サイドメニュー部分 */
.sm {
	text-align: left;
	margin:  5px 5px 0 5px;
	padding: 3px 3px 3px 10px;
	color: #ffffff;
	font: bold 100% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	background: #b3ccff;
}
.smbox{
	margin: 0 5px 15px 5px;
	padding: 0;
	text-align: center;
	background: #ffffff;
}
.smbox-google{
	margin: 5px 5px 15px 5px;
	padding: 5px;
	text-align: left;
	background: #ffffff;
}
.side ul{
	margin:0 0 0 25px;
	padding:5px 5px 10px 0;
	font: 100% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	list-style-image: url('http://www.happi-ness.com/img/button1.gif');
}

/* コンテンツ部分 */
h1 { 
	font: 100% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #696969; 
	margin: 0;
	padding: 3px 0px 3px 0;
	text-align: left;
}
h2 { 
	font: bold 130% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #696969; 
	text-align: left;
	margin: 0 20px 0 0;
	padding: 8px 5px 5px 5px;
}

h3 { 
	font: 100% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #696969; 
	margin: 0 20px 0 0;
	padding: 2px 0px 5px 5px;
	text-align: left;
}

h4 { 
	font: bold 100% "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #696969; 
	margin: 30px 20px 0 0;
	padding: 9px 5px 8px 40px;
	text-align: left;
}
.h4link{background: url('http://www.happi-ness.com/img/h4link.gif') no-repeat left top;}

p  { line-height: 150%; text-align: left; }
.cont p  { line-height: 150%; text-align: left; padding: 5px 20px 5px 20px;}

/* フッター部分 */
.footermenu a:link    {color: #858585; text-decoration: none; }
.footermenu a:visited {color: #858585; text-decoration: none; }
.footermenu a:active  {color: #858585; text-decoration: none; }
.footermenu a:hover   {color: #b3ccff; text-decoration: none; }