@charset "UTF-8"; 

body {	background-color: #FFFFFF;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 80%;*/
	margin: 0 auto;
	padding: 0;
	/*text-align: center;*/
      }

#container {
	/*margin-left:auto;		
	margin-right:auto;  
	text-align:left;    
	width:800px;        */
            }

#container2 { margin: auto;
              padding: 0 1px;
              text-align: left;
              width: 420px; }

#header_2 { margin: 0 auto 10px;
		padding: 15px;
		width: 780px;
		height: 60px;
		color: black;
		background-color: #CDC9C9;
         }

#header_2 h2 { margin: 0;
             font-size: 2em;
            }

#header2 {
	margin: 0 auto;
	padding: 15px;
	width: 420px;
	height: 100px;
        color: #e8e8e8;
        background-color: #212121;
        }

#wrapper h2 { font-size: 1.625em;
             }

#wrapper h3 { font-size: 1.25em;
             }

#front { width: 780px;
         padding: 15px 15px;
         color: #5e5e5e;
         border-bottom: solid 1px #aaaaaa;
       }

#front2 { width: 420px;
          padding: 10px 10px;
          color: #5e5e5e;
         }

#leftside { width: 430px;
            float: left;
            margin: 30px 0;
            padding: 0 10px;
            color: #5e5e5e;
          }

#rightside { width: 310px;
             float: right;
             margin: 30px 0;
             padding: 0 10px;
             color: #5e5e5e;
           }
#rightside h4 { margin: 3px;
                border-bottom: solid 1px #212121
               }

#rightside p { margin: 6px ;
               margin-bottom: 10px;
              }

.contact { border: solid 1px #212121;
           margin: 8px 0;
           padding: 0 8px;           
          }

/*#footer { clear: both;
          margin: auto
  	  width: 760px;
	  text-align: center;
          font-size: 0.75em;
          color: #5e5e5e;
          border-top: solid 1px #aaaaaa;
         }

#footer2 { margin: 0 auto;
	   padding: 5px 0 30px;
   	   width: 420px;
	   text-align: center;
           font-size: 0.75em;
           color: #5e5e5e;
	   border-top: 1px solid #aaaaaa;
          }*/



.clear { clear: both; }




/*
===== 7: アクセシビリティ =============================================
*/

.hide { height: 0; width: 0; overflow: hidden; position: absolute; /* for the benefit of IE5 Mac */ }


/*
===== 8: 不具合回避 =============================================
*/

/* WindowsIE以外に適用 */
html>body img { vertical-align: bottom; }	/*画像下の隙間をなくす */

/* MacIE5.xを除くWindowsIE4～6だけに適用 */

.clearfix { margin: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }

/* MacIE5.x意外に適用 \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* html セレクタ { height: 1%; }	/* WindowsIE6配置バグ解消 */
/* //MacIE5.x意外に適用 */

/* MacIE5.xとWindowsIE4～6だけに適用 */


/* html>body h3.side { font-size: x-small; } */	/* Opera文字サイズ対策 */
/* head:first-child+body h3.side { font-size: smaller; } */	/* 最新ブラウザ文字サイズ対策 */

/* デバッグ用 */
/* border: 1px solid #FF0000; */
.debug { border: 1px solid #FF0000; }


/* Safari対策 */

.stopSafari { color: #333333; ! }	/* これ以降Safariには適用されない */
label { cursor: pointer; }




/* END */