/* 各ブラウザの初期化 
----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
* { 
margin: 0px;
padding: 0px;
}

img{
border:0px;
vertical-align: bottom;
}
h1{display:none;}
h2, h3, h4, h5, h6 {
font-weight: normal;
font-style: normal;
}
li {
list-style:none;
}
input, textarea{
font-size:1em;
}
body {
background:white;
color: #333; /* 基本文字色 */
font-size: 13px; /* 基本のフォントサイズ */
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sanserif;
line-height: 140%; /* 基本の行間 */
margin:10px 0px 10px 0px;
}





/* 簡単・おいしい・おてがるレシピ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#iroha-wrapper {
width:798px;
background:white;
margin:0px auto;
border: 1px solid  #ccc;
}
#iroha-header {
width:798px;
height:74px;
background:white url(../img/iroha/common/header.gif) no-repeat;
display: block;
}
#iroha-navi {
width:780px;
height:34px;
padding:11px 9px 10px 9px;
background:white url(../img/iroha/common/navi_bg.gif) repeat-x;
}

#iroha-contentsarea {
width:780px;
padding:9px;
margin-bottom:5px;
float:left;
}
.iroha-contentsareaborder {
width:700px;
padding:40px 39px;
border: 1px solid  #ccc;
margin-bottom:10px;
float:left;
}
.iroha-contentsarea760 {
width:760px;
padding:0px 10px;
float:left;
}

#iroha-separateborder{
width:740px;
padding:10px 20px;
border-bottom: 2px solid  #ccc;
float:left;
}



/* 共通ナビゲーション
----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

div#iroha-navi01 a {width:153px; height:34px;background: url(../img/iroha/common/navi01.gif) no-repeat left top; text-indent:-9999px; margin-right:3px; float:left;}
div#iroha-navi01 a:hover {background: url(../img/iroha/common/navi01.gif) no-repeat right top;}
div#iroha-navi01on a {width:153px; height:34px;background: url(../img/iroha/common/navi01.gif) no-repeat right top; text-indent:-9999px;margin-right:3px; float:left;}

div#iroha-navi02 a {width:153px; height:34px;background: url(../img/iroha/common/navi02.gif) no-repeat left top; text-indent:-9999px; margin-right:3px; float:left;}
div#iroha-navi02 a:hover {background: url(../img/iroha/common/navi02.gif) no-repeat right top;}
div#iroha-navi02on a {width:153px; height:34px;background: url(../img/iroha/common/navi02.gif) no-repeat right top; text-indent:-9999px;margin-right:3px; float:left;}

div#iroha-navi03 a {width:153px; height:34px;background: url(../img/iroha/common/navi03.gif) no-repeat left top; text-indent:-9999px; margin-right:3px; float:left;}
div#iroha-navi03 a:hover {background: url(../img/iroha/common/navi03.gif) no-repeat right top;}
div#iroha-navi03on a {width:153px; height:34px;background: url(../img/iroha/common/navi03.gif) no-repeat right top; text-indent:-9999px;margin-right:3px; float:left;}

div#iroha-navi04 a {width:153px; height:34px;background: url(../img/iroha/common/navi04.gif) no-repeat left top; text-indent:-9999px; margin-right:3px; float:left;}
div#iroha-navi04 a:hover {background: url(../img/iroha/common/navi04.gif) no-repeat right top;}
div#iroha-navi04on a {width:153px; height:34px;background: url(../img/iroha/common/navi04.gif) no-repeat right top; text-indent:-9999px;margin-right:3px; float:left;}

div#iroha-navi05 a {width:153px; height:34px;background: url(../img/iroha/common/navi05.gif) no-repeat left top; text-indent:-9999px; margin-right:3px; float:left;}
div#iroha-navi05 a:hover {background: url(../img/iroha/common/navi05.gif) no-repeat right top;}
div#iroha-navi05on a {width:153px; height:34px;background: url(../img/iroha/common/navi05.gif) no-repeat right top; text-indent:-9999px;margin-right:3px; float:left;}


/* 海苔の生物学
----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#iroha-mainimg {
width:780px;
height:120px;
background:white url(../img/iroha/seibutsu/main.jpg) no-repeat;
margin-bottom:25px;
text-indent:-9999px;
}

.bgcontents001{
width:760px;
height:292px;
background:white url(../img/iroha/seibutsu/cobg.jpg) no-repeat;
}


/* 海苔の歴史
----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#iroha-mainimg2 {
width:780px;
height:270px;
background:white url(../img/iroha/rekishi/main.gif) no-repeat;
margin-bottom:25px;
text-indent:-9999px;
}
.bgcontents002{
width:760px;
height:525px;
background:white url(../img/iroha/rekishi/cobg.gif) no-repeat;
}


/* 現代の海苔づくり
----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#iroha-mainimg3 {
width:780px;
height:270px;
background:white url(../img/iroha/gendai/main.jpg) no-repeat;
margin-bottom:10px;
text-indent:-9999px;
}
.bgcontents003{
width:760px;
height:525px;
background:white url(../img/iroha/gendai/cobg.gif) no-repeat;
}


/* 昔の海苔づくり
----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#iroha-mainimg4 {
width:780px;
height:86px;
background:white url(../img/iroha/mukashi/main.gif) no-repeat;
margin-bottom:25px;
text-indent:-9999px;
}
.bgcontents004{
width:760px;
height:525px;
background:white url(../img/iroha/mukashi/cobg.gif) no-repeat;
}


/* おいしさの秘密
----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#iroha-mainimg5 {
width:780px;
height:230px;
background:white url(../img/iroha/himitsu/main.jpg) no-repeat;
margin-bottom:25px;
text-indent:-9999px;
}
.bgcontents005{
width:760px;
background:white url(../img/iroha/himitsu/cobg01.gif) no-repeat;
}
.bgcontents005-02{
width:760px;
height:136px;
background:white url(../img/iroha/himitsu/cobg02.gif) no-repeat;
}
.bgcontents005-03{
width:760px;
height:124px;
background:white url(../img/iroha/himitsu/cobg03.gif) no-repeat;
}
.bgcontents005mini{
width:310px;
padding:20px 20px 10px 20px;
background: url(../img/iroha/himitsu/cobg001.gif) no-repeat left top;
}
.bgcontents005miniclose{
width:350px;
height:10px;
background:white url(../img/iroha/himitsu/cobg001.gif) no-repeat left bottom;
}
.iroha-cart001{
width:211px;
text-align:left;
padding:15px;
border: 1px solid  #ccc;
float:left;
}
.iroha-cart{
width:678px;
height:300px;
text-align:center;
padding:15px;
margin:25px;
border: 1px solid  #ccc;
}











/* 共通仕様
----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.iroha-border760{
width: 750px;
margin-top:0px;
padding:0px 5px 20px 5px;
margin-bottom:30px;
border-bottom: 1px solid  #ccc;
float:left;
}
.iroha-border760-02{
width: 750px;
margin-top:0px;
padding:0px 5px 25px 5px;
margin-bottom:30px;
border-bottom: 1px solid  #ccc;
float:left;
}
.iroha-dotborder760{
width: 750px;
background: url(../img/iroha/common/dot760.gif) no-repeat left bottom;
margin-top:0px;
padding:0px 5px 10px 5px;
margin-bottom:10px;
float:left;
}
.iroha-dotborder760-02{
width: 750px;
background: url(../img/iroha/common/dot760.gif) no-repeat left bottom;
margin-top:0px;
padding:0px 5px 20px 5px;
margin-bottom:20px;
float:left;
}
.iroha-dotborder760-03{
width: 750px;
background: url(../img/iroha/common/dot760.gif) no-repeat left bottom;
margin-top:0px;
padding:0px 5px 25px 5px;
margin-bottom:25px;
float:left;
}
.iroha-nonborder760{
width: 750px;
padding:0px 5px 20px 5px;
margin-top:0px;
padding-bottom:20px;
float:left;
}
.iroha-nonborder730{
width: 730px;
padding:0px 15px 20px 15px;
margin-top:0px;
padding-bottom:20px;
float:left;
}
.iroha-border350{
width: 350px;
margin-top:0px;
padding:0px 0px 5px 0px;
margin-bottom:7px;
border-bottom: 1px solid  #ccc;
float:left;
}











#iroha-footer {width:780px;height:78px;background:white url(../img/iroha/footer.gif) no-repeat;float:left;}
#iroha-footerlinkarea {margin:0px auto;text-align:center;}
#iroha-copyright {display:none}

div#iroha-close a {width:160px;height:22px;background: url(../img/iroha/close.gif) no-repeat left top;text-indent:-9999px;margin-left:318px;margin-top:15px;float:left;}
div#iroha-close a:hover {background:white url(../img/iroha/close.gif) no-repeat left bottom;}

div#pagetop a {width:118px;height:15px;background: url(../img/iroha/common/page-top.gif) no-repeat left top;text-indent:-9999px;float:right;margin:0px 0px 0px 0px;}
div#pagetop a:hover {background: url(../img/iroha/common/page-top.gif) no-repeat right top;}

/* ----------フッターリンクテキスト---------- */
a.footer{ color:#333;text-decoration:none;}
a.footer:link{color:#333;text-decoration:none;}
a.footer:visited{color:#333;text-decoration:none;}
a.footer:hover{color:#000;text-decoration:underline;}








/* その他拡張
----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.irohatitlecolor01{color:#669900;}
.irohatitlecolor02{color:#663300;font-size:14px;padding-bottom:2px;line-height:120%;}


.iroha-layout740 {width:740px;float:left;}
.iroha-layout700 {width:700px;float:left;}
.iroha-layout445 {width:445px;float:left;}
.iroha-layout350 {width:350px;float:left;}
.iroha-layout285 {width:285px;float:left;}
.iroha-layout215 {width:215px;float:left;}
.iroha-layout190 {width:190px;float:left;}
.iroha-layout180 {width:180px;float:left;}
.iroha-layout160 {width:160px;float:left;}
.iroha-layout260 {width:260px;float:left;}
.iroha-layout416 {width:416px; float:left;}
.iroha-layout375 {width:375px; float:left;}
.iroha-layout18 {width:18px; float:left;}
.iroha-layout23 {width:18px; float:left;padding-left:5px;}
.iroha-layout389 {width:389px; float:left;margin-right:20px;}
.iroha-layout366 {width:357px; float:left;}
.iroha-layout357 {width:357px; float:left;}
.iroha-layout552 {width:552px; float:left;}

.m-r40{margin-right:40px;}
.m-b45{margin-bottom:45px;}