body {

  margin:0;
  padding:0;
  color:#666666;
  background-color:#f3f3f3;
  font-family: "Helvetica", Arial, sans-serif, Hiragino Maru Gothic Pro;
  font-size: 70%;
  background-repeat:repeat-x;
  background-position:top;
}



div.picture {

  float:right;

}



div.picture img {

  border: 1px solid #cccccc; 

  margin: 0px 0px 10px 10px;

  padding: 3px; 

  background-color: #f3f3f3;

}


/******************************************** ********** ********** **********/

/**********      LLLLIFE       ********** ********** ********** **********/

/******************************************** ********** ********** **********/




#patagonia {
	width: 525px;
	margin: 0 auto;
	}

/**** �R���e���c�ʐ^���� ****/
#content {
	width: 525px;
	text-align: left;
}


/* �ړ� */
.pagetop {
	padding-top:15px;
	padding-bottom:5px;
	text-align:right;
}


.quote {
	margin-bottom: 2em;
	border-left: solid 4px #999999;
	padding-left: 10px;
}


.bold {	
	font-size: 110%;
	font-weight:bold;
	color: #0000000;
}

.senior{   font-size: 125%;
}

.bk_mizu_1{   	border-top: solid 1px #999999;
}

.line{   	border-top: solid 1px #999999;
}



/* �����ʐ^ */
#center {
	float: right;
	width: 360px;
	padding-top:25px;
	padding-right:15px;
	text-align: center;
	display: inline;
}

.bite {
	padding-top:8px;
}

.specialprice {
	color: #FF0000;
	font-weight: bold;
}



#underline {
	padding-top:20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #999999;
}


/**** �}��ʐ^ ****/

.imgright {
	float: left;
	margin:  0px 10px 10px 10px;
	padding: 0px 0px 10px;
	display: inline;
}

.imgright2 {
	float: left;
	margin:  0px 10px 10px 10px;
	display: inline;
}

.imgright3 {
	float: left;
	margin:  0px 10px 10px 0px;
	display: inline;
}

.imgwaku {
	background: url(../archives/about/wood_bg.gif);
	margin: 5px 5px 5px 5px;
	padding: 8px;
}


.linktitle {
	font-family: "Helvetica", Arial, sans-serif, Hiragino Maru Gothic Pro;
	height: 20px;
	font-size: 100%;
	line-height: 100%;
	margin-top:14px;
	margin-bottom:10px;
	border-left: 5px solid #006BB4;
	border-bottom: 1px solid #006BB4;
	padding: 6px 0px 2px 6px;
}





/******************************************** ********** ********** **********/

/**********      Main Layout       ********** ********** ********** **********/

/******************************************** ********** ********** **********/

#pagewrapper {

  margin:auto; 

  width:960px; 

  border:10px solid #ffffff; 

  background-color:#ffffff;

}



#headline {

  font-size:28px;

  color:#333333;

  text-align:right;

  font-weight:bold;

}



#logo {

  bottom:-7px;

  margin-right:3px;

  position:relative;

}



#site-slogan {

  color:#999999;

  font-size:11px;

}



#header-image {

  height:30px;

  background-color:#990000;

  background-repeat:no-repeat;

}



#lower-header-image {

height:50px;

background-color:#990000;

}



#site-mission {

  font-size:11px;

  font-weight:bold;

  padding:20px;

  text-align:right;

  color:#ffffff;

}



#contentwrapper p,

#contentwrapper li {

  line-height:160%;

}



#tabs-wrapper {

  margin-bottom:20px;

}



.content-padding {

  padding:10px;

}



#sidebar-left {

  width:21%;

  float:left;

  margin-right:1%;

}



#middle-content {

  width:99%;

  float:left;

}



.sidebar-left #middle-content,

.sidebar-right #middle-content {

  width:77%;

  float:left;

}



.sidebars #middle-content {

  width:56%;

  float:left;

}



#sidebar-right {

  width:21%;

  float:right;

}



div.tablewrapper {

  width:99%;

  overflow:auto;

}



#footer {

  margin-top:50px;

  text-align:center;

}



a.feed-icon {

  display:block;

  padding:10px 0px;

}









/******************************************** ********** ********** **********/

/**********      Main Style        ********** ********** ********** **********/

/******************************************** ********** ********** **********/

h1, h2, h5, #headline a {

  margin-top:0px;

  margin-bottom:0.5em;

  color:#990000;

}



h1 {

  font-size:200%;

}

h2 {

  font-size:160%;

}



h3 {

  font-size:140%;
  margin-bottom:0px;
  margin-top:0px;
}


h3 {

  font-size:140%;

}

h4 {
  font-size:160%;
  color:#990000;
  margin-top:1.5em;
  margin-bottom:0.2em;
}


h5 {
  font-size:140%;
  color:#990000;
}


li.leaf {

  list-style-image:none;

}



a {

  text-decoration:none;

  color:#006699;

}



p {

  margin:1.5em 0px;

  padding:0px 0px;

  font-size:12px;

}



ul.service_description li

{

font-size:12px;

}



/******************************************** ********** ********** **********/

/**********     Admin Style        ********** ********** ********** **********/

/******************************************** ********** ********** **********/

div.messages {

  border: 3px solid #FF9900;

  padding:10px;

  margin: 10px 0px;

}



div.admin .left,

div.admin .right {

  margin:0;

  width:49%;

}



div.admin-panel {

  margin:10px 0px;

  padding:5px;

  border:4px solid #f3f3f3;

}



div.admin-panel .body {

  padding:0;

  padding-right:10px;

}



div.admin-panel .body dl,

div.admin-panel .body ul {

  padding-left:15px;

  margin:0;

}



#tabs-wrapper ul.tabs {

  width:99%;

  overflow:auto;

}



ul.primary {

  border-bottom:1px solid #cccccc;

  border-top:1px solid #cccccc;

  border-collapse:collapse;

  list-style-image:none;

  list-style-position:outside;

  list-style-type:none;

  margin:5px 0px;

  padding:4px 0px;

  white-space:nowrap;

  font-size:0.9em;

}



#tabs-wrapper ul.primary li {

  margin-right:2px;

  background-color:transparent;

  background-image:url(img/edit-tab-left-grey.png);

  background-repeat:no-repeat;

  background-position:left;

  padding:2px 0px;

}



#tabs-wrapper ul.primary li.active {

  background-color:transparent;

  background-image:url(img/edit-tab-left-black.png);

  background-repeat:no-repeat;

  background-position:left;

}



#tabs-wrapper ul.primary li a {

  margin:0;

  color:#333333;

  background-color:transparent;

  border:none;

  background-image:url(img/edit-tab-right-grey.png);

  background-repeat:no-repeat;

  background-position:right;

  padding:2px 10px;

}



#tabs-wrapper ul.primary li a:hover {

  margin:0;

  color:#333333;

  background-color:transparent;

  border:none;

  background-image:url(img/edit-tab-right-grey.png);

  background-repeat:no-repeat;

  background-position:right;

}



#tabs-wrapper ul.primary li.active a {

  background-color:transparent;

  color:#ffffff;

  border:none;

  background-image:url(img/edit-tab-right-black.png);

  background-repeat:no-repeat;

  background-position:right;

}







/******************************************** ********** ********** **********/

/**********     Table Style        ********** ********** ********** **********/

/******************************************** ********** ********** **********/

table,

table.package {

  width:99%;

  margin: 1em 0;

}



table tr.odd {

  background-color:#f3f3f3;

}



table tr.even {

  background-color:#ffffff;

}



table {

  padding:0;

  border-collapse: separate;

}



table th,

table td {

  padding-left:5px;

}



table th a,

table td a {

  text-decoration:underline;

}



table th a {

  

}



table thead {

  background-color:#e0e0e0;

  color:#333333;

  padding:5px;

  background-image:url(img/bg-forum.png);

  background-position:top;

  background-repeat:repeat-x;

}



td.container {

  background-color:#e0e0e0;

  color:#333333;

  padding:5px;

  background-image:url(img/bg-forum.png);

  background-position:top;

  background-repeat:repeat-x;

}



td.container a {

  text-decoration:underline;

  font-size:1.3em;

  font-weight:bold;

}



td.container .description {

  margin-bottom:0;

}







/******************************************** ********** ********** **********/

/**********    Fieldset Style      ********** ********** ********** **********/

/******************************************** ********** ********** **********/

fieldset ul.clear-block li {

  margin: 0;

  padding: 0;

  background-image: none;

}



fieldset.collapsible, fieldset {

  border:4px solid #f3f3f3;

}



fieldset.collapsible legend, fieldset legend {

  font-size:1.2em;

  font-weight:bold;

}









/******************************************** ********** ********** **********/

/**********     Primary Links      ********** ********** ********** **********/

/******************************************** ********** ********** **********/

ul.links li {

  display:block;

  padding:0;

}



#navigation-primary ul.primary-links {

  margin:0;

  padding:0;

}



#navigation-primary ul.primary-links li,

#navigation-primary ul.primary-links li a {

  padding-top: 5px;

  padding-bottom: 5px;

  margin-bottom:1px;

  margin-left:0px;

}



#navigation-primary ul.primary-links li {

  list-style:none;

  float:left;

  margin-right: 1px;

}



#navigation-primary ul.primary-links li a {

  padding-left: 20px;

  padding-right: 20px;

  border-bottom:1px solid #ffffff;

  background-color:#999999;

  background-image:url(img/corner.gif);

  background-repeat:no-repeat;

  color:#ffffff;

  text-decoration:none;

  font-size:1.2em;

}



#navigation-primary ul.primary-links li a.active {

  background-color:#000000;

  background-repeat:no-repeat;

  color:#ffffff;

}



#navigation-primary ul.primary-links li a:hover {

  background-color:#000000;

  color:#ffffff;

}







/******************************************** ********** ********** **********/

/**********    Secondary Links     ********** ********** ********** **********/

/******************************************** ********** ********** **********/

#navigation-secondary {

border-bottom:1px solid #ffffff; 

  background-color:#000000;

background-image:url(img/head_img.jpg);

background-repeat:no-repeat;

background-position:right;

}





ul.secondary-links {

  margin:0;

  padding:0;

}



ul.secondary-links li,

ul.secondary-links li a {

  padding-top: 0.4em;

  padding-bottom: 0.3em;

}



ul.secondary-links li {

  list-style:none;

  float:left;

  border-right: 1px solid #ffffff;

}



ul.secondary-links li a {

  padding-left: 20px;

  padding-right: 20px;

  color:#cccccc;

  text-decoration:none;

  background-color:#333333;

}



ul.secondary-links li a.active {

  color:#ffffff;

  font-weight:bold;

}



ul.secondary-links li a:hover {

  color:#ffffff;

}







/******************************************** ********** ********** **********/

/**********    Breadcrumb Links    ********** ********** ********** **********/

/******************************************** ********** ********** **********/

#navigation-breadcrumb {

  padding:5px 20px; 

  border-top: 1px solid #ffffff;

  background-image:url(img/bg_breadcrumb.gif);

  background-repeat:repeat-x;

  margin-bottom:10px;

}



#navigation-breadcrumb,

#navigation-breadcrumb a {

  color:#999999;

  text-decoration:none;

  padding-right:10px;

  padding-left:10px;

}



#navigation-breadcrumb a:hover {

  color:#999999;

  text-decoration:underline;

}







/******************************************** ********** ********** **********/

/**********      Block Style       ********** ********** ********** **********/

/******************************************** ********** ********** **********/

.block {

  margin-bottom:1.5em;

  padding:10px;

  background-color:#f3f3f3;

}



div.block-region {

  background-color:#ffffff;

  border: 4px dashed #006699;

  color:#999999;

  font-size:180%;

  text-align:center;

  font-weight:bold;

  margin-bottom:1em;

  margin-top:1em;

}







/******************************************** ********** ********** **********/

/**********      User login        ********** ********** ********** **********/

/******************************************** ********** ********** **********/

#user-login-form {

  text-align:left;

}



#user-login-form .form-item input {

  width:95%;

}



#user-login-form input.form-submit {

  margin-bottom:10px;

}







/******************************************** ********** ********** **********/

/**********      Node Style        ********** ********** ********** **********/

/******************************************** ********** ********** **********/

.node.teaser {

  padding:10px;

  margin-bottom:1em;

  border: 5px solid #f3f3f3;

}



.node .field {

  padding:10px 0px;

}



.node .clear {

  margin:1em 0;

}



.node .content {

  padding-top:10px;

  margin-bottom:1em;

  color:#000000;

}



.node .links, .comment .links {

  text-align: left;

}



.node .links ul.links li, 

.comment .links ul.links li {

  padding-left: 1em;

  float: right;

}



.terms ul.links li {

  margin-left: 0;

  margin-right: 0;

  padding-right: 0;

  padding-left: 1em;

}



.new {

  color: #ffae00;

  font-size: 0.92em;

  font-weight: bold;

  float: right;

}



.terms {

  float: right;

}



.terms ul.links li {

  display: inline;

}



.preview .node, .preview .comment, .sticky {

  margin: 0;

  padding: 0.5em 0;

  border: 0;

  background: 0;

}



.sticky {

  padding: 1em;

  background-color: #fff;

  border: 1px solid #e0e5fb;

  margin-bottom: 2em;

}



div.picture {

  float:right;

}



div.picture img {

  border: 1px solid #cccccc; 

  margin: 0px 0px 10px 10px;

  padding: 3px; 



  background-color: #f3f3f3;

}





/******************************************** ********** ********** **********/

/**********      Forum Style       ********** ********** ********** **********/

/******************************************** ********** ********** **********/

div.forum-topic {

  border:5px solid #f3f3f3;

  background-color:#ffffff;

  padding:1px;

}



div.forum-topic .user-info {

  padding:5px;

  width:25%;

  float:left;

  border-right:3px solid #f3f3f3;

}



div.forum-topic .topic {

  padding:5px;

  float:left;

  width:70%;

}



div.forum-topic .user-name,

div.forum-topic .topic-title {

  font-size:1.3em;

}



div.forum-topic .user-member,

div.forum-topic .user-access {

  margin-top:5px;;

}



div.forum-topic .picture img {

  padding:3px;

  margin:3px 0px;

  border:1px solid #cccccc;

  background-color:#f3f3f3;

}



div.forum-topic .topic-body {

  margin-top:10px;

  margin-bottom:10px;

}



div.forum-topic .links {

  text-align:right;

  padding:5px;

  display:block;

}



h2.comments {

  margin:10px 0px;

}



div.comment {

  background-color:#ffffff;

  padding:10px;

  margin:10px 0px;

  border:1px solid #cccccc;

}



div.comment .picture {

  float:right;

  margin-left:10px;

  margin-bottom:10px;

}



div.comment .picture img {

  padding:3px;

  border:1px solid #cccccc;

  background-color:#f3f3f3;

}



div.comment .links ul {

  text-align:right;

}



div.comment .links li {

  display:inline;

  margin-left:10px;

}



#comments .box {

  margin-top:30px;

}



.forum-topic div.picture {

  float:left;

}



.forum-topic div.picture img {

  margin:5px 0;

}



/******************************************** ********** ********** **********/

/**********       Search Style     ********** ********** ********** **********/

/******************************************** ********** ********** **********/

.sidebar #search #edit-search-theme-form-keys {

  width: 95%;

}







/******************************************** ********** ********** **********/

/**********       Book Style       ********** ********** ********** **********/

/******************************************** ********** ********** **********/

.content .book-navigation {

  margin-top:10px;

}









/******************************************** ********** ********** **********/

/**********    Menu in Sidebars    ********** ********** ********** **********/

/******************************************** ********** ********** **********/

.block ul { 

  padding: 0;							/* override system.css (line 205) */

}



.sidebar ul, .sidebar ul li {

  margin: 0;							/* we want full control, so no default padding or margin */

  padding: 0;

}



.sidebar li { 

  border-top:dashed #cccccc 1px; 		/* sets the horizontal white line between list-items (menu-items) */

}



.sidebar ul li { 						/* sets all the stuff for list-items (menu-items) */

  padding:0 0 0 1.5em; 					/* we rebuild the padding that we turned off in .sidebar ul, .sidebar ul li */

  list-style-type: none;				/* no default bullets in our lists */

  list-style-image: none;				/* not even images, we do it with background-images in the next line */

  background-image: url(img/menu-leaf.gif); 	/* this is the bullet in our lists */

  background-repeat:no-repeat;			/* because we only want ONE image, not a carpet of them */

  background-position: 0.3em 0.6em;		/* and we want full control over the position (first number is vertical, second horizontal position */

}



.sidebar ul li.expanded {

  background-image: url(img/menu-expanded.gif);		/* the bullet (little arrow) of parent menu-items in our lists (when opened) */

}



.sidebar ul li.collapsed {

  background-image: url(img/menu-collapsed.gif);	/* the bullet of parent menu-items in our lists (when closed) */

}



.sidebar ul li ul li {

  margin-left:-1.7em;					/* we rebuild the padding that we turned off .sidebar ul li - THIS TIME WE HAVE TO DO IT FOR NESTED LISTS (i.e. lists in lists) */

  padding:0 0 0 3em;					/* so first we set a negative margin and give it back via padding - the only reason to do this is to get our nice white lines between the li items */

  background-position: 1.8em 0.6em;			/* and we also have to adjust the position of the bg-image */

}



.sidebar ul li ul li ul li {

  margin-left:-3.2em;						/* same stuff as above for more nesting */

  padding:0 0 0 4.5em;

  background-position: 3.3em 0.6em;

}



.sidebar ul li ul li ul li ul li {

  margin-left:-4.7em;					/* and even more nesting (and so on if you need more) */

  padding:0 0 0 6em;

  background-position: 4.8em 0.6em;

}



.sidebar ul li a, .sidebar ul li.expanded a, .sidebar ul li.collapsed a {

  line-height: 2em;

}



.sidebar a.active { 					/* an active link in the blocks and menu */

  font-weight:bold;

  color:#666666 !important;

}



dl {

  margin: 0.5em 0 1em 1.5em;

}



dl dt {

}



dl dd {

  margin: 0 0 .5em 1.5em;

}



img, a img {

  border: none;

}







/******************************************** ********** ********** **********/

/**********     try another ...    ********** ********** ********** **********/

/******************************************** ********** ********** **********/

#font span,

#farben span {

  font-family:arial; 

  color:#333333; 

  font-size:10px; 

  text-decoration:none; 

  float:left; 

  display:block;

}



#farben a {

  width:10px; 

  height:10px; 

  display:block;

  float:left;

  margin-left:5px;

}



#font a {

  display:block;

  float:left;

  margin-left:5px;

  font-family:arial;

  color:#cccccc;

  font-size:10px;

  text-decoration:none;

}