@charset "UTF-8";

* {margin:0;
padding:0;
letter-spacing:0.15em;}

html {text-align:center;}

a{text-decoration:none;
color:#356AA0;}

strong{
font-weight:normal;}

img{border:none;
padding:0;
margin:0;}

#wrp{
	text-align: left;
	width: 900px;
	margin: 40px auto 30px auto;
	padding:0 0 40px 0;
	font-family: "MS 明朝",verdana, arial, helvetica, Osaka, Sans-Serif;
	color:#333;
}

#extra{
	padding: 0px;
	width: 130px;
	float: left;
	text-align: left;
}

#nav{
	margin-top: 160px;
}

ul{
	list-style-type: none;
	font-family: "MS 明朝", verdana, arial, helvetica, Osaka, Sans-Serif;
}

ul li{
	margin: 10px;
}



h1 {
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 70px;
	margin-bottom: 50px;
}

#main{	height:480px;	width: 745px;border: 1px solid #ccc;	float: right;}

#news #main{	background-image: url(images/white.jpg);}
#index #main{border:none;}

#contents{	height:480px;width:555px;float:right;padding-right:20px;overflow:auto;font-size:x-small;}


#link #contents,#profile #contents{padding-top:40px;height:440px;font-size:x-small;}

#shop #main{	background-image: url(images/shopback.jpg);}

#subnav{
width:140px;
font-size:x-small;
float:left;
padding:30px 0 20px 20px ;
overflow:auto;
height:430px;}

#subnav ul li{
margin:10px;}

#footer{
padding:0px 0px 20px 0;
text-align:right;
clear:both;}

h2{	background-repeat: no-repeat;	text-indent: -9999px;	padding: 10px;}
	
#works h2{	background-image: url(images/big-works.jpg);}

#gallery h2{background-image: url(images/big-gallery.jpg)}

#profile h2{background-image: url(images/big-profile.jpg)}

#contact h2{background-image: url(images/big-contact.jpg);}

#link h2{background-image: url(images/big-link.jpg)}

#news h2{background-image: url(images/big-news.gif)}

#shop h2{background-image: url(images/big-shop.gif)}

dl,.gbox{
clear:both;}

dt,h3,{font-weight:bold;font-size:small;margin:40px 0 20px 0;border-bottom:2px dotted #ccc;}

#contents h3{font-weight:bold;font-size:small;margin:40px 0 20px 0;border-bottom:2px dotted #ccc;}

#gallery h3{font-size:small;margin:40px 0 0 0;border-bottom:2px dotted #ccc;}

.subtitle{
text-align:right;
margin-bottom:30px;
font-size:0.9em;}


dd,.gp{
font-size:x-small;
padding:20px;
line-height:1.8em;}

.imagebox{
margin:30px 0;}

.imagebox ul li{
display:block;
float:left;
margin:20px;}

.imagebox img{
border:1px solid #ccc;}

#face{float:left;
}

.vcard{
margin:0 0 0 30px;
line-height:2em;}

.adr{
margin-top:1em;}

#profile #main img{
margin:10px 70px 30px 50px;}

#career dd{
line-height:2em;
font-size:small;}

h3{
clear:both;}

table{
width:500px;
border:none;}
caption{
text-indent:-9999px;}

td{
padding:10px 0;}
.date{
width:203px;}

.career{
width:285px;}

.backtotop{
text-align:right;
font-size:small;
clear:both;}


#address{
width:230px;
padding-top:20px;
float:left;
font-size:x-small;
}

#map{
width:500px;
float:right;}

dt{font-weight:bold;
font-size:small;
margin:40px 0 20px 0;
border-bottom:2px dotted #ccc;}

#subnav ul{
	list-style-type: none;
}

.linknav{
list-style-type:none;
margin:30px 10px;
}

#linkul{
margin-left:100px;
}

#contact h2{
margin:30px 0 0 20px;
padding:0;
}