@charset "UTF-8";

/* BASE---------------------------------------------------- */

* { padding: 0; margin: 0; }

body {
      font-family: Hiragino Maru Gothic Pro,"�q���M�m�ۃS Pro W4", "�l�r �o�S�V�b�N","Osaka", verdana, arial, sans-serif;
      font-size: 12px;
      color: #222;
      background-color: #ffffff;
}

img {
      border: none;
}

a:link {
      color: #222222;
      text-decoration: underline;
}

a:visited {
      color: #666666;
      text-decoration: underline;
}

a:hover {
      color: #00cccc;
      text-decoration: underline;
}

h1 {
      color:#33cc33;
      padding: 0px;
      font-size: 14px;
}

h2 {
      color:#222222;
      margin-bottom: 10px;
      padding: 0px;
      font-size: 14px;
}

/*
h2 {
      color:#acacac;
      font-size: 16px;
      margin-bottom: 10px;
      padding-bottom: 16px;
      background: url(http://tomorix.com/img/dotline.gif) ;
      background-repeat: no-repeat;
      background-position: 0 26px;
}
*/

h3 {
      color:#00cccc;
      margin-bottom: 10px;
      padding: 0px;
      font-size: 16px;
}

h4 {
      color:#999;
      font-style: normal;
      margin-bottom: 8px;
      padding: 0px;
      font-size: 14px;
}

p {
      font-size: 12px;
      letter-spacing: 0.1em;
      line-height: 20px;
      padding-bottom: 10px;  
}

p#summary {
      margin: 0 0 20px 0;
      padding: 0px;
      line-height: 20px;
}

p#summary2 {
      margin-bottom: 10px;
	  padding-bottom: 10px;
}

#wrapper { 
      margin-left:20px;
      width: 930px;

}
#header {
      color: #333;
      width: 930px;
      float: left;
      padding: 0px;
      margin: 12px 0px 16px 0px;
      background: #fff;
}

#menu { 
      color: #00cccc;
      margin: 0px;
      padding: 0px;
      width: 130px;
      height: 100%;
      float: left;
}

#menu ul {
      list-style-type: none;
      margin-top: 10px;
      margin-left: 16px;
      padding: 0;
}

#menu li {
      font-size: 16px;
      margin-bottom: 16px;
}

#menu a:link {
      color: #222222;
      text-decoration: none;
}

#menu a:visited {
      color: #222222;
      text-decoration: none;
}

#menu  a:hover {
      color: #00cccc;
      text-decoration: none;
}



.mbut {
      margin: 10px 0px;
      padding: 0px 0px 0px 16px;
      font-size: 16px;
}

#contents { 
      float: right;
      background: #fff;
      margin: 8px 0px 0px 0px;
      padding: 0px;
      width: 800px;
}
#footer { 
      float: right;
      color: #333;
      background: #fff;
      margin-top: 20px;
	  margin-bottom: 20px;
      padding-top: 12px;
      width: 800px;
      text-align: left;
      /*background: url(../img/dotline.gif) no-repeat ;*/
}

.address	{
      color: #666666;
      font-size: 12px;
      font-style: normal;
      margin: 0px 0px 0px 5px;
      float: left;
}

.counter {
      margin-right: 50px;
      padding: 0;
      float: right;
}


/*Index*/

div#main-image {
      margin-bottom: 30px; 
      padding: 0px;
}

dl.update {
      margin: 0px; 
      padding: 0px;
      line-height: 20px;
      background-color: #ffffff;
}

dl.update dt {
      float: left;
      clear: both;
      font-size: 12px;
      color: #666666; 
	  margin: 0px;
	  padding: 0px 0px 3px 5px;
}

dl.update dd {
      font-size: 12px;
      color: #222222; 
      margin-left: 90px;
	  padding: 0px 0px 3px 0px;
}

/*Index*/

/*Illustration*/

div#gallery {
      width: 800px;
      margin: 0;
      padding: 0;

}

.illust	{
      width: 800px;
      margin-top: 0;
      margin-bottom: 12px;
      padding: 0;
      float:left;
}

.illust ul {
      list-style: none;
      margin: 0;
      padding: 0;
}

.illust li {
      float:left;
      padding-left: 10px;
      padding-bottom: 16px;
}

/*Illustration*/

/*Profile*/

div#profile {
      width: 800px;
      margin: 0;
      padding: 0;

}

#profile_l {
      width: 270px;
      margin: 0;
      padding: 0;
      float:left;
	  /*display:inline;*/
}

#profile_r {
      width: 526px;
      margin: 0;
      padding: 0;
      float:right;
}

#profile_r dl {
      margin: 10px 0 40px 30px;
}

#profile_r dl dt {
      font-size: 14px;
      font-weight: bold;
      color: #00cccc;
      margin-bottom: 5px;
}

#profile_r dl dd {
      font-size: 12px;
      color: #222222;
      line-height: 1.8em;
      margin: 0 0 14px 5px;
	  }
	  
#profile_r .pro_w {
      margin: 0;
      padding-left: 14px;
	  
      line-height:1.8em;
}

#profile_l img{
      margin: 0;
}
	  
/*Profile*/
	  
/*Links*/

div#links {
      width: 666px;
      margin-top: 20px;
      padding: 0;
}

#links ul {
      list-style: none;
      margin: 0px 0 40px 0;
      padding-left: 10px;
}

#links li {
      display: inline;
      font-size: 12px;
      margin-right: 16px;
}

#links p{
      padding: 0 0 0 10px;
}

/*Links*/

/*Contact*/

#contact_l {
      width: 310px;
      float:left;
}

#contact_r {
      width: 360px;
      float:right;
	  margin: 0;
	  padding-top: 70px;
}

#contact_l img {
      margin: 16px 0 20px 0;
      padding: 0;
}

#contact_r .mail {
      font-size: 13px;
      background: url(http://tomorix.com/img/arrow.gif) ;
      background-repeat:no-repeat;
      background-position:0px 4px;
      padding-left: 16px;
      margin: 8px 0 0 40px;
}

/*Contact*/