/********** elements **********/
body {
    margin: 0px;
    background-color: #ffffff;
    font-size: 12px;
    color: #666666;
    font-family: Verdana;
    letter-spacing: 1px;
    line-height: 15px;
    text-align: center;
}
h1 {
    font-size: 14px;
}
h2 {
    font-size: 14px;
    font-weight: normal;
}
a {
    text-decoration:underline;
}
a:link {
    color:#0000cc;
}
a:visited {
    color:#0000cc;
}
a:hover {
    color:#ff3333;
}
form {
    margin: 0px;
}
table,th,td {
    font-size: 12px;
    color: #666666;
    font-family: Verdana;
    letter-spacing: 1px;
    line-height: 15px;
    border-collapse: collapse;
}
textarea {
    font-size: 12px;
}
img {
    border: none;
}
/********** blocks **********/
/* Login */
.login table {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
.login th {
    background-color: #cdf;
    padding: 4px;
    border: solid 1px #ccc;
}
.login td {
    padding: 4px;
    border: solid 1px #ccc;
}
/* ラッパー */
.wrapper {
    text-align: left;
    width: 766px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    border: 1px solid #eee;
}
/* ヘッダー */
.head {
    width: 760px;
    clear: both;
    margin: 0px;
}
.head h1 {
    margin: 0px;
    padding: 3px;
    background-color: #cdf;
    text-align: center;
    color: #fff;
}

/* コンテンツコンテナー */
.container {
    width: 760px;
    margin: 0px;
    background-color: #efe;
}

.menu {
    float: left;
    margin-right:10px;
    width: 150px;
}
.menu ul {
    list-style-type: none;
    margin-top: 0px;
    margin-bottom: 0px;
}
.menu li {
    margin-left: -40px;
    margin-top: 3px;
    padding: 5px;
    background-color: #ffc;
    border: 1px solid #eee;
}
.contents {
    float: left;
    /*background-color: #efe;*/
    width: 600px;
}
.contents h2 {
    text-align: center;
    margin: 4px 0px;
    padding: 2px;
    background-color: #ddd;
}
.contents li {
    margin-left: -20;
}
/* フッター */
.foot {
    width: 760px;
    clear: both;
    margin: 0px;
}
.foot p {
    padding: 2px;
    margin: 0px;
    background-color: #cdf;
    text-align: center;
    color: #fff;
}
/* 各種テーブル */
.border_t {
    clear: both;
}
.border_t th {
    background-color: #cdf;
    color: #fff;
    padding: 4px;
    text-align: center;
    border: 1px solid #ccc;
}
.border_t td {
    padding: 4px;
    border: 1px solid #ccc;
    text-align: left;
}
/* ImageInput */
.image_input td {
    border: none;
    padding-right: 3px;
}
.image_input img {
    vertical-align: middle;
}

/* ItemList */
.items p {
    margin: 0px;
}
.item_list_t table {
    clear: both;
    width: 600px;
}
.item_list_t th {
    background-color: #cdf;
    color: #fff;
    padding: 4px;
    text-align: center;
    border: 1px solid #ccc;
}
.item_list_t td {
    padding: 4px;
    border: 1px solid #ccc;
}
.operate td {
    border-bottom: 3px solid #cdf;
    text-align: right;
    background-color: #efefef;
}
/* PageUnit */
.page_unit {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* SearchUnit */
.search_unit {
    text-align: center;
}
.search_unit table {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.search_unit th {
    background-color: #cdf;
    color: #fff;
    padding: 4px;
    text-align: center;
    border: 1px solid #ccc;
}
.search_unit td {
    padding: 4px;
    border: 1px solid #ccc;
}
/* IndexPage用 */
.index  {
    margin: 20px 10px;
}
.index p {
    margin-bottom: 5px;
    margin-top: 0px;
}
/********** Extras **********/
.w80 {
    width: 80px;
}
.w120 {
    width: 120px;
}
.w160 {
    width: 160px;
}
.red {
    color: #f33;
}
.pink {
    color: #f99;
}
.blue {
    color: #33f;
}
.small {
    font-size: 10px;
    font-weight: normal;
    color: #33c;
}
.text {
    letter-spacing: 0px;
}
.clear {
    clear: both;
}
.input {
    height: 20px;
}
.no_border_t td {
    border: none;
}
.no_border_margin td {
    border: none;
    margin: 0px;
    padding: 0px;
}
/********** 詳細画面 **********/
/* ラッパー */
.detail_wrapper {
    text-align: left;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    border: 1px solid #eee;
}
/* ヘッダー */
.detail_head {
    width: 550;
    clear: both;
    margin: 0px;
}
.detail_head h1 {
    margin: 0px;
    padding: 3px;
    background-color: #cdf;
    text-align: center;
    color: #fff;
}
/* フッター */
.detail_foot {
    width: 550px;
    clear: both;
    margin: 0px;
}
.detail_foot p {
    padding: 2px;
    margin: 0px;
    background-color: #cdf;
    text-align: center;
    color: #fff;
}
/* コンテンツ */
.detail_contents {
    width: auto;
    text-align: center;
}
.detail_contents table {
    width: auto;
    margin-right: auto;
    margin-left: auto;
}
.detail_contents li {
    text-align: left;
}
/* Error 用 */
.error {
    background-color: #fee;
    border: 1px solid #fcc;
    padding: 5px;
    margin: 20px auto;
    width: 90%;
    text-align: left;
}
/* message 用 */
.message {
    background-color: #eef;
    border: 1px solid #cdf;
    padding: 5px;
    margin: 20px auto;
    width: 90%;
}

#Layer1 {
    width: 500px;
    height: 246px;
    border: solid 1px #f33;
    visibility: hidden;
    position: absolute; 
    z-index: 1; 
    top: 0px;
    left: 0px; 
}
#Layer2 {
    width: 500px;
    height: 246px;
    border: solid 1px #f33;
    visibility: hidden;
    position: absolute; 
    z-index: 1; 
    top: 0px;
    left: 0px; 
}
#Layer3 {
    width: 500px;
    height: 246px;
    border: solid 1px #f33;
    visibility: hidden;
    position: absolute; 
    z-index: 1; 
    top: 0px;
    left: 0px; 
}
#Layer4 {
    width: 500px;
    height: 246px;
    border: solid 1px #f33;
    visibility: hidden;
    position: absolute; 
    z-index: 1; 
    top: 0px;
    left: 0px; 
}
#Layer5 {
    width: 500px;
    height: 246px;
    border: solid 1px #f33;
    visibility: hidden;
    position: absolute; 
    z-index: 1; 
    top: 0px;
    left: 0px; 
}
#Layer_mb1 {
    width: 240px;
    height: 400px;
    border: solid 1px #f33;
    visibility: hidden;
    position: absolute; 
    z-index: 1; 
    top: 0px;
    left: 0px; 
}
#Layer_mb2 {
    width: 240px;
    height: 400px;
    border: solid 1px #f33;
    visibility: hidden;
    position: absolute; 
    z-index: 1; 
    top: 0px;
    left: 0px; 
}
#Layer_mb3 {
    width: 240px;
    height: 400px;
    border: solid 1px #f33;
    visibility: hidden;
    position: absolute; 
    z-index: 1; 
    top: 0px;
    left: 0px; 
}
#Layer_mb4 {
    width: 240px;
    height: 400px;
    border: solid 1px #f33;
    visibility: hidden;
    position: absolute; 
    z-index: 1; 
    top: 0px;
    left: 0px; 
}

.version {
    text-align: center;
    width: 140px;
    border: solid 1px #cdf;
    padding: 4px;
}




.pc {
    color: #fff;
    font-weight: normal;
    font-size: 10px;
    background-color: #66c;
    margin: 1px;
    padding: 1px; 5px;
    border: solid 1px #ccc;
    font-family: 'ＭＳ Ｐゴシック';

}
.mb {
    color: #fff;
    font-weight: normal;
    font-size: 10px;
    background-color: #393;
    margin: 1px;
    padding: 1px; 5px;
    border: solid 1px #ccc;
    font-family: 'ＭＳ Ｐゴシック';
}