@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: #FFF;
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;
border-bottom: 3px dotted #CCC;
line-height: 30px;
}
/* 基本設定　ここまで */

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

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





/* 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 ここまで */


#localPage #pageBody #pageTop #contensWrap #contents #rootList li img { margin-top: 30px; }
#localPage #pageBody #pageTop #contensWrap #side p { font-size: 0.8em; }
#side {
padding: 10px;
width: 240px;
height: auto;
}
#infomation {
color: #999999;
font-size: 0.8em;
margin-top: 30px;
margin-bottom: 20px;
}
#contensAll {
background: url(images/bg.png) repeat-y left top;
height: auto;
}
/********************************/

/*			navi				*/

/********************************/


#navi {
position: absolute;
top: 200px;
margin-right: 10px;
}
#menuTitlle {
margin: 0px;
height: 30px;
}
.menu_tittle {
margin-top: 10px;
margin-bottom: 10px;
}
/*	menu1	*/
.menuTop {
background: url(images/menu_top.gif);
height: 95px;
width: 122px;
margin: 0px;
}
/*	menu2	*/
.menuAbout {
height: 90px;
width: 122px;
background: url(images/menu.gif);
}
/* 	menu3	*/
.menuWork {
background: url(images/menu.gif);
height: 90px;
width: 122px;
}
/* 	menu4	*/
.menuContact {
background: url(images/menu_bottom.gif);
height: 105px;
width: 122px;
}
.tab { width: 120px; }
/********************************/


#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 #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;
}
#pageBody #pageTop #contensAll #side #sidetwitter { background: #FFF; }
#twitter_update_list {
float: none;
width: 220px;
text-align: left;
list-style: none;
margin: 0px;
word-wrap:break-word!important;
	margin-left:-40px;
}
#twitter_update_list li {
border-bottom: 3px dotted #CCC;
padding-bottom: 10px;
padding-top: 10px;
color: #999;
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
font-size: 0.8em;
line-height: 1.2em;
}
#twitter_update_list li a { color:#999 }
#twitter_update_list li a:hover { color:#333 }
#twitter_update_list li a:span a {
color:#F93
}
#twitter_update_list li a:span hover {
color:#F93
}
.twitter_top { width: 220px; 
}
#twitter_center { width: 220px; 
}
.twitter_right { width: 220px; }