@charset "euc-jp";

/*基本タグスタイル設定*/

* {
	margin:0px; padding:0px;
	font-family:"Arial","Lucida Grande","Verdana","ヒラギノ角ゴ Pro W3","MS UI Gothic","ＭＳ ゴシック","Osaka‐等幅";
	text-align:left;
	}

div,p,form,table,dl,dt,dd,textarea {font-size:12px; line-height:180%;}

li {
	list-style-type:none;
	font-size:12px; line-height:140%;
	}

dt,dd {font-size:12px; line-height:100%;}

img {
	white-space:nowrap;
	border-width:0px
	}

a {color:#0066ff; text-decoration:none;}

a:hover {color:#0066ff; text-decoration:underline;}





body {
	text-align:center;
	background-color:#e0e0e0;
	}



	/*-----ブログ本体外枠-----*/
	#container {
		width:840px;
		margin:0px auto;
		}

		#container_top {
			height:20px;
			background:url(http://blog-imgs-34.fc2.com/m/e/n/mensskincarenisshi/sc003_container_top.png) no-repeat;
			overflow:hidden;
			}



		#container_middle {
			padding:0px 10px;
			background:url(http://blog-imgs-34.fc2.com/m/e/n/mensskincarenisshi/sc003_container_middle.png) repeat;
			}

			/*-----ヘッダー-----*/
			#header {
				height:300px;
				margin:0px 10px 10px 10px;
				background:url(http://blog-imgs-34.fc2.com/m/e/n/mensskincarenisshi/sc003_header_bg.jpg) no-repeat;
				}



				/*-----タイトル＆イントロダクション-----*/
				#header_top_left {
					width:500px; height:190px;
					float:left;
					}

					h1 {
						margin:10px;
						font-size:12px; line-height:100%;
						}
						a.title {color:#ffffff;}

					#introduction {
						margin:0px 10px; 
						font-size:11px; color:#ffffff;
						}



				/*-----検索ボックス-----*/
				#header_top_right {
					padding:10px;
					text-align:right;
					}

					.header_search_input {
						width:150px;
						font-size:12px; color:#ffffff; line-height:100%;
						border:0px solid #ffffff;
						background-color:#6699ff;
						}

					.header_search_button {
						width:72px;
						font-size:12px; color:#ffffff; font-weight:bold; text-align:center;
						border:0px solid #ffffff;
						background-color:#537adf; /*-----背景色を設定するとボーダーが1pxになる。TRANSPARENT値だと余分に一本ボーダーが入る-----*/
						}



				/*-----カレンダー-----*/
				#header_bottom {clear:left;}

					#month_navi {
						margin:0px 10px 5px 10px;
						color:#ffffff;
						}

					.white_dot_line {
						height:1px;
						margin:0px 10px;
						overflow:hidden;
						background:url(http://blog-imgs-34.fc2.com/m/e/n/mensskincarenisshi/sc003_white_dot.gif) repeat;
						}

					#top_calender {
						margin:0px 10px 10px 12px;
						color:#ffffff;
						}

						.prev_month {
							width:20px;
							text-align:left;vertical-align:middle;
							}

						.prev_month_arrow {
							width:20px;
							text-align:left;vertical-align:middle;
							}

						.next_month {
							width:20px;
							text-align:right; vertical-align:middle;
							}

						.next_month_arrow {
							width:20px;
							text-align:right; vertical-align:middle;
							}

							a.month_link {color:#ff9900; font-weight:bold; text-decoration:underline;}
							a.month_link:hover {text-decoration:underline;}

						.days {
							width:22px; height:22px;
							font-weight:bold; text-align:center; vertical-align:middle;
							}

							.days a {color:#ff9900; font-weight:bold; text-decoration:underline;}
							.days a:hover {text-decoration:underline;}





			/*-----カラム枠-----*/
			#column {margin:0px 10px 10px 10px;}



				/*-----サイドバー-----*/
				.side_column {
					width:168px;
					vertical-align:top;
					}



				.empty_column {
					width:10px;
					overflow:hidden;
					}



					/*-----サイドメニュー-----*/
					div.plugin_title {
						padding:7px 0px 7px 20px;
						color:#cc0000; font-weight:bold; line-height:100%;
						background:url(http://12.dtiblog.com/m/materiallab/file/sc003_side_header_arrow.png) no-repeat 4px 7px;
						}

					div.side_menu {
						margin:0px 0px 20px 0px;
						background:url(http://12.dtiblog.com/m/materiallab/file/sc003_side_menu_box_middle.png) repeat;
						}

						div.side_menu_box_top {
							height:5px;
							overflow:hidden;
							background:url(http://12.dtiblog.com/m/materiallab/file/sc003_side_menu_box_top.png) no-repeat;
							}

						div.side_menu_box_bottom {
							height:5px;
							overflow:hidden;
							background:url(http://12.dtiblog.com/m/materiallab/file/sc003_side_menu_box_bottom.png) no-repeat;
							}

						p.plugin_description_first {
							margin:0px 5px 5px 5px;
							font-size:75%; color:#333333;
							}

						div.plugin_content {margin:0px 5px 5px 5px;}

							.plugin_content li {
								list-position:outside;
								margin:0px 0px 7px 0px; padding:0px 0px 7px 10px;
								font-size:80%;  color:#666666; line-height:160%;
								background:url(http://12.dtiblog.com/m/materiallab/file/sc003_side_menu_list_image.png) no-repeat 0px 3px;
								border-bottom:1px solid #dcdcdc;
								}

							.plugin_content div div {
								margin:0px 0px 7px 0px; padding:0px 0px 7px 10px;
								font-size:80%;  color:#666666; line-height:140%;
								background:url(http://12.dtiblog.com/m/materiallab/file/sc003_side_menu_list_image.png) no-repeat 0px 3px;
								border-bottom:1px solid #dcdcdc;
								}

						p.plugin_description_second {
							font-size:80%;  color:#666666;
							margin:0px 5px ;
							}

								.calender {
									margin:0px;
									background-color:#ffffff;
									}

									.calender caption {font-weight:bold; text-align:center;}

									.calender th {
										width:20px; height:20px;
										text-align:center; vertical-align:middle;
										background-color:#dcdcdc;
										}

										#sun {color:#ff3300;}

										#sat {color:#009966;}

									.calender td {
										height:20px;
										color:#999999; text-align:center; vertical-align:middle;
										}





				/*-----メインカラム-----*/
				#main_column {
					width:444px;
					vertical-align:top;
					}

					/*-----ページナビ-----*/
					#page_navi {
						margin:0px 0px 20px 0px;
						color:#cccccc; font-weight:bold; text-align:right; line-height:100%;
						}

						.prev {
							margin:0px 10px 0px 0px;
							line-height:100%;
							display:inline;
							}

						.next {
							line-height:100%;
							display:inline;
							}



					/*-----エントリー-----*/
					.entry {
						margin:0px 0px 20px 0px;
						background:url(http://12.dtiblog.com/m/materiallab/file/sc003_entry_box_middle.png) repeat;
						}

						.entry_box_top {
							height:5px;
							background:url(http://blog-imgs-34.fc2.com/m/e/n/mensskincarenisshi/sc003_entry_box_top.png) no-repeat;
							overflow:hidden;
							}

						.entry_box_bottom {
							height:5px;
							background:url(http://blog-imgs-34.fc2.com/m/e/n/mensskincarenisshi/sc003_entry_box_bottom.png) no-repeat;
							overflow:hidden;
							}

						h2 {
							padding:7px 10px;
							font-size:16px;
							border-right:1px solid #999999;
							border-left:1px solid #999999;
							}

							.entry_title {color:#000000; text-decoration:none;}

						.gray_dot_line {
							height:1px;
							background:url(http://12.dtiblog.com/m/materiallab/file/sc003_99_dot.png) repeat;
							border-right:1px solid #999999;
							border-left:1px solid #999999;
							overflow:hidden;
							}

						.date {
							margin:0px 10px 10px 0px;
							font-size:80%; color:#999999; text-align:right;
							}

						.content {
							width:404px;
							margin:20px;
							overflow:auto;
							voice-family: "\"}\"";
							voice-family:inherit;
							overflow-x:auto;
							overflow-y:visible;
							}

						blockquote {
							margin:0px 0px 20px 0px; padding:10px;
							background-color:#ffffee;
							border:1px solid #ffcc99;
							}

							cite {color:#999999;}

						.continue {
							margin:0px 20px 20px 20px;
							font-size:14px; font-weight:bold;
							}

						.block {margin:20px 0px 0px 0px;}

						.entry_bottom {
							padding:3px 10px;
							color:#333333; text-align:right;
							}



						/*-----コメントエリア-----*/
						h3.comment {
							padding:7px 10px;
							font-size:16px;
							border-right:1px solid #999999;
							border-left:1px solid #999999;
							}

						div.comment_top {
							margin:10px 0px 0px 0px;
							font-weight:bold; text-align:right;
							}

						/*-----トラックバックURL-----*/
						p.trackback {
							margin:10px; padding:10px;
							background-color:#f9f9f9;
							border:1px solid #f0f0f0;
							}

						/*-----コメントリスト-----*/
						div.comment_block {margin:0px 10px 10px 10px;}

							div.comment {margin:10px 0px 0px 0px; padding:0px 10px 10px 10px;}

								h4.comment_title {
									margin:0px 0px 7px 0px;
									font-size:12px; font-weight:bold;
									}

									.comment_title a {color:#000000;}
									.comment_title a:hover {text-decoration:none;}

								p.comment {
									margin:0px 0px 7px 0px;
									color:#333333;
									}

								.comment_footer {font-size:80%; color:#999999; text-align:right;}

						/*-----フォーム-----*/
						form.comment {
							margin:10px; padding:10px;
							background-color:#f9f9f9;     /*バックグラウンドカラーを指定しないと上部にマージンを無視したボーダーが入る*/
							border:1px solid #f0f0f0;
							}

							dt {
								padding:3px 0px; width:80px;
								float:left;
								}

								label {color:#666666; font-weight:bold;}

							dd {margin:0px 0px 10px 90px;}

								.submit {padding:0px 0px 0px 90px;}





					/*-----ボトムナビ-----*/
					#bottom_page_navi {
						margin:0px 0px 0px 10px;
						text-align:center;
						}





			/*-----フッター-----*/
			#footer {
				margin:20px 0px 0px 0px; padding:20px 0px 20px 0px;
				text-align:center;
				border-top:1px solid #cccccc;
				clear:both;
				}

				.material_lab {font-weight:bold;}



		#container_bottom {
			height:20px;
			background:url(http://blog-imgs-34.fc2.com/m/e/n/mensskincarenisshi/sc003_container_bottom.png) no-repeat;
			overflow:hidden;
			}