/********** Common **********/
* {
margin: 0px;
padding: 0px;}

body {
background-color: #000;
color: #fff;
line-height: 130%;
font-size: 100%;}

img { border-style: none;}

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

ul, li { margin: 0px; padding: 0px; list-style: none;}

h1, h2, h3 { margin: 0px; padding: 0px; font-weight:normal;}

.clear { clear:both; margin:0px; padding:0px; font-size:1px; line-height:1px;}

.page_top {
font-size: 80%;
text-decoration:underline;
margin: 40px 0px 0px 0px;
float: right;}

/********** CommonLink **********/

#contents a:link { color: #ddd; text-decoration: none;}
#contents a:visited { color: #999; text-decoration: none;}
#contents a:hover { color: #fff; text-decoration: underline;}

a:link { color: #777; text-decoration: none;}
a:visited { color: #393939; text-decoration: none;}
a:hover { color: #fff; text-decoration: none;}


/********** CommonLayout **********/
#container {
display: block;
width: 100%;
height: auto;}

#main {
display: block;
width: 825px;
height: auto;
margin: 0px auto 0px auto;
padding: 60px 30px 10px 30px;}

#header {
display: block;
width: 100%;
height: auto;
padding: 0px 0px 15px 0px;
margin: 0px 0px 65px 0px;}

#contents {
display: block;
width: 100%;
height: auto;
font-size: 85%;
color: #dfdfdf;
margin: 0px auto 0px auto;}

.copyright {
font-size: 70%;
font-family: Times, "Times New Roman", serif;
text-align:center;
color: #aaa;
padding: 20px 0px 0px 0px;
margin: 30px 0px 0px 0px;}


/********** CommonHeader **********/
#header h1 {
display: block;
width: auto;
height: auto;
font-size: 80%;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing: 1px;
float: left;}

#header h1 a:link { color: #fff; text-decoration: none;}
#header h1 a:visited { color: #fff; text-decoration: none;}
#header h1 a:hover { color: #fff; text-decoration: none;}

#header #header_menu {
display: block;
margin: 0px 0px 0px 0px;}

#header #header_menu ul {
float: right;}

#header #header_menu li {
font-size: 150%;
font-family: Times, "Times New Roman", Georgia, serif;
text-align: center;
margin: 20px 0px 0px 47px;
float: left;}

#header #header_menu li a:link { color: #fff; text-decoration: none; padding: 2px 8px 0px 8px;}
#header #header_menu li a:visited { color: #fff; text-decoration: none; padding: 2px 8px 0px 8px;}
#header #header_menu li a:hover { color: #000; background-color: #fff; text-decoration: none; padding: 2px 8px 0px 8px;}

.menu_here a:link { color: #000!important; background-color: #fff; text-decoration: none; padding: 0px 8px 0px 8px;}
.menu_here a:visited { color: #000!important; background-color: #fff; text-decoration: none; padding: 0px 8px 0px 8px;}
.menu_here a:hover { color: #000!important; background-color: #fff; text-decoration: none; padding: 0px 8px 0px 8px;}


/* * * * * * * * * * * * * */
/* * * * * TopPage * * * * */
/* * * * * * * * * * * * * */
#header_top {
display: block;
width: 100%;
height: auto;
padding: 0px 0px 15px 0px;
margin: 0px 0px 10px 0px;}

#header_top h1 {
display: block;
width: auto;
height: auto;
font-size: 80%;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica, sans-serif;
color: #fff;
font-weight:bold;
letter-spacing: 1px;
float: left;}

.lang {
display:block;
width: 280px;
height: 30px;
margin: 8px 0px 0px 45px;
float: left;}

.copyright_top {
font-size: 70%;
font-family: Times, "Times New Roman", serif;
color: #aaa;}


/* * * * * * * * * * * * * */
/* * * * * * Work  * * * * */
/* * * * * * * * * * * * * */
#navi {
display: block;
width: 165px;
height: auto;
font-size: 130%;
font-family: Times, "Times New Roman", Georgia, serif;
float: left;}

#navi li {
margin: 0px 0px 30px 0px;}

#navi_page {
display: block;
width: 30px;
height: auto;
font-size: 130%;
font-family: Times, "Times New Roman", Georgia, serif;
float: left;}

#navi_page li {
margin: 0px 0px 10px 0px;}

.cat_here a:link { color: #fff; text-decoration: none;}
.cat_here a:visited { color: #fff; text-decoration: none;}
.cat_here a:hover { color: #fff; text-decoration: none;}

.page_here a:link { color: #fff; text-decoration: none;}
.page_here a:visited { color: #fff; text-decoration: none;}
.page_here a:hover { color: #fff; text-decoration: none;}

#w_contents {
display: block;
width: 605px;
height: auto;
margin: 0px 0px 0px 20px;
float: left;}

.cap {
font-size: 70%;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica, sans-serif;
line-height: 120%;
margin: 7px 0px 35px 0px;}


/* * * * * * * * * * * * * */
/* * * * * * Info  * * * * */
/* * * * * * * * * * * * * */
#info {
border-top: 1px dotted #666;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica, sans-serif;
margin: 0px 0px 30px 0px;}

#info ul {
padding: 0px 5px 0px 5px;}

#info li {
display: block;
width: 800px;
height:auto;
border-bottom: 1px solid #ababab;
font-size: 80%;
padding: 27px 0px 5px 0px;}


/* * * * * * * * * * * * * */
/* * * * * * Bio  * * * * */
/* * * * * * * * * * * * * */
#bio {
border-top: 1px dotted #666;
line-height: 140%;
letter-spacing: 1px;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica, sans-serif;
margin: 0px 0px 30px 0px;
padding: 27px 0px 0px 0px;}

#bio strong {
color: #fff;}


/* * * * * * * * * * * * * */
/* * * * * * Contact * * * */
/* * * * * * * * * * * * * */
#contact {
border-top: 1px dotted #666;
text-align:center;
margin: 0px 0px 30px 0px;}

#contact h2 {
font-size: 150%;
font-family: Times, "Times New Roman", Georgia, serif;
letter-spacing: 1px;
margin: 100px 0px 20px 0px;}

#contact a:link { color: #fff; text-decoration: none;}
#contact a:visited { color: #fff; text-decoration: none;}
#contact a:hover { color: #fff; text-decoration: underline;}

#contact p {
font-size: 80%;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica, sans-serif;}


/* * * * * * * * * * * * * */
/* * * * * * Memo  * * * * */
/* * * * * * * * * * * * * */
#memo {
border-top: 1px dotted #666;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica, sans-serif;
padding: 40px 0px 0px 0px;
margin: 0px 0px 30px 0px;}

#memo h3 {
font-size: 90%;}

#memo .date {
font-size: 60%;
margin: 10px 0px 40px 0px;}

#memo p {
font-size: 80%;}

#memo_navi {
display: block;
width: 180px;
height: auto;
float: left;}

#memo_navi ol {
margin: 0px 0px 0px 25px;}

#memo_navi li {
list-style-type: decimal;
font-size: 80%;
line-height: 120%;
font-weight: bold;
margin: 0px 0px 15px 0px;}

#m_contents {
display: block;
width: 555px;
height: auto;
margin: 0px 0px 0px 85px;
float: left;}

#memo a:link { color: #fff; text-decoration: none;}
#memo a:visited { color: #fff; text-decoration: none;}
#memo a:hover { color: #fff; text-decoration: underline;}


/* * * * * * * * * * * * * */
/* * * * * * Link  * * * * */
/* * * * * * * * * * * * * */