﻿/*---▼ページ全体---*/

body {font-size: 0.75em;
      font-family:sans-serif;
      margin:0px;
      padding:0px;
      background-color:#dddddd;
      color:#444444;
      border:#80ffff;
      line-height:1.2;}

div#container {width:750px;
               border:solid 0px ;
               padding:0px;
               margin-left:auto;
               margin-right:auto}

a             {text-decoration:none}

/*---▲ページ全体---*/

/*---▼ヘッダ---*/
div#top-copy   {border:solid 0px;
                margin-bottom:0px;
                font-weight:lighter;
                text-align:center;}

div#top-copy h1  {border:solid 0px;
                   font-size:1.1em;
                  margin-bottom:0px;
                  padding-top:8px;
                  padding-bottom:8px;
                  padding-left:10px}

div#header  {border:solid 0px;
              width:750px;
              display: flex;
          height:85px;
          margin-top:0px;
          margin-bottom:10px;
          margin-left:0px;
          margin-right:0px;
          background-color:#ffffff;}

div#header img    {border-style:none;}

h1      {margin:0px;
         padding:0px;}

#title   {border:solid 0px;
          width:440px;
          display: flex;
          margin-top:0px;
          margin-bottom:5px;
          margin-left:5px;
          margin-right:0px;
          padding-top:15px;}

#logo01   {border:solid 0px;
           width:95px;
           margin-left:5px;
           padding-top:10px;}

#logo02   {border:solid 0px;
           width:330px;
           padding-top:17px;
           padding-left:3px;}

#language {border:solid 0px;
           width:290px;
           text-align:right;
           margin-bottom:5px;
           padding-top:10px;
           padding-right:5px;}

/*---▲ヘッダ---*/


/*---▼ページ本体---*/

div#pagebody  {width:750px;
               padding:0;
               margin:0}


div#main00  {border:solid 0px;
             width:730px;
             margin:0px}     

div#main     {border:solid 0px;
              width:530px;
              float:right;
              padding-left:0px;
              padding-right:0px;
              margin-left:0px;
              marign-right:0px;
              margin-top:0px;}



div#navierea01    {border:solid 0px ;
                width:190px;
                 float:left;
                 padding-top:0px;
                 padding-bottom:0px;
                 padding-left:0px;
                 padding-right:0px;
                 margin-top:0px;
                 margin-right:0px;
                 margin-left:0px}

div#navierea01 h2     {border-bottom:solid 0px #cccccc;
                      font-size: 1.1em;
                      height:20px;
                      background: #dcdcdc url(images/h2-01.gif) no-repeat;
                       margin-top:0px;
                       margin-bottom:0px;
                       margin-left:0px;
                       margin-right:0px;
                       padding-top:6px;
                       padding-left:5px} 

div#footer      {width:750px;
                 border:solid 0px;
                 clear:both;
                 text-align:center;
                 padding:0px;
                 background-color:#ffffff;
                 padding-top:10px;}

h2              {border-bottom:solid 1px #cccccc;
                  font-size: 1.1em;
                  width:530;
                  height:20px;
                 background: #dcdcdc url(images/h2-01.gif) no-repeat;
                 margin-top:0px;
                 margin-bottom:0px;
                 margin-left:0px;
                 margin-right:0px;
                 padding-top:6px;
                 padding-left:5px}   



/*---▲ページ本体---*/

/*---▼メイン---*/

.topics      {border:solid 0px #ccffff;
                background-color:#ffffff;
                margin-top:0px;
                padding-bottom:0px}

.topics img      {border:solid 0px;
                  border-style:none;
                  text-align:center;}




p#copy01       {border:solid 0px;
                font-size:1.1em;
                text-align:center;
                margin-top:0px;
                padding-top:10px;}

p#copy02       {border:solid 0px;
                margin-top:0px;
                margin-left:10px;
                padding-bottom:10px;}



#topics-left   {border:solid 0px;
                background-color:#ffffff; 
                 width:132px;
                 height:2050px;
                   font-size:0.85em;
                 text-align:center;
                  float:left;
                   margin-right:0px;
                   margin-bottom:10px;}

#topics-left img  {margin-top:12px;
                   margin-bottom:1px;}

#topics-right    {border:solid 0px;
                    width:397px;
                 height:2050px;
                   margin-left:0px;
                   margin-bottom:10px;
                   background-color:#ffffff; 
                  float:right;
                   padding-bottom:0px;}

#topics-right h4     {border-bottom:solid 1px;
                      font-size: 1.3em;
                       margin-top:0px;
                        margin-bottom:0px;
                       margin-left:5px;
                      margin-right:5px;} 


#topics-right h3  {border:solid 0px;
                  margin-top:10px;
                  margin-bottom:0px;
                  margin-left:5px;
                  margin-right:5px;
                  padding-bottom:0px;}


#topics-right h5     {border:solid 0px;
                     font-size:1em;
                     margin-top:50px;
                     margin-left:10px;
                     margin-right:5px;
                       margin-bottom:2px;}


#topics-right p   {border:solid 0px;
                  margin-top:7px;
                  margin-bottom:5px;
                  margin-left:10px;
                  margin-right:10px}

#topics-right table.details   {border:solid 1px #dcdcdc;
                               margin-top:5px;
                               margin-left:10px;
                               margin-right:10px;
                               border-collapse:collapse;}

#topics-right table.details td  {border:solid 1px #dcdcdc;
                                 vertical-align:top;
                                 padding-top:2px;
                                 padding-bottom:10px;
                                 padding-left:3px;
                                 padding-right:5px;}


#topics-right table.gazou  {border:solid 0px #dcdcdc;
                          text-align:center;}


#topics-right table.gazou02  {border:solid 0px #dcdcdc;
                             text-align:center;
                             margin-top:30px;
                             margin-bottom:40px;}

#topics-right td.gazou01   {width:95px;}

.order-button  {border: solid 0px;
                margin-top: 20px;
                margin-left: 10px;
                margin-bottom: 5px;
                display: inline-block;
                padding: 0.5em 1em;
                border-radius: 4px;
                background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
                box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
                border-bottom: solid 3px #c58668;
                color: #ffffff;}


.order-button a  {text-decoration: none;
　　　　　　　　　　　　　color: #ffffff;}

.order-button a:link {color: #ffffff;}

.order-button a:visited {color: #ffffff;}

.order-button a:hover {color: #ffffff;}

.order-button a:active {color: #ffffff;}

.order-button:active {-webkit-transform: translateY(4px);
                      transform: translateY(4px);
                      box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
                      border-bottom: none;}

#youtube                     {border:solid 0px #dcdcdc;
                              margin-top:30px;
                              margin-bottom:20px;
                              text-align:center;}

#youtube h6                  {border:solid 0px #dcdcdc;
                              background-image:url(images/youtube03.jpg);
                              background-repeat:no-repeat;
                              background-position:0 4px;
                              font-size:1em;
                               text-align:left;
                               margin-left:13px;
                               margin-top:0px;
                               margin-bottom:2px;
                               padding-top:7px;
                               padding-bottom:7px;
                               padding-left:60px;}

#it                         {border:solid 1px #dcdcdc;
                              margin-top:40px;
                             margin-left:10px;
                             margin-right:10px;
                             margin-bottom: 20px;
                             padding-bottom:10px;}

#it img                   {border:solid 1px #dcdcdc;
                           margin-top:0px;
                           margin-left:11px;
                           margin-bottom:15px;}


#it h3               {border-bottom:solid 1px;
                      font-size: 1.3em;
                       margin-top:0px;
                        margin-bottom:0px;
                       margin-left:10px;
                      margin-right:10px;}

p#it01                {border:solid 0px;
                       margin-top:10px;
                       margin-bottom:2px;}

p#it02                {border:solid 0px;
                       margin-top:2px;
                       margin-bottom:10px;}

p#itlink             {border:solid 0px;
                      margin-top:30px;
                      margin-bottom:0px;}

p#itlink a          {text-decoration:underline;}


/*---▲メイン---*/

/*---▼ナビエリア　左---*/

#box01    {border:solid 0px;
           width:180px;
           background-color:#ffffff;
           margin-top:0px;
           margin-bottom:50px;
           margin-right:0px;
           margin-left:9px;
           padding-bottom:10px;}

#box01 ul  {border:solid 0px;
            list-style-type:none;
            margin-left:10px;
            margin-bottom:5px; 
            padding-left:0px;}

#box01 li  {border:solid 0px;
            background: #ffffff url(images/list-sankaku01.gif) no-repeat;
            background-position:0 2px;
            padding-left:14px;
            padding-bottom:8px;
              line-height:1.4;}

.category       {border-bottom:solid 2px;
                 font-size: 1em;
                 margin-top: 15px;
                 margin-bottom: 10px;
                 margin-left: 10px;
                 margin-right: 30px;
                 padding-left: 1px;
                 color: #808080;}

.uniform-color  {border-left:solid 5px;
                 font-size: 1.2em;
                 margin-top: 60px;
                 margin-bottom: 20px;
                 margin-left: 24px;
                 padding-left: 5px;}

.uniform-color b  {border:solid 0px;
                   font-size: 0.9em;}

.banner01   {border:solid 0px;
             margin-bottom:40px;
             padding-left:24px;}

.banner01 img  {border-style:none;
                margin-bottom:0px;}

.banner01 p  {border:solid 0px;
             text-align:center;
              margin-top:2px;
              padding-right:15px;}

.banner01 p a  {text-decoration:underline;}

.banner01 hr   {margin-right:15px;
                margin-top:10px;
                margin-bottom:30px;}

.banner02   {border:solid 0px;
             margin-top:30px;
             margin-left:15px;
             margin-right:10px;
              margin-bottom:10px;}

.banner02 img  {border-style:none;
                margin-bottom:0px;}


.banner03   {border:solid 0px;
             margin-top:10px;
             margin-left:18px;
             margin-right:10px;
              margin-bottom:20px;}

.banner03 img  {border-style:none;
                margin-bottom:0px;}

/*---▲ナビエリア　左---*/

/*---▼ナビエリア　右---*/


#box-r01   {border:solid 1px;
           width:160px;
            margin-top:0px;
           margin-bottom:20px;
           margin-left:auto;
           margin-right:auto;}


#box-r02   {border:solid 1px;
            width:160px;
            margin-top:0px;
           margin-bottom:20px;
           margin-left:auto;
           margin-right:auto;}

#box-r03   {border:solid 1px;
            width:160px;
            margin-top:0px;
           margin-bottom:20px;
           margin-left:auto;
           margin-right:auto;}


#box-r04   {border:solid 1px;
            width:160px;
            margin-top:0px;
           margin-bottom:20px;
           margin-left:auto;
           margin-right:auto;}


/*---▲ナビエリア　右---*/



/*---▼フッタ---*/

#footer-list01  ul {border:solid 0px;
                    margin-left:0px;
                    margin-top:0px;
                    margin-bottom:0px;
                    padding-left:0px}


#footer-list01  li  {border:solid 0px;
                     list-style-type:none;
                     display: inline;
                     padding-right:20px}


#footer-list01 li a    {display: inline;
                       text-decoration:none;}


#top-list          {border:solid 0px;
                       position:absolute;
                       width:200px;
                       top:35px;
                       left:750px;
                       margin-left:0px;
                       padding-left:0px}

#top-list ul        {border:solid 0px;
                    margin-top:0px;
                    margin-bottom:0px; 
                    margin-left:0px;
                     padding-left:0px;
                     padding-top:0px;}


#top-list        li  {border:solid 0px;
                      list-style-type:none;
                       display: inline;
                       margin-left:0px;
                        padding-right:20px;
                       padding-left:0px}


#top-list li a    {display: inline;
                       text-decoration:none;}


address   {border:solid 0px;
           font-style:normal;
           padding-top:5px;
           padding-bottom:20px;
           margin-top:0px;
           margin-bottom:0px;} 


/*---▲フッタ---*/