@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;
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: 108px;
top: 290px;
}
#leftbox2 {
position: absolute;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.8em;
color: #999;
left: 151px;
top: 342px;
font-weight: bold;
line-height: 45px;
list-style: none;
}
#rightbox {
position: absolute;
left: 603px;
top: 291px;
}
#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: 46px;
left: 634px;
top: 344px;
color: #999;
}
#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: 500px;
}
.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;
}

1./* example_6 css */  
2.#example_6 {   
3.    position: relative; /* important */  
4.    overflow: hidden; /* important */  
5.    width: 640px; /* important */  
6.    height: 540px; /* important */  
7.    margin: 0;   
8.    background: #fff;   
9.}   
10.  
11.#example_6_content {   
12.    position: absolute;   
13.    top: 0;   
14.    margin-left: 0;   
15.}   
16.  
17.#example_6_content   
18.#example_6_content li {   
19.    list-style: none;   
20.    margin: 0;   
21.    padding: 0;   
22.}   
23.    #example_6_content {   
24.        width: 13440px;   
25.    }   
26.    #container_bd #example_6 ul li {   
27.        display: block;   
28.        float: left;   
29.        margin: 0;   
30.        padding: 0;   
31.        border: none;   
32.        background-color: #fff;   
33.    }   
34.  
35.#container_bd #example_6 ul li img {   
36.    display: block;   
37.}   
38.  
39.#example_6_frame {   
40.    position: relative;   
41.    margin: 485px 131px 0 131px;   
42.}   
43.#container_bd #example_6_frame ul li {   
44.    margin: 0 2px;   
45.}   
46.#container_bd #example_6_frame ul li img{   
47.    border: 1px solid #9cf;   
48.    padding: 2px;   
49.}   
50.    #container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}   
51.              
/* example_6 css */
#example_6 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 640px; /* important */
	height: 540px; /* important */
	margin: 0;
	background: #fff;
}

#example_6_content {
	position: absolute;
	top: 0;
	margin-left: 0;
}

#example_6_content
#example_6_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#example_6_content {
		width: 13440px;
	}
	#container_bd #example_6 ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #fff;
	}

#container_bd #example_6 ul li img {
	display: block;
}

#example_6_frame {
	position: relative;
	margin: 485px 131px 0 131px;
}
#container_bd #example_6_frame ul li {
	margin: 0 2px;
}
#container_bd #example_6_frame ul li img{
	border: 1px solid #9cf;
	padding: 2px;
}
	#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}
			 
#pageBody #pageTop #contensAll #contents p {
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
font-size: 0.8em;
color: #666;
}
#pageBody #pageTop #contensAll #contents img { }
#pageBody #pageTop #contensAll #contents span {
display: block;
margin-left: 8px;
width: 175px;
}
#pageBody #pageTop #contensAll #contents ul li {
list-style: none;
float: left;
margin-left: 10px;
}
#pageBody #pageTop #contensAll #contents ul {
width: 750px;
margin-left: 10px;
}
#pageBody #pageTop #contensAll #contents a { 
}
#pageBody #pageTop #contensAll #contents a img { border: 5px solid #CCC; }
#pageBody #pageTop #contensAll #contents a img:hover { border: 5px solid #F93; }
#pageBody #pageTop #contensAll #contents #work {
margin-top: 10px;
margin-bottom: 30px;
}
#pageBody #pageTop #contensAll #contents #work2 {
margin-top: 10px;
margin-bottom: 30px;
}