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

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:#FF0000;						/* 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: #0099CC;
	font-weight: bold;
	margin-top: -5px;
	padding-left:7px;
	border-left: 5px solid #006699;
	background: #eeeeee;
	clear: both;
}
h3 {
	font-size:12pt;
	color: #339999;
	font-weight: bold;
}

h4 {
	font-size:10pt;
	color: #0099CC;
	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;
}


/* ##### バナーの定義 ##### */
#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;

} 
#header h1 a{
	text-decoration: none;
	color: #FFFFFF;						/* change */
}
#header h2 a{
	text-decoration: none;
	color: #FFFF66;						/* change */
}


/* ##### ナビボタン ##### */

.navi {
	clear: both;
	background-color: #A60000;
	border-bottom: 1px solid #0099CC;
	color: #FFFFFF;
	font-family:"MS UI Gothic";
	text-align: center;
	padding: 2px;
}

.navi img, .side_header img, #shop_info_header img {
	margin: 0px 10px;
}

.navi a:link, .navi a:visited, .navi a:active {
	color: #FFFFFF;
}

.navi a:hover {
	color: #FFFF00;
}


/* ##### バナーナビボタン ##### */

.banner_navi {
	margin-left:280px;
	color: #FFFFFF;
	font-size:8pt;
	padding: 1px;
}

.banner_navi img, .side_header img, #shop_info_header img {
	margin: 0px 10px;
}

.banner_navi a:link, .banner_navi a:visited, .banner_navi a:active {
	color: #FFFFFF;
}

.banner_navi a:hover {
	color: #FFFF00;
}


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

#footer {
	clear: both;
	margin: 5px;
	background-image: url(images/footer.jpg); 
	background-repeat: repeat-n;
	font-size:10pt;
	color: #FFFFFF;
	text-align: center;
	font-weight:bold;
	padding: 2px;
	width: 780px;
}

#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;
	padding: 5px;
	width: 530px;
}


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

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


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

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


/* サイドヘッダー  */
.side_header, #shop_info_header {
	background-color: #0099CC;
	border-bottom: 1px solid #CCCCCC;
	color: #FFFFFF;
	padding: 2px;
	text-align: center;
}
.side_header a {
	text-decoration: none;
	color: #FFFFFF;
}

/* ブライトライトの専門サイト  */
#lighttherapy_site {	
	padding: 18px;
	background-image: url(images/lighttherapy_site_back.jpg);
	background-repeat: no-repeat;
	font-size:13pt;
	font-weight:bold;
	color: #FFFFFF;
	text-align: center;
}
/*  問い合わせ先  */
.side_header_contact {
	background-color: red;
	border-bottom: 1px solid #CCCCCC;
	color: #FFFFFF;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}
.side_header_contact a {
	color: #FFFFFF;
}

/*  資料請求フォーム  */
.request_form {
	background-color: red;			/* change */
	color: #FFFFFF;
	padding: 7px;
	text-align: center;
	font-size:10.5pt;						/* change */
	font-weight:bold;					/* change */
	}
.request_form a {
	color: #FFFFFF;
}

.request_form1 {
	background-color: #6495ED;			/* change */
	color: #FFFFFF;
	padding: 4px;
	text-align: center;
	font-size:10pt;						/* change */
	font-weight:bold;					/* change */
	}
.request_form1 a {
	color: #FFFFFF;
}


/*  ご注文はこちらから  */
.order {
	background-color: red;			/* change */
	color: #FFFFFF;
	padding: 8px;
	text-align: center;
	font-size:11pt;				/* change */
	font-weight:bold;				/* change */
	}
.order a {
	color: #FFFFFF;
}

/*  MErightside */
.me {
	background-image: url(images/MErightside.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 8px;
	text-align: center;
	font-size:11pt;				/* change */
	font-weight:bold;				/* change */
	height:180px;
	}
.me a {
	color: blue;
}

/* サイド本文  */
.side_body {
	padding: 5px;
	background-image: url(images/side_back.png); 
	width: 225px;
	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_campaign {
	padding: 5px;
	background-image: url(http://http://fx.ovtp.net/images/j21.jpg); 
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight:normal;
	font-size:11pt;
}
.side_body_campaign p {
	margin-top: 0px;
}
.side_body_campaign 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, #shop_info_body img {
	margin: 1px 0px 1px 5px;
	vertical-align: middle;
}


.side_body ul{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:20px;
	margin-right:20px;
	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:10px;
	/*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: -3px;
	margin-bottom: 5px;
	padding: 3px 15px;
	background-color: #c0c0c0;
	text-align: left;
	font-size: 8pt;
	line-height:120%;			/* 行間 */
}


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

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

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

.blue_background {
	position: relative;
	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;
}


/* ##### Smaller 8pt font ##### */
.smaller_font {
	font-size:8pt;	
	line-height:120%;			/* 行間 */
}

/* ##### Lager 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;
}

/* ##### ＦＸ業者選定基準 ##### */
.smaller_font_fx {
	font-size:8pt;	
	color: #0099CC;
	font-weight: bold;
	line-height:120%;			/* 行間 */
}

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

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