/* ---------- reset ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html{
	overflow-y: scroll;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1.9;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------- reset_end ---------- */

/* ---------- body ---------- */

body {
	font-size: 15px;
	font-family: Meiryo, メイリオ, MS PGothic, Arial, Helvetica, sans-serif;
	background: url(img/bg.jpg) repeat;
	text-align: center;
	color: #202020;
}
a {
	color:#202020;
	text-decoration: none;
}
a:hover {
	color:#202020;
	text-decoration: underline;
}
img {
	border: 0;
	vertical-align: bottom;
}
a:focus {
	outline:none;
}
.clear {
	clear:both;
}
.clear hr {
	display:none;
}
fieldset { padding:5px; }

/* ---------- body_end ---------- */


/* ---------- 見出し ---------- */

h1 {
	font-size: 11px;
	text-align: right;
	margin: 0px 5px 10px 0px;
	font-weight: normal;
	color: #b3a7a1;
}

/* ---------- 見出し_end ---------- */


/* ---------- header ---------- */

#header {
	width: 100%;
	text-align: left;
	background:url(img/header.jpg) repeat top center;
	height: 180px;
}
#header .inside {
	width: 950px;
	margin: 0 auto;
	position: relative;
}
#header .inside ul {
	position: absolute;
	top:115px;
	left: 0;
}
#header .inside ul li {
	float: left;
}
#header .inside .left {
	width: 350px;
	float: left;
}
#header .inside .right {
	width: 265px;
	float: right;
	margin-top: 13px;
}

/* ---------- header_end ---------- */


/* ---------- main-container ---------- */

#main-container {
	background: url(img/topimg-back.jpg) repeat-x center 0;
}
.mainimg {
	background: url(img/topimg.png) no-repeat center 0;
}
.content {
	width: 950px;
	margin: 0 auto;
	padding: 395px 0 80px 0;
	text-align: left;
}
.content .txt-top {
	width: 622px;
	float: left;
	margin-top: 130px;
}
.content .photo-top {
	width: 291px;
	float: right;
}
.content .top-left {
	width: 715px;
	float: left;
	margin-top: 23px;
}
.content .top-left .bana01 {
	background: url(img/top-bana-01_n.jpg) no-repeat;
	width: 715px;
	height: 175px;
	font-size: 14px;
}
.content .top-left .bana01 a {
	display: block;
}
.content .top-left .bana01 a:hover {
	background: url(img/top-bana-01_r.jpg) no-repeat;
	text-decoration: none;
}
.content .top-left .bana01 p {
	padding: 100px 0 52px 305px;
}
.content .top-left .bana02 {
	background: url(img/top-bana-02_n.jpg) no-repeat;
	width: 357px;
	height: 121px;
	float: left;
	font-size: 14px;
	line-height: 1.6;
}
.content .top-left .bana02 a {
	display: block;
}
.content .top-left .bana02 a:hover {
	background: url(img/top-bana-02_r.jpg) no-repeat;
	text-decoration: none;
}
.content .top-left .bana02 p {
	padding: 58px 120px 18px 21px;
}
.content .top-left .bana03 {
	background: url(img/top-bana-03_n.jpg) no-repeat;
	width: 358px;
	height: 121px;
	float: left;
	font-size: 14px;
	line-height: 1.6;
}
.content .top-left .bana03 a {
	display: block;
}
.content .top-left .bana03 a:hover {
	background: url(img/top-bana-03_r.jpg) no-repeat;
	text-decoration: none;
}
.content .top-left .bana03 p {
	padding: 58px 120px 18px 21px;
}
.content .top-left .bana04 {
	background: url(img/top-bana-04_n.jpg) no-repeat;
	width: 357px;
	height: 124px;
	float: left;
	font-size: 14px;
	line-height: 1.6;
}
.content .top-left .bana04 a {
	display: block;
}
.content .top-left .bana04 a:hover {
	background: url(img/top-bana-04_r.jpg) no-repeat;
	text-decoration: none;
}
.content .top-left .bana04 p {
	padding: 58px 120px 22px 21px;
}
.content .top-left .bana05 {
	background: url(img/top-bana-05_n.jpg) no-repeat;
	width: 358px;
	height: 124px;
	float: right;
	font-size: 14px;
	line-height: 1.6;
}
.content .top-left .bana05 a {
	display: block;
}
.content .top-left .bana05 a:hover {
	background: url(img/top-bana-05_r.jpg) no-repeat;
	text-decoration: none;
}
.content .top-left .bana05 p {
	padding: 58px 120px 22px 21px;
}
.content .top-left .bana06 {
	background: url(img/top-bana-06_n.jpg) no-repeat;
	width: 715px;
	height: 203px;
	font-size: 14px;
	line-height: 1.6;
}
.content .top-left .bana06 a {
	display: block;
}
.content .top-left .bana06 a:hover {
	background: url(img/top-bana-06_r.jpg) no-repeat;
	text-decoration: none;
}
.content .top-left .bana06 p {
	padding: 94px 48px 40px 261px;
}
.content .news {
	background: url(img/news-back.jpg) no-repeat;
	width: 675px;
	height: 280px;
	padding: 60px 20px 0 20px;
	font-size: 14px;
}
.content .news .inside {
	width: 660px;
	height: 230px;
	background: url(img/news-inside.png) no-repeat;
	padding: 3px 0 15px 15px;
    overflow-y: scroll;
}
.content .news .inside dl dt {
	font-weight: bold;
	padding-top: 10px;
}
.content .news .inside dl dd {
	border-bottom: 1px dotted #95918a;
	padding-bottom: 12px;
	line-height: 1.7;
}
.content .news .inside dl dd:last-child {
	border-bottom: none;
	padding-bottom: 12px;
}

.content .line {
	background: url(img/hasen.gif) repeat-x;
	margin: 14px 0 10px 0;
	height: 1px;
}

.content .top-right {
	width: 222px;
	float: right;
	margin-top: 19px;
}
.content .top-right .sidebana {
	margin-top: 15px;
	text-align: right;
}
.content .top-right .info {
	margin: 8px 0 0 12px;
	font-size: 0;
}
.content .top-right .info .sideinfo-middle {
	background: url(img/side-info-middle.gif) repeat-y;
	font-size: 14px;
	padding: 7px 12px 0 12px;
	line-height: 1.6;
}
.content .top-right .info .sideinfo-middle .txt {
	margin: 0 0 5px 2px;
}

/* ---------- main-container end ---------- */


/* ---------- main-content ---------- */

#main-content {
	width: 750px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ---------- main-content_end ---------- */


/* ---------- main ---------- */

#main {
	width: 750px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.cap {
	padding: 5px 7px 7px 70px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* ---------- main_end ---------- */


/* ---------- menu_bar ---------- */

#menu{
	width: 750px;
	height: 90px;
	margin: 0 0 5px 0;
}

/* ---------- main_menu_end ---------- */


/* ---------- footer ---------- */

#footer {
	height: 175px;
	width: 100%;
	background: url(img/footer.jpg) repeat-x top center;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#footer .inside {
	width: 950px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	color: #fff;
	font-size: 13px;
}
#footer .inside a {
	color: #fff;
}
#footer .inside .totop {
	position: absolute;
	top: -27px;
	right: 0;
}
#footer .inside .block01 {
	width: 129px;
	float: left;
	margin-top: 40px;
}
#footer .inside .block02 {
	width: 313px;
	float: left;
	margin: 26px 0 0 28px;
	line-height: 1.7;
}
#footer .inside .block03 {
	width: 2px;
	float: left;
	margin-top: 15px;
}
#footer .inside .block04 {
	width: 200px;
	float: left;
	margin: 25px 0 0 63px;
}
#footer .inside .block04 ul li, #footer .inside .block05 ul li {
	background: url(img/mark-footer.gif) no-repeat 0 9px;
	padding-left: 1em;
}
#footer .inside .block05 {
	width: 175px;
	float: right;
	margin-top: 25px;
}
#footer .inside .copyright {
	color: #202020;
	font-size: 12px;
	text-align: center;
	margin-top: 16px;
}

/* ---------- footer_end ---------- */


/* ---------- 下層共通 ---------- */

#main-container-lv2 {
	background: url(img/topimg-lv2-back.jpg) repeat-x center 0;
}
.content-lv2 {
	width: 950px;
	margin: 0 auto;
	padding: 240px 0 110px 0;
	text-align: left;
}
.content-lv2 .top-right {
	width: 222px;
	float: right;
	margin-top: 12px;
}
.content-lv2 .top-right .sidebana {
	margin-top: 15px;
	text-align: right;
}
.content-lv2 .top-right .info {
	margin: 8px 0 0 12px;
	font-size: 0;
}
.content-lv2 .top-right .info .sideinfo-middle {
	background: url(img/side-info-middle.gif) repeat-y;
	font-size: 14px;
	padding: 7px 12px 0 12px;
	line-height: 1.6;
}
.content-lv2 .top-right .info .sideinfo-middle .txt {
	margin: 0 0 5px 2px;
}
.content-lv2 .top-right .catttl {
	background: url(img/side-catttl.jpg) no-repeat;
	color: #fff;
	margin-left: 12px;
}
.content-lv2 .top-right .side-menu {
	background: url(img/sidemenu-back.gif) repeat-y;
	border: 1px solid #e3d4b1;
	width: 184px;
	margin: 0 0 13px 12px;
	padding: 0 12px;
}
.content-lv2 .top-right .side-menu ul {
/*	padding-top: 12px;*/
}
.content-lv2 .top-right .side-menu ul li {
	background: url(img/hasen-lv2.gif), url(img/sidemenu-list-last.gif);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 bottom, 0 12px;
	width: 163px;
	padding: 9px 0 9px 20px;
	font-size: 14px;
	line-height: 1.6;
}
.content-lv2 .top-right .side-menu ul li:last-child {
	background: url(img/sidemenu-list-last.gif) no-repeat 0 12px;
}

.content-lv2 .top-left {
	width: 705px;
	float: left;
}
.content-lv2 .top-left .ttl {
	background: url(img/hasen-lv2.gif) repeat-x 0 40px;
	font-size: 21px;
	font-weight: bold;
	color: #890d17;
	padding-bottom: 22px;
}

.contact-box {
	background: url(img/contact-lv2.jpg) no-repeat;
	width: 705px;
	height: 285px;
	margin-top: 40px;
	position: relative;
}
.contact-box .btn-contact {
	position: absolute;
	top: 193px;
	left: 87px;
}
.contact-box .btn-shop {
	position: absolute;
	top: 80px;
	left: 357px;
}
.subttl {
	background: url(img/catttl-lv2.jpg) no-repeat;
	padding: 4px 0 4px 33px;
	font-size: 18px;
	font-weight: bold;
	color: #44312a;
	margin: 35px 0 18px 0;
}



/* ---------- 下層共通 end ---------- */


/* ---------- オカリナを始める方へ ---------- */

.mainimg-advice {
	background: url(img/cattopimg-advice.png) no-repeat center 0;
}

/* ---------- オカリナを始める方へ end ---------- */


/* ---------- 工房紹介 ---------- */

.mainimg-atelier {
	background: url(img/cattopimg-atelier.png) no-repeat center 0;
}
.greeting {
	width: 445px;
	float: left;
}
.greeting .subttl {
	color: #402f29;
	font-weight: bold;
}
.photo-owner {
	width: 235px;
	float: right;
}
.table-atelier {
	width: 705px;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #cdc0a6;
	margin-bottom: 26px;
}
.table-atelier .td-1 {
	width: 160px;
	border-top: 1px solid #cdc0a6;
	border-right: none;
	border-left: 1px solid #cdc0a6;
	border-bottom: 1px solid #cdc0a6;
	background: url(img/img-contact-05.gif) repeat;
	padding: 10px 25px;
}
.table-atelier .td-2 {
	border-top: 1px solid #cdc0a6;
	border-right: 1px solid #cdc0a6;
	border-left: none;
	border-bottom: 1px solid #cdc0a6;
	padding: 10px 25px;
}
.photo-atelier li {
	width: 225px;
	float: left;
}
.photo-atelier .li-1 {
	margin: 0 15px;
}
.att-atelier {
	font-size: 15px;
	line-height: 1.7;
}

/* ---------- 工房紹介 end ---------- */


/* ---------- オカリナへのこだわり ---------- */

.mainimg-about {
	background: url(img/cattopimg-about.png) no-repeat center 0;
}
.photo-about {
	width: 245px;
	float: right;
}
.flow-block {
	background: url(img/flow-back.jpg) repeat-y;
	width: 703px;
	min-height: 168px;
	position: relative;
	margin: 30px 0 5px 0;
}
.flow-block .flow01 {
	width: 218px;
	height: 166px;
	position: absolute;
	top: -11px;
	left -15px;
}
.flow-block .inside {
	width: 440px;
	padding: 18px 23px 22px 240px;
}
.flow-block .inside .ttl-flow {
	color: #336633;
	font-weight: bold;
}
.flow-arrow {
	text-align: center;
	height: 15px;
}

/* ---------- オカリナへのこだわり end ---------- */


/* ---------- オカリナを始める方へ ---------- */

.mainimg-advice {
	background: url(img/cattopimg-advice.png) no-repeat center 0;
}
.photo-advice {
	width: 236px;
	float: right;
	margin-left: 20px;
}
.toshop {
	text-align: right;
	margin-top: 17px;
}
.photo-product {
	width: 245px;
	height: 180px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	border: 4px solid #3b2821;
}
.link a {
	color: #f45027;
	text-decoration: underline;
}

/* ---------- オカリナを始める方へ end ---------- */


/* ---------- お客様の声 ---------- */

.mainimg-voice {
	background: url(img/cattopimg-voice.png) no-repeat center 0;
}
.block-voice {
	background: url(img/block-back.jpg) repeat-y;
	width: 671px;
	padding: 20px 17px;
	margin-bottom: 30px;
}
.block-voice .model {
	color: #f45027;
	font-weight: bold;
}
.kugiri {
	background: url(img/hasen-voice.gif) repeat-x 0 bottom;
	padding-bottom: 10px;
}
.photo-voice {
	width: 85px;
	float: left;
	padding-top: 20px;
}
.txt-voice {
	width: 560px;
	float: right;
	padding-top: 20px;
}

/* ---------- お客様の声 end ---------- */


/* ---------- よくあるご質問 ---------- */

.mainimg-faq {
	background: url(img/cattopimg-faq.png) no-repeat center 0;
}
.faq-list li {
	background: url(img/q-head.gif), url(img/hasen-lv2.gif);
	background-repeat: no-repeat, repeat-x;
	background-position: 15px 12px, 0 bottom;
	padding: 8px 8px 8px 40px;
}
.block-faq {
	background: url(img/block-back.jpg) repeat-y;
	padding: 20px 15px;
	margin-bottom: 30px;
}
.q-faq {
	background: url(img/q-list-head.gif), url(img/hasen-voice.gif);
	background-repeat: no-repeat, repeat-x;
	background-position: 0 12px, 0 bottom;
	padding: 10px 8px 10px 40px;
}
.txt-answer {
	background: url(img/a-list-head.gif) no-repeat 0 12px;
	margin-top: 12px;
	padding: 10px 8px 0 40px;
}

/* ---------- よくあるご質問 end ---------- */


/* ---------- お問い合わせ ---------- */

.mainimg-contact {
	background: url(img/cattopimg-contact.png) no-repeat center 0;
}
.cap-contact {
	background: url(img/img-contact-01.jpg) no-repeat;
	width: 705px;
	height: 290px;
	margin-top: 24px;
}
.cap-contact .txt {
	padding: 74px 18px 0 220px;
}
.ttl-privacy {
	color: #4c3b35;
	font-weight: bold;
}
.address-privacy {
	border: 1px solid #ccb06e;
	padding: 18px;
	width: 370px;
	margin-top: 8px;
}

/* ---------- お問い合わせ end ---------- */


/* ---------- ブログ ---------- */

.mainimg-blog {
	background: url(img/cattopimg-blog.png) no-repeat center 0;
}
.ttl-blog {
	background: url(img/ttl-blog-list.gif) no-repeat;
	padding: 5px 0 5px 33px;
	font-size: 18px;
	font-weight: bold;
	color: #ebe3df;
}
.blog {
	overflow: hidden;
	zoom: 1;
}
.blog dt {
	width: 135px;
	float: left;
	clear: both;
	margin-top: 20px;
	padding-left: 25px;
	background: url(img/mark-blog.gif) no-repeat 10px 10px;
}
.blog dd {
	padding: 0 0 15px 135px;
	margin-top: 20px;
	background: url(img/hasen-lv2.gif) repeat-x 0 40px;
}
.blog dd a {
	color: #ec3f1d;
	text-decoration: underline;
}
.date {
	margin-top: 50px;
	padding-top: 7px;
	background: url(img/hasen-lv2.gif) repeat-x;
	text-align: right;
}
.pager {
	background: url(img/img-contact-05.gif) repeat;
	width: 705px;
	height: 40px;
	margin-top: 43px;
}
.pager .prev {
	float: left;
	width: 320px;
	padding: 5px 0 0 15px;
}
.pager .prev a {
	color: #ec3f1d;
	text-decoration: underline;
}
.pager .next {
	float: right;
	width: 320px;
	padding: 5px 15px 0 0;
	text-align: right;
}
.pager .next a {
	color: #ec3f1d;
	text-decoration: underline;
}
.calendar-top {
	width: 210px;
	background: url(img/calendar-top.gif) no-repeat;
	padding: 12px 0;
	text-align: center;
	margin-left: 12px;
	line-height: 15px;
	color: #890d17;
}
.calendar-middle {
	background: url(img/calendar-middle.gif) repeat-y;
	width: 186px;
	margin-left: 12px;
	font-size: 14px;
	padding: 12px;
}
.calendar-middle a {
	color: #ec3f1d;
	text-decoration: underline;
}
/*
.calendar-bottom {
	background: url(img/calendar-bottom.gif) no-repeat;
	padding: 5px 15px 15px 17px;
	font-size: 12px;
	width: 210px;
	margin-left: 12px;
}
*/

#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	width: 210px;
	background: url(img/calendar-top.gif) no-repeat;
	padding: 12px 0;
	text-align: center;
	margin-top: -12px;
	margin-left: -12px;
	line-height: 15px;
	color: #890d17;
}
#wp-calendar tfoot {
	background: url(img/calendar-month-back.gif) repeat-x;
/*	padding: 10px 15px 15px 17px;*/
	font-size: 12px;
	width: 210px;
	margin-left: 12px;
}
#prev {
	font-size: 14px;
}
#next {
	font-size: 14px;
}
#calendar_wrap tr th {
	text-align: center;
}
#calendar_wrap tr td {
	text-align: center;
}


/* ---------- ブログ end ---------- */