* {
    margin       : 0px;
    padding      : 0px;
    page-break-before: avoid;
}

html {
  margin: 0;
  padding: 0;
  display: inline-block;
  overflow: scroll;
  width: 100%;
}

body {
  width: 100%;
  text-align : center;
  margin: 0;
  padding: 0;
  background-color: #FDFDFD;
  background-image: url("/img/background-winter.png");
  font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}

#contents {
    margin: 0 0 50px 0;
}

#outline {
    width      : 798px;
    margin     : 0 auto;
    padding    : 20px 5px 0px 5px;
    text-align : left;
    background-color: white;
}

/** header **/
#header {
    position : relative;
}

/** header - title **/
#header .title a {
    display           : block;
    width             : 484px;
    height            : 60px;
    background-image  : url("/img/title.png");
    background-repeat : no-repeat;
    text-indent       : -9999px;
    overflow          : hidden;
}

/** header - language **/
#header .language {
    margin-top        : 0;
}
#header .language ul {
    position          : absolute;
    top               : 0;
    right             : 0;
    margin            : 0;
    padding           : 0;
    list-style        : none;
}
#header .language li {
    float             : left;
    background-repeat : no-repeat;
    height            : 20px;
    overflow          : hidden;
}
#header .language a {
    display       : block;
    width         : 107px;
    padding-top   : 20px;
}
#header .language .english     {
	background-image   : url("/img/language.png");
	background-position: 0 0;
    background-repeat  : no-repeat;
    margin             : 0;
    padding            : 0;
}
#header .language .japanese     {
	background-image   : url("/en/img/language.png");
	background-position: 0 0;
    background-repeat  : no-repeat;
    margin             : 0;
    padding            : 0;
}
#header .language .english:hover     {
	background-position: 0 -20px;
}
#header .language .japanese:hover {
	background-position: 0 -20px;
}

/** header - menu **/
#header .menu {
    margin-top : 20px;
}
#header .menu ul {
    position          : absolute;
    top               : 42px;
    right             : 0;
    margin            : 0;
    padding           : 0;
    list-style        : none;
}
#header .menu li {
    float             : left;
    background-repeat : no-repeat;
    height            : 22px;
    overflow          : hidden;
}
#header .menu a {
    display       : block;
    width         : 90px;
    padding-top   : 22px;
}
#header .menu .top     {
	background-image   : url("/img/menu.png");
	background-position: 0 0;
    background-repeat  : no-repeat;
    margin             : 0;
    padding            : 0;
}
#header .menu .sitemap {
	background-image   : url("/img/menu.png");
	background-position: -90px 0;
    background-repeat  : no-repeat;
    margin             : 0;
    padding            : 0;
}
#header .menu .top:hover     {
	background-position: 0 -22px;
}
#header .menu .sitemap:hover {
	background-position: -90px -22px;
}

/** header - mainmenu **/
#header #mainmenu ul {
    margin     : 0;
    padding    : 0;
    height     : 30px;
    list-style : none;
}
#header #mainmenu li {
    float : left;
}
#header #mainmenu a {
    display           : block;
    width             : 114px;
    height            : 30px;
    overflow          : hidden;
    text-indent       : -9999px;
    background-image  : url("/img/mainmenu.png");
    background-repeat : no-repeat;
}
#header #mainmenu .summary a { background-position: 0 0 }
#header #mainmenu .member  a { background-position: -114px 0 }
#header #mainmenu .theme   a { background-position: -228px 0 }
#header #mainmenu .thesis  a { background-position: -342px 0 }
#header #mainmenu .movie   a { background-position: -456px 0 }
#header #mainmenu .event   a { background-position: -570px 0 }
#header #mainmenu .access  a { background-position: -684px 0 }

#header #mainmenu .summary a:hover { background-position: 0 -30px }
#header #mainmenu .member  a:hover  { background-position: -114px -30px }
#header #mainmenu .theme   a:hover   { background-position: -228px -30px }
#header #mainmenu .thesis  a:hover  { background-position: -342px -30px }
#header #mainmenu .movie   a:hover   { background-position: -456px -30px }
#header #mainmenu .event   a:hover   { background-position: -570px -30px }
#header #mainmenu .access  a:hover  { background-position: -684px -30px }

/*
#header #eng_mainmenu {
    margin           : 30px 0 0 0px;
    padding          : 10px 10px;
    color            : #FFFFFF;
    text-align       : right;
    background-color : #1D2088;
    clear             : both;
}
#header #eng_mainmenu ul {
    margin     : -20px 0 0 0px;
    padding    : 20px 0px;
    list-style : none;
}
#header #eng_mainmenu li {
    margin-right : 40px;
    float        : left;
}
#header #eng_mainmenu a {
    color: #FFFFFF;
}
#header #eng_mainmenu p {
    margin: 0;
    padding: 0;
    text-align       : right;
    background-color: inherit;
    border-style     : none;
    border-color     : #EEEEEE;
    border-width     : 0 0 0 0px;
}*/

/** footer **/
#footer {
    margin           : 6em 0 0 0;
    padding          : 7px 10px;
    color            : #FFFFFF;
    background-color : #1D2088;
    clear            : both;
    text-align       : right;
    line-height      : 100%;
    font-size        : 0.92em;
}
#footer ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
    display    : inline-block;
    float      : left;
}
#footer li {
    margin : 0 12px 0 0;
    padding: 0;
    float  : left;
}
#footer a {
    color: #FFFFFF;
}
#footer p {
	margin           : 0;
	padding          : 0;
    text-align       : right;
    background-color : inherit;
    border-style     : none;
    border-color     : #EEEEEE;
    border-width     : 0 0 0 0px;
    display          : inline;
}


/*
 * tag settings
 *_____________________________________________________________________*/

/** h tags **/
h2 {
    padding          : 5px 10px;
    margin           : 20px 0px 5px 0px;
    background-image : url("/img/h2.png");
    font-size        : 20px;
}
h3 {
    border-bottom    : dotted 2px #606090;
    margin           : 20px 0 8px 0;
    padding-left     : 2.1em;
    text-indent      : -2em;
}

h4 {
    margin           : 12px 0px 3px 10px;
    padding          : 0 0 0 5px;
    border-left      : solid 3px #606090;
}

/** p tag **/
p {
    margin           : 0 0;
    padding          : 0 0;
}

p {
    margin           : 0px 5px;
    padding          : 5px 5px;
    font-size        : 15px;
    text-align       : justify;
    text-indent      : 1em;
    line-height      : 1.6em;
/*
    border-style     : solid;
    border-color     : #EEEEEE;
    border-width     : 0 0 0 4px;
*/
}
#contents p:hover {
    /*background-color: #F0F8FF;*/
}

/** img **/
#contents img {
    margin  : 4px 0 0 15px;
    display : block;
}

/** ul, ol, li **/
ul, ol {
    padding: 0 0 0 10px;
    margin: 0 0 10px 20px;
    font-size: 15px;
}
li {
    padding: 2px 0;
}

/*
 * general settings
 *_____________________________________________________________________*/

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}


/** clearfix **/
.clearfix             :after {
    content           : ".";
    display           : block;
    clear             : both;
    height            : 1px;
    visibility        : hidden;
}
.clearfix {
    min-height        : 1px;
}
* html .clearfix {
    height            : 1px;
    /*¥*//*/
    height            : auto;
    overflow          : hidden;
    /**/
}


#error {
    text-align       : center;
    background-color : #FFFF00;
}
#error p {
    font-size        : 28px;
    font-weight      : bold;
    color            : #FF0000;
    border           : none;
}

