@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
}
body {
	background-color: #fff;
	margin: 0px;
}

h1 {
	display: inline;
	float: left;
	font-size: 10px;
	color: #FFFFFF;
	line-height:8px;
}

div#hoge a:hover img
{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; }

a:link {
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
a:visited {
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	color: #CCC;
	font-weight: bold;
	text-decoration:none;
}

*.floatclear { clear: both; }

img { border-style: none }

.style1 {
    font-size: 30px;
	color: #006600;
}

.spec {
	font-size: 10px;
    line-height:12px;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
}

#header {
	width: 960px;
	margin: 0 auto;
}
#header #logo {
	text-indent:-9999px;
	width: 230px;
	height: 78px;
	margin: 20px 0px;
	float: left;
	background-image: url(../images/common/logo.png);
}
#header #logo a:hover { 
    -ms-filter: "alpha( opacity=50 )"; 
	filter: alpha(opacity=50); 
	opacity:.50; 
}

#header #goichi_info {
	text-indent:-9999px;
	width: 329px;
	height: 36px;
	margin: 41px 0px;
	float: right;
	background-image: url(../images/common/info.png);
}

#menu ul{ 
width: 960px;
margin: 0 auto; 
padding: 0; 
list-style: none; 
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}
#menu li a{
display: block; 
border-left: 1px solid #999;
background-color: #FFF;
padding: 4px 10px;
text-decoration: none;
color: #000;
width: 171px; 
margin: 0px;
text-align: left;
font-size: 12px;
}
#menu li a:hover{
border-left: 1px solid #999;
background-color: #efefef;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#page_title {
	width: 960px;
	height: 70px;
	margin: 40px auto 0px auto;
}

#index_info {
	width: 960px;
	height: 200px;
	margin: 0px auto 20px;
}


#pagetop {
	width: 960px;
	height: 10px;
	margin: 40px auto 0px;
	text-align:right;
	font-size:10px;
}
#footer {
	width: 960px;
	height: 20px;
	margin: 10px auto 10px;
	text-align:center;
	font-size:12px;
	border-top:1px solid #CCC;
}

.form {
margin: 0px auto;
width: 715px;
text-align: left;
}

.form table {
margin: 0px auto;
border: 2px solid #000;
width: 715px;
}

.form table .abs {
margin-left: 3px;
color: #f00;
}

.form table th {
border-bottom: 1px dashed #000;
width: 40%;
}

.form table td {
border-bottom: 1px dashed #000;
width: 60%;
}

.form table th,
.form table td {
padding: 5px;
vertical-align: top;
text-align: left;
font-weight: normal;
}

.form table td.submit {
border: 0;
text-align: center;
}

#title {
display: block; 
border-left: 1px solid #999;
background-color: #FFF;
padding: 4px 10px;
text-decoration: none;
color: #000;
width: 940px; 
margin: 40px auto 10px;
text-align: left;
font-size: 12px;
font-weight: bold;
}

#left {
	width: 280px;
	margin:40px auto 0px;
	float: left;
}
#right {
	width: 660px;
	margin:40px auto 0px;
	float: right;
	text-align:left;
}

#left #goichi {
	text-indent:-9999px;
	width: 280px;
	height: 500px;
	background-image: url(../images/goichi/title.jpg);
}
#left #urushi {
	text-indent:-9999px;
	width: 280px;
	height: 500px;
	background-image: url(../images/urushi/title.jpg);
}
#left #kawada {
	text-indent:-9999px;
	width: 280px;
	height: 500px;
	background-image: url(../images/kawada/title.jpg);
}
#left #contact {
	text-indent:-9999px;
	width: 280px;
	height: 500px;
	background-image: url(../images/contact/title.jpg);
}
#left #akiramatsuda {
	text-indent:-9999px;
	width: 280px;
	height: 500px;
	background-image: url(../images/artist/akiramatsuda/title.jpg);
}
#left #hosenmatsuda {
	text-indent:-9999px;
	width: 280px;
	height: 500px;
	background-image: url(../images/artist/hosenmatsuda/title.jpg);
}