/* ----------------------------------------------------------------------------------------------------

// |||| WALKING HOLIDAY (Milk & Coffee) for Asablo

---------------------------------------------------------------------------------------------------- */



/* // -------------------------------------------------------------------------------------------------
// // [ Distilling ]
---------------------------------------------------------------------------------------------------- */


/* //.		Reset
---------------------------------------------------------------------------------------------------- */

* {}

html, body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, address,
ul, ol, li,
dl, dt, dd,
table, thead, tbody, tfoot, tr, th, td,
form, legend,
span, a, q, em, strong,
img, object, embed {
	margin: 0;
	padding: 0;
	border: none 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	word-break: break-word;
}

li {
	list-style: none outside;
}

hr {
	display: none;
}

img, object, embed {
	vertical-align: top;
	line-height: 1;
}


/* //.		1em = 10px
---------------------------------------------------------------------------------------------------- */

body {
	font-size: 10px;
}
/*\*/
*:first-child+html body {
	font-size: 62.5%;
}
* html body {
	font-size: 62.5%;
}
/**/



/* // -------------------------------------------------------------------------------------------------
// // [ Basis ]
---------------------------------------------------------------------------------------------------- */


/* //.		inline styles
---------------------------------------------------------------------------------------------------- */

html {}

body {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
}
/*\*/
*:first-child+html body {
	font-family: "メイリオ", "Meiryo", sans-serif;
}
* html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
}
/**/

a {}

a:link,
a:visited {}

a:link {}

a:visited {}

a:hover,
a:active {
	text-decoration: underline;
}

a:hover {}

a:active {}

q {}

em, strong {}

em {}

strong,
strong * {
	font-weight: bold;
}

abbr {
	border: none 0;
}


/* //.		extra classes
---------------------------------------------------------------------------------------------------- */

.uppercased {
	text-transform: uppercase;
}

.clear {
	clear: both !important;
}

.spoken {
	display: block;
	position: absolute;
	overflow: hidden;
	left: -1000px;
	width: 1px;
	height: 1px;
}



/* // -------------------------------------------------------------------------------------------------
// // [ base layout ]
---------------------------------------------------------------------------------------------------- */


/* //.		html / body / #container
---------------------------------------------------------------------------------------------------- */

html {}

body {}

#container {
/*	overflow: hidden;*/
	margin: 0 auto;
	width: 960px;
}
/*\*/
* html #container {
	overflow: visible;
	height: 1px;
}
/**/


/* //.		#head
---------------------------------------------------------------------------------------------------- */

#head {
	position: relative;
	z-index: 1;
	overflow: hidden;
	height: 150px;
}

	#head h1 {
		position: absolute;
		width: 450px;
		left: 600px;
		top: 35px;
	}
	/*\*/
	*:first-child+html #head h1 {
		top: 40px;
	}
	/**/

		#head h1 a {
			font-size: 15px;
			font-weight: 900;
			letter-spacing: .1em;
		}

		#head h1 a:hover {
			text-decoration: none;
		}


/* //.		#footer
---------------------------------------------------------------------------------------------------- */

p#footer {
	position: relative;
	position: relative;
	clear: both;
	height: 240px;
}

	p#footer a {
		display: block;
		position: absolute;
		left: 40px;
		top: 165px;
		width: 160px;
		height: 34px;
	}


/* //.		#center / #left / #right / #bottom
---------------------------------------------------------------------------------------------------- */

#center,
#left,
#right {
	position: relative;
	z-index: 10;
	float: left;
}

#right {
	float: right;
}



/* // -------------------------------------------------------------------------------------------------
// // [ #center ]
---------------------------------------------------------------------------------------------------- */


/* //.		#center
---------------------------------------------------------------------------------------------------- */

#center {
	width: 500px;
}

	#center #main {}

		#center #main .navi#navi-top,
		#center #main .navi#navi-bottom {
			position: relative;
			z-index: 10;
			padding-right: 40px;
			font-size: 1.5em;
			letter-spacing: .1em;
			text-align: right;
		}

		#center #main .navi#navi-top {
			margin-top: -50px;
			height: 50px;
		}

		#center #main .navi#navi-bottom {
			margin-top: -40px;
			padding-top: 100px;
		}
		/*\*/
		* html #center #main .navi#navi-bottom {
			zoom: 1;
		}
		/**/

		#center #main p,
		#center #main /*comments*/ h2.comment-caption,
		#center #main /*comments*/ /*comment*/ h3.comment-title,
		#center #main /*comments*/ /*comment*/ .comment-body,
		#center #main .comment-form,
		#center #main /*trackbacks*/ h2.tb-caption,
		#center #main /*trackbacks*/ p.tb-url,
		#center #main /*trackbacks*/ p.tb-attention,
		#center #main /*trackbacks*/ /*trackback*/ h3.tb-title,
		#center #main /*trackbacks*/ /*trackback*/ .tb-body {
			padding: 0 40px;
		}

		#center #main p {
			font-size: 1.4em;
			line-height: 1.6;
		}
			#center #main .msg p,
			#center #main .comment-form p {
				padding: 0;
				font-size: 1em;
			}


/* //.		.msg
---------------------------------------------------------------------------------------------------- */

		#center #main .msg {
		/*	overflow: hidden;*/
			position: relative;
			z-index: 1;
			width: 500px;
		}
		/*\*/
		* html #center #main .msg {
			zoom: 1;
		}
		/**/

			#center #main .msg h2.msg-title {
				position: relative;
				margin-left: -10px;
				padding: 4em 30px 2.5em 118px;
				min-height: 30px;
			}
			/*\*/
			* html #center #main .msg h2.msg-title {
				height: 30px;
			}
			/**/
			#center #main .msg-archives h2.msg-title {
				margin-top: -2em;
				margin-left: 0;
				padding-left: 0;
				padding-bottom: 0;
				padding-left:20px;
			}

				#center #main .msg h2.msg-title a {
					font-size: 1.9em;
				}

				#center #main .msg h2.msg-title span {
					display: block;
					position: absolute;
					left: 118px;
					top: 1.2em;
					font-size: 1.25em;
				}
				/*\*/
				* html #center #main .msg h2.msg-title span {
					font-size: 1.3em;
				}
				/**/

			#center #main .msg .msg-body,
			#center #main .msg p.msg-footer {
				padding: 0 30px 0 40px;
			}
			#center #main .msg p.msg-footer {
				padding-bottom: 50px;
			}

			#center #main .msg .msg-body {
				font-size: 1.4em;
				line-height: 1.6;
			}

				#center #main .msg .msg-body .msg-pict,
				#center #main .msg .msg-body .msg-content {
					margin-bottom: .4em;
				}

				#center #main .msg .msg-body .msg-pict {
				}

				#center #main .msg .msg-body .msg-content {
				}

					#center #main .msg .msg-body .msg-content h1,
					#center #main .msg .msg-body .msg-content h2,
					#center #main .msg .msg-body .msg-content h3,
					#center #main .msg .msg-body .msg-content h4,
					#center #main .msg .msg-body .msg-content h5,
					#center #main .msg .msg-body .msg-content h6 {
					}

					#center #main .msg .msg-body .msg-content h1 {
						font-size: 1.2em;
						font-weight: bold;
					}

					#center #main .msg .msg-body .msg-content h2,
					#center #main .msg .msg-body .msg-content h3 {
						font-size: 1.1em;
						font-weight: bold;
					}

					#center #main .msg .msg-body .msg-content h4,
					#center #main .msg .msg-body .msg-content h5,
					#center #main .msg .msg-body .msg-content h6 {
						font-weight: bold;
					}

					#center #main .msg .msg-body .msg-content ul,
					#center #main .msg .msg-body .msg-content ol {}

						#center #main .msg .msg-body .msg-content ul li,
						#center #main .msg .msg-body .msg-content ol li {
							list-style-position: outside;
						}

						#center #main .msg .msg-body .msg-content ul li {
							list-style-type: disc;
						}

						#center #main .msg .msg-body .msg-content ol li {
							list-style-type: decimal;
						}

					#center #main .msg .msg-body .msg-content pre,
					#center #main .msg .msg-body .msg-content blockquote {
						padding: .5em;
						border-width: 1px;
					}
					/*\*/
					* html #center #main .msg .msg-body .msg-content pre,
					* html #center #main .msg .msg-body .msg-content blockquote {
						zoom: 1;
					}
					/**/

					#center #main .msg .msg-body .msg-content pre {
						border-style: solid;
					}

					#center #main .msg .msg-body .msg-content blockquote {
						border-style: dotted;
						font-style: oblique;
					}

			#center #main .msg-archives .msg-body h3 {
				margin-top: 20px;
				margin-bottom: .3em;
				font-size: 1.2em;
			}

			#center #main .msg p.msg-footer {
				margin-top: 2.5em;
				font-size: 1.2em;
			}


/* //.		comments / trackbacks / .comment-form
---------------------------------------------------------------------------------------------------- */

		#center #main /*comments*/ h2.comment-caption,
		#center #main /*comments*/ /*comment*/ h3.comment-title,
		#center #main /*comments*/ /*comment*/ .comment-body,
		#center #main .comment-form,
		#center #main /*trackbacks*/ h2.tb-caption,
		#center #main /*trackbacks*/ p.tb-url,
		#center #main /*trackbacks*/ p.tb-attention,
		#center #main /*trackbacks*/ /*trackback*/ h3.tb-title,
		#center #main /*trackbacks*/ /*trackback*/ .tb-body {
			position: relative;
			z-index: 100;
		}

		#center #main /*comments*/,
		#center #main .comment-form,
		#center #main /*trackbacks*/ {}

			#center #main /*comments*/ h2.comment-caption,
			#center #main .comment-form p.comment-caption,
			#center #main /*trackbacks*/ h2.tb-caption {
				font-size: 1.6em;
			}

			#center #main /*comments*/ h2.comment-caption {
				margin-top: 30px;
			}

			#center #main .comment-form p.comment-caption,
			#center #main /*trackbacks*/ h2.tb-caption {
				margin-top: 60px;
			}

			#center #main .comment-form p,
			#center #main /*trackbacks*/ p.tb-url,
			#center #main /*trackbacks*/ p.tb-attention {
				margin-top: 1em;
				font-size: 1em;
				line-height: 1.4;
			}

				#center #main /*trackbacks*/ p.tb-url code {
					display: block;
					margin-top: .25em;
					font-size: 1.1em;
				}

			#center #main /*comments*/ /*comment*/,
			#center #main /*trackbacks*/ /*trackback*/ {}

				#center #main /*comments*/ /*comment*/ h3.comment-title,
				#center #main /*trackbacks*/ /*trackback*/ h3.tb-title,
				#center #main /*comments*/ /*comment*/ .comment-body,
				#center #main /*trackbacks*/ /*trackback*/ .tb-body {
					font-size: 1.2em;
				}

				#center #main /*comments*/ /*comment*/ h3.comment-title,
				#center #main /*trackbacks*/ /*trackback*/ h3.tb-title {
					margin-top: 1.5em;
				}

				#center #main /*comments*/ /*comment*/ h3.comment-title,
				#center #main /*trackbacks*/ /*trackback*/ h3.tb-title,
				#center #main /*comments*/ /*comment*/ h3.comment-title a,
				#center #main /*trackbacks*/ /*trackback*/ h3.tb-title a {
					font-weight: bold;
				}

					#center #main /*comments*/ /*comment*/ h3.comment-title a,
					#center #main /*trackbacks*/ /*trackback*/ h3.tb-title a {
					}

				#center #main /*comments*/ /*comment*/ .comment-body,
				#center #main /*trackbacks*/ /*trackback*/ .tb-body {
					margin-top: .5em;
					line-height: 1.4;
				}

					#center #main /*comments*/ /*comment*/ .comment-body ul {
						margin-top: 1em;
					}

						#center #main /*comments*/ /*comment*/ .comment-body ul li {
							margin-bottom: .5em;
							font-size: 1.1em;
						}

					#center #main /*comments*/ /*comment*/ .comment-body .message {
						margin-top: .5em;
						padding: 1em;
						border: solid 1px;
						font-size: 1.1em;
					}

		#center #main .comment-form {}

			#center #main .comment-form form {}

				#center #main .comment-form form p {
					font-size: 1.2em;
				}

					#center #main .comment-form form p input,
					#center #main .comment-form form p textarea {
						display: block;
						margin-bottom: .5em;
					}

					#center #main .comment-form form p textarea {
						width: 400px;
					}

					#center #main .comment-form form p br {
						display: none;
					}

			#center #main .comment-form p {
				font-size: 1.1em;
			}



/* // -------------------------------------------------------------------------------------------------
// // [ #left / #right / #bottom ]
---------------------------------------------------------------------------------------------------- */


/* //.		#left / #right / #bottom
---------------------------------------------------------------------------------------------------- */

#left,
#right {
	padding: 0 5px 0 20px;
	width: 205px;
}


/* //.		.mod
---------------------------------------------------------------------------------------------------- */

	/*#left, #right, #bottom*/ .mod {
		padding-bottom: 20px;
	}

		/*#left, #right, #bottom*/ .mod h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-calendar .mod-body table.calendar tr td.calendar-title {
			padding-top: 1em;
			padding-bottom: .8em;
			font-size: 1.6em;
		}
		/*\*/
		* html /*#left, #right, #bottom*/ .mod h2.mod-caption,
		* html /*#left, #right, #bottom*/ .mod-calendar .mod-body table.calendar tr td.calendar-title {
			padding-bottom: 1em;
		}
		/**/
		/*#left, #right, #bottom*/ .mod h2.mod-caption,
		/*#left, #right, #bottom*/ .mod h2.mod-caption a,
		/*#left, #right, #bottom*/ .mod-calendar .mod-body table.calendar tr td.calendar-title,
		/*#left, #right, #bottom*/ .mod-calendar .mod-body table.calendar tr td.calendar-title a {
			font-weight: bold;
		}

		/*#left, #right, #bottom*/ .mod h2.mod-caption {
			position: relative;
			background: no-repeat left center;
		}

		/*#left, #right, #bottom*/ .mod-description h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-message h2.mod-caption {
			margin-left: -20px;
			padding-left: 60px;
		}
		/*#left, #right, #bottom*/ .mod-recent-articles h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-backno h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-category h2.mod-caption {
			margin-left: -24px;
			padding-left: 52px;
		}
		/*#left, #right, #bottom*/ .mod-comment h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-trackback h2.mod-caption {
			margin-left: -24px;
			padding-left: 52px;
		
		}
		/*#left, #right, #bottom*/ .mod-rss-button h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-login-button h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-mailpia-button h2.mod-caption {
			margin-left: -20px;
			padding-left: 60px;
		}

		/*#left, #right, #bottom*/ .mod .mod-body {}

			/*#left, #right, #bottom*/ .mod .mod-body .mod-text {
				font-size: 1.2em;
			}
			/*#left, #right, #bottom*/ .mod .mod-body p.mod-text {
				line-height: 1.6;
			}
			/*#left, #right, #bottom*/ .mod .mod-body ul li.mod-text {
				line-height: 1.2;
				margin-bottom: .5em;
			}

			/*#left, #right, #bottom*/ .mod .mod-body ul {}

				/*#left, #right, #bottom*/ .mod .mod-body ul li {}

					/*#left, #right, #bottom*/ .mod .mod-body ul li a {}

			/*#left, #right, #bottom*/ .mod .mod-body table.calendar {
				border-collapse: collapse;
				width: 196px;
			}

				/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr {}

					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td {
						font-size: 13px;
						text-align: center;
					}

					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-title {
						text-align: center;
					}

						/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-title a {
						}

					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-sun-name,
					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-sat-name,
					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-wday-name,
					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-cell {
						width: 28px;
						height: 25px;
					}

					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-sun-name,
					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-sat-name,
					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-wday-name {
						font-weight: bold;
					}

					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-sun-name {}
					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-sat-name {}
					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-wday-name {}

					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-cell {}

						/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-cell a {
							display: block;
							padding-top: 4px;
							width: 28px;
							height: 21px;
							text-align: center;
							background: no-repeat center center;
						}
						/*\*/
						* html /*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-cell a {
							padding-top: 6px;
							height: 19px;
						}
						*:first-child+html /*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-cell a {
							padding-top: 2px;
							height: 23px;
						}
						/**/



/* // -------------------------------------------------------------------------------------------------
// // [ backgrounds & colouring ]
---------------------------------------------------------------------------------------------------- */


/* //.		backgrounds & colouring
---------------------------------------------------------------------------------------------------- */

body {
	color: #323232;
}

a {
	color: #FC5539;
}

body,
#head {
	background: #FFFFFA url(http://www.linguaitaliana.info/img/blog/blog-top.jpg) no-repeat center top;
}

#container,
#center .navi#navi-bottom {
	background: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./container_bg.gif) repeat-y center top;
}

#head {}

	#head h1 {}

		#head h1 a {
			color: #FFFFFF;
		}

		#head h1 a:hover {
			color: #646464;
		}

p#footer {
	background: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./footer_bg.gif) no-repeat center top;
}

#center {}

		#center #main .navi#navi-top,
		#center #main .navi#navi-bottom {}

		#center #main .msg {
			background: no-repeat 30px 0;
		}
		#center #main .msg-dow-sun {
			background-image: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./msg-title_bg_camera.gif);
		}
		#center #main .msg-dow-mon {
			background-image: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./msg-title_bg_rainboots.gif);
		}
		#center #main .msg-dow-tue {
			background-image: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./msg-title_bg_pen.gif);
		}
		#center #main .msg-dow-wed {
			background-image: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./msg-title_bg_cap.gif);
		}
		#center #main .msg-dow-thu {
			background-image: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./msg-title_bg_watch.gif);
		}
		#center #main .msg-dow-fri {
			background-image: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./msg-title_bg_dog.gif);
		}
		#center #main .msg-dow-sat {
			background-image: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./msg-title_bg_sketchbook.gif);
		}

			#center #main .msg h2.msg-title {
				color: #FFFFFA;
			}

				#center #main .msg h2.msg-title a,
				#center #main .msg h2.msg-title span {
					color: #323232;
				}

				#center #main .msg h2.msg-title a:hover {
					color: #FC5539;
				}

			#center #main .msg .msg-body {}

				#center #main .msg .msg-body .msg-content pre,
				#center #main .msg .msg-body .msg-content blockquote {
					border-color: #484848;
				}

				#center #main .msg .msg-body .msg-content pre {}

				#center #main .msg .msg-body .msg-content blockquote {
					border-color: #484848;
					color: #727272;
				}

			#center #main .msg p.msg-footer {
				background: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./msg-footer_bg.gif) no-repeat left bottom;
			}

		#center #main /*comments*/ {}

			#center #main /*comments*/ /*comment*/ {}

					#center #main /*comments*/ /*comment*/ .comment-body .message {
						border-color: #646464;
					}

		/*#left, #right, #bottom*/ .mod-description h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-message h2.mod-caption {
			background-image: url(http://www.asahi-net.or.jp/~mq5y-sik/img/blog/tomato.gif);
		}
		/*#left, #right, #bottom*/ .mod-recent-articles h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-backno h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-category h2.mod-caption {
			background-image: url(http://www.asahi-net.or.jp/~mq5y-sik/img/blog/tomato.gif);
		}
		/*#left, #right, #bottom*/ .mod-comment h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-trackback h2.mod-caption {
			background-image: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./mod-caption_bg_umbrella.gif);
		}
		/*#left, #right, #bottom*/ .mod-rss-button h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-login-button h2.mod-caption,
		/*#left, #right, #bottom*/ .mod-mailpia-button h2.mod-caption {
			background-image: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./mod-caption_bg_eyeglasses.gif);
		}

			/*#left, #right, #bottom*/ .mod .mod-body table.calendar {}

				/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr {}

					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td {}

					/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-cell {
						color: #565656;
					}

						/*#left, #right, #bottom*/ .mod .mod-body table.calendar tr td.calendar-cell a {
							color: #FFFFFA;
							background-image: url(http://s.asablo.jp/css/common3/walkingholiday_milkandcoffee/./calendar-cell_a_bg.gif);
						}