@charset "UTF-8";

/* スタイルの初期化
------------------------------------------------------------ */
body, h1, h2, h3, h4, h5, h6, address, abbr, acronym, q, cite, em, strong, code, kbd, samp, var, del, ins {
  font-style : normal;
  text-decoration : none;
  font-size : 100%;
}

body, form, fieldset, legend, table, th, td, embed, object, h1, h2, h3, h4, h5, h6,
div, p, pre, blockquote, address, ul, ol, li, dl, dt, dd{
  margin : 0;
  padding : 0;
  border : none;
}


/* 基本となるスタイル
------------------------------------------------------------ */
body {
  background : white;
  color : black;
  min-width : 540px;
  text-align : center;
  font-size : 90%;
}

a:link, a:visited {
  color : #2F63B3;
  text-decoration : underline;
}

a:hover {
  color : #D32F2F;
}

img {
  border : none;
}

strong {
  font-size : 130%;
}

legend {
    color : black;
}


/* ヘッダとメニューまわり
------------------------------------------------------------ */
#header {
  background : url(/image/sign/layout/headerBg.gif) top center no-repeat;
}

#siteTitle, #header h1 {
  text-align : center;
  height : 137px;
}

#siteTitle img, #header h1 img {
  width : 474px;
  height : 137px;
}

.en #siteTitle img, .en #header h1 img {
  width : 490px;
}

#menu {
  height : 47px;
  border : 1px solid #B9B9B9;
  border-style : solid none;
  background : url(/image/sign/layout/menuBg.png);
  margin-left : -519px;
}

#menu li {
  display : block;
  float : left;
  position : relative;
  left : 50%;
}

#menu li a {
  display : block;
  height : 47px;
  padding : 0 16px;
}

#menu li a:hover {
  background : #8C8C8C url(/image/sign/layout/menuBgActive.png);
}

#menu li.current a:hover {
  background : none;
}

#menu li img {
  margin-top : 7px;
  height : 32px;
}

/* IE6以下用のhack */
* html #menu li a {
  width : 1%;
}

#langMenu {
    position : absolute;
    top : 2px;
    right : 4px;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
    cursor : default;
    background : #A6A6A6;
    color : white;
    font-weight : bold;
    text-align : left;
}

#langMenu:hover {
    background : #C0C0C0;
}

#langMenuButton {
    padding : 4px 7px;
}

#langMenu ul {
    padding : 0 4px 7px;
}

#langMenu li {
    list-style : none;
    padding-left : 0.5em;
    font-size : 92%;
}

#langMenu.false ul {
    display : none;
}


/* メイン
------------------------------------------------------------ */

#main {
  clear : both;
  margin : 0 auto;
  padding-bottom : 2em;
  width : 70%;
  max-width : 75em;
  text-align : left;
}

/* 文書 */
#main h1 {
  background : #DDD;
  padding : 0.8em 1em;
  margin : 0.8em -0.5em;
}

#main h2 {
  padding-top: 0.8em;
}

#main h2, #main legend {
  font-weight : bold;
}

#main p, #main dl, #main ul, #main ol {
  line-height : 1.6;
  margin : 1em 0;
}

#main p.append {
  font-size : 73%;
}

#main p.warning {
  color : red;
}

#main p.impact, #main form.tellYourFriends {
  text-align : center;
}

#main p.image {
  margin : 0;
  text-align : center;
}

#main p.image img {
    display : block;
    margin : 0 auto;
}

/* IE7以下 */
*+html #main p.sub img {
    margin : 0;
}
* html #main p.sub img {
    margin : 0;
}

#main p.sub {
  float : right;
  line-height : 1;
}

#main p.next {
  clear : both;
  text-align : right;
}

#main p.next strong a {
  display : -moz-inline-box;
  display : inline-block;
  height : 28px;
  line-height : 28px;
  margin-left : -40px;
  padding-left : 40px;
  background : url(/image/sign/layout/nextBg.gif) left center no-repeat;
}

#main ul, #main ol {
  margin-left : 2em;
}

#main dt {
  margin-left : 0.3em;
}

#main dd {
  margin-bottom : 1em;
  margin-left : 2em;
}

#main div.section, #main .notes {
  clear : left;
  margin : 2em 0;
  line-height : 1.6;
}

#main .notes {
  margin-bottom : -2em;
}

#main .sign {
  text-align : right;
}

#main input.easyToCopy {
  width: 60%;
}