@charset "utf-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* End Reset */





/* general */

body  {
  background:#FFF;
  color:#000;
  font-size:0.875em;
  font-family:Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  padding: 0;
  margin: 0;
}
a:link  { color:#369; text-decoration:none; }
a:visited { color:#369; text-decoration:none; }
a:hover   { color:#69C; text-decoration:underline; }

/*.outline { border:#CCC solid 1px; }
.nolist  { list-style:none !important; }
.bnr { clear:both; }*/
.alpha a:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; background:#FFF; }

ul {list-style:none; }

#contents {
  clear:both;
  width:780px;
  padding:0 10px;
  margin:0 auto 60px;
  text-align:left;
}
#contents p {
  line-height:1.6em;
  margin-bottom:1em;
}

h2 {
  clear:both;
  border-left:#0085B2 solid 4px;
  background:#F4F4F4;
  font-size:1.3em;
  line-height:1.4em;
  padding:5px 8px;
  margin:40px 0 15px;
}


/* header */

#header {
  border-bottom:#0085B2 solid 5px;
  padding-top:10px;
  margin:0 auto 20px;
}
#header .inner {
  width:780px;
  margin:0 auto;
}
#logo {
  float:left;
  margin-bottom:10px;
}
#logo-lall {
  float:right;
  color:#888;
  font-size:0.8em;
  text-align:right;
  line-height:2em;
}




/* form contents ----------------------------------------------------------*/

#form {
  clear:both;
}
#form table {
  width:100%;
  line-height:1.4em;
  margin:5px 0 20px;
}
#form table th {
  background:#F1F1F1;
  border:#CCC solid 1px;
  font-weight:normal;
  text-align:left;
  padding:10px;
  vertical-align:top;
  white-space:nowrap;
  width:210px;
}
#form table td {
  border:#CCC solid 1px;
  padding:10px;
}
#form table p {
  clear:both;
}
#form table .info {
  clear:both;
  color:#D90000;
  font-size:0.9em;
  margin-bottom:0;
}
#form ul li {
  margin:10px 0;
}
#form th .comment {
  color:#666;
  text-indent:-1em;
  margin:10px 1em;
}

#btn {
  font-size:1em;
  text-align:center;
  margin-bottom:20px;
}
#submit {
  background:#6D9DCD;
  color:#FFF;
  font-weight:bold;
  padding:0.5em 2em;
  margin:10px 0;
}
#back {
  color:#666;
  font-weight:bold;
  padding:0.5em 2em;
  margin:10px 0;
}
#siteSeal {
  border-top:#999 dotted 1px;
  color:#666;
  font-size:0.9em;
  padding:10px;
  text-align:left;
}
#siteSeal .img {
  float:left;
  width:150px;
  height:60px;
}

span.required {
  color:#D90000;
  font-weight: bold;
  line-height:1em;
  padding:1px 5px;
}
th span.required {
  float:right;
  padding:2px 5px;
  margin:2px 0;
}



/* footer */

#ptop {
  position:fixed;
  bottom:30px;
  right:0;
}

footer {
  clear:both;
  color:#333;
  font-size:0.875em;
  margin:0 auto;
}

#copyright {
  clear:both;
  border-top:#CCC solid 1px;
  font-size:0.95em;
  text-align:center;
  padding:7px;
}



/* basic */

.red  { color:#D90000; }
.navy   { color:#369; }
.orange { color:#F60; }
.green  { color:#690; }
.purple { color:#936; }
.white  { color:#FFF; }

.bg-lred { background-color:#FEE; }
.bg-lblue { background-color:#EEF; }
.bg-lgray { background-color:#EEE; }


.f1 { font-size:0.75em !important; }
.f2 { font-size:0.875em !important; }
.f3 { font-size:1em !important; }
.f4 { font-size:1.1em !important; }
.f5 { font-size:1.25em !important; }
.bold { font-weight:bold !important; }

.mb00 { margin-bottom:0 !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }
.mb100 { margin-bottom:100px !important; }

.mr20 { margin-right:20px !important; }
.ml20 { margin-left:20px !important; }

.w50 { width:50px !important; }
.w100 { width:100px !important; }
.w200 { width:200px !important; }
.w300 { width:300px !important; }
.w400 { width:400px !important; }
.w500 { width:500px !important; }
.w50p { width:50% !important; }
.w80p { width:80% !important; }
.w90p { width:90% !important; }
.w100p { width:100% !important; }

.fl   { float:left ; }
.fr   { float:right ; }
.text-align-left { text-align:left !important; }
.text-align-right  { text-align:right !important; }
.text-align-center { text-align:center !important; }
.vamid  { vertical-align:middle ; }
.vatb   { vertical-align:text-bottom ; }

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
  visibility:hidden;
}
.clearfix {
  display:inline-table;
  min-height:1px;
}

/* hides from IE-mac \*/
* html .clearfix  { height:1%; }
.clearfix   { display:block; }
/* end of hides from IE-mac */

.clear-both { clear:both; }
.bbdot { padding-bottom:10px; border-bottom:#999999 dotted 1px; }
.nowrap { white-space:nowrap; }

/* form input IME */
input.zenkaku{ ime-mode:active; }
input.ascii{ ime-mode:disabled; }


/* error */
.err{
  display:block;
  background:url(../images/ico_attention.png) left center no-repeat;
  color:#D90000;
  line-height:16px;
  padding-left:20px;
  margin:10px 0 0 !important;
}