@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",sans-serif;
   color:#333;
}

body {
   background:#333;
   line-height:1.6;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
   font-weight:normal;
   font-size:14px;
}

p {
   margin:0 0 1em 0;
   padding:0;
   font-size:14px;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
}
a {
   color:#009;
   text-decoration:none;
}

a:hover {
   color:#f66;
   border-bottom:1px solid #f66;
}

dl,ol,ul {
   margin:0 0 1em 0;
   padding:0;
   font-size:14px;
}

li {
   margin:0 0 0 40px;
   padding:0;
}



/* ========TEMPLATE WIREFRAME======== */
div#top {
   width:760px;
   margin:10px auto;
   padding:0 10px;
   border:1px solid #ddd;
   background:#fff;
}

div#header {
   width:760px;
   text-align:center;
   position:relative;
}

div#menu {
   float:left;
   width:750px;
   margin:10px 0;
   background:#666;
}

div#top_img {
   width:750px;
   margin:10px 0;
   background:#ccc;
}

div#contents2 {
   clear:both;
}
div#contents {
   clear:both;
   margin:10px 30px;
}
div#footer {
   width:760px;

   margin:10px;
}

/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   padding:10px 0;
   font-weight:bold;
   font-size:18px;
}

div#header p {
   margin:0;
   padding:0 0 5px 0;
   border-bottom:1px solid #CECFCE;
}

/* ========MENU CUSTOMIZE======== */
div#menu ul {
   list-style:none;
   margin:0;
   padding:0;
   font-size:88%;/* 14px相当 */
}
div#menu li {
   float:left;
   margin:0;
   padding:0;
}
div#menu li a {
   display:block;
   padding:5px 15px;
   color:#fff;
}

div#menu li a:hover {
   color:#fff;
   background-color:#369;
   border:none;
}
div#menu form {
   margin:0;
   padding:3px 0 2px 15px;
}
div#menu .on {
   background-color:#369;
   color:#fff;
}


/* ========CONTENTS CUSTOMIZE======== */
div#contents h2 {
   font-weight:bold;
   font-size:100%;/* 16px相当 */
   border-left:5px solid #333;
   margin:5px 0;
   padding:2px 0 2px 10px;
   line-height:1.0;
}

div#contents h3 {
   font-weight:bold;
   font-size:94%;/* 15px相当 */
}


/* Polaroid style photo */
div#contents2 div.pola {
   float:left;
   clear:both;
   width:20px;
   margin-right:10px;
   padding-bottom:16px;
}

div#contents2 ul.pola {
   clear:both;
   letter-spacing:-0.4em;
   font-size:16px;
   list-style:none;
}

div#contents2 ul.pola li {
   display:inline-block;
   /display:inline;
   /zoom:1;
   vertical-align:top;
   width:180px;
   margin:0 10px 0 0;
   padding:0 0 16px 0;
   letter-spacing:1px;
}

div#contents2 .pola .p1 {
   margin:0;
   padding:10px;
   font-size:12px;
   line-height:1.4;
   height:140px;
   background-color:#fdf;
   border:2px solid #f6f;
}
div#contents2 .pola .p2 {
   margin:0;
   padding:10px;
   font-size:12px;
   line-height:1.4;
   height:140px;
   background-color:#cff;
   border:2px solid #39f;
}
div#contents2 .pola .p3 {
   margin:0;
   padding:10px;
   font-size:12px;
   line-height:1.4;
   height:140px;
   background-color:#cfc;
   border:2px solid #390;
}
div#contents2 .pola .p4 {
   margin:0;
   padding:10px;
   font-size:12px;
   line-height:1.4;
   height:140px;
   background-color:#fdd;
   border:2px solid #f66;
}
div#contents2 .pola p .pm {
   text-align:center;
}
   
div#contents2 .pola li a {
   display:block;
   font-size:16px;
   font-weight: bold;
   color:#333;
   text-align:center;
}

div#contents .pola li a:hover {
   color:#33f;
   border:none;
}
/* ========PROFILE CUSTOMIZE========= */
div#prof {
   border-top:1px solid #CECFCE;
   padding:10px 0;
   font-size:12px;
}


/* ========FRAME CUSTOMIZE========= */
div#news {
   width:760px;
   clear:both;
   margin:0 auto;
}
div#news .midashi {
   float:left;
   width:160px;
   height:40px;
   margin:0;
   padding:17px 10px 3px 10px;
   background-color:#aaa;
   font-weight: bold;
   border:1px solid #666;
   text-align:center;
}
div#news .naiyou {
   width:545px;
   height:60px;
   margin:0 10px;
   padding:0 10px;
   border:1px solid #666;
   overflow:auto;
   font-size:12px;
}

/* ========FRAME CUSTOMIZE========= */
div#top_qanda {
   width:760px;
   clear:both;
   margin:10px auto;
}
div#top_qanda .midashi {
   float:left;
   width:160px;
   height:40px;
   margin:0;
   padding:17px 10px 3px 10px;
   background-color:#aaa;
   font-weight: bold;
   border:1px solid #666;
   text-align:center;
}
div#top_qanda .naiyou {
   width:545px;
   height:60px;
   margin:0 10px;
   padding:0 10px;
   border:1px solid #666;
   overflow:auto;
   font-size:12px;
}
div#top_qanda .naiyou li{
   margin:0 15px;
   padding:0;
   font-size:12px;
}

/* ========FOOTER CUSTOMIZE======== */
div#profile {
   clear:both;
   font-size:12px;
   font-style:normal;
   margin:5px 30px 5px 5px;
}
div#address {
   text-align:center;
   font-size:11px;
   font-style:normal;
   margin:0 25px 5px 0;
   border-top:1px solid #CECFCE;
}
.hiduke {
   font-size:12px;
   color:#f33;
}
div#prof2 {
   float:right;
   margin:0;
   padding:10px;
   width:160px;
   font-size:9px;
   background-color:#fff;
   border-top:1px solid #ddd;
}
/* ========LINKS PAGE CUSTOMIZE======== */
div#links h3{
   display:block;
   margin:20px 15px;
   padding:0 15px;
   color:#fff;
   background-color:#666;
   font-size:14px;
}
div#links ul {
   clear:both;
   letter-spacing:-0.4em;
   list-style:none;
}

div#links li {
   display:inline-block;
   /display:inline;
   /zoom:1;
   vertical-align:top;
   width:300px;
   margin:5px;
   padding:0 0 0 30px;
   letter-spacing:1px;
   font-size:14px;
}
div#links .link_temp {
   display:inline-block;
   /display:inline;
   /zoom:1;
   vertical-align:top;
   margin:-10px 5px 5px 5px;
   padding:0 0 0 30px;
   letter-spacing:1px;
   font-size:14px;
}

/* ========JISSEKI PAGE CUSTOMIZE======== */

div table#jisseki{
   border: 1px #999 solid;
   border-collapse: collapse;
   border-spacing: 0;
   width:700px;
   font-size:12px;
}

div table#jisseki .md{
   text-align: center;
   background: #ccc;
   border: 1px #999 solid;
}

div table#jisseki .ny{
   text-align: left;
   background: #fff;
   border: 1px #999 solid;
}

/* ========BOSHU PAGE CUSTOMIZE======== */
div#boshu h3{
   display:block;
   margin:20px 15px;
   padding:0 15px;
   color:#fff;
   background-color:#666;
   font-size:14px;
}
div#boshu h5{
   margin:10px;
   padding:0;
   font-size:12px;
   color:#f66;
}

div#boshu ul {
   clear:both;
   letter-spacing:-0.4em;
}

div#boshu li {
   margin:3px 30px;
   letter-spacing:1px;
   font-size:12px;
}

div#boshu form {
   margin:10px 30px;
   letter-spacing:1px;
   font-size:12px;
}


/* ========DB PAGE CUSTOMIZE======== */
div#db {
   margin:20px 5px;
   padding:0 15px;

}
div#db h3{
   display:block;
   color:#fff;
   background-color:#666;
   font-size:14px;
   margin:0 0 15px 0;
   padding:0 0 0 10px;
}
div#db h4{
   margin:50px 0 10px 0;
   padding:0;
   font-size:16px;
   font-weight: bold;
   color:#009;
   text-align:center;
}
div#db h5{
   margin:10px;
   padding:0;
   font-size:12px;
   color:#f66;
}
div#db .p1{
   margin:10px;
   font-size:14px;
   color:#666;
}
div#db .largeimg{
   margin:10px;
}
/* ========SOFTWARE PAGE CUSTOMIZE======== */
div#db ul {
   clear:both;
   letter-spacing:-0.4em;
   list-style:none;
}

div#db li {
   display:inline-block;
   /display:inline;
   /zoom:1;
   vertical-align:top;
   width:320px;
   margin:5px;
   padding:0;
   letter-spacing:1px;
   font-size:12px;
}
div#db li .p3{
   font-size:14px;
   font-weight: bold;
   color:#009;

   text-align:center;
   background-color:#eee;
}
.clr{
   clear:both;
}

/* ========SOSHIKI CUSTOMIZE======== */
div table#soshiki{
   border: 1px #999 solid;
   border-collapse: collapse;
   border-spacing: 0;
   width:600px;
   font-size:12px;
}
div td,tr#soshiki{
   border: 1px #999 solid;
   border-collapse: collapse;
   border-spacing: 0;
}
/* ========CONTENTS CUSTOMIZE======== */
div#qanda h2 {
   font-weight:bold;
   font-size:14px;
   border:1px solid #666;
   background-color:#aaf;
   margin:5px 0;
   padding:2px 0 2px 10px;
   line-height:1.0;
}

div#qanda h3 {
   margin:5px 0;
   padding:2px 0 2px 10px;
   font-weight:bold;
   font-size:14px;
   border:1px solid #666;
   background-color:#ccf;
}
div#qanda p {
   font-size:14px;
   line-height:1.4;
   margin:5px 15px 25px 15px;
}

/* ========MEMBERS PAGE CUSTOMIZE======== */
div#members {
   margin:20px 5px;
   padding:0 15px;

}
div#members h3{
   display:block;
   color:#fff;
   background-color:#666;
   font-size:14px;
   margin:0 0 15px 0;
   padding:0 0 0 10px;
}
div#members h4{
   margin:50px 0 10px 0;
   padding:0;
   font-size:16px;
   font-weight: bold;
   color:#009;
   text-align:center;
}

div#members ul {
   margin-left:20px;
   clear:both;
   letter-spacing:-0.4em;
}

div#members li {
   margin:5px;
   padding:0;
   letter-spacing:1px;
   font-size:14px;
}
/* ========DOWNLOAD PAGE CUSTOMIZE======== */
div#downloadform {
   margin:30px;
}