/*---base---*/

body{
font-family:"MS P明朝", "ヒラギノ明朝 Pro W3", "平成明朝",serif;
/*font-family:Meiryo, Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:175%;
text-align: center;
color:#000000;
}

*{
margin:0px; 
padding:0px}

h1, h2, h3, h4, h5, h6{
font-size:100%; 
font-weight:lighter}

img{
border-width:0px; 
border-style:none; 
vertical-align:top}

#wrapper{
margin:0 auto 0; 
width:900px; 
text-align:left}

#header{
width:900px; 
height:150px; 
float:left; 
position:fixed; 
top:0; 
left:center; 
background-image:url(../img/header-bg.png); 
z-index:2}

#header h1{
padding:60px 0 0; 
float:left}

a:link, a:visited{
color:#666666; 
text-decoration:none}

a:active, a:hover{
color:#000000; 
text-decoration:underline}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contents{
width:900px; 
float:left; 
padding:150px 0 30px; 
overflow:hidden}

#contents a:link, 
#contents a:visited, 
#contents a:active, 
#contents a:hover{
color:#0066CC}

#contents h2{
width:900px; 
float:left; 
line-height:40px; 
font-size:225%; 
letter-spacing:5px; 
padding-bottom:20px;
font-weight:bold;}

.article{
width:900px; 
float:left; 
padding-bottom:50px}

.article p{
padding-bottom:15px}

.text01 {
	width:900px;
	float:left;
}

/*---nav---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header #nav{
float:right; 
list-style-type:none; 
margin:80px 0 0}

#header #nav li{
float:left; 
display:inline; 
margin:0 0 0 10px}

#header #nav li a img{
filter:Alpha(opacity=50); 
-moz-opacity:0.50; 
opacity:0.50}

#header #nav li a:hover img{
filter:Alpha(opacity=100); 
-moz-opacity:1.00; 
opacity:1.00}

#header #icon{
float:right; 
list-style-type:none; 
margin:72px 0 0 10px; 
display:inline}

#header #icon li{
float:left; 
display:inline; 
margin:0 0 0 10px}

/*#backnav{
position:fixed; 
bottom:30px; 
right:30px}

#backnav a img{
filter:Alpha(opacity=50); 
-moz-opacity:0.50; 
opacity:0.50}

#backnav a:hover img{
filter:Alpha(opacity=100); 
-moz-opacity:1.00; 
opacity:1.00}*/
/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#top-news{
width:600px; 
height:200px; 
background:url(../img/top-news.gif); 
background-repeat:no-repeat; 
float:left}

#top-news dl dt{
line-height:20px; 
font-size:165%; 
font-weight:bold; 
letter-spacing:10px; 
padding:20px 0 15px 20px}

#top-news dl dd{
height:135px; 
overflow:auto; 
margin:0 10px 0 20px}

#top-news dl p{
width:550px;
padding:0 0 10px 0; 
float:left}

#top-twitter{
float:right}

/*--about---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.profile{
float:left}

.profile dt{
width:260px; 
float:left}

.profile dd{width:300px; 
float:left;}

.profile td{
padding-right:10px}

.profile h3{
font-weight:bold; 
padding-bottom:5px}

.staff-name{
font-size:180%; 
margin-right:10px}

/*--works---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.works{
width:910px; 
float:left; 
list-style-type:none}

.works li{
	width:120px;
height:180px; 
float:left; 
display:inline; 
margin:0 10px 0 0; 
text-align:center}

.thumb01 {
	width:900px;
	float:left;
	padding-bottom:30px;
}

.thumb01 li{
	float:left;
	display:inline;
	margin:0 10px 0 0;
}

.list01 {
float:left;
padding-left:30px;
padding-bottom:30px;
}

.list03 {
	width:900px;
float:left;
padding-bottom:30px;
list-style-type:none;
}

.list03 a{
float:left;
background-repeat:no-repeat;
background-position:0 50%;
text-indent:16px;
font-weight:bold;
}

.list03 a:link,
.list03 a:visited{
background-image:url(../img/link01.gif);
}

.list03 a:hover,
.list03 a:active{
background-image:url(../img/link01-ov.gif);
text-decoration:none;
}

/*--media---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.media{
width:910px; 
float:left; 
list-style-type:none}

.media li{
height:200px; 
float:left; 
display:inline; 
margin:0 10px 0 0; 
text-align:center}

/*--contact---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contact-form{
width:560px; 
float:left}

#contact-form dl{
width:560px; 
float:left}

#contact-form dl dt{
width:200px; 
float:left}

#contact-form dl dd{
width:360px; 
float:right}

#contact-box{
width:340px; 
float:left}

#contact-box img{
margin:10px 40px 40px}

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer{
font-family:Meiryo, Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
width:900px; 
height:120px; 
float:left;
position:relative;
line-height:85%}

#footer #banner{
position:absolute;
top:0;
right:0;
list-style-type:none}

#footer #banner li{
float:left; 
display:inline; 
margin:0 0 0 10px}

#footer-nav{
float:left; 
list-style-type:none}

#footer-nav li{
float:left; 
display:inline; 
font-size:65%; 
margin:0 10px 5px 0}

#footer-nav li a{
color:#000; 
font-weight:bold}

address{
width:900px;
float:left; 
font-size:65%; 
font-style:normal; 
color:#666}

/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.image-border01 a{border:none; overflow:hidden; float:left}
.image-border01 a img{border:none; overflow:hidden; float:left}
.image-border01 a:link{border:4px solid #ffffff}
.image-border01 a:link img{margin:-4px}
.image-border01 a:hover{border:0px}
.image-border01 a:hover img{margin:0px}

/*tooltip*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#tooltip{
position:absolute; 
z-index:3000; 
border:1px solid #ddd; 
background-color:#eee; 
padding:5px; 
opacity:0.85}

#tooltip h3, #tooltip div{margin:0}