@charset "utf-8";
#form {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.formtable	{
	border: 1px solid #DDD;
	width: 100%;
	text-align: left;
}


.formtable th	{
	border: 1px solid #DDD;
	color: #666;


	background-image: url(../img/table_bg.jpg);
	background: url(../img/table_bg.jpg) repeat-x bottom;
	padding: 10px;
	text-align: center;
}

.formtable td	{
	border: 1px solid #DDD;
	color: #333;
	padding: 10px;
}
.formtable thead tr td h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #F00;
}
/* CSS Document */

body {
	background: #999 url(../img/bg.jpg) repeat-x fixed top;
	margin: 0px;
	padding: 0px;
	font: 14px/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	clear: both;
}
#wrap {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	background: #FFF url(../img/wrap_bg.png) repeat-y center top;
	clear: both;
	padding-top: 10px;
	text-align: center;
}

#h1 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 12px;
}

#header {
	background: url(../img/head.png) no-repeat;
	height: 115px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#menu {
	height: 60px;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}

#topimage {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#tokucho_title {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}


#tokucho_01 {
	width: 980px;
	margin: 0px auto 10px;
	padding: 0px;
	background: url(../img/tokucho_text_bg.jpg) no-repeat center top;
	clear: both;
}

#tokucho_01_img01 {
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	clear: right;
	float: left;
	overflow: auto;
	border-style: none;
}
#tokucho_01_text {
	text-align: left;
	font-size: 14px;
	line-height: 180%;
	font-weight: normal;
	color: #333;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 410px;
	left: 45px;
	overflow: auto;
	font-style: normal;
	clear: right;
	float: left;
}
#tokucho_01_img02 {
	position: relative;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px 40px 0px 22px;
	float: right;
	clear: right;
	left: 0px;
	bottom: 0px;
	overflow: auto;
	border-style: none;
}


#tokucho_02 {
	background: url(../img/tokucho_02-1.jpg) no-repeat center top;
	text-align: left;
	width: 980px;
	height: 316px;
	clear: both;
	margin: 0px auto;
}
#tokucho_02_2 {
	width: 980px;
	clear: both;
	margin: 10px auto 20px;
	padding: 0px;
}
#tokucho_02_2_text  {
	font-size: 14px;
	line-height: 170%;
	font-weight: normal;
	color: #333;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	font-style: normal;
}

#tokucho_02_2 img {
	float: right;
	margin: 0px;
	clear: left;
	padding: 0px 34px 0px 20px;
}



#tokucho_03 {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	text-align: left;
}
.tokucho_03_text {
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #644300;
	margin: 0px;
	padding: 0px 0px 10px 38px;
}


#tokucho_03 h4 {
	font-size: 14px;
	font-style: normal;
	line-height: 170%;
	font-weight: normal;
	color: #333;
	text-align: left;
	margin: 0px auto;
	width: 900px;
	padding: 0px;
	clear: left;
}

#pagetop {
	background: url(../img/pagetop_bg.png);
	text-align: right;
	width: 980px;
	margin: 20px auto;
	clear: both;
}



#pagetop a img {
	border-style: none;
}
#bousui_title {
	background: url(../img/bousui_title.jpg) no-repeat;
	height: 138px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#bousui_01 {
	background: url(../img/bousui_01.jpg) no-repeat center top;
	height: 200px;
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
}
#bousui_01 h4 {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-align: left;
	line-height: 170%;
	width: 500px;
	margin: 0px;
	padding: 20px 0px 0px 45px;
	float: left;
	clear: both;
}
#bousui_02 {
	background: url(../img/bousui_02.jpg) no-repeat center top;
	height: 200px;
	width: 980px;
	clear: both;
	margin: 0px auto;
	padding: 0px;
}
#ceramic {
	font-size: 14px;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	width: 920px;
	text-align: left;
	margin: 0px auto 10px;
	padding: 0px 0px 0px 30px;
	color: #0076A3;
	clear: both;
}
#ceramic img {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
}



#bousui_03 {
	background: url(../img/bousui_03.jpg) no-repeat;
	height: 340px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#form_navi {
	background: url(../img/form_navi.jpg) no-repeat;
	height: 320px;
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
}
#form_navi_but {
	position: relative;
	left: 684px;
	top: 220px;
	width: 246px;
	height: 83px;
	margin: 0px;
	padding: 0px;
}
#form_navi_but a img {
	border-style: none;
	margin: 0px;
	padding: 0px;
}

#gall {
	width: 980px;
	clear: both;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

#gall_title {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
}
#gall_title h4 {
	font-size: 14px;
	line-height: 170%;
	font-weight: normal;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 880px;
}

#gall_tate {
	height: 170px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-bottom: 30px;
	padding: 0px;
	border-style: none;
}



/* --- ギャラリーエリア --- */
ul.thumbnail {
	width: 100%; /* リストエリアの幅 */
	margin: 0;
	padding: 10px 0 0; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
	width: 19.9%;
	margin-bottom: 20px; /* 項目の下マージン */
	text-align: center;
	float: left;
}

/* --- 画像 --- */
ul.thumbnail img {
	padding: 8px; /* 画像のパディング */
	background-color: #ffffff; /* 画像の背景色 */
	border: 1px solid; /* 画像の境界線 */
	border-color: #c0c0c0 #c0c0c0 #c0c0c0 #c0c0c0; /* 画像の境界線色（上右下左） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}



#price {
	height: 72px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#price_A {
	background: url(../img/price_A.png) no-repeat;
	height: 337px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#price_B {
	background: url(../img/price_B.png) no-repeat;
	height: 333px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#price_C {
	background: url(../img/price_C.png) no-repeat;
	height: 336px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#price_D {
	background: url(../img/price_D.png) no-repeat;
	height: 333px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#price_E {
	background: url(../img/price_E.png) no-repeat;
	height: 337px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#price_F {
	background: url(../img/price_F.png) no-repeat;
	height: 262px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#price_MARU {
	background: url(../img/price_MARU.png) no-repeat;
	height: 598px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#voice {
	background: url(../img/voice.png) no-repeat center top;
	width: 980px;
	margin: 0px auto 20px;
	padding: 0px;
}
#voice h4 {
	font-size: 14px;
	line-height: 170%;
	font-weight: normal;
	color: #333;
	text-align: left;
	width: 880px;
	padding: 0px 0px 0px 45px;
	margin: 0px auto 20px;
}


#FAQ {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
}
#FAQ h4 {
	font-size: 14px;
	font-style: normal;
	line-height: 170%;
	font-weight: normal;
	color: #333;
	text-align: left;
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 60px;
	width: 880px;
}


#form_title {
	//background: url(../img/form_title.jpg) no-repeat;
	height: 277px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
        display:none;
}

#footer {
	font-size: 12px;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	color: #333;
	background: #EFEFEF;
	padding: 20px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #666;
}

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

a:link {
	color: #06C;
	text-decoration: underline;
}
a img {
	border-style: none;
}


a:visited {
	color: #06C;
	text-decoration: underline;
}

a:hover {
	color: #F00;
	text-decoration: none;
}

#mail_top {
	background: url(../img/mail_top.jpg);
	height: 114px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

.red {
	color: #F00;
}