/* ##### ページ全体の定義 ##### */

body {
padding: 0px;
margin: 0px;
width: 100%; 
height: 100%; 
text-align: left;
background-color: #DCDCDC;	/* 背景色 */
font-size:10pt;			/* 文字サイズ */
color: #000000;				/* 文字色 */
line-height:140%;			/* 行間 */
font-weight:normal;			/* change */
}

th,td,caption {
	font-size:10pt
}

h1 {
	position: absolute;
	margin-top: 0px;
	margin-left: 10px; 
	color:#0099CC;						/* change */
	font-size:11pt;						/* change */
	font-family:"MS Pゴシック";			/* change */
	font-weight:bold;					/* change */
	text-decoration: none;
	padding-top: 0px;
	border-bottom:  none;
}
h2 {
	font-size:12pt;
	color: #4682B4;
	font-weight: bold;
	margin-top: -5px;
	padding-left:7px;
	border-left: 5px solid #006699;
	background: #eeeeee;
	clear: both;
}
h3 {
	font-size:11pt;
	color: #4682B4;
	font-weight: bold;
}
h4 {
	font-size:10pt;
	color: #4682B4;
	font-weight: bold;
}

/* ##### アンカータグの定義 ##### */

a {	text-decoration: underline;	/* 文字装飾 */	}
a:link {	color: #0000FF;			/* 通常のリンクの色 */	}
a:visited {	color: #0000CC;			/* 読み込み済みのリンクの色 */	}
a:active {	color: #0000FF;			/* クリックされた瞬間のリンクの色 */	}
a:hover {	color: #CC0000;			/* マウスを上に乗せた時の色 */	}


/* ##### コンテナの定義 ##### */

#container { 
	width: 800px;
	margin: 0px auto 0px auto;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}

/* ##### メイン ##### */

#main_part {
	float: left;
	margin-top:5px;
	margin-left:10px;
	width:520px;
}


#right_part {
	float:left;
	margin-left:15px;
	width:240px;
	line-height:130%;			/* 行間 */
}

/* ##### フッター ##### */

#footer {
	clear: both;
	width: 785px; 
	margin-left: 5px;
	margin-right: 5px;
	background-color: #4ABDFD; 
	font-size:10pt;
	color: #FFFFF0;
	text-align: center;
	font-weight:bold;
	padding: 2px;
	line-height:120%;			/* 行間 */
}

#footer_menu {
	color: #000000;
	background-color: #F5F5F5;
	font-family:"MS UI Gothic";
	font-size: 9pt;
	text-align: left;
	padding: 5px;
	line-height:130%;			/* 行間 */
}

/* ##### バナーの定義 ##### */
#header {
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-image: url(<$MTBlogURL$>images/header.jpg);
	background-repeat: no-repeat;
}

/* ##### ナビボタン ##### */

.navi {
	margin-top:-5px;
	background-color: #4ABDFD;
	border-bottom: 1px solid #4ABDFD;
	color: #FFFFFF;
	font-family:"MS UI Gothic";
	text-align: center;
	padding: 4px;
}
.navi a {text-decoration: underline;}
.navi a:link {color: #FFFFFF;}
.navi a:visited {color: #FFFFFF;}
.navi a:active {color: #FFFFFF;}
.navi a:hover {color: #FFFF00;}


/* ##### 右側部 ##### */

/* サイド  */
.side {
	text-align: left;			/* レフト */	
	font-family:"MS UI Gothic";
	margin-bottom: 5px;
	border: 1px solid #4ABDFD;
}

.side2 {
	text-align: center;			/* センター */
	font-family:"MS UI Gothic";
	margin-bottom: 5px;
	border: 1px solid #4ABDFD;
}


/* サイドヘッダー  */
.side_header {
	background-color: #4ABDFD;
	border-bottom: 1px solid #4ABDFD;
	color: #FFFFFF;
	padding: 2px;
	text-align: center;
}


/* サイド本文  */
.side_body {
	padding: 5px;
	background-image: url(images/side_back.png); 
	background-repeat: repeat-y;
	text-align: left;
	margin-bottom: 0px;
}
.side_body p {
	margin-top: 0px;
}
.side_body form {
	margin-bottom: 0px;
}

/* サイド本文  */
.side_body2 {
	padding: 5px;
	text-align: center;
	margin-bottom: 0px;
}
.side_body p {
	margin-top: 0px;
}
.side_body form {
	margin-bottom: 0px;
}


.side_body_content_list {
	padding: 5px;
	background-image: url(images/side_back.png); 
	background-repeat: repeat-y;
	font-family:"MS UI Gothic";
	text-align: left;
	padding-bottom: 0px;
}
.side_body p {
	margin-top: 0px;
}
.side_body form {
	margin-bottom: 0px;
}


.side_body img {
	margin: 1px 0px 1px 5px;
	vertical-align: middle;
}


.side_body ul{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:20px;
	margin-right:10px;
	text-align: left;
}

.side_body li{
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 0px;
	color: #000000;
	font-size:10pt;
	font-weight: normal;
	line-height: 140%;
}



/* ##### ブログエントリー ##### */

.blog_body {
	clear: both;
	margin-top:10px;
	margin-left:0px;
	/*border: 1px solid #000000;*/
	text-align: left;
	padding: 0px;
}

.blog_body p img {
	float: left;
	margin: 0px 10px 0px 0px;
}


.blog_body p {
	margin-top: 0px;

}


/* ##### 詳細 ##### */

.detail {
	float: right;
	margin-right: 10px;
}

.midashi {
	margin-top: 5px;
	font-weight: bold;
}

/* ##### パンくず ##### */

#pankuzu {
	margin-top: -2px;
	padding: 3px 15px;
	background-color: #DEDEDE;
	text-align: left;
	font-size: 8pt;
	line-height:120%;			/* 行間 */
}


/* ##### お気に入り ##### */

#favorite {
	float: right;
	margin: 18px 2px 0px 0px;
	padding: 0px;
	background-color: #FFFFFF;
}


/* ##### グレーの背景 ##### */

#header_line {
	margin-top:-3px;
	padding: 5px;
	background-color: #A60000;
	text-align: center;
	text-align: center;
	font-size: 10pt;
	line-height:120%;			/* 行間 */
	color: #FFFFFF;	
}
.header_line img, .side_header img {
	margin: 0px 10px;
}
#header_line a:link, .navi a:visited, .navi a:active {
	color: #FFFFFF;
}
#header_line a:hover {
	color: #FFFF00;
}

.gray_background {
	position: relative;
	left: 20px;
	width: 90%;	
	color: #000000;
	background-color: #F5F5F5;
	padding: 5px;
}
.blue_background {
	position: relative;
	left: 20px;
	width: 90%;	
	color: #000000;
	background-color: #E0FFFF;
	padding: 5px;
}
.blue_background550 {
	position: relative;
	margin-left: 0px;
	color: #000000;
	background-color: #E0FFFF;
	padding: 5px;
}
.green_background550 {
	position: relative;
	margin-left: 0px;
	color: #000000;
	background-color: #CCFFCC;
	padding-top: 15px;
	padding-bottom: 15px;
}
.blue_background80 {
	position: relative;
	left: 60px;
	width: 80%;	
	color: #000000;
	background-color: #E0FFFF;
	padding: 5px;
}




/* ##### News ##### */

.news {
	position: relative;
	left: 20px;
	width: 90%;	
	color: #000000;
	background-color: #E0FFFF;
	padding: 5px;
	font-size: 8pt;
}

/* ##### 違いを生む違い ##### */

.difference {
	position: relative;
	left: 20px;
	width: 90%;	
	color: #0000ff;
	font-weight: bold;
	background-color: #E0FFFF;
	padding: 5px;
}
/* ##### 睡眠の質を高めることです ##### */
#sales_policy {
	position: relative;
	left: 20px;
	width: 90%;	
	color: #ff0000;
	font-weight: bold;
	text-align: center;
	background-color: #E0FFFF;
	padding: 5px;
}

/* ##### Smaller 8pt font ##### */
.smaller_font {
	font-size:8pt;	
	line-height:120%;			/* 行間 */
}

/* ##### Later 12pt font ##### */
.larger_font {
	font-size:12pt;	
	line-height:140%;			/* 行間 */
}

/* ##### Bold_blue_font ##### */
.bold_blue_font {
	color: #0000ff;
	font-weight: bold;
}
/* ##### Bold_red_font ##### */
.bold_red_font {
	color: #ff0000;
	font-weight: bold;
}

/* ##### blue_font ##### */
.blue_font {
	color: #0000ff;
}

/* ##### red_font ##### */
.red_font {
	color: #ff0000;
}

/* ##### hidden ##### */

.hidden {
	visibility: hidden;
}
.no_display {
	display: none;
}

/* ##### 特定商取引法 ##### */
#tokutei {
	position: absolute;
	left: 470px;
	top: 0px;
	width: 300px;
	text-align:right;
	font-size: 10px;
}		
/* ##### 特定商取引法 ##### */


/* ##### 日本を元気にしよう！ ##### */
#genki {
	clear: both;
	text-align: center;
	color: #0000FF;
	font-size:14pt;			/* 文字サイズ */
	line-height:140%;			/* 行間 */
	font-weight:bold;			/* change */
	}
/* ##### 日本を元気にしよう！ ##### */		

/* ##### ところで光療法って何？##### */
.blue_sky {
	clear: both;
	background-image: url(images/blue_sky.jpg);
	background-repeat: no-repeat; 
	text-align: center;
	color: #000000;
	line-height:140%;			/* 行間 */
	font-weight:bold;			/* change */
	padding-top:10px;
	padding-bottom:10px;
	}
/* ##### 日本を元気にしよう！ ##### */		


/* ##### 協賛 ここから　##### */
#kyosan {
	width: 750px;
	text-align:right;
	font-size: 10px;
	color: #4ABDFD;
	background-color: #FFFFFF; 
	}
/* ##### 協賛 ここまで　##### */

/* ##### Adobe Link ##### */
.adobe {
	font-size: smaller;
	color: #D3D3D3;
	text-decoration: none;
}

.adobe a:link {	color: #D3D3D3;			/* 通常のリンクの色 */	}
.adobe a:visited {	color: #D3D3D3;			/* 読み込み済みのリンクの色 */	}
.adobe a:active {	color: #D3D3D3;			/* クリックされた瞬間のリンクの色 */	}
.adobe a:hover {	color: #D3D3D3;			/* マウスを上に乗せた時の色 */	}

/* ##### Adobe Link ##### */


/* ##### NK クリエイト　Link ##### */
.nk {
	font-size: smaller;
	line-height:100%;
	color: #D3D3D3;
	text-decoration: none;
}
.nk a {text-decoration: none;}
.nk a:link {color: #D3D3D3;}
.nk a:visited {color: #D3D3D3;}
.nk a:active {color: #D3D3D3;}
.nk a:hover {color: #D3D3D3;}

/* ##### NK クリエイト　Link ##### */

