@charset "utf-8";
/*
Theme Name: なごみ
Theme URI: http://www.logos.cx/
Description: なごみウェブサイト用 WordPress オリジナルテーマ
Version: 0.1
Author: ハシモトタカシ
Author URI: http://www.logos.cx/
Tags: brown, custom header, fixed width, two columns, widgets
*/

/* common css --------------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #404040;
	line-height: 2;
	text-align: center;
}

#container {
	position: relative;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#header {
	position: absolute;
	top: 0px;
	height: 120px;
	width: 800px;
	padding: 0px 20px 0px 20px;
	background: url(./images/bg.gif) repeat-y;
}

#header h1 {
	position: absolute;
	top: 10px;
	right: 40px;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: right;
}

#header h1 a {
	color: #666666;
	text-decoration: none;
}

#header-navi {
	position: absolute;
	top: 120px;
	height: 20px;
	width: 800px;
	padding: 0px 20px 0px 20px;
	background: url(./images/bg.gif) repeat-y;
	line-height: 1;
}

#header-navi-bar {
	height: 20px;
	background-color: #663300;
}

#header-navi-bar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#header-navi-bar li {
	float: right;
	padding: 0px;
	margin: 0px;
}

#header-navi-bar ul li a {
	height: 20px;
	width: 100px;
	font-size: 10px;
	display: block;
	text-indent: -9999px;
}

#header-navi-bar ul li a:focus { outline: none; }

#header-navi-01 { background: url(./images/header_menu.gif) 0px 0px; }

#header-navi-02 { background: url(./images/header_menu.gif) -100px 0px; }

#header-navi-03 { background: url(./images/header_menu.gif) -200px 0px; }

#header-navi-04 { background: url(./images/header_menu.gif) -300px 0px; }

#header-navi-05 { background: url(./images/header_menu.gif) -400px 0px; }

#header-navi-06 { background: url(./images/header_menu.gif) -500px 0px; }

#header-navi-01 a:hover { background: url(./images/header_menu.gif) 0px -20px; }

#header-navi-02 a:hover { background: url(./images/header_menu.gif) -100px -20px; }

#header-navi-03 a:hover { background: url(./images/header_menu.gif) -200px -20px; }

#header-navi-04 a:hover { background: url(./images/header_menu.gif) -300px -20px; }

#header-navi-05 a:hover { background: url(./images/header_menu.gif) -400px -20px; }

#header-navi-06 a:hover { background: url(./images/header_menu.gif) -500px -20px; }

#main-container {
	position: absolute;
	top: 140px;
	width: 800px;
	padding: 0px 20px 0px 20px;
	background: url(./images/bg.gif) repeat-y;
}

#contents {
	float: right;
	width: 580px;
	padding: 20px 20px 0px 20px;
	margin: 0px;
}

#sidebar {
	position: relative;
	float: left;
	width: 160px;
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
}

#sidebar ul {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	display: block;
	list-style: none;
}

#sidebar li {
	padding: 0px;
	margin: 0px;
}

#sidebar a {
	height: 100%;
	font-size: 10px;
	display: block;
	text-indent: -9999px;
}

#sidebar a:focus { outline: none; }

#sidenavi-trial {
	height: 90px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px 0px;
}

#sidenavi-trial a:hover {
	background: url(./images/side_menu_br.gif) -160px 0px;
}

#sidenavi-contact {
	height: 40px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px 0px;
}

#sidenavi-contact a:hover {
	background: url(./images/side_menu_gr.gif) -160px 0px;
}

#sidenavi-intro {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px -90px;
}

#sidenavi-intro a:hover {
	background: url(./images/side_menu_br.gif) -160px -90px;
}

#sidenavi-feature {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px -120px;
}

#sidenavi-feature a:hover {
	background: url(./images/side_menu_br.gif) -160px -120px;
}

#sidenavi-course {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px -150px;
}

#sidenavi-course a:hover {
	background: url(./images/side_menu_br.gif) -160px -150px;
}

#sidenavi-self {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px -40px;
}

#sidenavi-self a:hover {
	background: url(./images/side_menu_gr.gif) -160px -40px;
}

#sidenavi-home {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px -70px;
}

#sidenavi-home a:hover {
	background: url(./images/side_menu_gr.gif) -160px -70px;
}

#sidenavi-regular {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px -100px;
}

#sidenavi-regular a:hover {
	background: url(./images/side_menu_gr.gif) -160px -100px;
}

#sidenavi-master {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px -130px;
}

#sidenavi-master a:hover {
	background: url(./images/side_menu_gr.gif) -160px -130px;
}

#sidenavi-nursing {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px -160px;
}

#sidenavi-nursing a:hover {
	background: url(./images/side_menu_gr.gif) -160px -160px;
}

#sidenavi-aroma {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px -190px;
}

#sidenavi-aroma a:hover {
	background: url(./images/side_menu_gr.gif) -160px -190px;
}

#sidenavi-voice {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px -220px;
}

#sidenavi-voice a:hover {
	background: url(./images/side_menu_gr.gif) -160px -220px;
}

#sidenavi-qa {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px -250px;
}

#sidenavi-qa a:hover {
	background: url(./images/side_menu_gr.gif) -160px -250px;
}

#sidenavi-teacher {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px -180px;
}

#sidenavi-teacher a:hover {
	background: url(./images/side_menu_br.gif) -160px -180px;
}

#sidenavi-policy {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px -210px;
}

#sidenavi-policy a:hover {
	background: url(./images/side_menu_br.gif) -160px -210px;
}

#sidenavi-refle {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px -240px;
}

#sidenavi-refle a:hover {
	background: url(./images/side_menu_br.gif) -160px -240px;
}

#sidenavi-activity {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px -270px;
}

#sidenavi-activity a:hover {
	background: url(./images/side_menu_br.gif) -160px -270px;
}

#sidenavi-salon {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px -280px;
}

#sidenavi-salon a:hover {
	background: url(./images/side_menu_gr.gif) -160px -280px;
}

#sidenavi-salonmenu {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_gr.gif) 0px -310px;
}

#sidenavi-salonmenu a:hover {
	background: url(./images/side_menu_gr.gif) -160px -310px;
}

#sidenavi-access {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px -300px;
}

#sidenavi-access a:hover {
	background: url(./images/side_menu_br.gif) -160px -300px;
}

#sidenavi-link {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px -330px;
}

#sidenavi-link a:hover {
	background: url(./images/side_menu_br.gif) -160px -330px;
}

#sidenavi-info {
	height: 30px;
	width: 160px;
	background: url(./images/side_menu_br.gif) 0px -360px;
}

#sidenavi-info a:hover {
	background: url(./images/side_menu_br.gif) -160px -360px;
}

#sidenavi-diary {
	height: 110px;
	width: 160px;
	background: url(./images/side_menu_rd.gif) 0px 0px;
}

#sidenavi-diary a:hover {
	background: url(./images/side_menu_rd.gif) -160px 0px;
}


#footer {
	clear: both;
	left: 20px;
	width: 800px;
	padding-top: 40px;
	background: #ffffff url(./images/footer_bg.gif) no-repeat;
}

#footer_menu {
	text-align: center;
	font-size: 11px;
}

#footer_button {
	height: 20px;
	width: 210px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#footer_button ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#footer_button li {
	float: left;
	padding: 0px;
}

#footer_button ul li a {
	height: 20px;
	width: 100px;
	font-size: 10px;
	display: block;
	text-indent: -9999px;
}

#footer_button ul li a:focus { outline: none; }

#footer-botton-01 { background: url(./images/footer_button.gif) 0px 0px no-repeat; }

#footer-botton-02 { background: url(./images/footer_button.gif) 0px -20px no-repeat; }

#footer-botton-01 a:hover { background: url(./images/footer_button.gif) -100px 0px no-repeat; }

#footer-botton-02 a:hover { background: url(./images/footer_button.gif) -100px -20px no-repeat; }

#footer_company {
	height: 55px;
	padding: 45px 0px 0px 340px;
	margin: 0px;
	background: url(./images/footer.gif) no-repeat;
}

#footer_copyright {
	height: 20px;
	color: #ffffff;
	line-height: 20px;
	text-align: center;
	background-color: #663300;
}

img {
	border: none;
	vertical-align: text-bottom;
}

h2 {
	padding: 0px;
	margin: 0px 0px 12px;
}

/*
h3 {
	font-size: 20px;
	line-height: 1.2;
	padding: 11px 0px 5px 70px;
	margin: 18px 0px 0px;
	background: url(./images/h3.gif) no-repeat bottom;
}
*/

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #336600;
	line-height: 25px;
	padding-left: 10px;
	margin: 18px 0px 0px;
	background: url(./images/h3.gif) no-repeat left;
}

.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

.mgn-btm-5 { margin-bottom: 5px; }

.mgn-btm-10 { margin-bottom: 10px; }

.mgn-btm-15 { margin-bottom: 15px; }

.mgn-btm-20 { margin-bottom: 20px; }

.mgn-lt-50 { margin-left: 150px; }

.c_darkred { color: #660000; }

.fs10 { font-size: 10px; }

.fs11 { font-size: 11px; }

.fs12 { font-size: 12px; }

.fs14 { font-size: 14px; }

.c_brown { color: #663300; }

.c_beige { color: #cc9966; }

.c_gray { color: #666666; }

.c_darkgray { color: #333333; }

.c_green { color: #336600; }

.go_top {
	text-align: right;
	margin-top: 10px;
}

.clearfix:after {
	content: ".";  /* Vvf */
	display: block;  /* ubNxvf */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}



/* diary -------------------------------------------------------------------- */

.post-date {
	text-align: right;
	line-height: 1.5;
	}

.post-content {
	margin: 0px 0px 50px 30px;
	}

.post-content blockquote {
	border-left: 5px solid #cccccc;
	padding-left: 10px;
}

.return {
	background: url(./images/return.gif) no-repeat scroll left center;
	padding-left: 19px;
}

.wp-pagenavi {
	text-align: center;
	margin: 10px;
	}

#sidebar2 {
	position: relative;
	float: left;
	width: 160px;
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
}

#sidebar2 ul {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	list-style: none;
}

#sidebar2 ul li {
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

#sidebar2 ul li ul {
	line-height: 1.4;
	list-style-image: none;
}

#sidebar2 ul li ul li {
	padding-left: 10px;
	margin: 0px 0px 8px 0px;
	width: 148px;
	background: url(./images/marker.gif) no-repeat left top;
}

.widget {
	margin-bottom: 20px;
	}

.widgettitle {
	height: 30px;
	color: #404040;
	font-size: 100%;
	line-height: 30px;
	text-align: center;
	background: url(./images/bar.gif) no-repeat left center;
	margin-bottom: 5px;
}

#calendar_wrap {
	text-align: center;
	}

/* ブログ記事内の画像配置用 */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.center {
	text-align: center;
	}

.right {
	text-align: right;
	}

/* コメント */

#commentlist li ul {
	border-left: 1px solid #ddd;
	list-style-type: none;
}

#comment {
	height: 200px;
	width: 530px;
	}

cite {
	font-style: normal;
}