/* DOM 対応 Contents のCSS記述　2003年3月20日 作成 */
/* 2005年3月5日@charset：文字コード設定を追加 */
/* HTML5 version に変更（2014/04/25）用に設定 */
/* 2014/06/25 seamain/contentF/particura/jibiki用に/picIndication.cssを作「＠import」する */

@charset "utf-8";
@import url("DOMcomn-Selector.css");
@import url("seamainP/picIndication.css");

/* ---------------------------------------------------------------------------------- */
/* 海の情景案内用の「body」「table  及び内部 『li』関連」「link：擬似クラス」の設定 */
/* ---------------------------------------------------------------------------------- */

body.explain {color:#000000; background-color:#66cc99;}
.explain a:link     {color:#000066;}   
.explain a:visited  {color:#ff0066;}    
.explain a:hover    {color:#990033;}   
.explain a:active   {color:#666666;}    

/* html5 で表示エリア内統一の為新しく追加された要素（7つの要素)について明示的にブロック設定 */
section,article,aside,nav,hgroup,header,footer{display:block;}

table.explain       {background-image: url("DOMpic/dom01.gif"); 
		     background-color:#ffcc99; font-size:medium;
		     width:95%; border-width:6px; border-color:transparent;
		     border-collapse:separate;border-style:outset; border-spacing:3px;
		     padding:4px;margin-left:auto;margin-right:auto;margin-bottom:0.5em;}

caption.explain     {caption-side:top; font-size:larger; font-weight:bold; color:#800000;
			 font-family:Impact,san-serif}

/* -- sea_menu.html と seaMenu.html の[table]スタイルの設定に使用[explainM] -- */
/* -- kaitei-myhome2014/Home-loli/loliServer/index_mn/sea_menu/sea_menu.html -- */

table.explainM {background-image: url("DOMpic/dom01.gif");background-color:#ffcc99; 
                font-size:small;width:95%; text-align:center; border-width:6px;
                border-color:transparent;border-collapse:separate;border-style:outset; 
                border-spacing:3px;padding:4px; position:relative; left:2%; top:1.5%;}


/* -- seaside1-title1のBody設定／Table. etc -- standerd と 説明付めにゅー切り替え他 -- */
/* -- kaitei-myhome2014/Home-loli/loliServer/index_st/seaside/seaside1/title1.html  -- */

body.explain1 {color:#000000; background-color:#66cc99;}
.explain1 a:link     {color:#000066;}
.explain1 a:visited  {color:#ff0066;}
.explain1 a:hover    {color:#990033;}
.explain1 a:active   {color:#3300FF;}

table.explain1      {background-image: url("DOMpic/dom01.gif"); 
		     background-color:#ffcc99; font-size:large;
		     width:75%; text-align:center; border-width:6px; border-color:transparent;
		     border-collapse:separate;border-style:outset; border-spacing:3px;
		     padding:4px; position:relative; left:8%; top:3%;}
caption.explain1     {caption-side:top; font-size:larger; font-weight:bold; color:#800000;
			 font-family:Impact,san-serif}

div.explain1 {background-image: url("DOMpic/dom01.gif"); 
		  background-color:#ffcc99; font-size:medium;width:85%;
          border:5px outset #999900;margin:auto auto;overflow:hidden;resize:both;}
/* -- HTML5 version に変更（2014/04/25）用に設定 -- 海の情景案内[iframe]内表示 -- */
/* -- kaitei-myhome2014/Home-loli/oliServer/index_st/seaside/seaside1/sea.html -- */
/* -----------------------------------------------------------------------------------------*/

div.seahome {background-color:#99ccff;border:double #339933 medium ;width:163px;height:15px;
            cursor:pointer;font-size:small;padding:1px; position:relative;top:3px;left:18px;
            text-align:center;}

img.seapic {position:relative;top:3px;left:18px;}

div.movshome {background-color:#99ccff;border:double #339933 medium ;width:163px;height:17px;
      cursor:pointer;position:relative;top:3px;left:18px;position:relative;top:3px;left:18px;
      text-align:center;font-size:small;}
#mfrm{margin:3px auto;text-align:center;width:98%;}
#pmain{width:80%;border:5px outset #00ff00;}
#pmain1{width:78%;border:5px outset #00ff00;}
#pmain2{width:70%;border:5px outset #00ff00;}


/* ---------------------------------------------------------------------------------------- */
/* 湘南の仲間(Pet）案内用の「body」「table 及び内部『li』関連」「link：擬似クラス」の設定 */
/* ---------------------------------------------------------------------------------------- */

body.explain2 {color:#000000; background-color:#ffff99;}
.explain2 a:link     {color:#000066;}
.explain2 a:visited  {color:#0000ff;}
.explain2 a:hover    {color:#cc0033;}
.explain2 a:active   {color:#666666;}

table.explain2       {background-image: url("DOMpic/dom02.jpg"); 
		     background-color:#ffcc99; font-size:medium;
		     width:95%; text-align:center; border-width:6px; border-color:#ccff33;
		     border-collapse:separate; border-style:outset; border-spacing:3px;
		     padding:4px; position:relative; left:2%; top:3%;}

/* -- dog_menu.htmlの[table]スタイルの設定に使用[explain2M] -- */
/* -- kaitei-myhome2014/Home-loli/loliServer/index_mn/dog_menu/dog_menu.html -- */

table.explain2M{background-image: url("DOMpic/dom02.jpg");background-color:#ffcc99; 
                font-size:small;width:95%; text-align:center; border-width:6px; 
                border-color:#ccff33;border-collapse:separate; border-style:outset; 
                border-spacing:3px;padding:4px; position:relative; left:2%; top:1.5%;}

body.explain02 {color:#000000; background-color:#ffff99;}
.explain02 a:link     {color:#000066;}
.explain02 a:visited  {color:#0000ff;}
.explain02 a:hover    {color:#cc0033;}
.explain02 a:active   {color:#666666;}

table.explain02       {background-image: url("DOMpic/dom02.jpg"); 
		     background-color:#ffcc99; font-size:large;
		     width:95%; text-align:center; border-width:6px; border-color:transparent;
		     border-collapse:separate; border-style:outset; border-spacing:3px;
		     padding:4px; position:relative; left:2%; top:2%;}


/* 2005年改造版に使用 */

table.explain21      {background-image: url("DOMpic/dom02.jpg"); 
		     background-color:#ffcc99; font-size:medium;
                     width:80%;text-align:center; border-width:6px; border-color:transparent;
                     border-collapse:separate;border-style:outset; border-spacing:3px;
                     padding:4px; position:relative; left:8%; top:1%;}

/* thumbNL総合案内版に使用 */

table.explain22      {background-image: url("DOMpic/dom02.jpg"); 
		     background-color:#ffcc99; font-size:medium;
                     width:88%;text-align:center; border-width:6px; border-color:transparent;
                     border-collapse:separate;border-style:outset; border-spacing:3px; 
                     padding:4px; position:relative; left:1%; top:3%;}
                     
caption.explain2     {caption-side:top; font-size:larger; font-weight:bold; color:Green;
		　　　font-family:Impact,san-serif}

table.explain23       {background-image: url("DOMpic/dom02.jpg"); 
		     background-color:#ffcc99; font-size:medium;
		     width:95%; text-align:center; border-width:6px; border-color:transparent;
		     border-collapse:separate;border-style:outset; border-spacing:3px; 
		     padding:4px; position:relative; left:2%; top:3%;}


/* --  HTML5 version に変更（2014/04/25）用に設定 -- 湘南の仲間と情報案内[iframe]内表示 -- */
/* -- kaitei-myhome2014/Home-loli/loliServer/index_st/dog_all/dog_all1/dog.html         -- */
/* --------------------------------------------------------------------------------------- */

div.doghome {background-color:#99ccff;border:double #ffcc99 medium ;width:163px;height:15px;cursor:pointer;
             font-size:small;padding:1px; position:relative;top:3px;left:18px;text-align:center;}

img.dogpic {position:relative;top:3px;left:18px;}

div.movdhome {background-color:#99ccff;border:double #ffcc99 medium ;width:163px;height:17px;
      cursor:pointer;position:relative;top:3px;left:18px;position:relative;top:3px;left:18px;
      text-align:center;font-size:small;}

div>span {font-size:small;}


/* ------------------------------------------------------------------------------------- */
/* My Favorit 案内用の「body」「table 及び内部『li』関連」「link：擬似クラス」の設定 */
/* ------------------------------------------------------------------------------------- */

body.explain3 {color:#000000; background-color:#00cc99;}
.explain3 a:link     {color:#000066;}
.explain3 a:visited  {color:#ff0066;}
.explain3 a:hover    {color:#990033;}
.explain3 a:active   {color:#666666;}

table.explain3       {background-image: url("DOMpic/back1.gif"); 
		     background-color:#ffcc99;font-size:medium;
		     width:95%; text-align:center; border-width:6px; border-color:transparent;
		     border-collapse:separate;border-style:outset; border-spacing:3px;
		     padding:4px; position:relative; left:3%; top:3%;}

/* -- fav_menu.htmlの[table]スタイルの設定に使用[explain3M] -- */
/* -- kaitei-myhome2014/Home-loli/loliServer/index_mn/fav_menu/fav_menu.html -- */

table.explain3M       {background-image: url("DOMpic/back1.gif"); 
		     background-color:#ffcc99;font-size:small;
		     width:95%; text-align:center; border-width:6px; border-color:transparent;
		     border-collapse:separate;border-style:outset; border-spacing:3px;
		     padding:4px; position:relative; left:3%; top:1.5%;}


caption.explain3     {caption-side:top; font-size:larger; font-weight:bold; color:#cc0033;
			font-family:Impact,san-serif;}

/* -- HTML5 version に変更（2014/04/25）用に設定 -- 釣り状況案内[iframe]内表示 --*/
/* -- kaitei-myhome2014/Home-loli/loliServer/index_st/favorits/favorit1/curry01.html -- */
/* ---------------------------------------------------------------------------------------- */

div.favhome {background-color:#99ccff;border:double #339933 medium ;width:163px;height:15px;
            cursor:pointer;font-size:small;padding:1px; position:relative;top:3px;left:18px;
            text-align:center;}

img.favpic {position:relative;top:3px;left:18px;}

div.movfhome{background-color:#99ccff;border:double #339933 medium ;width:163px;height:17px;
              cursor:pointer;position:relative;top:3px;left:18px;position:relative;top:3px;left:18px;
      text-align:center;font-size:small;}


/* 2005年改造版に使用 */
/* --------------------------------------------- */
 
table.explain31 {background-image: url("DOMpic/back1.gif");background-color:#ffcc99;
                 font-size:medium;width:80%;text-align:center; border-width:6px;
                 border-color:transparent;border-collapse:separate; border-style:outset;
                 border-spacing:3px;padding:4px; position:relative; left:2%; top:3%;}

table.explain33 {background-image: url("DOMpic/back1.gif");background-color:#ffcc99;
                 font-size:medium;width:95%;text-align:center;border-width:6px;
                 border-color:transparent;border-collapse:separate;border-style:outset;
                 border-spacing:3px;padding:4px; position:relative; left:2.5%; top:1%;}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -「th、td」共通項目の設定と「li」リストマークのImage設定を共通で選定出来るようにした - */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

th, td		    {border-width:6px; border-color:Green; border-style:groove; padding:3px;}

.plink	        {font-size: smaller;}

.title0 {color:maroon;text-align:center;background-color:#33ffcc;width:35%;position:relative;
         left:32.5%;border:outset 6px;padding:3px;}

.title1 {color:maroon;text-align:center;background-color:#33ff99;width:35%;position:relative;
         left:32.5%;border:outset 6px;padding:3px;}

.title2 {color:maroon;text-align:center;background-color:#66cc99;width:35%;position:relative;
         left:32.5%;border:outset 6px;padding:3px;}

colgroup.koumoku    {background-image: url("DOMpic/dom5.jpg");}

thead		        {background-image: url("DOMpic/dom5.jpg");}

div.framemenu       {background-color:#99ccff;border:#339933 inset 5px;padding:3px;
                     width:140px;cursor:pointer;margin-top:6px;}


/* ------------------------------------------------------------------------------------- */
/* スライドウインドウのアクション（一時停止（1）、ホーム（2）、閉じる（3））*/
/* ------------------------------------------------------------------------------------- */

div.slideaction1    {border:5px outset;width:180px;margin:6px;
		             text-align:center;position:relative; left:1%; top:1%;float:left;}

div.slideaction2    {border:5px outset;width:180px;margin:6px;
		             text-align:center;position:relative; left:1%; top:1%;float:left;}

div.slideaction3    {border:5px outset;width:120px;margin:6px;
		             text-align:center;position:relative; left:1%; top:1%;float:left;}


/* -------------------------------------------------------------------------------------------- */
/* サムネイルアルバム（***ALB.html）のリンク用ボックス「無番号：海用」2:湘南の仲間3:好きなもの */
/* -------------------------------------------------------------------------------------------- */

div.albumreturn     {margin:3px;border:2px inset;background-color:#66cc99;width:90%;padding:2px;}

div.albumreturn2    {margin:3px auto;border:2px inset;background-color:#ffff99;width:90%;padding:2px;}

div.albumreturn3    {margin:7px auto;border:2px inset;background-color:#00cc99;width:90%;padding:5px;}


/* ------------------------------------------------------------------------------------------- */
/* サムネイル画面　スライドショー　ボタン用　*/
/* ------------------------------------------------------------------------------------------- */

div.slideshow       {border:4px outset;width:250px;margin:4px auto;padding:2px;cursor:pointer;
		             font-weight:bold;text-align:center;}


/* ------------------------------------------------------------------------------------------- */
/* メインメニュー上下テーブル間のリンクボタン全体を包むボックス[seaMenu]使用 */
/* ------------------------------------------------------------------------------------------- */

div.mainmenuMid     {border:4px outset;padding:2px;margin-top:5px;margin-bottom:5px;width:80%;
                     position:relative;top:1.4%;left:10%;text-align:center;font-size:smaller;}


/* ------------------------------------------------------------------------------------------- */
/* 画面左右側のボタン用 [seaMenu]使用 */
/* ------------------------------------------------------------------------------------------- */

.mainmenu1       {border:2px groove red;padding:1px;margin:1px;float:left;cursor:pointer;
                     position:relative;left:6%;}


/* ------------------------------------------------------------------------------------------- */
/* 画面中央のボタン用  */
/* ------------------------------------------------------------------------------------------- */

.mainmenu2       {border:2px groove;padding:1px;margin-top:1px;margin-bottom:1px;
                     margin-left:8px;margin-right:8px;float:left;cursor:default;
                     position:relative;left:6%;}


/* ------------------------------------------------------------------------------------------- */
/* メインメニュー上テーブル上部のリンクボタン全体を包むボックス */
/* ------------------------------------------------------------------------------------------- */

div.mainmenuTop     {border:4px inset;padding:2px;margin-top:0.5em;margin-bottom:0.7em;width:80%;
                     position:relative;top:1%;left:10%;text-align:center;font-size:smaller;
                     line-height:1.4em;}

div.mainmenuT1      {border:2px ridge red;padding:1px;margin:1px;float:left;cursor:pointer;
                     font-size:small;}

div.mainmenuT2      {border:2px ridge;padding:1px;margin-top:1px;margin-bottom:1px;
                     margin-left:8px;margin-right:auto;float:left;cursor:default;
                     }


/* ------------------------------------------------------------------------------------------- */
/* 全画面共通のリスト項目  */
/* ------------------------------------------------------------------------------------------- */

li.hanablue	    {list-style-image: url("DOMpic/hanablue.gif"); list-style-position:outside;}
li.hana2blu	    {list-style-image: url("DOMpic/hana2blu.gif"); list-style-position:outside;}

li.hanared	    {list-style-image: url("DOMpic/hanared.gif"); list-style-position:outside;}
li.hana2red	    {list-style-image: url("DOMpic/hana2red.gif"); list-style-position:outside;}

li.hanagren	    {list-style-image: url("DOMpic/hanagren.gif"); list-style-position:outside;}
li.hana2gre	    {list-style-image: url("DOMpic/hana2gre.gif"); list-style-position:outside;}

li.hanapink	    {list-style-image: url("DOMpic/hanapink.gif"); list-style-position:outside;}
li.hana2pin	    {list-style-image: url("DOMpic/hana2pin.gif"); list-style-position:outside;}

li.hanalime	    {list-style-image: url("DOMpic/hanalime.gif"); list-style-position:outside;}
li.hana2lim	    {list-style-image: url("DOMpic/hana2lim.gif"); list-style-position:outside;}

li.star		    {list-style-image: url("DOMpic/star.gif"; list-style-position:outside;}


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