/* partic6M new134 index seaGuide 表示形式用 */
/* 	代表画像の表示と説明枠の中心はテーブル表示、リンク部分はdiv表示 */

@charset="utf-8";

/* -------------------------------------------------------------------
   全体構造：初期設定＊共通部分
  ------------------------------------------------------------------- */
html,body{width:100%;height:95%;}

body{background-color:#CCFFFF;color:#003399;}

   a:link{color:#6666FF;}
   a:visited{color:#009933;}
   a:hover{color:#ff3333;}
   a:active{color:#FF33FF;}

section, article, aside, nav, header, footer, hgroup {display:block;}

 img{width:250px; border:3px outset #33cc33;margin:3px; }

 table{width:96%;border:3px solid;border-collapse:separate;margin:0 auto;}

   td,th{border:2px solid;}

 p{margin:4px;}
 p.litle1{font-size:small;padding:2px;}
  
h1{color:navy;text-decoration:underline;margin:3px auto;}  /* soboku（草木）説明書き部分 */

h2,h3{margin:2px}                                          /* soboku（草木）説明書き部分 */

#spaceCont{width:70%;border:3px ridge green;overflow:hidden; margin-left:auto;margin-right:auto;}

p{font-weight:bold;}

 /* ----鳥、草木で使用----- */
     /* ------縦書き部分を含み詳細内容全体をスタイル設定するためのコンテナー------- */

       div.explaAll{width:47.5%; min-width:600px; min-width:600px;border:4px inset #808080;background-image: url("../DOMpic/back1.gif");
		            background-color:#ffcc99; font-weght:bold; line-height:1.5;margin:20px;height:500px;overflow:hidden;}

     /* ------------縦書き部分を含み詳細内容分を作成2014年7月8日----------- */

        .toriG{-webkit-writing-mode:vertical-rl;
               -moz-writing-mode:vertical-rl;
               -ms-writing-mode:vertical-rl;
               -o-writing-mode:vertical-rl;
               writing-mode:vertical-rl;
               font-family: "＠ＭＳ 明朝",serif;float:right;}

      div.cover1{width:238px;height:320px;border:3px outset yellow;margin-right:5px;
           overflow:hidden;float:right;}

 /* ----------------------- */

/* --------------------------------------------------------------------------
  partic6M new134 index seaGuide 表示形式用(sea_main\contentF\partic6M)
  -------------------------------------------------------------------------- */
div#allInfo{min-width:700px; max-width:900px; margin:0 auto; background-color:lime;}

header#info11{border:4px solid #800080;
          margin:3px 8%;line-height:2em;text-align:center;font-size:small;padding:3px;}

th#info21{padding:3px 0;}

div#info1{border:4px solid #800080;padding:3px;width:85%;
          margin:3px auto;line-height:2em;text-align:center;font-size:small;}
div.table1{background-color:#00cc99;padding:5px;width:300px;border:4px inset;;margin:5px auto;}

span.linkpic{border:3px #660000 solid;font-size:smaller;font-weight:normal;
             vertical-align:text-top;margin:3px;padding:2px;}
span.guid{text-align:center;background-color:#ffffcc;width:200px;display:inline-block;
          border:3px outset;margin:5px auto;font-size:x-small;padding:2px;}

article #info21{background-color:rgba(000,191,255,0.3);} 

tr#memo{line-height:1.3;}

  th#maintitle{width:23%;}
  th#explain-title{width:auto;}

  td#center{text-align:center;font-size:smaller;}
  td#explain1{text-align:left;font-size:medium;font-weight:600;}

  td.imgposi{width:40%;text-align:center;}
  td.info{width:60%;text-align:left;vertical-align:top;}

  td[class="info"] ul{line-height:1.5;font-size:small;}

p#titleS{border:4px outset #990099;width:7em;margin:1px auto;padding:1px;}

p.ititle{font-size:x-large;font-weight:500;margin:10px 3px;}


/* -----------------------------------------------------------------------
   umitori（海鳥）防風林（潮騒の森）説明書き部分 
 
   縦書き部分を含み詳細内容分を作成2014年7月8日 
 -------------------------------------------------------------------------- */

body.space{width:95%;height:100%;}

h1{color:navy;text-decoration:underline;margin:3px auto;}

h2,h3{margin:2px}

div#info2{border:4px #ff8c00;border-style:outset none;
          margin:3px 8%;text-align:center; }

div.table2{background-color:#00cc99;padding:5px;min-width:600px;width:30%;
           border:4px inset;margin:20px;max-width:740px;float:left;}

table.explainB {background-image: url("../DOMpic/dom01.gif"); 
		     background-color:#ffcc99; font-size:medium;
		     width:46%; border-width:6px; border-color:#993333;
		     border-collapse:separate;border-style:outset; border-spacing:3px;
		     padding:4px;margin:20px;min-width:600px;float:left;}

     /* ------------縦書き部分を含み詳細内容分を作成2014年7月8日----------- */

        .toriG{-webkit-writing-mode:vertical-rl;
               -moz-writing-mode:vertical-rl;
               -ms-writing-mode:vertical-rl;
               -o-writing-mode:vertical-rl;
               writing-mode:vertical-rl;
               font-family: "＠ＭＳ 明朝",serif;float:right;}
     /* -------------------------------------------------------------------- */


p#ss{margin:1px 1px;}

img#signB{width:225px;border:3px inset #800080;float:right; }

.small{font-size:small;width:220px;height:100px;padding:10px;float:left;text-align:justify; }

span#waku{display:inline-block; margin:5px;background-image: url("../DOMpic/dom01.gif"); background-color:#ffcc99;}
.kowaku{display:inline-block; margin:5px;background-image: url("../DOMpic/dom01.gif"); background-color:#ffcc99;}

a#nondeco{text-decoration:none;}

div#picExp{margin-right:15px;width:225px;}


/* -------------------------------------------------------------------------
   soboku（草木）防風林（潮騒の森）説明書き部分 

   縦書き部分を含み詳細内容分を作成2014年7月18日 
 -------------------------------------------------------------------------- */

body.soboku{width:95%;height:100%;}

div#shiosai{min-width:600px; overflow:hidden;width:95%;margin-left:auto;margin-right:auto;}

header#info3{border:4px #ff8c00;border-style:outset none;
          margin:3px 5%;text-align:center;padding-bottom:6px;}

.linkM{font-size:small;margin:2px auto;}

.linkS{font-size:x-small;} 

header nav span{font-size:medium;}
nav a{display:inline-black;padding:3px 8px;background-color:#ccffff;}

div.table3{width:50%;float:left;}

div[class="table3"] article h3{text-align:center;color:navy;margin:0;}

table.explainSO {background-image: url("../DOMpic/dom01.gif"); 
		     background-color:#ffcc99; font-size:medium;
		      border-width:6px; border-color:#993333;
		     border-collapse:separate;border-style:outset; border-spacing:3px;
		     padding:4px;margin:0.3em 10px;}

th#rowSP{width:10%;}

th#hyou1{width:45%;}

table[class="explainSO"] tr{text-align:center;}

div#explSO{float:left;width:45%;border:4px ridge maroon;margin-top:3.5em;padding-top:3px;background-image: url("../DOMpic/dom01.gif"); 
		   background-color:#ffcc99; font-size:medium;}

div[id="explSO"] aside {text-align:center;}
div[id="explSO"] aside+aside {text-align:center;}

img#zenkei{border:0px;margin:5px auto;width:40%;display:block;}

.bold1{font-weight:600;font-size:small;display:inline-block;margin-bottom:7px;}

 img#signC{width:98%; outline:5px outset #33cc33;margin:3px; }

.small{font-size:small;width:220px;height:100px;padding:10px;float:left;text-align:justify; }

span#waku{display:inline-block; margin:5px;}

a#nondeco{text-decoration:none;}

div#picExp{margin-right:15px;width:225px;}

p.leftr{text-align:left;font-size:small;line-height:1.3}
span.tcolor{color:#9900ff;font-weight:600;}
.linkfrm{width:200px;border:3px blue ridge;}


a#soboku:link{outline:5px outset rgba(255,000,255,0.5);display:inline-block;width:41%;outline-offset:3px;}   

a#soboku:visited{outline:medium inset rgba(128,000,128,0.5);display:inline-block;width:41%;outline-offset:3px;}   


a#soboku:hover{outline:thick ridge rgba(255,000,000,0.8);display:inline-block;width:41%;outline-offset:3px;}   

a#soboku:active{outline:medium groove rgba(000,000,255,0.7);display:inline-block;width:41%;outline-offset:3px;} 


                /* ----------------------------------------------------------
                    soboku（草木）防風林（潮騒の森）看板説明き（看板画像）部分 

   　　　　　　　　　specialファイル画像のパート詳細内容分を作成2014年7月18日 
　　　　　　　　------------------------------------------------------------- */

body.signSCP{background-color:#CCFFFF;color:#003399;}