@charset "utf-8";
/* 基本設定　ここから */

body {
margin: 0px;
padding: 0px 0px 20px;
background: #EBEBE2;
border-width: 0px;
border-style: none;
}
a:link {
color: #666;
text-decoration: none;
}
a:visited {
color: #666;
text-decoration: none;
}
a:hover {
color: #F60;
text-decoration: none;
}
a:active { }
h1,
h2,
h3 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
img { border-width: 0; }
hr { display: none; }
h1 {
float: left;
z-index: 2;
position: absolute;
padding-top: 40px;
}
h2 {
padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
font-weight: normal;
color: #F93;
border-bottom: 3px dotted #CCC;
margin-bottom: 20px;
}
address {
color: #CCC;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
position: absolute;
margin-top: 25px;
margin-left: 360px;
}
h3 {
margin-bottom: 10px;
font-size: 30px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #F93;
font-weight: normal;
height: 37px;
width: 205px;
}
/* 基本設定　ここまで */

/* レイアウト　ここから */

#pageBody {
width: 970px;
margin-right: auto;
margin-left: auto;
padding-bottom: 0px;
background: #EBEBE2 url(images/bg.png) repeat-y left;
}
#contents {
width: 750px;
float: left;
color: #666;
margin-left: 150px;
}
#side {
width: auto;
float: right;
margin-right: 30px;
}
/* レイアウト　ここまで */

/* pageTopへのリンクテキスト　ここから */

#gotoTop {
clear: both;
font-size: 0.7em;
text-align: right;
text-transform: uppercase;
margin: 0px 40px 5px 0px;
padding: 0px;
}
/* pageTopへのリンクテキスト　ここまで */

/* Sitemapへのリンクテキスト　ここから */

#siteMap {
font-size: 0.7em;
float: right;
text-transform: uppercase;
margin-bottom: 0px;
margin-right: 10px;
margin-top: 0px;
}
/* Sitemapへのリンクテキスト　ここまで */



/* TOP　ここから */

p#welcomeMessage {
color: #999999;
font-size: 0.8em;
line-height: 1.5em;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
/* TOP ここまで */

/* CONTACT　ここから */


select#subject { border: 1px solid #CCCCCC; }
input#name,
input#tel,
input#email {
width: 200px;
border: 1px solid #CCCCCC;
}
textarea {
width: 275px;
border: 1px solid #CCCCCC;
}
input#contact2 { margin: 0px 0px 0px 50px; }
td#checkBoxData p {
width: 110px;
margin: 0px 10px 0px 0px;
float: left;
}
#submit {
border-top: 1px solid #FCB685;
border-right: 1px solid #CE5E0F;
border-bottom: 1px solid #CE5E0F;
border-left: 1px solid #FCB685;
color: #FFFFFF;
margin-right: 10px;
background: #FB791E;
width: 68px;
}
#reset {
color: #FFFFFF;
width: 68px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #CCCCCC;
background: #898989;
}
.notes {
font-size: 0.8em;
color: #663300;
}
.leadText {
font-size: 0.8em;
line-height: 1.5em;
margin: 17px 10px 15px;
}
/* CONTACT　ここまで */

#localPage #pageBody #pageTop #contensWrap #contents #rootList li img { margin-top: 30px; }
#localPage #pageBody #pageTop #contensWrap #side p { font-size: 0.8em; }
/* フラッシュ ここまで */

/* SiTEMAP ここから */

.sitemapList {
float:left;
margin: 0px 0px 20px;
padding: 0px 0px 0px 10px;
width: 200px;
}
.sitemapList dt {
margin: 0px 0px 5px;
padding: 0px;
}
.sitemapList dd {
font-size: 0.8em;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.sitemapList ul a:link {
margin: 0px;
padding: 0px;
list-style: none;
}
.sitemapList ul a:visited {
color: #663300;
text-decoration: none;
}
.sitemapList ul a:hover {
color: #FF6600;
text-decoration: none;
}
.sitemapList ul a:active {
color: #000000;
text-decoration: none;
}
#pageBody #pageTop #side #tuitterMessage {
font-size: 0.7em;
color: #999999;
}
#leftbox {
position: absolute;
left: 198px;
top: 762px;
}
#leftbox2 {
position: absolute;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.8em;
color: #999;
left: 232px;
top: 818px;
font-weight: bold;
line-height: 52px;
list-style: none;
height: 249px;
}
#rightbox {
position: absolute;
left: 638px;
top: 761px;
}
#rightbox2 {
position: absolute;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.8em;
font-weight: bold;
list-style: none;
line-height: 56px;
left: 685px;
top: 817px;
color: #999;
height: 381px;
}
#contentsall {
width: 750px;
padding-right: 0px;
padding-left: 75px;
}
#side {
border-radius: 20px;         /* CSS3 */
-moz-border-radius: 20px;    /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
background: #EBEBE2;
border: 3px dotted #999;
padding: 10px 10px 10px 15px;
}
#infomation {
color: #999999;
font-size: 0.8em;
margin-top: 30px;
margin-bottom: 20px;
}
#pageBody #pageTop img { }
#header_text {
z-index: 5;
position: absolute;
}
#contensAll {
background: url(images/bg.png) repeat-y left top;
height: auto;
}
.menuTop {
background: url(images/menu_top.gif);
height: 95px;
width: 122px;
margin: 0px;
}
#navi {
position: absolute;
top: 200px;
margin-right: 10px;
}
.tab { width: 120px; }
.menuAbout { background: url(images/menu_about.gif); }
.menuAbout {
height: 90px;
width: 122px;
background: url(images/menu.gif);
}
.menuWork {
background: url(images/menu.gif);
height: 90px;
width: 122px;
}
.menuContact {
background: url(images/menu_bottom.gif);
height: 105px;
width: 122px;
}
#pageBody #pageTop #contensAll #side .twitter_right img { margin: 5px; }
.twitter_right { text-align: left; }
.menu_tittle {
margin-top: 10px;
margin-bottom: 10px;
}
#menuTitlle { }
#menuTitlle {
margin: 0px;
height: 30px;
}
#bottom {
background: #666;
height: 50px;
margin: 0px;
}
.bottom {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 13px 0px 0px 360px;
clear: both;
position: absolute;
width: 250px;
}
ul .bottom {
float: left;
margin-left: 50px;
list-style: none;
position: relative;
}
.bottom li {
float: left;
list-style: none;
margin-right: 20px;
}
#footer {
height: 60px;
position: absolute;
width: 100%;
margin-bottom: 0px;
background: #666;
}
#footer img { }
#footer #bottom_rogo {
position: absolute;
margin-left: 300px;
margin-top: 10px;
text-align: center;
}
#footer .bottom li .home { color: #CCC; }
#footer .bottom ul { margin-left: 50px; }
#footer .bottom li .about { color: #CCC; }
#footer .bottom li .work { color: #CCC; }
#footer .bottom li .contact { color: #CCC; }
#footer #adress {
font-family: Arial, Helvetica, sans-serif;
color: #CCC;
margin-top: 32px;
margin-left: 360px;
position: absolute;
font-size: 12px;
}
#footer .bottom li a { color: #CCC; }
#footer .bottom li a:hover { color: #FFF; }
#footer #twitter_icon {
margin-left: 700px;
position: absolute;
margin-top: 10px;
}
.tooltip {
margin: 0;
list-style: none
}
.tooltip li {
margin: 0;
float: left;
position: relative;
text-align:center;
}
.tooltip a {
display: block;
text-decoration: none;
font-weight: bold;
width:150px;
padding-top: 5px;
padding-bottom: 5px;
}
.tooltip li span {
background: #FFC;
border: 1px solid #fc6;
height: 80px;
position: absolute;
top: -85px;
left: 0;
text-align: center;
padding: 20px 12px 10px;
z-index: 2;
display: none;
width: 80px;
}
#pageBody #pageTop #contensAll #contents table {
color: #999;
font-size: 0.9em;
margin-top: 30px;
margin-bottom: 30px;
}
span {
font-size: 10px;
display: block;
color: #999;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
th {
font-size: 14px;
color: #F93;
text-align: left;
margin-left: 30px;
font-weight: bold;
font-variant: normal;
text-transform: none;
}
#pageBody #pageTop #contensAll #contents table tr .table { margin-right: 10px; 
}
#pageBody #pageTop #contensAll #contents table tr .table txt { margin-left: 20px; }
#pageBody #pageTop #contensAll #contents table { }