/*
Theme Name: Megumi Zen
Theme URI: http://megumithemes.com
Description: A child theme of Twenty Ten
Author: the Megumi team (original by the WordPress team. http://wordpress.org/)
Author URI: http://megumithemes.cosm/
Version:  1.2.9
Template: twentyten
Tags: black, blue, white, two-columns, fixed-width, custom-header, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/
@import url("common.css");




/* Clearfix
-------------------------------------------------------------- */

.clearFix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

* html .clearFix {
height:1%;
}

:first-child + html .clearFix {
}

#header, .nav, #masthead {
overflow:hidden;
}

#header:after, .nav:after, #masthead:after {
clear:both;
content:"";
display:block;
height:1px;
overflow:hidden;
}


* html #header, * html .nav, * html #masthead {
height:1em;
overflow:visible;
}











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







body {
color:#000;
background: #3B3131;
word-wrap:break-word;
font-size: 12px;
line-height: 18px;
line-height: 1;
border-top: solid 2px #307677;
}


#wrp {
background: url(images/body_bg.gif) repeat;
}




/*-- link settings --*/
a:link,
a:visited {
color: #336699;
text-decoration: none;
}

a:hover,
a:active {
color: #0077CC;
text-decoration: underline;
}

hr.clear {
width:1px;
height:1px;
color:#FFFFFF;
border:none;
clear:both;
}



/* Layout
-------------------------------------------------------------- */

#breadcrumbs ul {
width:970px;
margin:0 auto;
padding:0;
}

#wrapper {
width:970px;
margin:20px auto 0;
padding: 0 20px;
}


#headerarea {
background: url(images/container_bg.gif) repeat-x;
}

#header {
background: url(images/header_bg.gif) repeat-x;
width:970px;
margin:0 auto;
padding:0;
}








/* Header
-------------------------------------------------------------- */
#masthead {
/*text-align:right;*/
/*position:relative;*/
}

#mastheadR {
float: right;
margin: 8px 0 0 0;
width: 250px;
text-align: right;
}


#header #mastheadR h1 {
color: #666;
font-weight: bold;
font-size: 12px;
margin: 0 0 6px;
}


#header p#site-telnum {
text-align: right;
height: 28px;
}


/*
#masthead p#site-description {
width:auto;
font-size:12px;
margin:0;
padding:0;
position:absolute;
top:5.9em;
right:10px;
}
*/


#site-title {
width:auto;
/*padding:0.5em 0 0;*/
/*/ reset /*/
margin: 25px 0 0;
float: left;
/*line-height: 36px;*/
}


#site-title a {
color: #033;
font-weight: bold;
text-decoration: none;
}



/* This is the custom header image */
#branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
clear: both;
display: block;
}





/*
#header-title h1{
	display: block;
	background: url(images/corporate_logo.gif) no-repeat;
	width: 296px;
	height: 30px;
	margin: 0;
}

#header-title a{
	display: block;
	background: url(images/corporate_logo.gif) no-repeat;
	width: 296px;
	height: 30px;
	margin: 0;
}

#header-title span{
	display: none;
}
*/


/*
-------------------------------------------------------------- */
#site_content_nav {
margin:0px 0px 20px 0px;
padding:10px 10px 10px 10px;
background:url(images/dot_back.gif);
}

#site_content_nav ul {
width:100%;
margin:0px 0px 0px 0px;
background:#FFF;
display:table;
}

#site_content_nav li {
width:23%;
*width:22%;
margin:0px 1%;
padding:10px 0;
list-style:none;
float:left;
}

#site_content_nav li h2 {
margin:0px 0px 5px 0px;
border:none;
padding:0px 3px 8px 3px;
background:url(images/dot_border.gif) repeat-x left bottom;
}

#site_content_nav li h2 a {
padding:0px 0px 0px 25px;
background:url(images/icon/icon_01.gif) no-repeat left center;
}

#site_content_nav li p {
margin:0px 0px 0px 10px;
color: #555;
font-size: 13px;
line-height: 1.2em;
}








/*
ul#header-navi {
	float: right;
	display: block;
	height: 60px;
	overflow: hidden;
	position: relative;
	border-right: 1px solid #5A3333;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#header-navi li{
	width: 91px;
	height: 60px;
	float: left;
	font-size: 9px;
	line-height: 15px;
	text-align: center;
	border-left: 1px solid #5A3333;
	margin: 0;
}

#header-navi li a{
	width: 90px;
	height: 60px;
	display: block;
	text-decoration: none;
	color: #A68F8F;
}

#header-navi li a strong{
	font-size: 12px;
	font-weight: bold;
	color: #D7CCCC;
}

#header-navi li a:hover,
#header-navi li a:hover strong{
	color: #FFFFFF;
}

#header-navi li.selected{
	background-color: #FF9933;
}

#header-navi li.selected a,
#header-navi li.selected a:hover,
#header-navi li.selected a strong,
#header-navi li.selected a:hover strong{
	color: #330000;
}

#header-navi li span{
	padding: 17px 0 0 0;
	display: block;
}

*/







/*-- Nav --*/


.nav {
font-family: Lucida Grande,Arial,Hiragino Maru Gothic Pro,Meiryo,verdana,'Trebuchet MS',Helvetica,sans-serif;
font-weight:900;
background: url(images/navigation_bg.gif) no-repeat;
padding: 4px 4px 3px;
/*/ reset /*/
margin: 0 0 10px;
clear: both;
}

.nav li {
width: 137px;
font-size: 15px;
text-align:center;
float:left;
background: url(images/nav_bg.gif) no-repeat;
/*/ reset /*/
list-style:none;
}

.nav li:hover {
position:relative;
}

.nav li:hover a {
background: url(images/nav_bg_on.gif) no-repeat;
position:relative;
}

.nav li a {
width: auto;
color: #4F3C2F;
text-decoration:none;
padding: 28px 0 28px;
display:block;
background: url(images/nav_bg.gif) no-repeat;
}






.nav li:first-child a {
background: url(images/nav_bg.gif) no-repeat;
}

body.home .nav li.home a ,
.nav li:hover ,
.nav li a:hover ,
.nav li.current-menu-item a ,
.nav li.current_page_item {
color: #036;
background: url(images/nav_bg_on.gif) no-repeat;
}

/*-- Nav child --*/
.nav li ul {
display:none;
}

.nav li:hover > ul {
width:120%;
display:block;
position:absolute;
top:100%;
left:0px;
z-index:10;
/*/ reset /*/
margin: 0;
}

.nav li ul li {
width:120%;
}

.nav li ul li a {
color:#FFF;
display:block;
}

.nav li ul li a:hover {
color:#2dfbfd;
background: url(images/nav_bg_on.gif) no-repeat;
}

.nav li ul li ul {
display:none;
}

.nav li ul li:hover > ul {
top:0;
left:-143%;
z-index:10;
}









/*-- Breadcrumbs list --*/
#breadcrumbs {
font-size:12px;
background: url(images/breadcrumbs_bg.gif) repeat-x;
padding:1em 0px 10px 0px;
clear:both;
width:970px;
margin: 0 auto;
}

#breadcrumbs ul {
margin: 0 15px;
}

#breadcrumbs li {
display:inline;
}

/*-- Header image --*/
#head_img {
margin:0 auto;
}

/* Main
-------------------------------------------------------------- */
#main {
width:970px;
padding:20px 0px 0px 0px;
}

/*-- Container --*/
#container {
width:730px;
float:left;
}

#topleft {
width: 500px;
float:left;
}

#topright {
width: 250px;
height:353px;
background: url(images/title/roumushi_bg.gif) no-repeat;
float:right;
}

/*-- Primary, Secondary --*/
#primary,
#secondary {
width:210px;
float:right;
}

/*-- Header image --*/
#container div {
margin:0 0 1em;
}

#content h1,
#content h4,
#content h5,
#content h6 {
width:auto;
color: #0066cc;
margin: 0 0 10px 0;
line-height: 1.5em;
border:1px solid #E8E8E8;
border-bottom:none;
padding:7px 10px 7px 10px;
background:url(images/dot_border.gif) repeat-x left bottom #F7F7F7;
float:none;
}

.entry-utility {
margin:0px 0px 20px 0px;
}

/* Front Page

.go_backnumber {
text-align:right;
}

/* =Content
-------------------------------------------------------------- */
.home .sticky {
/*/ reset /*/
background:none;
border-top:none;
margin-left: -20px;
margin-right: -20px;
padding:0;
}

/* Side
-------------------------------------------------------------- */
#primary h3,
#secondary h3 {
margin:0px 0px 7px 0px;
padding:7px 3px 7px 3px;
background:url(images/dot_border.gif) repeat-x left bottom;
}

/*-- Header image --*/
#searchform label {
margin:0px 0px 7px 0px;
padding:7px 3px 7px 3px;
background:url(images/dot_border.gif) repeat-x left bottom;
}







/* -------------------------------------------------------------
Footer
-------------------------------------------------------------- */



#footer {
width:970px;
padding:20px 0px 0px 0px;
clear:both;
margin:0 auto 20px;
}



#colophon {
width:970px;
border-top:4px solid #300000;
padding:20px 0px 0px 0px;
border-top: 1px dashed #E3E2D5;
margin-top: -4px;
overflow: hidden;
padding: 18px 0;
}




#site-info {
float: left;
font-size: 12px;
/*font-weight: bold;*/
width: 520px;
color: #ccc;
position: relative;
}

#site-generator {
float: right;
width: 400px;
}



#site-info a {
/*color: #000;*/
color: #ccc;
text-decoration: none;
}


#site-generator a {
float:left;
color: #ccc;
display: inline-block;
line-height: 16px;
/*
background: url(images/wordpress.png) center left no-repeat;
padding-left: 20px;
*/
text-decoration: none;
}

#site-generator a:hover {
text-decoration: underline;
}

img#wpstats {
display: block;
margin: 0 auto 10px;
}



/* Structure the footer area */
#footer-widget-area {
overflow: hidden;
}

#footer-widget-area .widget-area {
float: left;
margin-right: 20px;
width: 400px;
}

#footer-widget-area #fourth {
margin-right: 0;
}




#footer  ul#footer-navi {
float: right;
margin: 0;
padding: 0;
list-style-type: none;
}

#footer ul#footer-navi li{
float: left;
margin: 0 0 0 8px;
padding: 0 0 0 8px;
border-left: 1px dotted #666666;
font-size: 12px;
line-height: 110%;
}

#footer ul#footer-navi li.first-item{
border-left: none;
}

#footer p.copyright {
margin: 8px 0 0 0;
padding: 0;
float: right;
width: 400px;
clear: right;
font-size: 10px;
line-height: 100%;
}




#footer .topicpath{
background: #3B3131 none repeat scroll 0 0;
/*border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;*/
margin: 0 0 15px;
padding:10px 5px 0;
height:24px;
}

#footer p#bt-pagetop{
float:right;
text-align: right;
font-size: 11px;
line-height:1.1em;
}

#footer p#bt-pagetop a{
padding: 0 0 0 10px;
background: url(images/pagetop2.gif) no-repeat 0px 6px;
color: #CCC;
}

#footer p#bt-pagetop a:hover{
background: url(images/pagetop2.gif) no-repeat 0px 6px;
color: #CCC;
text-decoration: underline;
}









/* -------------------------------------------------------------
nenkin
-------------------------------------------------------------- */

dl.nenkin01 {
width: 206px;
float: left;
border: solid 1px #DFCC9F; 
min-height: 220px;
}

dl.nenkin02 {
width: 206px;
float: left;
border: solid 1px #CAE2E1;
margin: 0 6px; 
min-height: 220px;
}

dl.nenkin03 {
width: 206px;
float: left;
border: solid 1px #D4DDC1; 
min-height: 220px;
}


dl.nenkin01 dt,
dl.nenkin02 dt,
dl.nenkin03 dt {
margin: 0 0 10px;
}

dl.nenkin01 dd,
dl.nenkin02 dd,
dl.nenkin03 dd {
padding: 0 15px;
font-size: 15px;
margin: 0 0 2px;
clear: both;
color: #72624B;
}




/* -------------------------------------------------------------
price
-------------------------------------------------------------- */


table.tbl_priceList {
border-collapse: collapse;
border-spacing: 0;
border: solid 1px #DFCC9F;
width: 660px;
margin: 1px 0 10px 0;
text-align: left;
line-height: 1.5em;
}



table.tbl_priceList th {
border: solid 1px #DFCC9F;
background: #FBF2DD;
text-align: left;
width: 100px;
font-weight: 100;
padding: 10px 0 10px 8px;
font-size: 85%;
color: #423333;
vertical-align: top;
}




table.tbl_priceList td {
padding: 3px 5px 3px 10px;
border: solid 1px #DFCC9F;
color: #72624B;
background: #FFF;
font-size: 85%;
}


table.tbl_priceList02 {
border-collapse: collapse;
border-spacing: 0;
border: solid 1px #D4DDC1;
width: 660px;
margin: 1px 0 10px 0;
text-align: left;
line-height: 1.5em;
}



table.tbl_priceList02 th {
border: solid 1px #D4DDC1;
background: #F9FFEC;
text-align: left;
width: 200px;
font-weight: 100;
padding: 10px 0 10px 8px;
font-size: 85%;
color: #006666;
vertical-align: top;
}




table.tbl_priceList02 td {
padding: 3px 5px 3px 10px;
border: solid 1px #D4DDC1;
color: #72624B;
background: #FFF;
font-size: 85%;
}







table.tbl_priceList03 {
border-collapse: collapse;
border-spacing: 0;
border: solid 1px #C3AE8E;
width: 660px;
margin: 1px 0 10px 0;
text-align: left;
line-height: 1.5em;
}



table.tbl_priceList03 th {
border: solid 1px #C3AE8E;
background: #E9E0D5;
text-align: left;
width: 200px;
font-weight: 100;
padding: 10px 0 10px 8px;
color: #006666;
vertical-align: top;
}




table.tbl_priceList03 td {
padding: 3px 5px 3px 10px;
border: solid 1px #C3AE8E;
color: #72624B;
background: #FFF;
font-size: 85%;
}