@charset "utf-8";
/*
Theme Name: Base_Theme
Description: R
Author: R
Author URI: http://www.r-co.jp/
*/

body {
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image: url(../images/headerbg.png);
background-repeat: repeat-x;
background-position: 0 -151px;
font-size: 0.75em;
text-align: center;
}

/* a */
a {
color: #523a18;
}
a:hover,
a:active {
color: #adc5e7;
}

/* img */
img {
border: none;
}

/* ul ol */
ul, ol {
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

/* dl dd */
dl, dd {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* h1 h2 h3 h4 */
h1, h2, h3, h4 {
margin: 0 0 0 0;
color: #523a18;
}

/* p */
p {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* h1 */
h1 {
margin: 0 auto;
width: 980px;
text-align: left;
}
h1 a {
background-position: 0 0;
}
h1 a,
h1 a span {
width: 300px;
height: 94px;
}

/* h2 */
h2 {
margin: 0 0 0.5em 0;
padding: 0 11px;
line-height: 32px;
background-image: url(../images/common.png);
background-repeat: no-repeat;
background-position: 0 -530px;
}
h2 a {
text-decoration: none;
}

/*
#HeaderBlock
 #Header
 #GlobalNavigation
 #TopImage.imageArea
 #MainContentsNavigation
------------------------------------------- */

/* #HeaderBlock */
#HeaderBlock {
margin: -94px 0 0 0;
}

/* #Header */
#Header {
margin: 0 auto;
width: 980px;
}
#Header address {
margin: 0 0 0 auto;
width: 590px;
}
#Header address a {
background-position: -390px 0;
}
#Header address a,
#Header address a span {
width: 590px;
height: 94px;
}

/* #GlobalNavigation */
#GlobalNavigation {
margin: 0 auto;
padding: 0 1px;
width: 898px;
background-image: url(../images/common.png);
background-repeat: no-repeat;
background-position: -40px -94px;
}
#GlobalNavigation ul {
height: 1%;
overflow: hidden;
}
#GlobalNavigation ul li {
float: left;
}
#GlobalNavigation ul li.select a {
cursor: default;
}
#GlobalNavigation ul li,
#GlobalNavigation ul li a,
#GlobalNavigation ul li a dfn {
height: 50px;
}
#GlobalNavigation ul li#GNav001,
#GlobalNavigation ul li#GNav001 a,
#GlobalNavigation ul li#GNav001 a dfn,
#GlobalNavigation ul li#GNav003,
#GlobalNavigation ul li#GNav003 a,
#GlobalNavigation ul li#GNav003 a dfn,
#GlobalNavigation ul li#GNav005,
#GlobalNavigation ul li#GNav005 a,
#GlobalNavigation ul li#GNav005 a dfn {
width: 180px;
}
#GlobalNavigation ul li#GNav002,
#GlobalNavigation ul li#GNav002 a,
#GlobalNavigation ul li#GNav002 a dfn,
#GlobalNavigation ul li#GNav004,
#GlobalNavigation ul li#GNav004 a,
#GlobalNavigation ul li#GNav004 a dfn {
width: 179px;
}
/* GNav001 #GlobalNavigation */
#GlobalNavigation ul li#GNav001 a {
background-position: -41px -94px;
}
#GlobalNavigation ul li#GNav001 a:hover,
#GlobalNavigation ul li#GNav001 a:active,
#GlobalNavigation ul li#GNav001.select a {
background-position: -41px -144px;
}
/* GNav002 #GlobalNavigation */
#GlobalNavigation ul li#GNav002 a {
background-position: -221px -94px;
}
#GlobalNavigation ul li#GNav002 a:hover,
#GlobalNavigation ul li#GNav002 a:active,
#GlobalNavigation ul li#GNav002.select a {
background-position: -221px -144px;
}
/* GNav003 #GlobalNavigation */
#GlobalNavigation ul li#GNav003 a {
background-position: -400px -94px;
}
#GlobalNavigation ul li#GNav003 a:hover,
#GlobalNavigation ul li#GNav003 a:active,
#GlobalNavigation ul li#GNav003.select a {
background-position: -400px -144px;
}
/* GNav004 #GlobalNavigation */
#GlobalNavigation ul li#GNav004 a {
background-position: -580px -94px;
}
#GlobalNavigation ul li#GNav004 a:hover,
#GlobalNavigation ul li#GNav004 a:active,
#GlobalNavigation ul li#GNav004.select a {
background-position: -580px -144px;
}
/* GNav005 #GlobalNavigation */
#GlobalNavigation ul li#GNav005 a {
background-position: -759px -94px;
}
#GlobalNavigation ul li#GNav005 a:hover,
#GlobalNavigation ul li#GNav005 a:active,
#GlobalNavigation ul li#GNav005.select a {
background-position: -759px -144px;
}

/* #TopImage */
#TopImage {
margin: 0 0 40px 0;
clear: both;
}

/* #MainContentsNavigation */
#MainContentsNavigation {
margin: 0 0 20px 0;/*
padding: 0 0 0 40px;
width: 940px;*/
}
#MainContentsNavigation ul {/*
margin: 0 0 0 0;
width: 915px;
height: 1%;
overflow: hidden;*/
}
#MainContentsNavigation ul li {
margin: 0 7px 0 8px;/*
display: inline;
float: left;*/
}
#MainContentsNavigation ul li,
#MainContentsNavigation ul li a,
#MainContentsNavigation ul li a dfn {
width: 290px;
height: 92px;
}
/* MCNav001 #MainContentsNavigation */
#MainContentsNavigation ul li#MCNav001 a {
background-position: 0 -345px;
}
#MainContentsNavigation ul li#MCNav001 a:hover,
#MainContentsNavigation ul li#MCNav001 a:active,
#MainContentsNavigation ul li#MCNav001.select a {
background-position: 0 -437px;
}
/* MCNav002 #MainContentsNavigation */
#MainContentsNavigation ul li#MCNav002 a {
background-position: -305px -345px;
}
#MainContentsNavigation ul li#MCNav002 a:hover,
#MainContentsNavigation ul li#MCNav002 a:active,
#MainContentsNavigation ul li#MCNav002.select a {
background-position: -305px -437px;
}
/* MCNav003 #MainContentsNavigation */
#MainContentsNavigation ul li#MCNav003 a {
background-position: -610px -345px;
}
#MainContentsNavigation ul li#MCNav003 a:hover,
#MainContentsNavigation ul li#MCNav003 a:active,
#MainContentsNavigation ul li#MCNav003.select a {
background-position: -610px -437px;
}



/*
#ContentsBlock
 #Primary
  #Contents
------------------------------------------- */

/* .section */
#Contents .section,
#Contents .section .section {
margin: 0 0 3em 0;
}
#Sidebar .section {
margin: 0 0 1em 0;
}

/* .postinfo */
.postinfo {
padding: 1em 0 0 0;
clear: both;
text-align: right;
}

/* .pagelink */
.continue {
text-align: right;
}

/* .pagelink */
.pagelink .pagenext,
.pagelink .nopagenext {
float: right;
}
.pagelink .pageprev,
.pagelink .nopageprev {
float: left;
}
.pagelink .nopagenext,
.pagelink .nopageprev {
color: #edebda;
}

/* images */
.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
}
.alignright {
margin-left: 1em;
margin-bottom: 2px;
float: right;
}
.alignleft {
margin-right: 1em;
margin-bottom: 2px;
float: left;
}
.wp-caption {
margin-top: 1em;
padding-top: 0.5em;
border: 1px solid #dad7c2;
text-align: center;
}

/* #ContentsBlock */
#ContentsBlock {
margin: 0 auto;
clear: both;
width: 900px;
}

/* #Primary */
#Primary {
margin: 0 0 5em 0;
float: left;
width: 670px;
text-align: left;
}

/* #Contents #Primary */
/* .section #Contents #Primary */
#Contents .section {
line-height: 1.6;
}
#Contents .section .blogitem p {
clear: both;
}

/* .titlecaption #Contents #Primary */
#Contents .titlecaption {
margin: 0 0 1em 0;
}

/* .update #Contents #Primary */
.update .dl2column dl {
margin: 0 0 -0.5em 0;
}
.update .dl2column dl dt {
width: 80px;
color: #377D41;
font-weight: bold;
}
.update .dl2column dl dd {
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 80px;
border-bottom: 1px dashed #DAD7C2;
}




/*
#ContentsBlock
 --- page style ---
 #Greeting is toppage content.
 #ContactUs
 #PrivacyPolicy
 #CompanyInformation
------------------------------------------- */
.pagecontent h3 {
margin: 0 0 1em 0;
}

/* #Greeting */
#Greeting h2 {
margin: 0 0 0.3em 0;
line-height: normal;
background-image: none;
}
#Greeting .pagecontent {
padding: 1em 1.3em;
border: 1px solid #523A18;
background-image: url(../images/o.futamura.jpg);
background-repeat: no-repeat;
background-position: right center;
}
#Greeting .pagecontent h3 {
margin: 0 0 0 0;
}
#Greeting .pagecontent div {
padding: 0 200px 0 0;
}
#Greeting .pagecontent div p {
}
#Greeting .pagecontent div p strong {
color: #523A18;
font-weight: bold;
}

/* #ContactUs */
#ContactUs .pagecontent form dl dt {
margin: 0 0 0.5em 0;
color: #523A18;
font-weight: bold;
}
#ContactUs .pagecaption p span,
#ContactUs .pagecontent form dl dt span {
color: #8a0006;
font-weight: bold;
}
#ContactUs .pagecontent form dl dd {
margin: 0 0 2em 0;
}
#ContactUs .pagecontent form dl dd input.sf {
width: 160px;
}
#ContactUs .pagecontent form dl dd input.mf {
width: 380px;
}
#ContactUs .pagecontent form dl dd textarea {
width: 630px;
}
#ContactUs .pagecontent form p.submit {
text-align: center;
}

/* #PrivacyPolicy */

/* #CompanyInformation */
#CompanyInformation .pagecontent .dl2column {}
#CompanyInformation .pagecontent .dl2column dl {}
#CompanyInformation .pagecontent .dl2column dl dt {
width: 5em;
}
#CompanyInformation .pagecontent .dl2column dl dd {
margin:0 0 0.5em;
padding:0 0 0.5em 120px;
border-bottom:1px dashed #DAD7C2;
}


/*
#ContentsBlock
 #Secondary
  #Sidebar
------------------------------------------- */
/* #Secondary */
#Secondary {
margin: 0 0 5em 0;
float: right;
width: 210px;
text-align: left;
}

.side dl dt {
margin: 0 0 1em 0;
border: 1px solid #523A18;
display: block;
width: 208px;
line-height: 32px;
color: #523A18;
background-color: #F4F3E8;
text-indent: 12px;
}
.side dl dd ul li,
#SideCompanyInformation dl dd ul li ul li {
margin: 0 0 0.5em 0;
padding: 0 0 0 10px;
background-image: url(../images/common.png);
background-repeat: no-repeat;
background-position: -975px -365px;
}
.side dl dd ul li ul {
margin: 0 0 0 12px;
}
.side dl dd ul li ul li {
margin: 0.5em 0 0 0;
background-position: -975px -562px;
}

/* #Sidebar #Secondary */

/* #SideCompanyInformation #Sidebar #Secondary */
#SideCompanyInformation dl dt {
margin: 0 0 1em;
background-position: -670px -530px;
}
#SideCompanyInformation dl dt,
#SideCompanyInformation dl dt span {
width: 210px;
height: 34px;
}
#SideCompanyInformation dl dd {
margin: 0 0 1em;
}
#SideCompanyInformation dl dd strong {
display: block;
color: #377D41;
}
#SideCompanyInformation dl dd p {
margin: 0 0 0.5em 0;
}
#SideCompanyInformation dl dd ul {}
#SideCompanyInformation dl dd ul li {
margin: 0 0 0.5em 0;
}
#SideCompanyInformation dl dd ul li em {
font-style: normal;
font-weight: bold;
}
#SideCompanyInformation dl dd ul li ul li {
margin: 0 0 0 0;
}

/* #SideCalendar #Sidebar #Secondary */
#SideCalendar dl dd table {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 210px;
}
#SideCalendar dl dd table tr th,
#SideCalendar dl dd table tr td {
margin: 0 0 0 0;
padding: 3px 0;
vertical-align: middle;
text-align: center;
}
#SideCalendar dl dd table tr th.sat,
#SideCalendar dl dd table tr td.sat {
color: #003A72;
}
#SideCalendar dl dd table tr th.sun,
#SideCalendar dl dd table tr td.sun {
color: #8A0006;
}
#SideCalendar dl dd table tfoot tr td.prev {
text-align: left;
}
#SideCalendar dl dd table tfoot tr td.next {
text-align: right;
}
#SideCalendar dl dd table tbody tr td#today {
background-color: #F4F3E8;
}

/* #SideSearch #Sidebar #Secondary */
#SideSearch dl dd form p {
text-align: center;
}
#SideSearch dl dd form p input.searchbox {
width: 204px;
}
#SideSearch dl dd form p input.searchsubmit {
margin: 0.3em 0 0 0;
}


/*
#FooterBlock
 #FooterNavigation
 #Footer
------------------------------------------- */
/* #FooterBlock */
#FooterBlock {
margin: 3em 0 0 0;
position: relative;
clear: both;
}

/* #FooterNavigation */
#FooterNavigation {
margin: 0 0 0.5em 0;
}
#FooterNavigation ul {
text-align: center;
height: 1%;
overflow: hidden;
}
#FooterNavigation ul li {
margin: 0 0.5em;
display: inline;
}
#FooterNavigation ul li.select a {
font-weight: bold;
text-decoration: none;
cursor: default;
}
#FooterNavigation ul li.select a:hover,
#FooterNavigation ul li.select a:active {
color: #523a18;
}

/* #Footer */
#Footer {
margin: 0 auto;
position: relative;
height: 151px;
background-image: url(../images/headerbg.png);
background-repeat: repeat-x;
background-position: 0 0;
}
/* .copyright #Footer */
#Footer .copyright {
margin: 0 auto;
padding: 18px 0 0 0;
width: 980px;
height: 133px;
background-image: url(../images/common.png);
background-repeat: no-repeat;
background-position: 0 -194px;
text-align: right;
}
#Footer .copyright a {
text-decoration: none;
}
#Footer .copyright a {
font-weight: bold;
text-decoration: none;
}
#Footer .copyright a:hover,
#Footer .copyright a:active {
color: #523a18;
}
/* .validationW3C #Footer */
#Footer .validationW3C {
position: absolute;
top: auto;
right: 0;
bottom: 4px;
text-align: right;
}
#Footer .validationW3C ul {
height: 1%;
overflow: hidden;
}
#Footer .validationW3C ul li {
margin: 0 6px;
display: inline;
position: relative;
float: right;
width: 87px;
height: 16px;
overflow: hidden;
}
#Footer .validationW3C ul li a {
display: block;
width: 87px;
height: 16px;
background-color: #523a18;
}
#Footer .validationW3C ul li a:hover,
#Footer .validationW3C ul li a:active {
background-color: #91652b;
}
#Footer .validationW3C ul li a img {
position: absolute;
top: 0;
vertical-align: baseline;
}
#Footer .validationW3C ul .valid01 a img {
left: 0;
}
#Footer .validationW3C ul .valid02 a img {
left: -87px;
}




/* -------------------------------------------
class 
------------------------------------------- */
/*
text replace bgimage.
class .textReplaceBgimage .replaceBgimage .replaceText (If tag has ".select", position and z-index initialize.)
Use.
<wrapper class="textReplaceBgimage">
<backgroundimage class="replaceBgimage">
<text class="replaceText">This text replace background image.</text>
</backgroundimage>
</wrapper>
*/

.textReplaceBgimage,
h1,
#Header address,
#GlobalNavigation ul li,
#MainContentsNavigation ul li,
#SideCompanyInformation dl {
	position: relative;
	z-index: 1;
}
.replaceBgimage,
h1 a,
#Header address a,
#GlobalNavigation ul li a,
#MainContentsNavigation ul li a,
#SideCompanyInformation dl dt {
	display: block;
	background-color: transparent;
	background-image: url(../images/common.png);
	background-repeat: no-repeat;
	text-decoration: none;
	/*
	need property
	width: ;
	height: ;
	background-position: x y;
	*/
}
.replaceText,
h1 a span,
#Header address a span,
#GlobalNavigation ul li a dfn,
#MainContentsNavigation ul li a dfn,
#SideCompanyInformation dl dt span {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
	/*
	need property
	width: ;
	height: ;
	*/
}
#GlobalNavigation ul li.select {
	position: static;
	z-index: auto;
}

/*
2 column
.dl2column
Use.
<div class="dl2columnumn">
<dl>
<dt>title</dt>
<dd>
<div>contents</div>
</dd>
</dl>
</div>
*/
.dl2column dl {
	height: 1%;
	overflow: hidden;
	/*
	need property
	margin-bottom: -x;	//offset dd margin-bottom value.
	*/
}
.dl2column dl dt {
	float: left;
	/*
	need property
	width: ;
	text-indent: ;
	*/
}
.dl2column dl dd {
	/*
	need property
	margin-bottom: x;
	padding-left: ;
	border-bottom: ;
	*/
}
.dl2column dl dd div {
	display: inline-block;	/*IE6 fix*/
}

/*
center
*/
.floatcenter {
	position: relative;
	overflow: hidden;
}

.floatcenter ul,
.floatcenter ol {
	position: relative;
	left: 50%;
	float: left;
}

.floatcenter ul li,
.floatcenter ol li {
	position: relative;
	left: -50%;
	float: left;
}
