@charset "UTF-8";
* { margin: 0; }
/* ------------------------------------- */
Reset /* ------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
}
html { font-size: 62.5%; }
body {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8em;
}
a:focus, *:focus { outline: none; }
/* ビューエリアの最小幅。このサイズより大きい場合に適用。 */
#header-bg {
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
	border-bottom: #ccc 2px solid;
}
#header {
	padding: 0;
	margin: 0 auto;
	width: 1000px;
}
#header h1 {
	width: auto;
	height: auto;
	z-index: 1;
	float: left;
	padding-left: 0px;
}
#header h1 img { height: 85px; }
.container {
	padding: 0px;
	margin: 0 auto;
	text-align: left;
	width: 910px;
}
/* ------------------------------------- 角丸box  **/
.kadomaru {
	width: 100%;
	margin: 0px auto;
	padding: 25px 15px 5px 10px;
	text-align: left;
}
/*  nav
/*--------------------------------- */
.navbar { display: none; }
#footer {
	width: 948px;
	text-align: center;
	padding: 10px 0;
	margin: 0px auto;
	line-height: 1.4em;
	float: left;
}
.panel3 {
	margin: 0 0 4em 0;
	padding: 0 1.5em;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#footer-top {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	margin: 0px auto;
	color: #000;
	font-size: 80%;
	line-height: 1.4em;
	position: absolute;
	bottom: 0px;
}
#update {
	width: 480px;
	margin: 0;
	padding: 5px 15px 15px 15px;
	background-color: #FFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	position: absolute;
	right: 3%;
	bottom: 9%;
	text-align: left;
}
/* ------------------------------------- 共通コンテンツ  **/
.title {
	text-align: left;
	width: auto;
	margin: 3px 20px 25px 20px;
	padding: 0 0 16px 3px;
	background-image: url(img/catch_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-weight: lighter;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", sans-serif;
	letter-spacing: 0.1em;
	clear: both;
}
.sub-title {
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 400;
}
.text-box { margin-bottom: 20px; }
.panel1 {
	margin: 0 0 50px 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.panel2 {
	margin: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/* ------------------------------------- カスタマイズ -----*/
.clear {
	clear: both;
	height: 0;
	visibility: hidden;
}
.clear hr { display: none; }
.hr-dashed {
	border-top: 1px dashed #bbb;
	margin: 1.8em 0
}
.pd00 { padding: 0 2em 3em 2em; }
.mtb-link { margin: 0 0 1.5em 0; }
.pt1em { padding-top: 1em; }
.pt3em { padding-top: 3em; }
.mt05 { margin-top: 5px; }
.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }
.pb15 { padding-bottom: 15px; }
.sub {
	margin: 0px 0px 15px;
	font-weight: bold;
	font-size: 140%;
	line-height: 1.5em;
	padding: 0px;
}
h2 {
	font-weight: lighter;
	color: #ffa000;
	font-size: 120%;
	line-height: 1em;
}
h3 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", sans-serif;
	color: #993366;
	font-weight: lighter;
}
.contact {
	width: 210px;
	margin: 0px 0px 1em;
	font-size: 105%;
	line-height: 1.2em;
	padding: 8px 5px 6px;
	background-color: transparent;
	border: 1px solid #993366;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}
h4 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", sans-serif;
	color: #990033;
	font-size: 120%;
	margin-bottom: 1em;
}
.txtSmall {
	font-size: 80%;
	line-height: 1.5em;
}
.txt-exsmall {
	font-size: 60%;
	line-height: 1.5em;
	margin: 0.5em 0.5em 0 0;
}
.txtMiddle { font-size: 115%; }
.txtSmiddle {
	font-size: 90%;
	line-height: 1.5em;
}
/* ------------------------------------- 個別カラー指定  **/
.red { color: #FF0000; }
.redBold {
	color: #990000;
	font-weight: bolder;
}
.gray { color: #cccccc; }
.tax { color: #CC3333; }
.betto { color: #660000 }
.green { color: #0A4E53; }
.maroon {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", sans-serif;
	color: #990033;
}
/* ------------------------------------- リンク色  **/
a:link {
	color: #993366;
	text-decoration: none;
}
a:visited {
	color: #cc99b2;
	text-decoration: none;
}
a:hover {
	color: #FF9999;
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: underline;
}
a[target="_blank"] {
	padding-right: 18px;
	background: url(img/ex_link.gif) no-repeat center right;
}
/* ------------------------------------- トップページ  **/
.panel-top {
	margin: 0;
	padding: 8em 1em 6em 1em;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align: center;
	bborder: 1px solid #000000;
}
.panel-top img {
	margin-left: auto;
	margin-right: auto;
}
#update dl {
	line-height : 1;
	margin: 0;
	padding : 0;
}
#update dt {
	float : left;
	font-size: 90%;
	line-height: 1.6em;
	clear : both;
	padding : 0;
	font-weight: normal;
	text-align: left;
	width: 95px;
}
#update dd {
	font-size: 90%;
	line-height: 1.6em;
	margin-left : 6em;
	padding : 0 5px 0 0;
}
.up-title {
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 0.3em;
	font-weight: 400;
	color: #990033;
	float: left;
}
.close {
	padding: 5px 0 0 0;
	margin: 0;
	float: right;
}
.thanks {
	padding: 3px 0 5px 10px;
	font-size: 75%;
	line-height: 1.5em;
}
/* ------------------------------------- 略歴  **/
.record1 dl {
	line-height : 1;
	margin: 0;
	padding : 0;
}
.record1 dt {
	float : left;
	line-height: 1.6em;
	clear : both;
	padding : 0;
	font-weight: normal;
	text-align: right;
	width: 90px;
	margin-bottom: 1em;
}
.record1 dd {
	line-height: 1.6em;
	margin-left : 7em;
	padding : 0px;
	margin-bottom: 1em;
}
.record2 dl {
	line-height : 1;
	margin: 0;
	padding : 0;
}
.record2 dt {
	float : left;
	line-height: 1.6em;
	clear : both;
	padding : 0;
	font-weight: normal;
	text-align: right;
	width: 90px;
	margin-bottom: 1.3em;
}
.record2 dd {
	line-height: 1.6em;
	margin-left : 7em;
	padding : 0px;
	margin-bottom: 1.3em;
}
/* ------------------------------------- ワークショップ  **/
.w-title {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #993366;
	margin: 0px;
	padding: 0 0 5px 0;
	font-size: 110%;
}
.w-text {
	color: #996600;
	margin: 0px;
	padding: 3px 0px 3em 20px;
	line-height: 170%;
}
.w-date {
	padding: 5px 5px 5px 15px;
	line-height: 150%;
}
.w-time {
	padding: 5px 5px 5px 15px;
	line-height: 150%;
}
.w-price {
	padding: 5px 10px 5px 0px;
	line-height: 150%;
	text-align: right;
}
.w-area {
	vertical-align: middle;
	margin: -3px 10px 0 0;
}
.w-box1 {
	background-color: #F2F2CC;
	margin: 0 0 2em 0;
	padding: 10px 15px 10px 20px;
	width: 100%;
}
.w-sample1 {
	font-size: 95%;
	line-height: 1.6em;
	margin: 0;
}
.w-sample2 {
	font-weight: bold;
	color: #CC3333;
	font-size: 100%;
	line-height: 1.6em;
	margin: 0 0 0.5em 0;
}
.w-sample3 {
	font-size: 90%;
	line-height: 1.6em;
	margin: 0.5em 0 3em 0;
}
.w-box2 {
	margin: 0 0 0 1em;
	padding: 10px 15px;
	width: auto;
	border: 1px dotted #ccc;
	background-color: #fbfaf2;
}
/* ------------------------------------- 作品紹介  **/
.s-number {
	line-height: 1.2em;
	margin: 0.6em 0 0.4em 0;
	padding: 0px;
	font-size: 80%;
	color: #999;
}
.s-title {
	line-height: 1.2em;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding: 0 0 0.3em 0;
	border-bottom: 1px dotted #ccc;
}
.s-title2 {
	line-height: 1.2em;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding: 0.5em 0 0.3em 0;
	border-bottom: 1px dotted #ccc;
}
.s-spec {
	margin: 0px;
	padding: 0 0 5px 0;
	font-size: 95%;
	line-height: 1.2em;
	float: left;
	color: #666666;
}
.s-price {
	line-height: 1.2em;
	margin: 0px;
	padding: 0 0 5px 0;
	font-size: 95%;
	float: right;
	color: #666666;
}
.s-cate {
	text-align: left;
	color: #993366;
	margin-bottom: 2em;
	padding: 0;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	font-size: 150%;
	letter-spacing: 0.3em;
}
.s-lineup { display: none; }
/* ------------------------------------- ギャラリー  **/
.g-space {
	margin: 2em 0 0 0;
	padding: 10px 15px;
	width: auto;
	background-color: #fbfaf2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* ------------------------------------- トップスクロールバー  **/
.scroll_area {
	height: 100px;
	overflow: auto;
}
/* ------------------------------------- 印刷用幅指定  **/
.row {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
.col-sm-12 {
	width: 20cm;
	float: left;
}
.col-sm-3 {
	width: 4.8cm;
	float: left;
}
.col-sm-3 img { width: 4.8cm }
.col-sm-9 {
	width: 14.4cm;
	float: left;
	margin-left: 2cm;
}
.col-sm-9 img { width: 14.4cm }
.col-sm-5 {
	width: 8cm;
	float: left;
	margin-right: 2cm;
}
.col-sm-5 img { width: 8cm }
.col-sm-7 {
	width: 11.2cm;
	float: left;
	margin-right: 2cm;
}
.col-sm-7 img { width: 11.2cm }
.col-sm-4 {
	width: 6.4cm;
	float: left;
}
.col-sm-4 img { width: 6.4cm }
.col-sm-8 {
	width: 12.8cm;
	float: left;
	margin-left: 2cm;
}
.col-sm-8 img { width: 12.8cm }
