@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;
}

/* -- 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;
}

/* -- 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 : #00A0C6;
}

/* -- 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 0 15px;
}

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;
}

/* -- Contents : Vision Settings - */
.vision {
    margin-left : -44px;
}

/* -- Contents : Profile Settings - */
.profile {
    float: right;
    margin-left: 3em;
}

/* -- Takumi Style Article Settings - */

h1.takumi-style-logo {
  width : 205px;
  height :60px;
  text-align : center;
  vertical-align : middle;
  padding-top : 41px;
  padding-bottom : 41px;
}

.takumi-style h2 {
    font-size : 200%;
    letter-spacing : 0.2em;
    margin-bottom : 0.5em;
    color : #00A0C6;
    height : 60px;

}

.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 : 1px solid #00A0C6;
  margin-top : 2em;
}

.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: 127px;
}

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: 127px;
}

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: 127px;
}

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: 127px;
}

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: 127px;
}

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

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

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

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

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

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

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

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

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

.method{
text-align:center;
color:#D6C046;
letter-spacing:0.1em;
font-size:180%;
margin-top: 4em;
}

.service h3{
  color:#07367C;
}