@charset "UTF-8";

/* ------------------------------------------------------------
  Guide CSS
  Author: Tadanori Sumi
  Contact: http://www.summertriangle.jp/contact/
------------------------------------------------------------ */

/* Reset */
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd { margin: 0; padding: 0 }
a { text-decoration: none; cursor: pointer }
li { list-style: none }
fieldset, img { border: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
input, textarea { font-size: 1em }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help }
textarea { overflow: auto }

/* Basic Font */
body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "Meiryo", "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif; color: #595857 }
* html { font-size: 90%; line-height: 1.5em }

/* CSS Hack for Cross Browser */
  /* --Firefox only */
  html>body { font-size: 87%; line-height: 1.56em }
  /* --safari1-2 only \*/
  html:\66irst-child body { font-size: 88%; line-height: 1.6em }
  /* --safari3 only : before CSS2.1 is not validated */
  body:first-of-type { font-size: 88%; line-height: 1.6em }

/* Headline */
h1 { font-size: 81%; font-weight: normal; color: #a3a3a2 }
h2 { margin: 21px 0 0; padding: 3px; text-align: center; font-size: 108%!important; font-size: 100%; border-bottom: #a3a3a2 solid 1px }
h3 { margin: 21px 0 0; padding: 0 9px; font-size: 90% }
h4 { margin: 15px 0 0 .5em; padding: 0 9px; font-size: 90%; font-weight: normal; background-color: #fce9f2 }

/* General */
p { padding: 6px 9px; font-size: 90% }
strong { color: #c9171e }
a { color: #eb6101 }
  a:hover, a:visited { color: #a3a3a2 }
  a:active { color: #2b2b2b }
small {
    margin: 0 9px;
}

/* List */
dl { font-size: 81% }
dt { margin: 9px 9px 3px;
	padding: 2px 5px;
	color: #2b2b2b;
	border: 1px solid #e7e7eb;
	background-color: #efefef
}
dd {
    margin: 3px 2em
}
ul,ol {
    margin: 0 0 0 1.8em;
	padding: 6px;
    font-size: 90%
}
ol li {
	margin: 0 0 .5em
}
ol ul {
    font-size: 100%
}
ol ul li {
	margin: 0
}
blockquote {
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 90%;
    background-color: #efefef
}
address {
    margin: 6px 15px;
	text-align: right;
	font-size: 72%;
	color: #a3a3a2;
	font-style: normal
}

/* Layout Fixed Footer */
html, body { height: 100% }
#container { width: 762px; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -120px; background: url(../../img/bg_body.gif) repeat-y; }
.push, .footer { height: 120px; margin: 0 auto }
.footer { background: url(../../img/bg_foot.gif) no-repeat bottom }

/*Layout*/
#header { background: url(../../img/bg_head.gif) no-repeat top }
#headcontent, #footcontent, #copyright { width: 642px; margin: 0 auto }
#sitename { height: 66px }
#footcontent { padding-top: 35px }

/*Parts*/
h1 a {
    margin: 0 21px 0 60px
}
p.linkmenu {
    text-align: right;
    font-size: 81%;
    line-height: 30px
}
/*Form*/
form {
    width: 360px;
	margin: 18px  auto 0
}
input,textarea {
	margin: 6px;
}
.formwidth {
    width: 100%;
    border: solid 1px #595857
}
textarea {
    width: 100%;
    height: 12em;
    border: solid 1px #595857
}
button {
    height: 1.5em;
    margin: 6px;
	padding: 0 5px;
	background-image: url(../../img/bg_btn.gif);
    color: #eb6101;
    line-height: 1.5em;
	border: solid 1px #c9c9c8
}
.btn {
    letter-spacing: -0.1em
}
table {
    width: 100%;
	margin: 12px auto;
	padding: 0;
	border-collapse: collapse
}
.table {
    width: 80%
}
table .center {
    text-align: center;
	background-color: #e7e7eb
}
td {
    padding: 6px;
	border: solid 1px #a3a3a2;
	font-size: 81%
}
.left {
    width: 24%;
	background-color: #e7e7eb;
	text-align: right;
	white-space: nowrap
}
.right {
    width: 75%
}
.center {
    text-align: center
}
.notice {
    color: #d00
}
.presently {
    padding: 2px 5px;
	background-color: #a3a3a2;
	color: #fffffc;
	border: #2b2b2b solid 1px
}
.notnow {
    padding: 2px 5px;
	background-color: #e7e7e7;
	color: #a3a3a2;
	border: #a3a3a2 solid 1px
}
dt img, dd img, input img, button img {
    vertical-align: -2px
}
.revision {
    text-align: right
}
dl.formname {
    margn: 0;
    padding: 0;
    line-height: 1.5em
}
dl.formname dt {
    margin: 0;
	padding: 3px .5em;
	color: none;
	border: none;
	background-color: #fffffc
}
dl.formname dd {
    margin: 0;
    padding: 0
}
#ng, #accept {
    height: 1em;
    vertical-align: middle
}