@charset "utf-8";



body {
	margin:0;
	padding:0;
	width:100%;
	color:#ccc;
	font-size:14px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.8;
}
html, .main {
	padding:0;
	margin:0;
	width:100%;
}

 a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}

#wrap {width:100%; overflow:hidden;}

/*----------------------------------------------------------
 margin
----------------------------------------------------------*/
/* Top */
.MG-T-80 { margin-top: -80px !important; }
.MG-T0 { margin-top: 0 !important; }
.MG-T5 { margin-top: 5px !important; }
.MG-T10 { margin-top: 10px !important; }
.MG-T15 { margin-top: 15px !important; }
.MG-T20 { margin-top: 20px !important; }
.MG-T25 { margin-top: 25px !important; }
.MG-T30 { margin-top: 30px !important; }
.MG-T50 { margin-top: 50px !important; }
.MG-T100 { margin-top: 100px !important; }
.MG-T300 { margin-top: 300px !important; }
/* Bottom */
.MG-B0 { margin-bottom: 0 !important; }
.MG-B5 { margin-bottom: 5px !important; }
.MG-B10 { margin-bottom:10px !important; }
.MG-B15 { margin-bottom: 15px !important; }
.MG-B20 { margin-bottom: 20px !important; }
.MG-B25 { margin-bottom: 25px !important; }
.MG-B30 { margin-bottom: 30px !important; }
.MG-B100 { margin-bottom: 100px !important; }
.MG-R25 { margin-right: 25px !important; }
/* padding
----------------------------------------------------------*/
/* Left */
.PD-L5 { padding-left: 5px !important; }
.PD-L10 { padding-left: 10px !important; }
.PD-L15 { padding-left: 15px !important; }
.PD-L20 { padding-left: 20px !important;
}
.PD-L25 { padding-left: 25px !important; }
.PD-L30 { padding-left: 30px !important; }
.PD-L50 { padding-left: 30px !important; }
.PD-L170 { padding-left: 170px !important; }
/* Right */
.PD-R5 { padding-right: 5px !important; }
.PD-R10 { padding-right: 10px !important; }
.PD-R15 { padding-right: 15px !important; }
.PD-R20 { padding-right: 20px !important; }
.PD-R25 { padding-right: 25px !important; }
.PD-R30 { padding-right: 30px !important; }
/* Top */
.PD-T20 { padding-top: 20px !important; }




/*----------------------------------------------------------
基本
----------------------------------------------------------*/
.imgR {	float: right; margin: 0 0 10px 10px; }
.imgL { float: left; margin: 0 10px 10px 0; }
img {border: none;
    max-width:100%;
    width /***/:auto; /* IE8のみ */
    height:auto;
    vertical-align:bottom;
}

.main1 {background:url(../images/main_bg1.jpg) no-repeat top center; width:100%; background-size: cover; overflow:hidden; color:#FFF; background-attachment: fixed;}


.main2 {width:100%; overflow:hidden; color:#666; background: #F3F3ED;}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}

h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:24px;
	font-weight:normal;
	color:#6e6e6e;
}

h2 .name {font-size: 0.6em;}
p {	margin:8px 0; padding:0 0 4px 0; color:#666; font-size:14px; font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; line-height: 1.6;}
a { color: #996; text-decoration:underline; }
a:hover { color: #595035;}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
}
.header_resize {
	margin: 0 auto;
	padding: 0 0 16px 0;
	width: 960px;
	background-color: rgba(255,255,255,0.7);
}


#ttl {padding: 1em;}

h1 {font-family:'Times New Roman','游明朝', YuMincho, 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ',Meiryo, serif;
	margin:0 auto;
	padding:0;
	font-size: 3em;
}
h3 {font-family:'Times New Roman','游明朝', YuMincho, 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ',Meiryo, serif;
	margin:0 auto;
	padding:30px 0 20px 0;
	font-size: 2em;
	line-height:1.2em;
}


h4 {font-family:'Times New Roman','游明朝', YuMincho, 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ',Meiryo, serif;
	margin:0 auto;
	padding:0px 0 10px 0;
	font-size: 1.4em;
	line-height:1.2em;
	color:#000;
}

h5 {font-family:'Times New Roman','游明朝', YuMincho, 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ',Meiryo, serif;
	margin:0 auto;
	padding:0px 13px;
	font-size: 1.3em;
	line-height:1.2em;
	color: #837E5A;
	border-left: #837E5A 7px solid;
}


h1 a, h1 a:hover {
	color:#6fa4c8;
	text-decoration:none;
}

h1 small {
	display:block;
	font-size:12px;
	line-height:1.2em;
	color: #333;
}

.TXT_c { text-align: center; }
	
.TXT14 { font-size: 14px; padding: 5px 0 5px 0;}
.txt-M { font-size: 1.1em; line-height: 1em; margin-bottom: -10px; }

.TXT_s { font-size: 0.8em;}
.TXTred { font-size: 14px; color:#C00;}
.TXTgray { color: #CCC;}

.intro{ text-align:center; padding: 0 10px;}

.title_top { padding:13px 12px 8px 13px; }
.detail {width:90%;}
blockquote {
	 padding:10px 0;
	 margin-left: 10px;
	 border: #A6A07D dotted 1px;
	 text-align:center;
}

blockquote p {
     display: inline;
	 padding-right: 30px;
     background: url(../images/qa_a_ed.png);
     background-position: right;
     background-repeat: no-repeat;
}

blockquote span {
	font-size: 0.8em;
	color:#699;
}

.rss {
	padding:18px 20px 0 0;
	float:right;
	width:auto;
}
.worksop {
	padding: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	width: 44%;
	float: left;
}
.rss p {
	margin:0;
	padding:0;
	float:right;
	width:auto;
	color:#fff;
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
}
.rss a {
	color:#fff;
	text-decoration:none;
}
.rss a:hover {
	text-decoration:underline;
}
.rss img {
	margin:-3px 0 -3px 6px;
	border:none;
}
.ex_clearfix { clear: both; }
.menu_nav {
	margin: 0 auto;
	padding: 34px 12px 34px 15px;
	height: auto;
	float: left;
	font-size: 0.8em;
}
.menu_nav ul {
	list-style:none;
	padding:0;
	height:36px;
	float:left;
}
.menu_nav ul li {
	margin:0;
	padding:0 0 0 4px;
	float:left;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	line-height: 2.4em;
	padding:8px 0 0;;
	font-size:12px;
	font-weight:normal;
	color: #FFF;
	text-decoration:none;
	text-transform:none;
	text-align:center;	
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    border-radius: 5px;  /* CSS3 */
    background-color: rgba(125,170,170,0.6);   /* 背景色 */
    width:85px; 
    height:36px;
}
	
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	text-decoration:none;
	color: #666;
	text-align:center;	
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    border-radius: 5px;  /* CSS3 */
    background-color: rgba(221,236,230,0.8);   /* 背景色 */
    width:83px; 
    height:34px;
	border: #80A8BB solid 1px;
}
.contentwrap {
	max-width: 1000px;
	margin: 0 auto;
}
.contentwrap2 {
	min-width: 1250px;
	margin: 0 auto;
	overflow: hidden;
}
.content {
	padding: 1em 1em;
	width:100%;
	overflow: hidden;
}
.content_resize {
	margin: 0 auto;
	padding: 0 0 180px 0;
	width: 960px;
	background-color: rgba(255,255,255,0.7);
}
.content .mainbar {
	margin:0;
	padding:0;
	float:right;
	width:684px;
}
.content .mainbar h2 {
	margin-bottom:0;
	padding-bottom:8px;
	font-size:24px;
	line-height:1.2em;
	color:#6e6e6e;
}
.content .mainbar div.img {
	padding:12px 0 0;
	float:left;
}
.content .mainbar img {
}
.content .mainbar img.fl {
	margin:0;
	border:1px solid #d4d7dc;
}
.content .mainbar .article {
	margin:0 0 8px;
	padding:6px 20px;
	overflow: hidden;
}
.article_b {
	margin:0 20px 8px 20px;
	padding:10px 20px;
	overflow: hidden;
	border: #CCC solid 1px;
	background-color: rgba(255,255,255,0.7);
}
.article_c {
	margin:10px 0 40px 0;
	padding:10px 20px 30px 20px;
	overflow: hidden;
	border: #CCC solid 1px;
	background-color: rgba(255,255,255,0.7);
}

.content .mainbar .post_content {
	float:right;
	width:440px;
}
.post_content_w {
	float:right;
}
.content .mainbar .post_content strong {
	color:#6d6d6d;
}
.content .sidebar {
	padding:0;
	float:left;
	width:260px;
}
.content .sidebar .gadget {
	margin:0 0 12px;
	padding:12px 20px 24px;
}
.content .sidebar h2 {
	color:#6e6e6e;
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#6e6e6e;
}





ul.sb_menu li, ul.ex_menu li {
	margin-bottom: 10px;
	border-bottom:1px solid #d2d2d2;
}
ul.sb_menu li {
	padding:8px 0;
	width:220px;
}
ul.ex_menu li {
	padding:3px 0 15px 0;
	list-style-type: none;
	background: url(../images/arrow.png) no-repeat left top;
}
ul.sb_menu li a {
	color:#6e6e6e;
	text-decoration:none;
	margin-left:-16px;
	padding:4px 8px 4px 16px;
}
ul.ex_menu li a {
	font-size: 1.2em;
	color:#6e6e6e;
	text-decoration:none;
	margin-left: 20px;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#699;
	text-decoration:none;
}
p.spec {
	padding:0 0 16px;
}
p.infopost {
	margin:0 0 8px;
	padding:6px 16px 0 16px;
	height:28px;
	color:#fff;
	background: #699;
}
p.infopost a {
	padding:0 2px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
p.infopost a:hover {
	text-decoration:underline;
}
.article a.com {
	display:block;
	float:right;
	margin:-21px 0 0;
	padding:14px 0 0;
	width:57px;
	height:43px;
	font-size:33px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:url(../images/comment.jpg) no-repeat left top;
}
.article a.com:hover {
	text-decoration:none;
}
.article a.com span {
	font-weight:normal;
}
.post_content a.rm, .post_content_w a.rm, .acBOX a.rm, .spec a.rm {
	display:block;
	float:left;
	margin:0 0 16px;
	padding:9px 0 0;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	text-transform:none;
	color: #C90;
	text-decoration:none;
	text-align:center;
}
.post_content a.rm:hover, .post_content_w a.rm:hover, a.rm:hover {
	text-decoration:underline;
}
.content p.pages {
	margin:0;
	padding:24px 20px;
	font-size:11px;
	color:#6e6e6e;
	text-align:left;
}
.content p.pages span, .content p.pages a {
	display:block;
	float:left;
	margin:0 4px 0 0;
	padding:8px 0;
	width:33px;
	line-height:17px;
	text-decoration:none;
	text-align:center;
	background:url(../images/page_p.jpg) no-repeat left top;
}
.content p.pages span, .content p.pages a:hover {
	color:#fff;
	background-image:url(../images/page_a.jpg);
}
.content p.pages a {
	color:#fff;
	border:none;
}
.content p.pages small {
	font-size:12px;
	float:right;
}
.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.fbg {
	padding:0;
	background:#fafafa url(../../images/fbg_bg.gif) repeat-x left top;
	border-top:3px solid #e4e4e4;
}
.fbg_resize {
	margin:0 auto;
	width:960px;
	padding:16px 0;
	color:#7e7c7c;
	background:url(../../images/footlogo.png) no-repeat right top;
}
.fbg h2 {
	color:#7e7c7c;
}
.fbg img.gal {
	margin:0 8px 8px 0;
	padding:0;
	border:1px solid #b8b4b4;
}
.fbg .col {
	margin:0;
	float:left;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:280px;
}
.fbg .c2 {
	padding:0 36px 0 16px;
	width:300px;
}
.fbg .c3 {
	padding:0 0 0 16px;
	width:294px;
}

.fbg .fbg_ul li {
	list-style-type: none;
	padding: 15px 0 5px 20px;
	border-bottom: dashed #ccc 1px;
	background: url(../../images/arrow.png) no-repeat left center;
}

.fbg .fbg_ul li a {
	text-decoration:none;
	color: #6d6d6d;
}

.fbg .fbg_ul li a:hover {
	color: #699;
	text-decoration: none;
	list-style-type: none;
}
.fbg .contact_info {
	width: 100%;
	overflow: hidden;
	line-height: 0.8em;
}
.fbg .contact_info a {
	color: #6d6d6d;
	text-decoration: none;
}
.fbg .contact_info a:hover {
	color: #699;
	text-decoration: none;
}

ol {list-style:none; }
ol li {	display:block; clear:both; }
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:5px 2px;
	height:16px;
	background-color:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:2px;
	background-color:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
.searchform {
	padding:0;
	float:left;
}

.ulline li {
	list-style-type: none;
	border-bottom: dashed #C6B7A2 1px;
	padding-left: 1em;
    text-indent: -1em;
	line-height: 1.5em;
    margin-top:1em !important;
	margin-bottom:0em !important;
	float:none !important;
	display: block !important;
}


/*-----------------------------------------------------------
 パン屑
----------------------------------------------------------- */
#bread {
	width: 670px;
	text-align: left;
	font-size: x-small;
	margin-bottom:10px;
}
 
#bread ul li {
	list-style-type: none;
	display: inline;
	padding-right: 2px;
	text-align: left;
	background: none;
	border-bottom: none;
}

#bread li a {
   color: #333333; /* 通常時*/
}

#bread li a:hover {
   text-decoration: underline;
   color: #699; /* マウスオン*/
} 

/*----------------------------------------------------------- */







.footer {
	background:#fafafa url(../../images/line.gif) repeat-x left top;
}
.footer_resize {
	margin:0 auto;
	padding:12px 0;
	width:960px;
	line-height:1.5em;
	color:#7e7c7c;
}
.footer_resize p {
	margin:24px 0;
	padding:0;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
	text-align: center;
}
.footer_resize a {
	color:#9eb8dd;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;
	text-decoration:underline;
	background-color:transparent;
}
.footer_resize a:hover {
	color:#9eb8dd;
	background-color:transparent;
	text-decoration:none;
}
.footer_resize .lf {
	float:left;
}
.footer_resize .rf {
	float:right;
}
a {
	outline:none;
}

#pageTop{
	background-color: rgba(153,185,174,0.7);
	border-radius:5px;
	color:#FFF;
	padding:16px;
	position:fixed;
	bottom:16px;
	right:16px;
	text-decoration: none;
	font-size: 0.8em;
}
	
	
#pageTop:hover{
	background:#c8dedb;
}



/* -----------------------------------------------------------
テーブル装飾
----------------------------------------------------------- */
.bace { 
	border-collapse: collapse;
	border: solid 1px #55432B;
	width: 80%;
	max-width:500px;
	min-width:280px;
	margin:0 25px 15px 0;
}

.bline {border-bottom: solid 1px #55432B;}
.t-head {
	background-color: #d8e6e3;
	width: 120px;
	text-align: center;
	border-collapse: collapse;
	border: solid 1px #ddd;
}


.t-item {
	padding: 10px;
	border-collapse: collapse;
	border: solid 1px #ddd;
}

.box_ppl {border:#669 solid 1px;}





/* workshop
   ========================================================================== */

.__concentration .about_inner{
	background: url(../images/bg_concentration01.jpg) no-repeat center 0;
}

.concentration h2{
	text-align: center;
	padding: 10px 0 20px 0;
}

.concentration .text p{
	padding: 0 0 20px 0;
}

.concentration .caution{
	font-size: 12px;
}

.concentration .common_frame{
	background: #fff;
	padding: 7px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
	width: 95%;
	margin: 0 auto 30px auto;
}

.concentration .common_frame .inner{
	border: 5px solid #f0e7d7;
	padding: 20px;
	overflow:hidden;
}

.concentration .common_frame h3{
	margin: -10px 0 0 -10px;
}

.concentration .common_frame p{
	padding: 10px 0 0 0;
	text-align: left;
}

.concentration .common_frame li{
	display: inline-block;
	margin: 30px 7px 0 0;
}

.concentration .common_frame li:last-child{
	margin: 0;
}
.block._content.__about {
	clear: both;
	width: 100%;
	background: url(../images/bg.jpg) ;
}
.block._content.__about p{
	font-size: 16px;
}
.about_inner{
	overflow: hidden;
	padding: 50px 0 50px 0;
}
.about._content{
	width: 1000px;
	margin: 0 auto;
}

.about._content_inner p{
	width: 640px;
	padding: 130px 0 0;
	line-height: 2.2;
}

.about._content_inner p b,
.reason._content_inner p b{
	color: #df0001;
}

.about._content_inner .img_r{
	float: right;
}
.about._content_inner h2{
	position: absolute;
	left: 25%;
	margin: -62px 0 0 0;
}
.banner._02{
	text-align: center;
	height: 270px;
}

.detail { width: 52%; float:left; margin-right:20px; }
.formWrap {
	max-width:410px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
	float:left;
}
table.formTable{
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:6px;
}
table.formTable th{
	width:28%;
	min-width: 50px;
	font-weight:normal;
	background: #FAFBF9;
	text-align: center;
	color: #837E5A;
	line-height:1.4em;
}