@charset "shift_jis";



BODY {
	  
	font: 75%/2 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	/*文字サイズは75%の部分になる。12pxとか自由に変更して下さい。*/
	color : dimgray;	/*文字色をグレーに*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	background : rgb(255, 255, 255) url(images/bg.jpg) no-repeat scroll center top;	/*壁紙設定箇所。ページ上部の中央よせという意味。通常の設定にしたいなら「no-repeat center top」を外す。*/
}
#header {
	  
	background: url(images/header_bg.gif) no-repeat;
	height: 80px;
	text-align: left;
}

h1,h2,h3,p,ul,li,dl,dt,dd{
	  
	margin: 0px;
	padding: 0px;
}
ul{
	  
	list-style-type: none;
}
img {
	  
	border: none;
}
.color1 {
	  
	color: #308F78;
}
.look {
	  
	background: #FCEED0;
}



/*リンク設定
---------------------------------------------------------------------------*/
a {
	  
	color: #308f78;	/*リンク部分を通常のテキストと同じグレーにしています*/
}
a:hover {
	  
	color: #00cc66;	/*カーソルオーバー時に薄いピンク色にする*/
}



/*h1タグ設定
---------------------------------------------------------------------------*/
h1 {
	  
	font-size: 10px;	/*文字サイズを10pxに*/
	text-align: left;	/*左よせ。もし右よせがいいなら「left」を「right」、センタリングがいいなら「center」にする。*/
	color: #99cc99;		/*文字色を白に*/
}



/*コンテナー設定
---------------------------------------------------------------------------*/
#container {
	  
	background: url(images/container_bg.gif) repeat-y;
	width: 912px;
	margin-top: 70px;	/*最上部の画像とサイト名の高さに合わせてここも変更する*/
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}



/*メインメニュー設定
---------------------------------------------------------------------------*/
ul#menu li {
	  
	float: left;	/*ビルダー編集画面で崩れないようにフロート設定にしました*/
	width: 152px;
}




/*コンテンツ設定
---------------------------------------------------------------------------*/
#contents {
	  
	clear: left;	/*上のメインメニューのフロート処理の解除*/
	width: 100%;
}



/*トップページのFLASH（メイン画像）設定
---------------------------------------------------------------------------*/
#fla {
	  
	text-align: center;
}



/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	  
	display: inline;
	float: left;
	width: 550px;	/*メインコンテンツ(左ブロック)の幅*/
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 100px;
}

/*メインコンテンツ内の見出し設定箇所*/
#main h2 {
	  
	font-size: 100%;
	border-top: 1px solid #AFE4BD;		/*上に入っている線。1pxの直線(solid)を#f58a8eのピンク色で入れています*/
	border-bottom: 1px solid #AFE4BD;	/*下に入っている線。1pxの直線(solid)を#f58a8eのピンク色で入れています*/
	line-height: 50px;					/*見出しの高さ*/
	background: #FFFFFF url(images/h2_bg.jpg) no-repeat right center;	/*見出しに入っているピンクのバラの花画像設定*/
	padding-left: 10px;
	letter-spacing: 0.2em;
	color: #308F78;		/*文字色も線にあわせてピンク色に。*/
}

#main h3 {
	  
	font-size: 200%;
	border-top: 1px solid #AFE4BD;		/*上に入っている線。1pxの直線(solid)を#f58a8eのピンク色で入れています*/
	border-bottom: 1px solid #AFE4BD;	/*下に入っている線。1pxの直線(solid)を#f58a8eのピンク色で入れています*/
	line-height: 50px;					/*見出しの高さ*/
	background: #FFFFFF url(images/h2_bg.jpg) no-repeat right center;	/*見出しに入っているピンクのバラの花画像設定*/
	padding-left: 10px;
	letter-spacing: 0.2em;
	color: #308F78;		/*文字色も線にあわせてピンク色に。*/
}


/*メインコンテンツ内の段落設定箇所*/
#main p {
	  
	padding: 0.5em 10px 1em;
}


.doubleline {
	/*二重取り消し線*/
background-image:url(http://miracle-eyes.jp/images/doubleline.gif);
background-repeat:repeat-x;
background-position: center;
} 

#toppage-review
{
 overflow: auto;
 height: 300px;
}

/*サイドコンテンツ
---------------------------------------------------------------------------*/
#side {
	  
	display: inline;
	float: right;
	width: 300px;	/*サイドコンテンツ(右ブロック)の幅*/
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 100px;
}

/*サイドコンテンツ内の見出し設定箇所*/
#side h3 {
	  
	background: #FFFFFF;		/*見出し背景色*/
	letter-spacing: 0.2em;
	text-align: center;			/*文字のセンタリング。左よせでいいならこの1行を丸ごと削除。*/
	font-size: 100%;
	border: 1px solid #AFE4BD;
	color: #308F78;
}

/*サイドコンテンツ内の段落設定箇所*/
#side p {
	  
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#sns li {
	display:inline;
}

/*サイドコンテンツ内の「おしらせ」部分
---------------------------------------------------------------------------*/
#side dl {
	  
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#side dt {
	  
	font-weight: bold;	/*日付を太字に。通常の太さがいいなら、この1行を丸ごと削除。*/
	color: #308F78;		/*日付の文字色をピンク色（#f58a8e）に*/
}
#side dd {
	  
	border-bottom: 1px dotted #2A1C29;	/*コメントの下に1pxの点線(dotted)を#2A1C29の色で入れる。*/
	padding-left: 1em;	/*コメントの左側に少しだけ空白を設ける。上の日付と同じくしたいなら、この1行を丸ごと削除。*/
}



/*フッター（copyright部分）
---------------------------------------------------------------------------*/
#footer {
	  
	clear: both;
	width: 912px;
	text-align: center;
	background: url(images/footer_bg.gif) no-repeat center bottom;
	line-height: 1.4;
	height: 70px;
	padding-top: 30px;
}

.block {
	margin:5px 0;
}

.block div {
	float:center;
margin-right:5px;
}

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.table1 { 
width: 100%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #d3d3d3 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
 } 

 .table1 TD { 
border: 1px #d3d3d3 solid; /* セルの枠線（太さ・色・スタイル） */ 
 }  

.table2 { 
width: 100%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #d3d3d3 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
 } 

 .table2 TD { 
border: 1px #d3d3d3 solid; /* セルの枠線（太さ・色・スタイル） */ 
text-align: center;
padding: 3px;
font-size: 85%;
 }  

#feed li{
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}
/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* blog style                                   */
/*++++++++++++++++++++++++++++++++++++++++++++++*/

#feed {
	margin: 0;
	font-size:12px;
	}
#feed ul li {
	line-height:1.8em;
	margin:0 0 10px -40px;
	padding-bottom:10px;
	list-style: none;
	border-width: 0 0 1px 0;
	border-bottom: dotted;
	border-color: #cccccc;
	}
#feed ul li p.wp {
	font-weight:bold;
	margin-bottom:6px;
	}
#feed ul li p.day {
	text-align:right;
	margin:6px;
	}