/* ##### ページ全体の定義 ##### */

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:#C3D5FD;						/* change */
	font-size:10pt;						/* 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;
	margin-bottom: 10px;
	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: #336699;	/* 読み込み済みのリンクの色 */}
a:active { color: #0000FF;		/* クリックされた瞬間のリンクの色 */}
a:hover { color: #CC0000;		/* マウスを上に乗せた時の色 */}


/* ##### コンテナの定義 ##### */

#container { 
	width: 780px;
	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;
}


/* ##### バナーの定義 ##### */
#header {
	margin-top: 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-image: url(<$MTBlogURL$>images/header.jpg);
	background-repeat: no-repeat;

}
#header h1 {
	position: absolute;
	top:10px;
	left:300px;	
	color:#FF0000;						/* change */
	font-size:12pt;						/* change */
	font-family:"MS Pゴシック";			/* change */
	font-weight:bold;					/* change */
	text-decoration: none;
	padding-top: 0px;
	border-bottom:  none;

}
#header h2 { 
	color: #FFFF66;						/* change */
	font-size:15pt;						/* change */
	font-family:"MS Pゴシック";			/* change */
	font-weight:bold;					/* change */
	text-decoration: none;
	padding-top: 5px;
	border-bottom:  none;

} 




/* ##### フッター ##### */

#footer {
	clear: both;
	margin-top: 5px;
	margin-bottom: 0px;
	background-image: url(images/footer.jpg); 
	background-repeat: no-repeat;
	font-size:10pt;
	color: #FFFFF0;
	text-align: center;
	font-weight:bold;
	padding: 2px;
	width: 760px;
}

#footer_menu {
	color: #000000;
	background-color: #F5F5F5;
	font-family:"MS UI Gothic";
	font-size: 9pt;
	text-align: left;
	padding: 5px;
	line-height:130%;			/* 行間 */
}


/* ##### メイン ##### */

#main_part {
	float: left;
	margin-left: 5px;
	width: 520px;
}


/* ##### 右側部 ##### */

#right_part {
	float:left;
	margin-left:10px;
	width:230px;
	line-height:130%;			/* 行間 */
}


/* サイド  */
.side {
	text-align:left;			/* レフト */	
	font-family:"MS UI Gothic";
	margin-bottom:5px;
	margin-left:0px;
	padding:0px;
	border:1px solid #0099CC;
}

.side2 {
	text-align: center;			/* センター */
	font-family:"MS UI Gothic";
	margin-bottom: 5px;
	border: 1px solid #0099CC;
}


/* サイドヘッダー  */
.side_header {
	background-color: #58A3C2;
	border-bottom: 1px solid #CCCCCC;
	color: #FFFFFF;
	padding: 2px;
	text-align: center;
}


/*  問い合わせ先  */
.side_header_contact {
	background-color: red;
	border-bottom: 1px solid #CCCCCC;
	color: #FFFFFF;
	padding: 4px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}


/*  ご注文はこちらから  */

.order {
	font-family:"MS UI Gothic";
	font-size:11pt;				/* change */
	font-weight:bold;				/* change */
	color: #FFFFFF;
	text-align: center;
	margin-bottom:5px;
	margin-left:0px;
	margin-top:0px ;
	background-color: red;			/* change */
	padding: 8px;
	}

.order1 {
	background-color: red;			/* change */
	color: #FFFFFF;
	padding: 8px;
	text-align: center;
	font-size:11pt;				/* change */
	font-weight:bold;				/* change */
	}

a {	text-decoration: underline;	/* 文字装飾*/}
.order a:link {color: #FFFFFF;		/* 通常のリンクの色 */}
.order a:visited {color: #FFFFFF;	/* 読み込み済みのリンクの色 */}
.order a:active {color: #FFFFFF;	/* クリックされた瞬間のリンクの色 */}
.order a:hover {color: #FFFFFF;		/* マウスを上に乗せた時の色 */}


/* サイド本文  */
.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: 10px;
	background-image: url(images/side_back.png); 
	width: 225px;
	background-repeat: repeat-y;
	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); 
	width: 198px;
	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:5px;
	text-align: left;
}

.side_body li{
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 5px;
	color: #000000;
	font-size:10pt;
	font-weight: normal;
	line-height: 140%;
}



/* ##### ブログエントリー ##### */

.blog_body {
	clear: both;
	margin-top:0px;
	/*border: 1px solid #000000;*/
	text-align: left;
	padding: 5px;
}

.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: -3px;
	padding: 3px 15px;
	background-color: #eeeeee;
	text-align: left;
	font-size: 8pt;
	line-height:120%;			/* 行間 */
}



/* ##### お気に入り ##### */

#favorite {
	float: right;
	margin: 18px 2px 0px 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

#favorite input {
	/*border-style:none;
	border-width:1px;
	border-color:#000000;
	background:#DDDDDD;*/
	font-size:10pt;
	color:#000000;
}


/* ##### グレーの背景 ##### */

.gray_background {
	position: relative;
	left: 20px;
	width: 90%;	
	color: #000000;
	background-color: #eeeeee;
	padding: 5px;
}

/* ##### ブルーの背景 ##### */

.blue_background {
	position: relative;
	left: 20px;
	width: 92%;	
	color: #000000;
	background-color: #E0FFFF;
	padding: 5px;
}
.top_blue_background {
	position: relative;
	top: 10px;
	left: 20px;
	width: 92%;	
	color: #000000;
	background-color: #E0FFFF;
	padding: 5px;
}
.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 11pt font ##### */
.larger_font {
	font-size:11pt;	
	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;
}

/* ##### トップページの症状テーブル ##### */
.top_table {
	color: #FFFFFF;
}
.top_table a:link {color: #FFFFFF;		/* 通常のリンクの色 */}
.top_table a:visited {color: #FFFFFF;	/* 読み込み済みのリンクの色 */}
.top_table a:active {color: #FFFFFF;	/* クリックされた瞬間のリンクの色 */}
.top_table a:hover {color: #FFFFFF;		/* マウスを上に乗せた時の色 */}


/* ##### hidden ##### */

.hidden {
	visibility: hidden;
}
.no_display {
	display: none;
}

/* ##### 特定商取引法 ##### */
.tokutei {
	clear: both;
	text-align:center;
}		
/* ##### 特定商取引法 ##### */


/* ##### お待たせしました。遂に新登場！ ##### */
.release {
	position: relative;
	text-align:center;
	font-size: 16pt;
	font-weight: bold;
	color: #ff0000;
}		
/* ##### お待たせしました。遂に新登場！ ##### */


/* ##### 問い合わせ電話番号 ##### */
.tel {
	margin-left: 5px;
}		
/* ##### 問い合わせ電話番号 ##### */

/* ##### Adobe Link ##### */
.adobe {
	font-size: smaller;
	color: #D3D3D3;
	text-decoration: none;
}
/* ##### Adobe Link ##### */