@charset "UTF-8";
@import url("reset.css");

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

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
}

br {
   letter-spacing:normal;
}

a {
   color:#98534B;
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========LAYOUT======== */
div#top {
   width:780px;
   margin:0 auto;
}

div#header {
   position:relative;
   width:780px;
}

div#pr {
   width:780px;
   letter-spacing:normal;
}

div#gnavi {
   position:absolute;
   bottom:5px;
   right:0;
}

div#menu {
   float:left;
   width:780px;
   margin-bottom:20px;
}

div#icatch {
   width:780px;
   margin:0 auto;
   background:#fff;
}

div#contents {
   width:780px;
   margin:0 auto;
   padding:10px 0 ;
   background:#fff;
}

div#main {
   float:right;
   width:710px;
}

div#sub {
   float:left;
   width:200px;
}

div#info {
   float:left;
   width:385px;
}

div#news {
   float:right;
   width:385px;
}

div#totop {
   clear:both;
}

div#footMenu {
   width:780px;
   clear:both;
   overflow:hidden;
   padding:10px 0;
}

div#footer {
   width:780px;
   clear:both;
   padding:10px 0;
}


/* ========HEADER======== */
div#header h1 {
   margin:0;
   padding:10px 0;
   font-size:2em;
   color:#333;
}

div#header h1 a {
   color:#9B0000;
}

div#header h1 a:hover {
   color:#D30000;
   text-decoration:none;
}

/* PR */
div#header #pr p {
   margin:0;
   font-size:0.75em;
}

/* GNAVI */
div#header #gnavi ul {
   list-style:none;
}

div#header #gnavi li {
   float:left;
   font-size:10pt;
   margin-left:15px;
}

div#header #gnavi li a{
   padding-left:15px;
   background:url(images/bg_gnavi.gif) 0 1px no-repeat;
}


/* ========MAIN CONTENTS======== */
div#main a {
   color:#9B0000;
}

div#main a:hover {
   color:#9B0000;
}

div#main h2 {
   margin:0 0 10px 0;
   padding:0;
   font-size:100%;
   color:#333;
   line-height:1.2;
   border-bottom:3px solid #823C34;
}

div#main h3 {
   margin-bottom:3px;
   font-size:0.88em;
}

div#main .line {
   /*width: 100%;*/
   padding: 2px 0px;
   border-bottom: 1px solid #E1A334;
   border-top: 1px solid #E1A334;
}

div#main h4 {
   /*width: 100%;*/
   padding: 2px 10px;
   background-color: #E1A334;
   font-size: 90%;
   font-weight: bold;
   color: white;
}

div#main h5 {
   margin-bottom:2px;
   font-size:0.75em;
}

div#main h6 {
   margin-bottom:2px;
   font-size:0.75em;
}

div#main p {
   margin:0 0 1em 0;
   font-size:0.75em;
}

div#main .colorE97 {
   font-weight: normal;
   color: #FF0000;
}

div#main ul,ol,dl {
   font-size:0.75em;
}

div#main dt {
   margin-bottom:3px;
}

div#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#FFF3EF;
}

div#main .formbtn {
   width: 96%;
   margin: 15px auto 0;
}   

/* ========CONTENT AREA======== */

div#content {
   width: 92%;
   margin: 15px auto 0;
   text-align: left;
}

/* PROPERTY TABLE */

div#content .property {
   margin-bottom: 1em;
}
div#content .property table {
   border-collapse: collapse;
   font-size: 80%;
}
div#content .property table,
div#content .property th,
div#content .property td {
   border: 1px #c0c0c0 solid;
}
div#content .property th,
div#content .property td {
   padding: 5px 10px;
   font-size: 100%;
}
/* TABLE CAPTION */
div#content .property caption {
   padding-bottom: 5px;
   text-align: left;
   font-weight: bold;
   font-size: 110%;
}
/* COLUMN GROUP */
div#content .property col.groupProperty,
div#content .property col.groupAttribute,
div#content .property col.groupValue {
   background-color: #fffdee;
}/* HEADER CELL */
div#content .property thead th {
   background-color: #deefff;
   text-align: center;
}
div#content .property tbody th {
   background-color: #f5f5f5;
   text-align: left;
   font-weight: normal;
   line-height: 120%;
}
/* DATA CELL */
div#content .property tbody td {
   padding: 10px 10px;
   vertical-align: middle;
   line-height: 120%;
}
div#content .property tbody td em {
   white-space: nowrap;
}
#content .property tbody td em a {
   font-weight: normal;
}
div#content .property tbody td em span {
   font-weight: normal;
   color: #2b2b2b;
}
div#content .gray02 {
   font-weight: normal;
   background-color: #F3F3F3;
}
div#content .colorE97 {
   font-weight: normal;
   color: #FF0000;
}

/* ========CONTENT AREA2======== */

div#content2 {
   width: 96%;
   margin: 30px auto 0;
   text-align: left;
}

/* PROPERTY TABLE */

div#content2 .property {
   margin-bottom: 1em;
}
div#content2 .property table {
   border-collapse: collapse;
   font-size: 100%;
}
div#content2 .property table,
div#content2 .property th,
div#content2 .property td {
   border: 1px #c0c0c0 solid;
}
div#content2 .property th,
div#content2 .property td {
   padding: 5px 10px;
   font-size: 100%;
}
/* TABLE CAPTION */
div#content2 .property caption {
   padding-bottom: 5px;
   text-align: left;
   font-weight: bold;
   font-size: 110%;
}
/* COLUMN GROUP */
div#content2 .property col.groupProperty,
div#content2 .property col.groupAttribute,
div#content2 .property col.groupValue {
   background-color: #fffdee;
}
/* HEADER CELL */
div#content2 .property thead th {
   background-color: #deefff;
   text-align: center;
}
div#content2 .property tbody th {
   background-color: #f5f5f5;
   text-align: left;
   font-weight: normal;
   line-height: 120%;
}
/* DATA CELL */
div#content2 .property tbody td {
   padding: 10px 10px;
   vertical-align: middle;
   line-height: 120%;
}
div#content2 .property tbody td em {
   white-space: nowrap;
}
#content2 .property tbody td em a {
   font-weight: normal;
}
div#content2 .property tbody td em span {
   font-weight: normal;
   color: #2b2b2b;
}
div#content2 .gray02 {
   font-weight: normal;
   background-color: #F3F3F3;
}
div#content2 .colorE97 {
   font-weight: normal;
   color: #FF0000;
}

/* HINTS AERA */
div#hintarea {
   width:100%;
   margin:15px auto;
   border: 1px solid #ccc;
   background-color:#fffdee;
}

div#hint {
   width:95%;
   margin:15px auto;
}

/* PROPERTY TABLE */

div#hint .property {
   margin-bottom: 1em;
}
div#hint .property table {
   border-collapse: collapse;
   font-size: 75%;
}
div#hint .property table,
div#hint .property th,
div#hint .property td {
   border: 1px #c0c0c0 solid;
}
div#hint .property th,
div#hint .property td {
   padding: 5px 10px;
}
/* TABLE CAPTION */
div#hint .property caption {
   padding-bottom: 5px;
   text-align: left;
   font-weight: bold;
   font-size: 100%;
}
/* COLUMN GROUP */
div#hint .property col.groupProperty {
   background-color: #f5f5f5;
}   
div#hint .property col.groupValue,
div#hint .property col.groupValue2,
div#hint .property col.groupValue3 {
   background-color: #ffffff;
}
/* HEADER CELL */
div#hint .property thead th {
   background-color: #deefff;
   text-align: center;
}
div#hint .property tbody th {
   background-color: #f5f5f5;
   text-align: left;
   font-weight: normal;
   line-height: 100%;
}
/* DATA CELL */
div#hint .property tbody td {
   padding: 5px 10px;
   vertical-align: middle;
   line-height: 100%;
}
div#hint .property tbody td em {
   white-space: nowrap;
}
#hint .property tbody td em a {
   font-weight: normal;
}
div#hint .property tbody td em span {
   font-weight: normal;
   color: #2b2b2b;
}
div#hint .gray02 {
   font-weight: normal;
   background-color: #F3F3F3;
}
div#hint .colorE97 {
   font-weight: normal;
   color: #FF0000;
}


/* ========TOTOP======== */
div#totop {
   position:relative;
   height:2em;
}

div#totop p {
   position:absolute;
   top:10px;
   right:0;
   margin:0;
   font-size:10pt;
}

div#totop p a {
   padding-left:8px;
   background: url(images/bg_totop.gif) 0 50% no-repeat;
}


/* ========FOOTMENU========= */
div#footMenu {
   position:relative;
   padding:20px 0 0 0;
   border-top:1px solid #CECFCE;
}

div#footMenu ul {
   position:relative;
   left:50%;
   margin:0;
   padding:0;
   list-style:none;
}

div#footMenu li {
   position:relative;
   left:-35%;
   float:left;
   margin:0 20px 0 0;
   padding:0;
   font-size:10pt;
}


/* ========FOOTER======== */
div#footer {
   text-align:center;
   padding:20px 0;
}

div#footer address {
   font-size:10pt;
}