@charset "utf-8";
/* CSS 陶芸教室さまへのご案内-page */

/*** [homepage] ボディ ****/
/*** @group body ******************************************************************************/

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

body {
	background: url(../images/affiliate/bg-body.gif) repeat-x left top;
}

#wrapper {
	width: 760px;
	height: 100%;
	min-height: 100%;
	margin: 0px auto 0px auto;
}

.clear {
	clear: both;
}

span.bf {
	visibility: hidden;
	text-indent: -9999px;
}

span.bf02 {
	visibility: hidden;
	text-indent: -9999px;
	display: none;
}

/*** [color] 文字 ****/
/*** @group moji-color ****************************************************************************/

.moji-red {
	color: #FB565E;
	font-weight: bold;
}

.moji-blue {
	color: #66C7D0;
	font-weight: bold;
}

/*** [サイズ] 文字 ****/
/*** @group moji ****************************************************************************/

.moji-size12 {
	font-size: 12px;
}

/*** [Link] 文字 ****/
/*** @group moji-Link ****************************************************************************/

.moji-Link01 a {
	color: #66C7D0;
	text-decoration: underline;
}

.moji-Link01 a:hover {
	color: #2880C3;
	text-decoration: none;
	background-color: #D5F7FA;
}

/*** [h1] ヘッダー ****/
/*** @group header ****************************************************************************/

#header {
	padding: 0px;
	height: 59px;
	width: 760px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

#head-left {
	padding: 0px;
	height: auto;
	width: 155px;
	margin: 14px 0px 0px 10px;
	display: inline;
	float: left;
}

#head-right {
	padding: 0px;
	height: auto;
	width: 133px;
	margin: 10px 7px 0px 0px;
	display: inline;
	float: right;
}

h1#Logo {
    padding: 0px;
	height: 35px;
	width: 155px;
	margin: 0px 0px 0px 0px;
	background: url(../images/affiliate/h1-Logo.gif) no-repeat;
	display: block;
}

/* [navigation] start */
.head-banner {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 16px;
	width: 133px;
	overflow: hidden;
	display: block;
}

.head-banner ul {
	height: 16px;
	width: 133px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}

.head-banner ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

.head-banner ul li a {
	padding: 0px;
	margin: 0px;
	width: 133px;
	height: 16px;
	text-decoration: none;
	float: left;
	display: block;
	border: 0px;
}

.head-banner ul li.headbanner-01 a {
	background: url(../images/affiliate/button-close.gif) no-repeat;
}

.head-banner ul li.headbanner-01 a:hover {
	background: url(../images/affiliate/button-close_over.gif) no-repeat;
}

/*** [h2] サイトワイズ ****/
/*** @group sitewise ****************************************************************************/

h2#sitewise {
	padding: 0px;
	height: 123px;
	width: 760px;
	margin: 0px auto 10px auto;
	display: block;
}

/*** [枠] コンテンツ ****/
/*** @group contents ****************************************************************************/

#contents {
	margin: 0px auto 36px auto;
	padding: 0px;
	height: auto;
	width: 750px;
}

/*** [H3] タイトル ****/
/*** @group h3.categoryTitle ****************************************************************************/

h3.categoryTitle_01 {
	padding: 0px;
	height: 27px;
	width: 750px;
	margin: 0px auto 6px auto;
	background: url(../images/affiliate/h3-categoryTitle_01.gif) no-repeat;
	display: block;
}

h3.categoryTitle_02 {
	padding: 0px;
	height: 27px;
	width: 750px;
	margin: 0px auto 6px auto;
	background: url(../images/affiliate/h3-categoryTitle_02.gif) no-repeat;
	display: block;
}

/*** [H4] タイトル ****/
/*** @group h4.itemTitle ****************************************************************************/

h4.itemTitle_01 {
	padding: 0px;
	height: 32px;
	width: 294px;
	margin: 0px 0px 4px 5px;
	background: url(../images/affiliate/h4-itemTitle_01.gif) no-repeat;
	display: block;
}

h4.itemTitle_02 {
	padding: 0px;
	height: 32px;
	width: 294px;
	margin: 0px 0px 4px 5px;
	background: url(../images/affiliate/h4-itemTitle_02.gif) no-repeat;
	display: block;
}

h4.itemTitle_03 {
	padding: 0px;
	height: 32px;
	width: 294px;
	margin: 0px 0px 4px 5px;
	background: url(../images/affiliate/h4-itemTitle_03.gif) no-repeat;
	display: block;
}

h4.itemTitle_04 {
	padding: 0px;
	height: 32px;
	width: 294px;
	margin: 0px 0px 4px 5px;
	background: url(../images/affiliate/h4-itemTitle_04.gif) no-repeat;
	display: block;
}

/*** [all] 文字 ****/
/*** @group all-moji ****************************************************************************/

.all-moji01 {
	padding: 0px;
	height: auto;
	width: 730px;
	margin: 0px auto 16px auto;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #323232;
	line-height: 140%;
	font-weight: normal;
}

.all-moji02 {
	padding: 0px;
	height: auto;
	width: 730px;
	margin: 0px auto 24px auto;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #323232;
	line-height: 140%;
	font-weight: normal;
}

.all-moji03 {
	padding: 0px;
	height: auto;
	width: 730px;
	margin: 0px auto 6px auto;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #323232;
	line-height: 140%;
	font-weight: normal;
}

.note-moji {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	color: #0A6CB6;
	line-height: 130%;
	font-weight: normal;
}

.all-moji04 {
	padding: 0px;
	margin: 0px auto 24px auto;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #323232;
	line-height: 140%;
	font-weight: normal;
}

.contact-red {
	padding: 0px;
	margin: 0px auto 8px auto;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 15px;
	color: #FB565E;
	font-weight: normal;
	line-height: 140%;
}

/*** リンクbannerのご紹介 ****/
/*** @group banner-waku ****************************************************************************/

.banner-waku {
	padding: 0px;
	height: auto;
	width: 720px;
	margin: 0px auto 24px auto;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	color: #323232;
	line-height: 140%;
	font-weight: normal;
}

.banner-box1 {
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 180px;
	margin: 0px 0px 0px 0px;
}

.banner-box2 {
	padding: 3px 0px 3px 0px;
	height: auto;
	width: 540px;
	margin: 0px 0px 0px 0px;
}

/*** SSLの記述 ****/
/*** @group ssl ****************************************************************************/

.ssl-waku {
	margin: 0px auto 24px auto;
	padding: 0px;
	height: auto;
	width: 420px;
	overflow: hidden;
}

.ssl-left {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 115px;
	display: inline;
	float: left;
}

.ssl-right {
	margin: 10px 0 0 0;
	padding: 0px;
	height: auto;
	width: 300px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #323232;
	line-height: 140%;
	display: inline;
	float: right;
	font-weight: normal;
}

/*** お問い合せフォーム ****/
/*** @group form ****************************************************************************/

.contactWaku {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	width: 630px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #323232;
	line-height: 160%;
	font-weight: normal;
}

.contactWaku02 {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	width: 630px;
}

.contact-hako {
	width: 436px;
	height: auto;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

.contact-box {
	width: 218px;
	height: auto;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

/*---------------------------------------------------- */
/* フォーム設定 */
/*---------------------------------------------------- */

form {
	margin: 0px;
	font-size: 13px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	line-height: 140%;
}

p {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	margin: 0px auto 16px auto;
}

/* フォームレイアウト */

dl.mailform_dl,dl.mailform_dl_note {
	margin: 0px auto 10px;
	padding: 0px;
	clear: both;
}
dl.mailform_dl_note {
	padding-top: 10px;
	border-top: 1px dashed #ccc;
}
dl.mailform_dl dt,dl.mailform_dl_note dt {
	width: 160px;
	margin: 5px 0 0 0;
	padding: 5px 5px 0px 5px;
	float: left;
	clear: both;
	text-align: left;
	overflow: hidden;
	color: #565656;
	font-size: 13px;
}

dl.mailform_dl dd,dl.mailform_dl_note dd {
	width: 445px;
	margin: 5px 0 0 0;
	padding: 5px 0px 5px 5px;
	text-align: left;
	overflow: hidden;
	border-left: 3px double #C1C1C1;
	color: #565656;
	font-size: 13px;
}

/* 入力部品の設定 */

input, select, textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color: #0a6cb6;
  background: #f1f1ed;
}
input.radio {
  border-style: none;
  color: #000000;
  background: transparent;
  vertical-align: middle;
}

input.req1, select.req1 {
  border-style: solid;
  border-width: 2px;
  border-color: #d66404;
  vertical-align: middle;
  color: #696969;
  background: #f6f6f2;
}
input.req2 {
  border-style: dashed;
  border-width: 2px;
  border-color: #9999FF;
  vertical-align: middle;
  color: #696969;
  background: #f6f6f2;
}
input:focus, select:focus, textarea:focus {
  background: #ffffff;
}

/* 入力部品の幅設定
---------------------------------------------------- */
#kigyou {
	width: 250px;
}

#name {
  width: 160px;
}

#school {
  width: 360px;
}

#age {
  width: 40px;
}

#post {
  width: 70px;
}

#city{
  width: 360px;
}

#market{
  width: 180px;
  margin: 0 0 3px 0;
}

#town{
  width: 210px;
  margin: 0 0 3px 0;
}

#apartment{
  width: 250px;
}

#tel {
  width: 120px;
}

#email {
  width: 250px;
}

#url {
  width: 300px;
}

#comment {
  width: 360px;
  height: 100px;
}

#goods-1 {
  width: 110px;
}

#goods-2 {
  width: 230px;
}

#goods-3 {
  width: 60px;
}


/* 送信ボタン
---------------------------------------------------- */
#submit {
  clear: both;
  margin-top: 15px;
  border-top: 1px dashed #ccc;
}

#submit input {
  margin: 10px 20px 20px 0;
  border-width: 2px;
  border-color: #91BCE0 #386894 #386894 #91BCE0;
  background: #609CCE;
  width: 180px;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}

#submit2 {
  clear: both;
  margin-top: 15px;
  border-top: 1px dashed #ccc;
}

#submit2 input {
  margin: 10px 20px 20px 0;
  border-width: 2px;
  border-color: #91BCE0 #386894 #386894 #91BCE0;
  background: #609CCE;
  width: 180px;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}

#submit input.reset {
  border-color: #99BDDF #3C6490 #3C6490 #99BDDF;
  width: 140px;
  background: #829FBB;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}

input.back {
  margin: 10px 20px 20px 0;
  border-color: #99BDDF #3C6490 #3C6490 #99BDDF;
  width: 140px;
  background: #829FBB;
  width: 140px;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}

input.next {
  margin: 10px 20px 20px 0;
  border-width: 2px;
  border-color: #91BCE0 #386894 #386894 #91BCE0;
  background: #609CCE;
  width: 180px;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}


/*** [Link] このページのトップへ ****/
/*** @group goPage-nav ****************************************************************************/

.goPage-nav {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	width: 740px;
	overflow: hidden;
}

div.goPage-nav ul {
	height: auto;
	width: 740px;
	list-style-type: none;
}

div.goPage-nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	float: right;
}

div.goPage-nav ul li a {
	height: 20px;
	width: 135px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-decoration: none;
	overflow: auto;
	display: block;
}

div.goPage-nav ul li.goTop a {
	background: url(../images/affiliate/button-gotop.gif) no-repeat;
}

div.goPage-nav ul li.goTop a:hover {
	background: url(../images/affiliate/button-gotop_over.gif) no-repeat;
}


/*** [copyright] フッター ***/
/*** @group footer ******************************************************************************/

#footer {
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background-color: #444444;
}

#footer-box {
	width: 750px;
	height: auto;
	padding: 16px 0px 16px 0px;
	margin: 0px auto 0px auto;
}

.footer-moji {
	height: auto;
	width: 730px;
	padding: 0px;
	margin: 0px auto 12px auto;
	display: block;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 130%;
}

.footer-address {
	width: 730px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0;
	font: 12px/normal "Lucida Grande", Arial, sans-serif;
	color: #FFFFFF;
}