@charset "utf-8";

/* ---------------------------------------------- */

* {
font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, verdana, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

.en * {
font-family: Arial, sans-serif;
}

html, body {
margin:0px;
padding:0px;
font-size:87%;
color:#555555;
line-height:1.8em;
background:url('./images/common/bg_main.gif') no-repeat center 30px fixed;
}

/* ---------------------------------------------- */

#logo {
margin:0px;
font-size:100%;
color:#666666;
}
#logo a {
display:block;
width:198px;
height:198px;
text-decoration:none;
text-indent:-9999px;
outline:none;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.ja #logo a {
background:url('./images/ja/navi/logo.gif') no-repeat;
}
.en #logo a {
background:url('./images/en/navi/logo.gif') no-repeat;
}


h1 {
clear:both;
margin:0px;
padding:70px 0px 10px 10px;
width:689px;
line-height:90%;
font-size:2em;
font-weight:normal;
border-right:1px solid #cccccc;
color:#000000;
}

h2 {
clear:both;
line-height:100%;
margin:20px 0px 5px 0px;
padding:0px 0px 0px 0px;
font-size:1.5em;
font-weight:normal;
color:#000000;
}

h3 {
clear:both;
line-height:140%;
margin:20px 0px 5px 0px;
padding:0px 0px 3px 0px;
font-size:1.12em;
color:#333333;
background:url('./images/common/bg_h3.gif') no-repeat left bottom;
}

h4 {
clear:both;
line-height:100%;
margin:20px 0px 10px 0px;
padding:0px 0px 0px 5px;
font-size:1em;
color:#222222;
border-left:3px solid #7b5aa3;
}

h5 {
clear:both;
line-height:100%;
margin:10px 0px 5px 0px;
padding:0px;
font-size:1em;
color:#000000;
font-weight:normal;
}

/* ---------------------------------------------- */

div {
}

p {
margin:0.3em 0em 1em 0em;
height: 1%;
}
p:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}


p.noindent {
text-indent:0em;
}

rt {
font-size:70%;
}

/* ---------------------------------------------- */

ol {
margin:0em 0em 0em 0em;
padding:0em 2.5em 0em 1.2em;
}

ul {
margin:0px 0px 0px 5px;
padding:0px;
}

li {
margin:0.2em 0em 0em 1.5em;
padding:0px;
line-height:160%;
}

/* ---------------------------------------------- */

dl {
margin:0px;
}

dt {
margin:0px;
clear:left;
float:left;
}

dd {
margin:0px;
float:left;
}

/* ---------------------------------------------- */
/* a                                              */
/* ---------------------------------------------- */

a {
color:#7b5aa3;
text-decoration:underline;
outline:none;
}

a:visited {
color:#ac74b8;
text-decoration:underline;
}

a:active {
color:#993366;
}

a:hover {
color:#7b5aa3;
text-decoration:none;
}

a img {
border:none;
}

#content a img {
padding:3px;
border:1px solid #dddddd;
}

#content a img.normal {
padding:0px;
border:none;
}

#content a:hover img {
background:#c7a0cf;
}

a span.small {
font-size:80%;
}

/* ---------------------------------------------- */

#content a[target="_blank"] {
padding:2px 19px 0px 0px;
background:url('./images/common/ico_extra.gif') no-repeat 99% center;
}

#content a[target="_blank"].img {
padding:0px;
background:none;
}

#content a[target="_blank"].noicon {
padding:0px;
background:none;
}

/* ---------------------------------------------- */

a.link {
display:block;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 14px;
font-weight:bold;
font-size:110%;
background:url('./images/common/ico_link.gif') no-repeat left 0.4em;
}

a.normal {
display:inline;
padding:0px;
font-weight:bold;
font-size:100%;
background:none;
}

a.button {
display:block;
width:120px;
padding:5px;
font-size:90%;
line-height:110%;
text-align:center;
text-decoration:none;
color:#ffffff;
background:#7b5aa3;
}

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

a.button:hover {
background:#ac74b8;
color:#ffffff;
}


/*----------------------------------------------*/

ul.link, ul.pdf {
list-style:none;
margin:0px;
padding:0px;
}
.link li {
margin:0.8em 0em;
padding:0px 0px 0px 15px;
background:url('./images/common/ico_link.gif') no-repeat left 0.4em;
line-height:150%;
}
.link li a {
font-weight:bold;
font-size:110%;
}

.normal li {
line-height:130%;
}
.normal li a {
font-weight:normal;
font-size:100%;
}

.normal a.link {
font-weight:normal;
font-size:100%;
line-height:110%;
background:url('./images/common/ico_link.gif') no-repeat left 0.2em;
}

a.link_backnumber {
padding:0px 0px 0px 15px;
background:url('./images/common/ico_link_backnumber.gif') no-repeat left center;
}

/*----------------------------------------------*/

#content  .pdf li {
margin:10px 0px 10px 0px;
padding-left:20px;
background:url('./images/common/ico_pdf.gif') no-repeat left 3px;
}

#content a.pdf {
padding:2px 0px 2px 20px;
background:url('./images/common/ico_pdf.gif') no-repeat left center;
}

#content a.pdf_rear {
padding:1px 18px 1px 0px;
background:url('./images/common/ico_pdf.gif') no-repeat right center;
}

#content a.doc {
padding:2px 0px 2px 20px;
background:url('./images/common/ico_doc.gif') no-repeat left center;
}

#content a.movie {
padding:2px 0px 2px 20px;
background:url('./images/common/ico_movie.gif') no-repeat left center;
}

/* ---------------------------------------------- */

p img {
}

img.right {
float:right;
margin:0px 0px 0px 10px;
}

img.left {
float:left;
margin:0px 10px 0px 0px;
}


/* ---------------------------------------------- */

table {
border-collapse:collapse;
border-spacing:0;
}

th {
padding:4px;
border:1px solid #aaaaaa;
background:#f0f5fa;
color:#003366;
font-weight:normal;
}

td {
padding:4px 4px 4px 6px;
border:1px solid #aaaaaa;
}

.zebra {
background:#f5f5f5;
}


table.none {
}

table.none th {
border:none;
}

table.none td {
border:none;
}


/* ---------------------------------------------- */

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

form dl {
margin:20px 0px 0px 0px;
}
form dt {
margin-left:10px;
width:170px;
padding:3px 0px 3px 5px;
border-top:1px dotted #ffffff;
}
form dd {
width:320px;
padding:3px 0px 3px 5px;
border-top:1px dotted #ffffff;
}

fieldset.form {
position: relative;
margin:0px;
padding:0px;
background:#557799;
border:2px solid #ffffff;
}

fieldset.form legend {
position: absolute;
top:-10px;
left:10px;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 20px;
background:#445566;
border:1px solid #ffffff;
}

span.help {
margin:0px 0px 0px 10px;
font-size:90%;
}

input.price {
text-align:right;
}

table.form {
}

table.form th {
text-align:left;
padding-left:10px;
}

table.form td {
}

div.submit {
margin:5px;
text-align:center;
}


/* ---------------------------------------------- */
/* Button                                         */
/* ---------------------------------------------- */

.btnActionBig {
width:120px;
border:1px solid #999999;
}

.btnActionSmall {
width:70px;
border:1px solid #999999;
}

.btnBack {
width:120px;
background:#eeeeee;
border:1px solid #999999;
}

.btnMove {
width:120px;
border:1px solid #999999;
}

.btnAdd {
background:#ddeeff;
}

.btnEdit {
background:#eefacc;
}

.btnDel {
background:#ffddee;
}

.btnEtc {
background:#ffffff;
}

.btnSize {
width:100px;
}

/* ---------------------------------------------- */

.formRequire {
color:#ee0000;
}


.explanation {
margin:10px 10px 10px 0px;
padding:10px;
border:1px dotted #cccccc;
background:#fafafa;
}


.form-container p.help {
clear:both;
margin-left:180px;
color:#888888;
}


/* ---------------------------------------------- */
/* Error                                          */
/* ---------------------------------------------- */

div.errors {
margin: 20px 0 10px 0;
padding: 5px 10px;
border: #FC6 1px solid;
background-color: #ffc;
color:#000000;
}

div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
div.form-container span.error { color: #C00; }

.errors ul {
margin:10px;
}

.errors li {
margin-left:20px;
color:#000000;
}

.textattention {
color:#ee0000;
}

.pgDeleteFile {
padding:2px 5px 5px 5px;
color:#ffffff;
background:#ff2266;
}


/* ---------------------------------------------- */