* { margin: 0; padding: 0; }

body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {
margin: 0; padding: 0; vertical-align: baseline; }

h1,h2,h3,h4,h5,h6 { 
font-style: normal; font-weight: normal; font-size: 11px; } 
  
table {border-spacing:0;} 
* html table {border-collapse:collapse;} 
*:first-child+html table {border-collapse:collapse;} 
caption,th {text-align:left; font-weight:normal;} 
table,th,td,img {border:0;} 
img,input {vertical-align:middle;} 
q:before,q:after {content:'';} 
ul {list-style: none;}

body { font-size: 12px; } 

*::-moz-selection { background: #F9EBC8 none repeat scroll 0 0; color: #000000; }


/* ���������������������������������������������������������������� */

body	{ color:#615747; background-color:#EFEDE9; 
background:url(img/bg.jpg); margin: 0; padding: 0; border: none; }

a { color: #2d669f; } 
a:visited { color: #3b5f73; text-decoration: none; } 
a:hover { color: #ff425a; text-decoration: underline; } 

#lay1 { width:100%; height:100%; background-repeat: repeat;  bottom:0px; right:0px; margin: 0; padding: 0; border: none; }/* �~���l�� */
#lay2 { width:100%; height:100%; background-repeat: repeat-y; background-position: left top; background-attachment: fixed; margin: 0; padding: 0; border: none; }/* ����� */
#lay3 {width:100%; height:100%; background-repeat: repeat-x; background-position: left top; background-attachment: fixed; margin: 0; padding: 0; border: none; }/* ���� */
#lay4 { height: 100%; width: 100%; background-repeat: repeat-y; background-attachment: fixed; background-position: 20px 20px; margin: 0; padding: 0; border: none; }/* �E��� */
#lay5 { height: 100%; width: 100%; background-repeat: repeat-x; background-attachment: fixed; background-position: left center; margin: 0; padding: 0; border: none; }/* ����� */


.box1 { width: 761px; margin: 0 0 0 auto; padding: 0; border: none; background-image: url('img/bg_tate.png'); background-repeat: repeat-y; background-position: left top; }
.box2 { width: 700px; text-align: left; margin: 0 0 0 auto; padding: 0; border: none; background-color: #ffffff; }
.box01 { width: 468px; margin: 150px 5px 0 0; padding: 0; border: none; float: right; background-color:#ffffff; }
.box02 { width: 200px; margin: 0; padding: 0; border: none; float:left; background-color:#ffffff; }


h1.title { text-align: right; margin: 0; padding: 0; height: 85px; width: 100%; background-image: url('img/title.png'); background-repeat: no-repeat; background-position: right top; cursor: pointer; }
h1.title span { visibility: hidden; }
h2 { font-size: 1.2em; color: #6A5444; font-weight: bolder; line-height: 34px; margin: 50px 0 1em; padding-left: 36px; background-image: url('icon/wood/001/20.png'); background-repeat: no-repeat; } 
h3 { font-size: 1.2em; color: #6A5444; font-weight: bolder; line-height: 34px; margin: 20px 0 1em; padding-left: 36px; background-image: url('icon/wood/001/20.png'); background-repeat: no-repeat; } 

p { margin-bottom: 1.5em; } 
ul { padding: 0 0 3px 2em; font-size: 12px; font-weight: normal; } 
li { font-weight: normal; } 
dt { padding: 0 0 3px 0; font-size: 12px; } 
dd { padding: 0 0 1.5em 2em; font-size: 12px; } 
ol {font-size: 12px;} 


.midashi-soza { font-size: 10px; text-align: right; border: 1px solid #616161; height: 100px; width: 99%; }
.catalog { text-align:right;}
.catalog img { text-align: right; margin: 1px; border: 1px solid #E2E2E2; }
img.colorchoice  { text-align: right; margin: 1px; border: 1px solid #ffffff; }
.and { font-size:10px; margin: 0; padding: 0 0 0 20px;  border: 0; background-image: url('img/andmore.gif'); background-repeat: no-repeat; }
.konnnasozai { line-height: 30px; text-align: center; margin-bottom: 50px; }
.konnnasozai a { color: #AF8776; text-decoration: none; margin-right: 5px; padding: 5px 10px 5px 5px; border-right: 1px solid #F1EBEB; border-bottom: 1px solid #F1EBEB; border-left: 8px solid #E7BEBE; background-image: url('bg/paper/004/cotton-a.png'); } 
.konnnasozai a:hover { padding: 5px 12px 5px 12px; border: 0px; color: #000000; background-color: #DCA26D; background-image: url('img/bg_menu.jpg'); } 

.source { font-size: 11px; margin: 5px; padding: 5px; border-width: 1px; border-color: #000000; border-style: dashed; }
.source::-moz-selection { background: #FF3366 none repeat scroll 0 0; color: #fff; }
.source b::-moz-selection { background: #FF3366 none repeat scroll 0 0; color: #fff; }


hr { height: 1px; border: none; border-top:1px solid #ddd8d0; margin: 10px 0; padding: 0;}
.hr_main { background-color:#fff; text-align: center; margin: 0 0 50px 0; padding: 0; border: 0 none; height: 48px; width: 100%; background-image: url('img/hr.jpg'); background-repeat: no-repeat; background-position: center center; }
.hr_main hr { visibility: hidden; }


.menu_ranking { font-size: 10px; text-align: center; }
.menu_ranking img { margin: 3px; filter: Gray(); }
.menu_ranking a:hover img { filter: (); }


.sample {margin: 10px; float: left; height: 50px; width: 50px;  border:1px solid #e8e8da;}
.sample2 { text-align: center; float: left; height: 50px; width: 200px; }
.sample2 img { vertical-align:middle;}
.sample2 a {  text-decoration:none; }

.contentsmap { list-style: url('img/list.png'); }
.contentsmap a { font-weight: normal; }
.sozaimap ul { margin: 0; padding: 0; list-style-type: none; float: left; width: 150px; display: block; }
.sozaimap li { vertical-align: baseline; }
.sozaimap a { text-decoration: none; padding: 3px 10px 3px 0px; float: left; width: 150px; display: block; }
.sozaimap a:hover { text-decoration: none; text-indent: 10px; padding: 3px 0px; }
.sozaimap h3 { font-size: 12px; font-weight: bold; line-height: 20px; margin: 20px 0 10px 0; padding: 0 0 0 23px; background-image: url('img/h4.png'); background-repeat: no-repeat; }

h4.sozaiitiran { padding-left:35px; line-height:30px; background-image: url('http://hibana.rgr.jp/icon/wood/001/24.png'); background-repeat: no-repeat; background-position: left center; }
div.sozaiitiran { padding: 10px; border: 1 solid #000000; float: left; width: 130px; }
div.sozaiitiran ul li a { font-size:12px;  display:block; line-height:18px; }
div.sozaiitiran h5 { padding-left:18px; line-height:16px; background-image: url('http://hibana.rgr.jp/img/minikome.png'); background-repeat: no-repeat; background-position: left center; }


h3.help { font-size: 13px; font-weight: bold; line-height: 20px; margin-left: 15px; padding: 0 0 0 25px; background-image: url('img/h4.png'); }

.linklist a { padding: 0 10px 0 0; }
.rankinglist a{ font-size: 9px; margin-bottom: 10px; float: left; width: 49%; display: block; text-decoration: none; }
.rankinglist img{ margin-right: 5px; }
.linkcode { font-size: 12px; width: 400px; }

.footermenu { text-align: center; clear: both; width: 700px; padding: 100px 0 0 0; background-image: url('img/hr_footer.jpg'); background-repeat: no-repeat; background-position: right top; }
.footermenuBox { float: left; width: 175px; }
.footermenuBox li { color: #593926; font-weight: bold; margin: 0; padding: 0; border: 0; text-align: left; }
.footermenuBox a { font-size: 11px; color: #615747; font-weight: normal; line-height: 150%; text-decoration: none; padding: 1px 0px 1px 15px; display: block; }
.footermenuBox a:hover { color: #000000; background-color: #CDB483; background-image: url('img/bg_menu.jpg'); background-repeat: repeat; text-shadow: 1px 1px 2px #7D4B15; }


.top_ad { font-size: 10px; text-align: right; position: absolute; top: 2px; right: 1px; bottom: auto; left: auto; height: 100px; width: 400px; overflow: hidden; }
.top_ad2 { width:88px; margin-left: 10px; padding: 0; border: 0; float: right; overflow: hidden; }
.top_ad3 {  margin: 0; padding: 0; border: 0; width:200px; float: right; font-size:10px; text-align:right; overflow: hidden; }

.newnext {
margin: 5px;
padding: 10px 30px;
border-width: 1px;
border-color: #F4EBD5;
border-style: solid;
background-color: #FFFFFF;
background-image: url('http://hibana.rgr.jp/img/bg_menu.jpg');
}

.emphasize { font-size: 120%; padding: 0 3px; }
.small { font-size: 9px; }
.right { text-align:right; }
.center { text-align: center; }


/* ���C���̃��j���[ */
.linemenu ul {  clear: both; height: 100px; display: block; }
.linemenu li { line-height: 33px; padding: 0; list-style-type: none; float: left; }
.linemenu a { line-height: 33px; padding: 0 0 0 30px; text-decoration: none; display: block; }
.linemenu a:hover { line-height: 33px; padding: 0 0 0 30px; background-image: url('http://hibana.rgr.jp/icon/wood/001/35.png'); background-repeat: no-repeat; }


/* http://amazlink.keizoku.com/ */
.amazlink-detail { font-size: 9px; text-align: center !important; }
.amazlink-link { font-size: 9px; width: 200px; text-align: center; margin-top: 0 !important; margin-bottom: 10px; }
.amazlink-powered { font-size: 9px; }
.amazlink-info { font-size: 9px; clear: both; }
.amazlink-name { font-size: 9px; line-height: normal !important; margin: 0 !important; }
.amazlink-image { font-size: 9px; text-align: center !important; width: 200px; }

/* http://rakuten.come.cc/ */
.amazonranklet { font-size: 9px; }
.amazonranklet-item { font-size: 9px; margin-left: 30px; }
.amazonranklet-item img{ text-align: center !important; }

/* ���������������������������������������������������������������� */
/* http://css-eblog.com/csstechnique/post-14.html */

.toolTip{ position: relative; }
.toolTip span{
	display: block;
	border: solid 1px #705005;
	background-color: #fff;
	color: #615747;
	text-decoration: none;
	position: absolute;
	top: 20px;
	left: 10px;
	padding: 5px;
	visibility: hidden;
	width: 150px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

a.toolTip:hover,a.toolTip:hover span{ 
	visibility: visible; 
	z-index: 100;
	 text-shadow: none;
 }

/* ���������������������������������������������������������������� */
/* Google AJAX Feed API  */
#feed  { width: 300px; }
.gfc-control { margin: 0; padding: 0; border: display: none; }
.gfc-resultsbox-visible { margin: 0; padding: 0; display: none; }
.gfc-resultsRoot { margin: 0; padding: 0; display: inline; }
.gfc-resultsHeader { margin: 0; padding: 0; }
.gfc-title { margin: 0; padding: 0; display: inline; }
.gfc-results  { margin: 0 !important; padding: 0 !important; margin-bottom: 0 !important; }
.gfc-result { margin: 0 !important; padding: 0 !important; }
.gf-result { margin: 0 !important; padding: 0 !important; height: 40px !important; background: url(img/and.gif) no-repeat right center !important; }
.gf-title { visibility: visible; height: 40px !important; width: 300px; overflow: visible; }
.gf-title a { width: 300px;}
.gf-relativePublishedDate { position:absolute; left:-9999px; }
.gf-snippet { font-size: 10px; padding-left: 20px; position: relative; top: -20px; width: 260px; overflow: hidden; }







/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout-breadcrumb.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

http://www.cssplay.co.uk/menus/latest-flyout-breadcrumb.html
=================================================================== */
#menu {height:310px; width:132px; position:relative;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px; background:#fff;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}
#menu ul ul {position:absolute; left:-9999px;border-bottom: 1px solid #615747; border-right: 1px solid #615747; }
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a { font-size: 11px; color: #615747; line-height: 25px; text-decoration: none; padding: 0 20px 0 10px; display: block; } 
#menu li a.fly {background: url(img/arrow.gif) no-repeat right top;}

#menu li a:hover { color: #000000; background-color: #DCA26D; background-image: url('img/bg_menu.jpg'); background-repeat: repeat; text-shadow: 1px 1px 2px #7D4B15;} 
#menu li:hover > a { color: #000000; background-color: #DCA26D; background-image: url('img/bg_menu.jpg'); background-repeat: repeat; } 

#menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}