@charset "Shift_JIS";


/* ====  index  ================================================

  1-1.  global
  1-2.  basic layout
  1-3.  margin / padding / align
  1-4.  shared elements
  1-5.  text
  1-6.  heading
  1-7.  link arrow / button
  1-8.  list
  1-9.  box
  1-10. form

  2-1.  styles [ globalHeader ]
  2-2.  styles [ header ]
  2-3.  styles [ sidebar ]
  2-4.  styles [ footer ]

  3-1. custom template [ home ]
  3-2. custom template [ contents ]
  3-3. custom template [ information ]
  3-4. custom template [ presents ]

============================================================ */


/* --------------  1-3-4. align  -------------- */
#nanaoh #main .colL     {float:left;width:49%;}
#nanaoh #main .colR     {float:right;width:49%;}
#nanaoh #main .clear    {clear:both;}


/* --------------  1-3-6. image align  -------------- */
#nanaoh #main img.left  {float:left;margin:0px 15px 5px 20px;}
#nanaoh #main img.right {float:right;margin:0px 20px 5px 15px;}
#nanaoh #main dd img.left  {margin:0px 5px 0px 0px;}
#nanaoh #main dd img.right {margin:0px 0px 0px 5px;}



/* --------------  1-4-4. hr  -------------- */
#nanaoh #main .hr {
clear:both;
margin: 20px 0;
background:url(../img/hr.gif) left center repeat-x;
}


/* ------------------------------------------------------------
1-5. text
------------------------------------------------------------ */

/* --------------  1-5-1. anchor  -------------- */
#nanaoh #main a           {color:#699;}
#nanaoh #main a:visited   {color:#699;}
#nanaoh #main a:hover     {color:#c03;}


/* --------------  1-5-2. basic  -------------- */
#nanaoh #main strong      { font-family:"ＭＳ Ｐ明朝","Hiragino Mincho Pro"; font-size:110%; color:#666;}
#nanaoh #main .data {color:#000;}


/* --------------  1-5-4. inside box  -------------- */
#nanaoh #main .caption    {font-size:94%;}
#nanaoh #main .larger     {font-size:130%;}
#nanaoh #main .large      {font-size:110%;}






/* ------------------------------------------------------------
1-6. heading
------------------------------------------------------------ */

/* --------------  1-6-1. h style  -------------- */
#nanaoh #main h2 {
margin-top:12px;
margin-bottom:12px;
padding-left:10px;
border-left:5px solid #699;
background:none;
color:#666;
font-weight:bold;
text-align: left;
}
#nanaoh #main h3--- {
margin-top:12px;
margin-bottom:12px;
padding:0px 5px 2px;
font-weight:bold;
}
#nanaoh #main h4 {
margin-top:10px;
margin-right:20px;
margin-bottom:10px;
padding:3px 5px;
background:none;
border-left:1px solid #eee;
border-bottom:1px solid #eee;
/*font-weight:normal;*/
}
#nanaoh #main h5 {
padding-left:0px;
border-bottom:1px dashed #ccc;
}






/* ------------------------------------------------------------
1-7. link arrow / button
------------------------------------------------------------ */

/* --------------  1-7-2. link button  -------------- */
#nanaoh #main div.btn a {
font-family:Tahoma;
color:#c03;
}






/* ------------------------------------------------------------
1-8. list
------------------------------------------------------------ */

/* --------------  1-8-12. dl.dl  -------------- */
#nanaoh #main dl.dl dd {
margin-left:0em;
/*font-size:smaller;*/
}
#nanaoh #main .module_body ol li     { 
  list-style: decimal; 
  margin-left: 2.5em; 
  margin-bottom: 0.5em;
}
#nanaoh #main .mod_standard ol li { 
  list-style: none; 
  margin: 0;
}





/* ------------------------------------------------------------
1-9. box elements
------------------------------------------------------------ */

/* --------------  1-9-1. box width/height  -------------- */
#nanaoh #main .w10p {width:10%;}
#nanaoh #main .w15p {width:15%;}
#nanaoh #main .w20p {width:20%;}
#nanaoh #main .w25p {width:25%;}
#nanaoh #main .w30p {width:30%;}
#nanaoh #main .w33p {width:33.3%;}
#nanaoh #main .w35p {width:35%;}
#nanaoh #main .w40p {width:40%;}
#nanaoh #main .w45p {width:45%;}
#nanaoh #main .w50p {width:50%;}
#nanaoh #main .w60p {width:60%;}
#nanaoh #main .w65p {width:65%;}
#nanaoh #main .w70p {width:70%;}
#nanaoh #main .w75p {width:75%;}
#nanaoh #main .w80p {width:80%;}
#nanaoh #main .w85p {width:85%;}
#nanaoh #main .w90p {width:90%;}
#nanaoh #main .w95p {width:95%;}
#nanaoh #main .w100p {width:100%;}
#nanaoh #main .w20px {width:20px;}
#nanaoh #main .w33px {width:33px;}
#nanaoh #main .w50px {width:50px;}
#nanaoh #main .w80px {width:80px;}
#nanaoh #main .w100px {width:100px;}
#nanaoh #main .w120px {width:120px;}
#nanaoh #main .w150px {width:150px;}
#nanaoh #main .w200px {width:200px;}
#nanaoh #main .w250px {width:250px;}
#nanaoh #main .w300px {width:300px;}
#nanaoh #main .w1em {width:1em;}
#nanaoh #main .w2em {width:2em;}
#nanaoh #main .w3em {width:3em;}
#nanaoh #main .w4em {width:4em;}
#nanaoh #main .h10px {height:10px;}
#nanaoh #main .h20px {height:20px;}
#nanaoh #main .h40px {height:40px;}
#nanaoh #main .h60px {height:60px;}
#nanaoh #main .h80px {height:80px;}
#nanaoh #main .h100px {height:100px;}
#nanaoh #main .h1em  {height:1em;}


/* --------------  1-9-2. blockquote  -------------- */
#nanaoh #main blockquote {
padding:10px;
border:1px dashed #ccc;
}


/* --------------  1-9-4. table : underbar -------------- */
#nanaoh #main table.underbar {
border-top:1px solid #ccc;
}
#nanaoh #main table.underbar th {
background:none;
}
#nanaoh #main table.underbar th,
#nanaoh #main table.underbar td {
padding:4px 8px;
border-bottom:1px solid #ccc;
}






/* ------------------------------------------------------------
3-2. custom template [ contents ]
------------------------------------------------------------ */

/* --------------  recipe  -------------- */
#nanaoh #main  .recipe h3 {
font-weight:bold;
background:none;
margin-bottom:0px;
}
#nanaoh #main  .recipe .title {
color:#743D49;
}
#nanaoh #main  .recipe h4 {
color:#743D49;
}
#nanaoh #main  .recipe ol li {
margin-left: 1em;
}


/* --------------  odekake  -------------- */
#nanaoh #main  .odekake h2 {
padding-left:0px;
}


/* --------------  dojo  -------------- */
#nanaoh #main  .left4em dt {
clear: left;
float: left;
width: 60px;
}
#nanaoh #main  .left4em dd {
margin-left: 65px;
}
#nanaoh #main  h3.qa {
text-indent: -1.4em;
padding-left: 1.4em;
}






/* ------------------------------------------------------------
3-3. custom template [ information ]
------------------------------------------------------------ */

/* --------------  color  -------------- */
#nanaoh #main .vol01 {color:#c96e80;}
#nanaoh #main .vol02 {color:#94b7d3;}
#nanaoh #main .vol03 {color:#2728c1;}
#nanaoh #main .vol04 {color:#fccc08;}
#nanaoh #main .vol05 {color:#de6d89;}
#nanaoh #main .vol06 {color:#f76631;}
#nanaoh #main .vol07 {color:#813b29;}
#nanaoh #main .vol08 {color:#c71c3c;}
#nanaoh #main .vol09 {color:#f3954a;}
#nanaoh #main .vol10 {color:#28c1cf;}
#nanaoh #main .vol11 {color:#F5A6AC;}
#nanaoh #main .vol12 {color:#e4007d;}
#nanaoh #main .vol13 {color:#e4007d;}
#nanaoh #main .vol14 {color:#e4007d;}
#nanaoh #main .vol15 {color:#e4007d;}
#nanaoh #main .vol16 {color:#e4007d;}
#nanaoh #main 
#nanaoh #main .caption {color:#888;}






/* ------------------------------------------------------------
3-4. custom template [ presents ]
------------------------------------------------------------ */

/* --------------  wallpaper  -------------- */
#nanaoh #main .wallpaper li ul {
margin-bottom:3em;
}

/* INDENT **************************************************************************************** */
.indent1 { padding-left: 1em; text-indent: -1em; }
.indent2 { padding-left: 2em; text-indent: -2em; }
.indent3 { padding-left: 3em; text-indent: -3em; }
.indent4 { padding-left: 4em; text-indent: -4em; }
.indent5 { padding-left: 5em; text-indent: -5em; }
.indent6 { padding-left: 6em; text-indent: -6em; }
.indent7 { padding-left: 7em; text-indent: -7em; }
.indent8 { padding-left: 8em; text-indent: -8em; }




/* --------------  search_nanaoh  -------------- */

#search_nanaoh {  padding-right: 20px; background: url(img/search_nanaoh.png) right top no-repeat; zoom: 1; }
#search_nanaoh .inner { padding: 50px 0 0 20px; background: url(img/search_nanaoh.png) no-repeat; zoom: 1; }
#search_nanaoh h2 { display: none; }
#search_nanaoh h3 { margin: 0 -10px 5px; padding: 3px 10px 10px; background: url(img/search_nanaoh_border.png) left bottom no-repeat; color: #A7504B; font-weight: normal; letter-spacing: 2px; }
#search_nanaoh input.keywords { width: 220px; border: 1px solid #A7504B; font-size: 18px; }
#search_nanaoh button { width: 80px; height: 25px; margin: 0 5px; border: none; background: url(img/search_nanaoh_button.png) no-repeat; text-indent: -9999px; cursor: pointer; }
#search_nanaoh ul   { padding: 0; }
#search_nanaoh li a { margin-right: 5px; font-size: 110%; }
#search_nanaoh_footer { margin-bottom: 15px; height: 15px; padding-right: 20px; background: url(img/search_nanaoh.png) right bottom no-repeat; zoom: 1; }
#search_nanaoh_footer .inner { height: 15px; background: url(img/search_nanaoh.png) left bottom no-repeat; zoom: 1; }
}