@charset "UTF-8";

/* 全体構造
---------------------------------------------------- */

body,div, dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th {
   margin:0;
   padding:0;
}

html{
    height:100%;
background-color:#F8F8F8;

}
body {
  margin: 0;
  padding: 0;
  color: #4d4d4d;
font-size:80%;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",helvetica, sans-serif;
line-height:180%;
text-align:center;
background: url(../images/haikei.gif) repeat-y;
background-color:#F8F8F8;
background-position: center top;
}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}

img{
margin:0;
padding:0;
border:none;
}

p{
margin:0;
padding:0;
}

#container {
padding:0;
margin:0;


}

#header_top2 {
padding:0;
width:700px;
height: 100px;
margin:0 auto;
}



#header_top {
padding:0;
width:700px;
height: 210px;
margin:0 auto;
}





#header_top4 {
padding:0;
width:700px;
height: 270px;
margin:0 auto;
}




#header_top3 {
padding:0;
width:700px;
height: 316px;
margin:0 auto;
}





/* リンク
---------------------------------------------------- */
a:link {
  color: #346BA8;
  background: transparent;
  text-decoration: none;
}
a:visited {
 color: #346BA8;
  background: transparent;
  text-decoration: none;
}
a:hover, a:active {
 color: #888888;
  background: transparent;
text-decoration: underline;
}
a:link span {
  color: #346BA8;
  background: transparent;
  text-decoration: none;
}
a:visited span {
 color: #346BA8;
  background: transparent;
  text-decoration: none;
}
a:hover span, a:active span {
 color: #888888;
  background: transparent;
text-decoration: underline;
}


/* コンテンツ
---------------------------------------------------- */

#contents {
clear:both;
width:700px;
margin:0 auto;
padding:15px 0px 0px 0px;
text-align:left;
}

#contents p {
font-size:1em;
letter-spacing:1px;
line-height: 1.8em;
margin: 0px 0px 25px 0;
}

#contents_life {
clear:both;
width:700px;
margin:0 auto;
text-align:left;
}

#contents_life p {
font-size:0.8em;
letter-spacing:1px;
line-height: 1.6em;
margin: 0px 0px 10px 0;
}







#contents2 {
clear:both;
width:700px;
margin:0 auto;
padding:30px 0px 0px 0px;
text-align:left;
}

#contents2 p {
font-size:1em;
letter-spacing:1px;
line-height: 1.8em;
margin: 0px 0px 25px 0;
}

#contents3 {
width:700px;
height: 96px;
margin:0 auto;
padding:20px 0px 48px 0px;
text-align:left;
}




#sc_r {
width:173px;
float:right;
margin:0px 0 30px 0;
}


#sc_l {
float:left;
width:500px;
margin:0px 0 30px 0px;
}









/*ヘッダーナビゲーションTOP
---------------------------------------------------- */

#navigation_top {
width: 700px;
height: 33px;
margin:0 0 0 0;
background: url(../images/header.gif) no-repeat;
position:relative;
 }

#navigation_top ul {
  margin: 0;
  padding: 0;
  list-style: none;

}

#navigation_top li {
margin: 0;
padding: 0;
height: 33px;
text-indent: -9999px;	
position: absolute;
}

#navigation_top li#b01 a ,#navigation_top li#b01 strong{
text-decoration: none;	
display: block;
height: 33px;
}


#navigation_top li#b01 {
left:576px;
top:0px;
width:124px;
overflow:hidden;
}



#navigation_top li#b01 a:hover  ,#navigation_top li#b01 strong {
background: url(../images/header.gif) no-repeat -576px -33px;
}




/*ヘッダーナビゲーション2
---------------------------------------------------- */

#navigation2 {
width: 700px;
height: 77px;
margin:0 0 0 0;
background: url(../images/header_b2.gif) no-repeat;

position:relative;
}

#navigation2 ul {
  margin: 0;
  padding: 0;
  list-style: none;

}

#navigation2 li {
    margin: 0;
	padding: 0;
	text-indent: -9999px;	
    position: absolute;
}

#navigation2 li#bb01 a ,#navigation2 li#bb01 strong ,
#navigation2 li#bb02 a ,#navigation2 li#bb02 strong ,
#navigation2 li#bb03 a ,#navigation2 li#bb03 strong {
text-decoration: none;	
display: block;
height: 20px;
}

#navigation2 li#bb04 a ,#navigation2 li#bb04 strong ,
#navigation2 li#bb05 a ,#navigation2 li#bb05 strong ,
#navigation2 li#bb06 a ,#navigation2 li#bb06 strong {
text-decoration: none;	
display: block;
height: 45px;
}

#navigation2 li#bb07 a ,#navigation2 li#bb07 strong ,
#navigation2 li#bb08 a ,#navigation2 li#bb08 strong {
text-decoration: none;	
display: block;
height: 45px;
}

#navigation2 h1 a ,#navigation2 h1 strong {
text-decoration: none;	
display: block;
height: 32px;
}

#navigation2 h1 {
position: absolute;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 32px;
}
#navigation2 h1 a {
text-decoration: none;	
display: block;
height: 32px;
}

#navigation2 h1#home {
left:0px;
top:0px;
width:150px;
height: 32px;
overflow:hidden;
}

#navigation2 li#bb01 {
left:370px;
top:13px;
width:102px;
overflow:hidden;
}
#navigation2 li#bb02 {
left:472px;
top:13px;
width:88px;
overflow:hidden;
}
#navigation2 li#bb03 {
left:560px;
top:13px;
width:140px;
overflow:hidden;
}
#navigation2 li#bb04 {
left:0px;
top:32px;
width:86px;
overflow:hidden;
}
#navigation2 li#bb05 {
left:86px;
top:32px;
width:146px;
overflow:hidden;
}
#navigation2 li#bb06  {
left:232px;
top:32px;
width:165px;
overflow:hidden;
}

#navigation2 li#bb07  {
left:397px;
top:32px;
width:160px;
overflow:hidden;
}

#navigation2 li#bb08  {
left:557px;
top:32px;
width:143px;
overflow:hidden;
}


#navigation2 h1#home a:hover    {
background: url(../images/header_b2.gif) no-repeat 0px -77px;
}

#navigation2 li#bb01 a:hover  ,#navigation2 li#bb01 strong   {
background: url(../images/header_b2.gif) no-repeat -370px -90px;
}

#navigation2 li#bb02 a:hover ,#navigation2 li#bb02 strong    {
background: url(../images/header_b2.gif) no-repeat -472px -90px;
}
#navigation2 li#bb03 a:hover ,#navigation2 li#bb03 strong    {
background: url(../images/header_b2.gif) no-repeat -560px -90px;
}

#navigation2 li#bb04 a:hover {
background: url(../images/header_b2.gif) no-repeat -0px -109px;
}

#navigation2 li#bb04 strong {
background: url(../images/header_b2.gif) no-repeat -0px -186px;
}

#navigation2 li#bb05 a:hover {
background: url(../images/header_b2.gif) no-repeat -86px -109px;
}
#navigation2 li#bb05 strong {
background: url(../images/header_b2.gif) no-repeat -86px -186px;
}

#navigation2 li#bb06 a:hover {
background: url(../images/header_b2.gif) no-repeat -232px -109px;
}

#navigation2 li#bb06 strong {
background: url(../images/header_b2.gif) no-repeat -232px -186px;
}


#navigation2 li#bb07 a:hover {
background: url(../images/header_b2.gif) no-repeat -397px -109px;
}

#navigation2 li#bb07 strong {
background: url(../images/header_b2.gif) no-repeat -397px -186px;
}

#navigation2 li#bb08 a:hover {
background: url(../images/header_b2.gif) no-repeat -557px -109px;
}

#navigation2 li#bb08 strong {
background: url(../images/header_b2.gif) no-repeat -557px -186px;
}







#sc_b li#sc11 a:hover  {
background: url(../produce/images/button2.gif) -200px -363px;
}
#sc_b li#sc11 strong {
background: url(../produce/images/button2.gif) -400px -363px;
}











/* フッター
---------------------------------------------------- */
#footer {
clear:both;
height: 80px;
margin:30px 0 0 0;
text-align:center;
}

#footer_navi {
clear:both;
width:800px;
height: 80px;
margin:0 auto;
text-align:left;
background: url(../images/footer.gif) no-repeat;
position:static;
}

#footer_navi ul {
argin: 0;
padding: 0;
list-style: none;
position:relative;
}

#footer_navi li {
margin: 0;
padding: 0;
text-indent: -9999px;
position:absolute;
}




#footer_navi li#d01 a,#footer_navi li#d01 strong ,#footer_navi li#d02 a,#footer_navi li#d02 strong ,
#footer_navi li#d03 a,#footer_navi li#d03 strong ,#footer_navi li#d04 a,#footer_navi li#d04 strong {
text-decoration: none;	
display: block;
height: 26px;
}



#footer_navi li#d05 a,#footer_navi li#d05 strong ,
#footer_navi li#d06 a,#footer_navi li#d06 strong ,
#footer_navi li#d07 a,#footer_navi li#d07 strong {
text-decoration: none;	
display: block;
height: 54px;
}



#footer_navi li#d01      {
 top: 0px;
height: 26px;
 left:0px;
 width:62px;
}
#footer_navi li#d02    {
 top: 0px;
height: 26px;
 left:62px;
 width:126px;
}
#footer_navi li#d03  {
 top: 0px;
height: 26px;
 left:188px;
 width:86px;
}

#footer_navi li#d04  {
 top: 0px;
height: 26px;
 left:680px;
 width:120px;
}

#footer_navi li#d05  {
 top: 26px;
height: 54px;
 left:580px;
 width:68px;
}

#footer_navi li#d06  {
 top: 26px;
height: 54px;
 left:648px;
 width:90px;
}

#footer_navi li#d07  {
 top: 26px;
height: 54px;
 left:738px;
 width:62px;
}





#footer_navi li#d01 a:hover  ,#footer_navi li#d01 strong   {
background: url(../images/footer.gif) no-repeat 0px -80px;
}
#footer_navi li#d02 a:hover ,#footer_navi li#d02 strong    {
background: url(../images/footer.gif) no-repeat -62px -80px;
}
#footer_navi li#d03 a:hover ,#footer_navi li#d03 strong    {
background: url(../images/footer.gif) no-repeat -188px -80px;
}
#footer_navi li#d04 a:hover ,#footer_navi li#d04 strong    {
background: url(../images/footer.gif) no-repeat -680px -80px;
}
#footer_navi li#d05 a:hover ,#footer_navi li#d05 strong    {
background: url(../images/footer.gif) no-repeat -580px -106px;
}
#footer_navi li#d06 a:hover ,#footer_navi li#d06 strong    {
background: url(../images/footer.gif) no-repeat -648px -106px;
}
#footer_navi li#d07 a:hover ,#footer_navi li#d07 strong    {
background: url(../images/footer.gif) no-repeat -738px -106px;
}