@charset "utf-8";
@import url(./reset.css);
@import url(./basic.css);

/* -- Base Settings -- */
html {
    background-color : #666666;
}

body {
    background-color : white;
    color : #4D4D4D;
    font-size : 75%;
    margin : auto;
    width : 910px;
}

h1, h2, h3, h4, h5, h6 {
    margin : 0;
  letter-spacing : 0.2em;
}

/* -- Container Settings -- */
#container {
    background : url("../images/background/bakcground-middle.jpg") repeat-y 0px 0px;
}

/* -- Header Settings - */
#header {
    background : url("../images/background/background-top.jpg") no-repeat;
    padding : 5px 30px 0 30px;
}

#header h1 {
    float : left;
}

#header h2 {
    float : right;
}

#header-hr {
    background : url("../images/background/hr-top.jpg") no-repeat;
    height : 7px;
    clear : both;
}

#header-hr hr {
    display : none;
}

/* -- Main Settings - */
#main {
    padding : 0 30px;
}

#trademark-registry-inside {
    vertical-align : bottom;
    background : url("../images/background/hr-bottom-index.jpg") no-repeat;
    height : 44px;
    clear : both;
}

#trademark-registry-inside hr {
    display : none;
}

/* -- Content Settings - */
#content {
    float : left;
    margin-top : 30px;
    padding-left : 44px;
    width : 590px;
    background-color : white;
}

.mission {
  font-size : 102%;
  margin-top : 1em;
  margin-bottom : 2em;
}

/* -- Menu Settings - */
#menu {
    background : url("../images/menu/background-menu.jpg") no-repeat;
    background-color : white;
    float : right;
    width : 215px;
}

/* -- Footer Settings - */
#footer-hr {
    background : url("../images/background/hr-bottom.jpg") no-repeat;
    clear : both;
    height : 30px;
}

#footer-hr hr {
    display : none;
}

#footer {
    background : url("../images/background/background-bottom.jpg") no-repeat;
    height : 54px;
    padding : 0 30px;
    clear : both;
}

/* -- Topics Settings - */
h3.topics {
    margin-top : 0;
}

ul.topics {
    margin : 0;
}

.topics li {
    background : url("../images/arrow.jpg") no-repeat;
    list-style-type: none;
    margin : 0 0 2em 0;
    padding-left : 2em;
    padding-right : 1em;
}

.new {
    margin-right : 1em;
}

.past {
    text-align : right;
}

/* -- Anchor Settings - */
a {
    /**color : #67C50F;**/
    color : ForestGreen;
}

/* -- Heading Settings - */
h3 {
    font-size : 110%;
    margin-top : 1.5em;
    margin-bottom : 0.5em;
}

.list-heading {
    display : list-item;
    list-style-type : square;
    margin-bottom : 1em;
    margin-left : 15px;
}

h4 {
    font-size : 110%;
    margin-bottom : 1.5em;	
}

/* -- List Settings - */
ul, ol, dl{
    line-height : 1.3;
    margin : 1.5em 15px 1.5em 15px;
}

ol {
  margin-left:20px;
}

dl dt {
  font-weight : bold;
  letter-spacing : 0.2em;
  margin-bottom : 0.5em;
}

div.td-1 {
    width : 220px;
}

div.td-2 {
    margin-left :220px;
    margin-top : -1.3em;
}

/* -- Contents : About Takumi Lab Settings - */
.sign {
    margin-top : 2em;
    text-align : right;
}

.logo-sign {
    margin-bottom : 2em;
    margin-top : 0;
    width : 205px;
    text-align : right;
}

/* -- Takumi Style Article Settings - */

h1#takumi-style-logo {
  width : 620px;
  height :142px;
  text-align : center;
  vertical-align : middle;
}



.takumi-style h2 {
    font-size : 150%;
    letter-spacing : 0.2em;
    margin-bottom : 0.5em;
    color : ForestGreen;

}

.takumi-style h2 img {
  border-style : none;
  margin-right : 1em;
  vertical-align : middle;   
}

.takumi-style .description {
  background-color:#F0FFF0;
  padding : 0.5em;
}

.takumi-style h3 {
  border-bottom : 2px solid ForestGreen;
  font-size : 120%;
  margin-top : 2em;
  margin-bottom:1em;
}

.takumi-style h4 {
  border-left : 6px solid ForestGreen;
  font-size : 110%;
  padding-left:0.5em;
  margin-top : 1.5em;
}

.takumi-style h5 {
  font-size : 110%;
  margin-top : 1.5em;
  margin-bottom : 0.5em;
}

.takumi-style img {
  border : 1px solid gray;
}

.article-top {
  text-align : right;
}

blockquote {
  font-weight : bold;
}

/* -- Menu Settings - */
#menu ul {
    margin : 30px 15px 0px 43px;
    height : 500px;
}

#menu ul li {
    list-style-type : none;
}

#menu a:hover img {
    visibility: hidden;
}

a.menu01 {
    background: #ffffff url(../images/menu/menu01.jpg) left  top no-repeat;
    display: block;
    height: 37px;
    text-align: center;
    width: 142px;
}

a.menu01:hover {
    background: url(../images/menu/menu01-hover.jpg) no-repeat;
}

a.menu02 {
    background: #ffffff url(../images/menu/menu02.jpg) left  top no-repeat;
    display: block;
    height: 37px;
    text-align: center;
    width: 142px;
}

a.menu02:hover {
    background: url(../images/menu/menu02-hover.jpg) no-repeat;
}

a.menu03 {
    background: #ffffff url(../images/menu/menu03.jpg) left  top no-repeat;
    display: block;
    height: 37px;
    text-align: center;
    width: 142px;
}

a.menu03:hover {
    background: url(../images/menu/menu03-hover.jpg) no-repeat;
}

a.menu04 {
    background: #ffffff url(../images/menu/menu04.jpg) left  top no-repeat;
    display: block;
    height: 37px;
    text-align: center;
    width: 142px;
}

a.menu04:hover {
    background: url(../images/menu/menu04-hover.jpg) no-repeat;
}

a.menu05 {
    background: #ffffff url(../images/menu/menu05.jpg) left  top no-repeat;
    display: block;
    height: 37px;
    text-align: center;
    width: 142px;
}

a.menu05:hover {
    background: url(../images/menu/menu05-hover.jpg) no-repeat;
}


a#takumi-style-logo:hover img {
    visibility: hidden;
}
a#takumi-style-logo:hover {
  background : url(../images/takumi-lab-logo.jpg) no-repeat;
}

a#takumi-style-logo {
    background: #ffffff url(../images/takumi-style-logo.jpg) left  top no-repeat;
    display: block;
    height: 142px;
    text-align: center;
    width: 620px;
}

.link-logo {
  width : 215px;
  text-align : right;
}

#menu .link-logo a:hover img {
    visibility: visible;
}

/* -- Blog Settings - */

div#diary h2 {
  border-bottom : 1px solid ForestGreen;
  margin-top : 2em;
  margin-bottom : 1em;
  font-size : 120%;
  color : #4D4D4D;
}

div#diary ul.info {
    margin : 0;
	text-align: right;
}

div#diary .info li {
	display: inline;
	margin-right: 5px;
}

div#page {
	margin-top : 4em;
}

div#page ul {
	text-align: center;
}
div#page ul li {
	display: inline;
	margin : 0 5px;
}

div#navi h2 {
	display: none;
}

div#navi ul {
	margin: 5px 0px;
	text-align: right;
}
div#navi ul li {
	display: inline;
	margin-left: 5px;
}

div#form p {
	margin : 1em 0 1em 1.2em;
}

.comment {
	margin-left : 15px;
}

.comment h3 {
  border-bottom : 1px solid gray;
  width : 500px;
}

.pagelink {
  margin-top : 2em;
}

.pagelink p {
  text-align : center;
}

a.named {
color : #4D4D4D;
text-decoration:none;
}

a.series {
text-decoration:underline;
}