@charset "shift_jis";

/*SABPAGEの基本デザイン*/

body           {margin: 0; padding: 0; 
                font-family: "メイリオ", Meiryo, "MS Pゴシック", 
                Osaka, sans-serif;  
                color: #ffff66; background-color:#000000;}
   
.pagebody      {width: 1100px;  height:auto;
                margin-left: 10px; margin-right: 10px;
                background-color:#000000; font-weight:bold; 
                border:px dashed #ff0000; margin:0 auto;}

h1             {margin: 40px; font-family: Arial, Helvetica, sans-serif;
                font-size: 38px; font-weight: bold;}

h2             {margin: 0; font-size: 180%; font-weight: bold;
                text-align: center;}

h3             {margin: 0; font-size:130%; font-weight: bold;
                text-align:center;} 

h4             {margin: 0; font-size:100%; font-weight: bold;
                color:#00ff00; text-align:right;}
              
p              {text-indent:px; padding:3px;
                font-weight:bold; letter-spacing:3px;}

a              {color: #32cd32; text-decoration: none; text-align:left;}

.nav           {width:948px;margin-left:auto; margin-right:auto;
                border:px dashed #ff0000;}


/* ヘッダー部分の基本デザイン */

.header        {width:1098px; height:auto; 
                text-align:right;line-height:2px; 
                margin-top:1px; margin-bottom:1px;
                border:px dashed #ff0000;}

.header nav    {margin:auto; position:center; border:1px dashed #ff0000; margin-right:auto; position:center; }

.header h1     {margin: 35px; font-family: Arial, Helvetica, sans-serif;
                font-size: 38px; font-weight: bold; text-align:left;}

.header p      {margin: 0px; font-size: 70%; line-height:; 
                color:#ff0000;}

.header ul     {position: relative; margin: 0 auto;
                list-style-type: none;}

.header ul li  {list-style-type: none;}

.header ul li img  {border:5px solid #ff00ff;}

/* コンテナ部分の基本 */

.contaner      {width: 1098px; height:auto; float:left;
                margin-left: 5px; margin-right: 10px; color:#006600;
                background-color:#000000; font-weight:bold; 
                border:px dashed #ff0000; margin:5px auto;}

.contaner p    {background-color:#000000; color:#ffff00;
                font-size: 100%; font-weight:bold; line-height:1.8; }

.contaner h2   {margin-top:10px; font-size: 20px; font-weight: bold;
                text-align:center; padding:5px;}



/* 中央本文部分の基本デザイン */

.main-contents    {width: 660px; height:auto; float:left; 
                   margin-left: 1078px; display:inline; color:#00ff00;
                   background-color:#000000; font-weight:bold; 
                   border:px dashed #ff0000; margin:1px auto;}

.main-contents p  {background-color:#000000; color:#dcdcdc;
                   margin:2px 2px; line-height:1.8; padding:3px;
                   font-size: 15px; font-weight:normal; }

.main-contents h1 {margin-top:10px; font-size: 32px; font-weight: bold;
                   text-align:center; padding:5px;}

.main-contents h2 {margin-top:5px; font-size: 26px; font-weight: bold;
                   text-align:center; padding:5px;}

.main-contents h3 {margin-top:5px; font-size: 20px; font-weight: bold;
                   color:#009933; text-align:center; padding:5px;}

.main-contents h4 {margin: 0; font-size:18px; font-weight: bold;
                   color:#ffff66; text-align:center;}

.main-contents h5 {margin: 0; font-size:80%; font-weight: bold;
                   color:#ffff66; text-align:right;}

.main-contents img {border:outset; border-weight:10px; 
                    border-color:#ff00ff; text-align:center;
                    padding: 1px; border:solid px #ff0000; margin:1px;
                    position:center; width:500px;}


.p-box img     {border:outset; border-weight:10px; 
                border-color:#ff00ff; text-align:center;
                padding: 1px; border:solid px #000000; margin-right:10px;
                position:center; width:375px; height:auto;}

.video-box     {width:500px; height:auto; border-weight:10px; 
                border-color:#ff00ff; text-align:center;
                padding: 1px; border:solid px #ff0000; margin-right:10px;}

.video-box img {border:outset; border-weight:10px; 
                border-color:#ff00ff; text-align:center;
                padding: 1px; border:solid px #000000; margin-right:10px;
                position:center; width:500px; height:375;}

.photo-box     {width:500px; height:auto; border-weight:10px;
                border-color:#ff00ff; text-align:center;
                padding: 1px; border:solid px #ff0000; margin-right:10px;}

.photo-box img   {border:outset; border-weight:10px;
                border-color:#ff00ff; text-align:center;
                padding: 1px; border:solid px #000000; margin-right:10px;
                position:center; width:600px; height:auto;}

.photo-box td img {width:180px; height:135px; border-weight:10px;
                border-color:#ff00ff; text-align:center;
                padding: 1px; border:solid px #000000; margin-right:10px;}

.photo-box p      {background-color:#000000; color:#ffff00;
                   margin:2px 2px; line-height:1; padding:2px;
                   font-size: 13px; font-weight:bold; }

.photo-box-1        {width:510px; height:auto; border-weight:10px;
                     border-color:#ff00ff; text-align:center;
                     padding: 1px; border:solid px #ff0000; margin-right:10px;}

.photo-box-1 td img {width:135px; height:180px; border-weight:10px;
                     border-color:#ff00ff; text-align:center;
                     padding: 1px; border:solid px #000000; margin-right:10px;}

.photo-box-1 img    {border:outset; border-weight:10px;
                     border-color:#ff00ff; text-align:center;
                     padding: 1px; border:solid px #000000; margin-right:10px;
                     position:center; width:600px; height:auto;}

.photo-box-1 p      {background-color:#000000; color:#ffff00;
                     margin:2px 2px; line-height:1; padding:2px;
                     font-size: 13px; font-weight:bold; }



/* 左サイド部分の基本デザイン */

.left-side     {width:210px; height:auto; float:left;
                margin-left:860px; margin-right:1px; color:#00ff00;
                background-color:#000000; font-weight:bold; 
                border:px dashed #ff0000; margin:1px auto;}

.left-side p   {background-color:#000000; color:#ffff66; margin-left:10px;
                font-size:100%; font-weight:bold; line-height:1; 
                padding:2px;}

.left-side h2  {font-size:110%; background-color:#003366; width:160px; 
                color: #ff0000; padding: 1px 1px 1px 1px;
                border-style:ridge; border-width:5px;
                border-color: #ffff66; text-align:center;}

.left-side h3  {margin-top:1px; font-size:15px; font-weight: bold;
                margin:1px; padding:1px;}

.left-side img {margin-left:1px;  color:#00ff00;
                background-color:#000000; font-weight:bold; 
                border:1px dashed #ff0000; margin:5px 9px;}

.left-side ul  {position: relative; margin: 0 auto;
                list-style-type: none;}

.left-side ul li{list-style-type: none; color:#000000;}

.left-side ul li img {border: 1px solid #ffffff;}

/* 右サイド部分の基本デザイン */

.right-side    {width:218px; height:auto; float:right;
                margin-left:1px; margin-right:1px; color:#00ff00;
                background-color:#000000; font-weight:bold; 
                border:px dashed #ff0000; margin:1px ;}


.right-side p  {background-color:#000000; color:#ffff66; margin-left:1px;
                font-size:120%; font-weight:bold; line-height:1; 
                padding:1px;}

.right-side h2 {font-size:140%; background-color:#000066; width:186px; 
                color: #ff0000; padding: 1px 1px 1px 1px;
                border-style:ridge; border-width:px; position:left;
                border-color: #ffff66; text-align:center;}

.right-side h3 {margin-top:2px; font-size:15px; font-weight: bold;
                color: #ffffff;
                margin:1px; padding:1px; text-align:center;}

.right-side h5 {margin: 1px; font-size:80%; font-weight: bold;
                color: #ffff66; text-align:left;}

.right-side ul {position:left; margin-left:-16px; font-size:15px;
                list-style-type: none; width:188px; 
                border:px dashed #ff0000;}

.right-side ul li {width:198px; list-style:none; color:#ffff00; padding:1px;
                   text-align:left; border:px dashed #ffff00;
                   font-size:12px;}

.right-side ul li img    {border: 1px solid #ffffff;}

/* フッター部分の基本デザイン */

.footer        { width:1098px; clear:both; text-align:center;
                border:px dashed #ff0000; margin:5px auto; flort:left:}

.ad            {margin-top: 10px;}

.ad img        {border: 0;}