@charset "UTF-8";
/* CSS Document */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-align: center;
}
h1 {
	display: none;
}
h2 {
	margin: 0;
}
h3 {
	margin: 0;
}
h4 {
	margin: 0;
}
.twinkle {
}
.red {
	color: #b22222;
}
.center {
	text-align: center;
}
.bold {
	font-weight:bold;
}
.note {
	font-size: 85%;
	font-weight: normal;
	padding: 0 0 0 10px;
}
.new {
	color: #e57e16;
	font-weight: bold;
	padding: 0 0 0 10px;
}

/* メインのリンク */
#container a:link {
	color: #FF6666;
}
#container a:visited {
	color: #8D282E;
}
#container a:hover {
	color: #FF6666;
}
#container a:active {
	color: #FF6666;
}

#w540 {
	width: 540px;
}
#w460 {
	width: 460px;
}
.w350l {
	width: 350px;
	float: left;
}
.w300r {
	width: 300px;
	float: right;
}
.w200l {
	width: 200px;
	float: left;
}
.w330r {
	width: 330px;
	float: right;
}
.w330l {
	width: 330px;
	float: left;
}
.w200r {
	width: 200px;
	float: right;
}
.w166l {
	width: 166px;
	float: left;
}
.w364r {
	width: 364px;
	float: right;
}
.w150l {
	width: 150px;
	float: left;
}
.w380r {
	width: 380px;
	float: right;
}


.cap95 {
	font-size: 95%;
}


ul .space {
	line-height: 140%;
	margin: 0 0 10px 0;
}


#stretch img {
	visibility: hidden;
	top: 0;
	left: 0;
	position: absolute;
}
#contents {
	position: relative;
	z-index: 99;
}
#base {
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
}
#stretch {
	top: 0;
	left: 0;
	position: fixed;
	z-index: -1;
	overflow: hidden;
}
#headerbox {
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(255,255,255,1.0)),
		color-stop(50%, rgba(255,255,255,1.0)),
		color-stop(100%, rgba(255,255,255,0.0))
		);
	background: -webkit-linear-gradient(
		top,
		rgba(255,255,255,1.0),
		rgba(255,255,255,1.0) 50%,
		rgba(255,255,255,0.0)
		);
	background: -moz-linear-gradient(
		top,
		rgba(255,255,255,1.0),
		rgba(255,255,255,1.0) 50%,
		rgba(255,255,255,0.0)
		);
	background: linear-gradient(
		to bottom,
		rgba(255,255,255,1.0),
		rgba(255,255,255,1.0) 50%,
		rgba(255,255,255,0.0)
		);
}

#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

/* ヘッダー */
#header {
	width: 900px;
	height: 57px;
	margin: 0 0 0 40px;
	padding: 13px 0 0 0;
}
#header .logo {
	float: left;
}
#header .icon {
	padding: 5px 0 0 0;
	float: right;
}
.icon .box {
	height: 30px;
	padding: 0 0 0 10px; 
	float: left;
}


#navi {
	width: 900px;
	height: 60px;
	margin: 0 0 0 40px;
}
#navi .box {
	width: 130px;
	height: 60px;
	float: left;
}

#navi .navi_r {
	background: #FFFFFF;
	width: 110px;
	height: 60px;
	float: right;
}


#mainbox {
	width: 900px;
	margin: 30px 0 20px 40px;
}

/* サイドバー（背景有りver） */
#sidebar {
	float: left;
}
#sidebar .snavi {
	color: #454545;
	background-color: rgba(255,255,255,0.8);
	font-size: 90%;
	font-weight: bold;
	width: 153px;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 7px;
}

#sidebar .snavi_on {
	color: #454545;
	background: url(../common/icon_t.png) no-repeat 2px 7px;
	background-color: rgba(255,255,255,0.8);
	font-size: 90%;
	font-weight: bold;
	width: 142px;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 18px;
}

#sidebar .dropmenu {
	margin: 0 0 10px 0;
}
#sidebar .dropmenu .menu {
	color: #454545;
	background-color: rgba(255,255,255,0.8);
	font-size: 90%;
	font-weight: bold;
	width: 153px;
	padding: 5px 0 5px 7px;
}
#sidebar .dropmenu .menu_on {
	color: #454545;
	background: url(../common/icon_t.png) no-repeat 2px 7px;
	background-color: rgba(255,255,255,0.8);
	font-size: 90%;
	font-weight: bold;
	width: 142px;
	padding: 5px 0 5px 18px;
}

#sidebar .subbox {
	font-size: 80%;
	line-height: 110%;
	background-color: rgba(255,255,255,0.9);
	width: 150px;
	padding: 0 0 0 10px; 
}
#sidebar .sub {
	padding: 7px 0 7px 0; 
}
#sidebar a:link {
	color: #454545;
	text-decoration: none;
}
#sidebar a:visited {
	color: #454545;
	text-decoration: none;
}
#sidebar a:hover {
	color: #454545;
	text-decoration: none;
}
#sidebar a:active {
	color: #454545;
	text-decoration: none;
}

/* サイドバー（背景なしver） */
#sidebar_nobg {
	float: left;
}
#sidebar_nobg .snavi {
	color: #454545;
	background-color: #D8D8D8;
	font-size: 90%;
	font-weight: bold;
	width: 153px;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 7px;
}
#sidebar_nobg .snavi_on {
	color: #454545;
	background: url(../common/icon_t.png) no-repeat 2px 7px;
	background-color: #D8D8D8;
	font-size: 90%;
	font-weight: bold;
	width: 142px;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 18px; 
}
#sidebar_nobg .dropmenu {
	margin: 0 0 10px 0;
}
#sidebar_nobg  .dropmenu .menu {
	color: #454545;
	background-color: #D8D8D8;
	font-size: 90%;
	font-weight: bold;
	width: 153px;
	padding: 5px 0 5px 7px;
}
#sidebar_nobg .dropmenu .menu_on {
	color: #454545;
	background: url(../common/icon_t.png) no-repeat 2px 7px;
	background-color: #D8D8D8;
	font-size: 90%;
	font-weight: bold;
	width: 142px;
	padding: 5px 0 5px 18px;
}
#sidebar_nobg .subbox {
	font-size: 80%;
	line-height: 110%;
	background-color: #EEEEEE;
	width: 150px;
	padding: 0 0 0 10px; 
}
#sidebar_nobg .subbox_on {
	font-size: 80%;
	line-height: 110%;
	background-color: #EEEEEE;
	width: 150px;
	padding: 0 0 0 10px; 
}
#sidebar_nobg .sub {
	padding: 7px 0 7px 0; 
}
#sidebar_nobg .sub_on {
	color: #FF6666;
	font-weight: bold;
	padding: 7px 0 7px 0; 
}
#sidebar_nobg a:link {
	color: #454545;
	text-decoration: none;
}
#sidebar_nobg a:visited {
	color: #454545;
	text-decoration: none;
}
#sidebar_nobg a:hover {
	color: #454545;
	text-decoration: none;
}
#sidebar_nobg a:active {
	color: #454545;
	text-decoration: none;
}
#sidebar_nobg .pink a:link {
	color: #FF6666;
	text-decoration: none;
}
#sidebar_nobg .pink a:visited {
	color: #FF6666;
	text-decoration: none;
}
#sidebar_nobg .pink a:hover {
	color: #FF6666;
	text-decoration: none;
}
#sidebar_nobg .pink a:active {
	color: #FF6666;
	text-decoration: none;
}


/* メインバー（背景有りver）  */
#mainbar {
	line-height: 160%;
	font-size: 90%;
	background-color: rgba(255,255,255,0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccffffff',EndColorStr='#ccffffff',gradienttype=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccffffff',EndColorStr='#ccffffff')";
	width: 400px;
	padding: 0 20px 20px 20px;
	float: right;
}
#mainbartop {
	line-height: 160%;
	font-size: 90%;
	background-color: rgba(255,255,255,0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccffffff',EndColorStr='#ccffffff',gradienttype=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccffffff',EndColorStr='#ccffffff')";
	width: 440px;
	float: right;
}
.mainbartoptext {
	width: 400px;
	padding: 20px;
}

#mainbar .title {
	font-size: 100%;
	padding: 20px 0 10px 0;
}
#mainbar .head {
	font-size: 100%;
	font-weight: bold;
}
#mainbar .text {
	font-size: 95%;
	line-height: 180%;
	margin: 0 0 40px 0;
}


/* メインバー（背景なしver）  */
#mainbar_nobg {
	line-height: 160%;
	font-size: 90%;
	width: 660px;
	float: right;
}


/* スタッフ紹介 */
#staffbox {
	height: 150px;
	padding: 20px 0 0 0;
}
#staffbox .namebox {
	padding: 20px 0 0 0;
	float: left;
}
#staffbox .name_m {
	padding: 30px 0 0 0;
}
#staffbox .name_t {
	padding: 50px 0 0 0;
}
#staffbox .post {
	font-size: 90%;
}
#staffbox .name {
	font-size: 110%;
	font-weight: bold;
}
#staffbox .namea {
	font-size: 90%;
}
#staffbox .photo {
	height: 150px;
	padding: 0 10px 0 0;
	float: right;
}

#career {
	font-size: 90%;
	line-height: 140%;
	padding: 0 0 20px 0;
}
#career .box {
	padding: 3px 0;
}
#career .date {
	width: 75px;
	float: left;
}
#career .cap {
	width: 320px;
	float: right;
}
#career_e {
	font-size: 90%;
	line-height: 140%;
	padding: 0 0 20px 0;
}
#career_e .box {
	padding: 3px 0;
}
#career_e .date {
	width: 95px;
	float: left;
}
#career_e .cap {
	width: 300px;
	float: right;
}


/* コラム */
#column {
	width: 540px;
	padding: 0 120px 0 0;
}
#column .title {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 20px 0;
}
#column .head {
	font-size: 110%;
	font-weight: bold;
	padding: 0 0 5px 0;
}
#column .numbox {
	padding: 0 0 40px 0;
}
#column .numbox .num {
	text-align: center;
	background: #808080;
	width: 60px;
	height: 23px;
	padding: 3px 0 0 0;
	margin: 0 10px 0 0;
	float: left;
}
#column .numbox .num_on {
	text-align: center;
	color: #000000;
	background: #AFAFAF;
	width: 60px;
	height: 23px;
	margin: 0 10px 0 0;
	padding: 3px 0 0 0;
	float: left;
}
#column .lead {
	background: #EEEEEE;
	font-size: 95%;
	line-height: 180%;
	margin: 0 0 50px 0;
	padding: 15px;
}
#column .text {
	line-height: 180%;
	padding: 0 0 40px 0;
}
#column .album {
	padding: 0 20px 40px 20px;
}
#column .album .photo {
	font-weight: bold;
	width: 145px;
	float: left;
}
#column .album .cap {
	font-size: 95%;
	width: 350px;
	padding: 0 0 0 0;
	float: right;
}
#column .twofile {
	padding: 0 0 40px 0;
}
#column .twofile .head {
	font-size: 100%;
	background: url(../common/circle_pink.gif) no-repeat 2px 6px;
	width: 114px;
	padding: 0 0 0 12px;
	float: left;
}
#column .twofile .cap {
	font-size: 90%;
	width: 410px;
	padding: 0 0 0 0;
	float: right;
}
#column .w400 {
	width: 400px;
	padding: 0 70px 0 70px;
}
#column .w400 .text {
	line-height: 180%;
	padding: 0 0 0 0;
}
#column ul{
	margin:-3px 0 -3px 0;
	padding: 0 0 0 12px;
	list-style-type:none;
	text-indent: -12px;
}

#column .numbox a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#column .numbox a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#column .numbox a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#column .numbox a:active {
	color: #FFFFFF;
	text-decoration: none;
}
/**/
#column .twofile2 {
	padding: 0 0 40px 0;
}
#column .twofile2 .head {
	font-size: 100%;
	background: url(../common/circle_pink.gif) no-repeat 2px 6px;
	width: 150px;
	padding: 0 0 0 12px;
	float: left;
}
#column .twofile2 .cap {
	font-size: 95%;
	width: 370px;
	padding: 0 0 0 0;
	float: right;
}
#column .tri_head {
	background: url(../common/triangle_pink.gif) no-repeat 0px 22px;
	font-size: 120%;
	font-weight: bold;
	padding: 20px 0 10px 14px;
}
#column .maruhead {
	font-weight: bold;
	font-size: 110%;
	background: url(../common/circle_pink2.gif) no-repeat 2px 6px;
	padding: 0 0 10px 12px;
}
/* 関連商品へのリンク */
#column #golineup {
	background-color: #EEEEEE;
	margin: 0 0 30px 0;
	padding: 10px;
}
#column #golineup .head {
	font-size: 90%;
	font-weight: bold;
	height: 16px;
	padding: 0 0 0 0;
}
#column #golineup .item {
	font-size: 90%;
	font-weight: bold;
	padding: 5px 0 0 0;
}
#column #golineup a:link {
	color: #FF6666;
	text-decoration: none;
}
#column #golineup a:visited {
	color: #FF6666;
	text-decoration: none;
}
#column #golineup a:hover {
	color: #FF6666;
	text-decoration: none;
}
#column #golineup a:active {
	color: #FF6666;
	text-decoration: none;
}



/* 仕事 */
#itemlist {
}
#itemlist #image {
	text-align: center;
	width: 80px;
	height: 80px;
	padding: 10px 10px 10px 10px;
	float: left;
}
#workinfo .title {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 20px 0;
}
#workinfo .gobox {
	font-size: 115%;
	padding: 0 0 40px 0;
}

#workinfo .gobox .go01 {
	font-weight: bold;
	text-align: center;
	background: url(../img/go_string.jpg) no-repeat;
	width: 240px;
	height: 46px;
	padding: 26px 0 0 0;
	margin: 0 10px 0 0;
	float: left;
}
#workinfo .gobox .go02 {
	font-weight: bold;
	text-align: center;
	background: url(../img/go_used.jpg) no-repeat;
	width: 240px;
	height: 46px;
	padding: 26px 0 0 0;
	margin: 0 10px 0 0;
	float: left;
}
#workinfo .gobox a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#workinfo .gobox a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#workinfo .gobox a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#workinfo .gobox a:active {
	color: #FFFFFF;
	text-decoration: none;
}


#workinfo .head {
	font-size: 110%;
	font-weight: bold;
	padding: 0 0 5px 0;
}
#workinfo .lead {
	background: #EEEEEE;
	font-size: 95%;
	line-height: 180%;
	margin: 0 0 40px 0;
	padding: 15px;
}
#workinfo .text {
	line-height: 180%;
	padding: 0 0 40px 0;
}
#workinfo .linebox {
	border-top: #AAAAAA solid thin;
	padding: 30px 200px 0 0;
}

#workinfo .chart {
	background: #EEEEEE;
	width: 300px;
	padding: 10px;
}
#workinfo .chart .head {
	font-size: 110%;
	background: url(../common/circle_pink2.gif) no-repeat 2px 6px;
	padding: 0 0 0 12px;
}
#workinfo .chart .sentence {
	text-align: center;
	background: url(../common/triangle_chart.gif) no-repeat center bottom;
	padding: 15px 0 32px 0;
}
#workinfo .chart .sentence_anchor {
	text-align: center;
	padding: 15px 0 15px 0;
}
#workinfo ul{
	margin: 3px 0 -3px 0;
	padding: 0 0 0 12px;
	list-style-type:none;
	text-indent: -12px;
}


#workinfo .goform {
	background: #FFFFFF;
	width: 200px;
	border: #555555 solid thin;
	margin: 10px 0;
}
#workinfo #mokuji {
	font-size: 100%;
	font-weight: bold;
	border-top: #AAAAAA solid thin;
	border-bottom: #AAAAAA solid thin;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 0;
}
#workinfo #mokuji ul{
	margin:-3px 0 -3px 0;
	padding: 0 0 0 12px;
	list-style-image: url(../itemimg/triangle.gif);
	list-style-position: inside;
	text-indent: -12px;
}
#workinfo #mokuji a:link {
	color: #333;
	text-decoration: none;
}
#workinfo #mokuji a:visited {
	color: #333;
	text-decoration: none;
}
#workinfo #mokuji a:hover {
	color: #333;
	text-decoration: none;
}
#workinfo #mokuji a:active {
	color: #333;
	text-decoration: none;
}
#workinfo .linkbox {
	font-weight: bold;
	background-color: #EEEEEE;
	margin: 0 0 30px 0;
	padding: 10px;
}
#workinfo .linkbox a:link {
	color: #FF6666;
	text-decoration: none;
}
#workinfo .linkbox a:visited {
	color: #FF6666;
	text-decoration: none;
}
#workinfo .linkbox a:hover {
	color: #FF6666;
	text-decoration: none;
}
#workinfo .linkbox a:active {
	color: #FF6666;
	text-decoration: none;
}
#workinfo #colorpack {
	border-bottom: #AAAAAA solid thin;
	padding: 40px 0;
}
#workinfo #colorpack .chip {
	width: 60px;
	float: left;
}
#workinfo #colorpack .namebox {
	width: 390px;
	float: right;
}
#workinfo #colorpack .name {
	font-size: 110%;
	font-weight: bold;
}
#workinfo #colorpack .cap {
	font-size: 90%;
	padding: 10px 0 0 0;
}
#workinfo #colorpack .sample {
	padding: 10px 0 0 0;
}

#workinfo .tri_head {
	background: url(../common/triangle_pink.gif) no-repeat 0px 22px;
	font-size: 120%;
	font-weight: bold;
	padding: 20px 0 10px 14px;
}

#workinfo .faq {
	padding: 10px 0 40px 0;
}
#workinfo .faq_q {
	font-weight: bold;
	font-size: 105%;
	background: url(../common/faq_q.gif) no-repeat 0px 3px;
	padding: 0 0 5px 19px;
}
#workinfo .faq_a {
	background: url(../common/faq_a.gif) no-repeat 0px 3px;
	padding: 0 0 5px 19px;
}

#workinfo .twofile {
	padding: 0 0 40px 0;
}
#workinfo .twofile .head {
	font-size: 100%;
	background: url(../common/circle_pink2.gif) no-repeat 2px 6px;
	width: 130px;
	padding: 0 0 0 12px;
	float: left;
}
#workinfo .twofile .cap {
	font-size: 95%;
	width: 390px;
	padding: 0 0 0 0;
	float: right;
}
#workinfo .bline {
	border-bottom: #AAAAAA solid thin;
}

/* アクセス */
.addressbox {
	border: #AAAAAA solid thin;
	margin: 10px 0 0 0;
	padding: 10px 0 10px 10px;
}


/* 体験教室 */
#goevent {
	background-color: #FFFFFF;
	margin: 0 0 30px 0;
	padding: 10px;
}
#goevent .item {
	font-size: 95%;
	line-height: 180%;
}
#goevent .st {
	font-weight: bold;
}
#goevent a:link {
	color: #FF6666;
	text-decoration: none;
}
#goevent a:visited {
	color: #FF6666;
	text-decoration: none;
}
#goevent a:hover {
	color: #FF6666;
	text-decoration: none;
}
#goevent a:active {
	color: #FF6666;
	text-decoration: none;
}

#workshop .title {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 20px 0;
}
#workshop .call {
	font-size: 90%;
	background: url(../common/circle_pink2.gif) no-repeat 0px 5px;
	padding: 0 0 2px 10px;
}


#workshop .head {
	font-size: 110%;
	font-weight: bold;
	padding: 0 0 5px 0;
}
#workshop .lead {
	background: #EEEEEE;
	line-height: 180%;
	margin: 0 0 40px 0;
	padding: 15px;
}
#workshop .text {
	padding: 0 0 30px 0;
}
#workshop .linebox {
	border-top: #AAAAAA solid thin;
	padding: 10px 0 0 0;
}

#workshop .maruhead {
	font-weight: bold;
	font-size: 110%;
	background: url(../common/circle_pink2.gif) no-repeat 2px 6px;
	padding: 0 0 10px 12px;
}
#workshop .tri_head {
	background: url(../common/triangle_pink.gif) no-repeat 0px 22px;
	font-size: 120%;
	font-weight: bold;
	padding: 20px 0 18px 14px;
}

#workshop #event.vol {
	font-size: 85%;
	padding: 0 0 5px 0;
}
#workshop #event .tri_head {
	background: url(../common/triangle_pink.gif) no-repeat 0px 2px;
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 20px 14px;
}
#workshop #event .copy {
	line-height: 160%;
	padding: 15px 0 20px 0;
}

#workshop .goform {
	background: #FFFFFF;
	width: 200px;
	border: #555555 solid thin;
	margin: 10px 0;
}
#workshop .linkbox {
	font-weight: bold;
	background-color: #EEEEEE;
	margin: 0 0 40px 0;
	padding: 10px;
}
#workshop .linkbox a:link {
	color: #FF6666;
	text-decoration: none;
}
#workshop .linkbox a:visited {
	color: #FF6666;
	text-decoration: none;
}
#workshop .linkbox a:hover {
	color: #FF6666;
	text-decoration: none;
}
#workshop .linkbox a:active {
	color: #FF6666;
	text-decoration: none;
}
#workshop ul{
	margin: 3px 0 -3px 0;
	padding: 0 0 0 12px;
	list-style-type:none;
	text-indent: -12px;
}


#workshop #archive a:link {
	color: #333333;
}
#workshop #archive a:visited {
	color: #888888;
}
#workshop #archive a:hover {
	color: #000000;
}
#workshop #archive a:active {
	color: #333333;
}



/* フッター */
#footer {
	font-size: 80%;
	background-color: rgba(255,255,255,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccffffff',EndColorStr='#ccffffff',gradienttype=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccffffff',EndColorStr='#ccffffff')";
	width: 890px;
	margin: 0 0 0 40px;
	padding: 5px;
	bottom:0;
}
#footer a:link {
	color: #333;
	text-decoration: none;
}
#footer a:visited {
	color: #333;
	text-decoration: none;
}
#footer a:hover {
	color: #333;
	text-decoration: none;
}
#footer a:active {
	color: #333;
	text-decoration: none;
}


/* トップに戻る */
.returntop {
	font-size: 120%;
	text-align: right;
}
.returntop .top {
	padding: 0 20px 20px 0;
}
.returntop a:link {
	color: #693 !important;
	text-decoration: none !important;
}
.returntop a:visited {
	color: #693 !important;
	text-decoration: none !important;
}
.returntop a:hover {
	color: #693 !important;
	text-decoration: none !important;
}
.returntop a:active {
	color: #693 !important;
	text-decoration: none !important;
}