@charset "utf-8";
/*
使い方例
.boxShadow(7px, #000);
.rounded-corners (5px);
.rounded-corners (0 0 10px 10px);
box-shadow: 1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
*/
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*+++++++++++++++++++++++++++++++++++++++++*/
/*                                         */
/*                                         */
/*          ブラウザリセット               */
/*                                         */
/*                                         */
/*+++++++++++++++++++++++++++++++++++++++++*/
/* ===================================================================
 style info : リセット及びフォントサイズ
=================================================================== */
/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}

body {
	line-height: 1;
	background: #fff;
	color: #000;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000; 
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:16px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*+++++++++++++++++++++++++++++++++++++++++*/
/*                                         */
/*                                         */
/*              define                     */
/*                                         */
/*                                         */
/*+++++++++++++++++++++++++++++++++++++++++*/
/* mixin_define
----------------------------------------------------*/
/*ビヘイビアー*/
.htc_behavior{
    behavior:url("/css/htc/PIE.htc");
}
/*ビヘイビアー*/
.htc_behavior_css3{
    behavior:url("/css/htc/ie-css3.htc.htc");
}


/* color
----------------------------------------------------*/
@a     : #ff7ca0 ;  // navボタン
@ah    : #a00c36 ;  // navマウスオーバー
@a-sub : #547b2e ;  // 2ndカラー
@ah-sub: #32560f ;

@base  : #ecf3fa ; // 全体背景
@header-bg: #ffffff ; //ヘッダーの背景
@2nbg     : #fffef6 ; //リスト偶数個目の背景

// ベーシックカラー
@black    : #000000 ;
@white    : #FFFFFF ;
@red      : #FF0000 ;


/* size
----------------------------------------------------*/
@w          : 1000px  ;  //全体の幅
@w-main     : 690px ;    //メインの幅
@w-side     : 300px ;    //サイドの幅


/* mixin
----------------------------------------------------*/
/* 角丸 */
.rounded-corners (@radius: 10px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
    /*ie6,7,8 CSS3*/
    .htc_behavior;
}

/* textareaマウスオーバー */
.textarea-hover(){
    /*グラデーション*/
    background: #feffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d2ebf9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* IE10+ */
    -pie-background: linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* IE6-9 */
    background: linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* W3C */

    /*影*/
    -moz-box-shadow:0px 1px 8px rgba(102,102,102,0.3);
    -webkit-box-shadow:0px 1px 8px rgba(102,102,102,0.3);
    box-shadow:0px 1px 8px rgba(102,102,102,0.3);
    /*ie6,7,8 CSS3*/
    .htc_behavior;
}

/* float問題対策用 */
.clearfix(){
	&:after{
		content : "" ;
		clear   : both ;
		display : block ;
		height: 0 ;
	}
}

/*ボックスシャドウ*/
.boxShadow(@bs : 3px, @bsC : #999){
    -webkit-box-shadow: 0px 0px @bs @bsC;
    -moz-box-shadow: 0px 0px @bs @bsC;
    box-shadow: 0px 0px @bs @bsC;
    /*ie6,7,8 CSS3*/
    .htc_behavior;
}

/*テキストシャドウ*/
.textShadow(@ts1 : 1px , @ts2 : 1px, @tsC : #fff){
    text-shadow: 0px @ts1 @ts2 @tsC;
    /*ie6,7,8 CSS3*/
    .htc_behavior_css3;
}


/*グラデーション*/
.gradiation(@gra){
    @graBaseColor : @gra + #444aaa ;
    @graDeepColor : @gra ;

    background: @graBaseColor; /* Old browsers */
    background: -moz-linear-gradient(top,  @graBaseColor 0%, @graDeepColor 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@graBaseColor), color-stop(100%,@graDeepColor)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  @graBaseColor 0%,@graDeepColor 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  @graBaseColor 0%,@graDeepColor 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  @graBaseColor 0%,@graDeepColor 100%); /* IE10+ */
    -pie-background: linear-gradient(top,  @graBaseColor 0%,@graDeepColor 100%); /* IE6-9 */
    background: linear-gradient(top,  @graBaseColor 0%,@graDeepColor 100%); /* W3C */

    /*ie6,7,8 CSS3*/
    .htc_behavior;
}

/*hoverとかを遅くする*/
.delay{
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

/*styleを効かなくする smarty用*/
.nostyle{
	border:none;
	.rounded-corners (0);
	margin:0;
	padding:0;
	line-height:1.7;
}
/*+++++++++++++++++++++++++++++++++++++++++*/
/*                                         */
/*                                         */
/*              all                        */
/*                                         */
/*                                         */
/*+++++++++++++++++++++++++++++++++++++++++*/

a {
	color : @a ;
	text-decoration : none ;
}

a:hover {
	color : @ah; // + #11aaaa ;
	text-decoration : underline ;
}

body{
	background:url("../images/bg.jpg") repeat;
}
bodyaa{
	background:url("/img/share/bg.png") no-repeat top center, #105eb5 url("/img/share/bg.png") no-repeat top center; /* W3C */ 
	background:url("/img/share/bg.png") no-repeat top center, #105eb5 -moz-linear-gradient(top,  #105eb5 0%, #cde1f8 100%) ; /* FF3.6+ */
	background:url("/img/share/bg.png") no-repeat top center, #105eb5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#105eb5), color-stop(100%,#cde1f8)); /* Chrome,Safari4+ */
	background:url("/img/share/bg.png") no-repeat top center, #105eb5 -webkit-linear-gradient(top,  #105eb5 0%,#cde1f8 100%); /* Chrome10+,Safari5.1+ */
	background:url("/img/share/bg.png") no-repeat top center, #105eb5 -o-linear-gradient(top,  #105eb5 0%,#cde1f8 100%) ; /* Opera 11.10+ */
	background:url("/img/share/bg.png") no-repeat top center, #105eb5 -ms-linear-gradient(top,  #105eb5 0%,#cde1f8 100%) ; /* IE10+ */
	-pie-background: url("/img/share/bg.png") no-repeat top center, #105eb5 linear-gradient(top,  #105eb5 0%,#cde1f8 100%) ; /* W3C */ 
	behavior:url("/css/htc/PIE.htc");
	background:#259fce;
}


input[type="submit"]:hover{
	cursor : pointer ;
}

.clear{
    clear:both;
}

.tcenter{
	text-align:center;
}

.pankuzu{
	margin-top:20px;
}

//ぴょこっと出てくるボックス
#scroll-box{
	display    : none  ;
	height     : 100px ;
	width      : 250px ;
	background : #000  ;
	opacity    : 0.7   ; 
	color      : #fff  ;
	font-weight: bold  ;
	padding    : 20px  ;
	font-size  : 120%  ;
	line-height: 1.3   ;
	.rounded-corners ();
	.boxShadow();
	
	p.r-b_border{
		border-bottom : 1px solid #fff ;
		margin-bottom : 10px ;
		padding       : 5px 0 ;
	}
	a{
		color  : @a ;
		font-size : 120% ;
	}
}

//緑のボタン
 a.btn {
	color        : @white ;
	background   : @a-sub ;
	padding      : 10px 10px;
	margin       : 14px 5px 0 5px ;
	font-size    : 85% ;
	letter-spacing : 3px ;
	border       : solid 1px #CCC ;
	.rounded-corners (5px) ;
	.delay();
}
a.btn:hover{ text-decoration : none ; background : @ah-sub ; .boxShadow(5px, #333);}

/*+++++++++++++++++++++++++++++++++++++++++*/
/*                                         */
/*                                         */
/*              header                     */
/*                                         */
/*                                         */
/*+++++++++++++++++++++++++++++++++++++++++*/

/* define
----------------------------------------------------*/
@h-cover : 400px ;


/* header（トップのみ）
----------------------------------------------------*/
#header{
	.clearfix();
	background:url("../images/topheader_bg.jpg") repeat-x;//画像の高さは401px
	
	#cover{
		width:@w;
		height:@h-cover ;
		margin:0 auto;
		background:url("../images/topheader_cover.jpg") no-repeat;//画像の高さは400px
		
		.logo   { float:left; }
		//会員専用ボタン
		.member {
		     float :right ;
			 
			 a {
			 	color        : @white ;
			 	background   : @a-sub ;
				padding      : 25px 12px 10px 12px;
				margin       : -10px 0 0 0 ;
				display      : block ;
				font-size    : 85% ;
				letter-spacing : 3px ;
				border:solid 1px #CCC;
				.rounded-corners (5px) ;
				.delay();
				.boxShadow(5px,#000);
			}
			a:hover{ text-decoration : none ; background : @ah-sub ; .boxShadow(5px, #333);}
		
		}
		
		//social
		.social{
			margin-right:20px;
			float:right;
			
			a {
				opacity : 0.8 ;
				.delay();
			}
			a:hover{ opacity:1; }
			img{
				float:right;
				background:#FFF;
				width:40px;
				height:40px;
				margin:10px 5px;
			}
		}//END social
	}

	/* グローバルナビゲーション
	----------------------------------------------------*/
	#nav{
		.clearfix();
		width:940px;
		margin:10px auto;
		
		//グローバルナビ
		ul{
			.clearfix();
			
			a{ color: @white ;}
			a:hover { text-decoration : none ; }
			
			li{
				background   : @a ;
				text-align   : center;
				min-width        : 120px ;
				list-style   : outside none ;
				float        : left ;
				padding      : 8px 12px ;
				margin       : 0 10px 0 0;
				border       : solid 1px #CCC ;
				font-size    : 93% ;
				.rounded-corners (8px) ;
				.delay();

				span{
					display:block;
					text-align:center;
					font-size:77%;
				}
			}//li END
			li:hover { background : @ah ; }
			a.current li { background : @ah ; }
			
		}//ul END
	}//#nav END
}//#header END


/* header_under　（下層ページ）
----------------------------------------------------*/
#header_under{
	.clearfix();
	border-bottom : 1px solid #ccc ;
	background:url("../images/topheader_bg.jpg") repeat-x;//画像の高さは401px
	
	#cover{
		width:@w;
		height:130px ;
		margin:0 auto;
		background:url("../images/topheader_cover.jpg") no-repeat;//画像の高さは400px
		
		.logo   { float:left; }
		//会員専用ボタン
		.member {
		     float :right ;
			 
			 a {
			 	color        : @white ;
			 	background   : @a-sub ;
				padding      : 25px 12px 10px 12px;
				margin       : -10px 0 0 0 ;
				display      : block ;
				font-size    : 85% ;
				letter-spacing : 3px ;
				border:solid 1px #CCC;
				.rounded-corners (5px) ;
				.delay();
				.boxShadow(5px,#000);
			}
			a:hover{ text-decoration : none ; background : @ah-sub ; .boxShadow(5px, #333);}
		
		}
		
		//social
		.social{
			margin-right:20px;
			float:right;
			
			a {
				opacity : 0.8 ;
				.delay();
			}
			a:hover{ opacity:1; }
			img{
				float:right;
				background:#FFF;
				width:40px;
				height:40px;
				margin:10px 5px;
			}
		}//END social
	}

	#nav{
		.clearfix();
		width:940px;
		margin:5px auto 0 auto;
		
		//グローバルナビ
		ul{
			.clearfix();
			margin:0;
			
			a{ color: @white ;}
			a:hover { text-decoration : none ; }
			
			li{
				background   : @a ;
				text-align   : center;
				min-width        : 120px ;
				list-style   : outside none ;
				float        : left ;
				padding      : 8px 12px ;
				margin       : 0 10px 0 0;
				border       : solid 1px #CCC ;
				font-size    : 93% ;
				.rounded-corners (8px) ;
				.delay();

				span{
					display:block;
					text-align:center;
					font-size:77%;
				}
			}//li END
			li:hover { background : @ah ; }
			a.current li { background : @ah ; }
			
		}//ul END
	}//#nav END
}//#header END

/*+++++++++++++++++++++++++++++++++++++++++*/
/*                                         */
/*                                         */
/*            contents_wrap                */
/*                                         */
/*                                         */
/*+++++++++++++++++++++++++++++++++++++++++*/

/* contents_wrap
----------------------------------------------------*/
#contents_wrap{
	.clearfix();
	width:@w;
	margin:0 auto;

	//キャッチコピー
	p.catch{
		text-align  : center ;
		line-height : 2 ;
		color       : #666 ;
		font-size   : 120% ;
		letter-spacing : 2px ;
		padding: 20px 0;
	}

	//アバウトページ真ん中のキャッチコピー
	p.aboutcatch{
		text-align  : center ;
		line-height : 2 ;
		color       : #666 ;
		font-size   : 120% ;
		letter-spacing : 2px ;
		padding: 50px 0;
	}


	/* コンテンツページ
    ----------------------------------------------------*/
	.contents{
		div {
			.clearfix();
			margin:10px 0 0 0;
			background   : @white ;
			border       : solid 1px #CCC ;
			padding      : 10px ;
			.rounded-corners (10px) ;
			
			//ページ内リンクのdiv
			&.innerlink{
			margin:0 0 30px 0;
			background   : transparent ;
			border       : none ;
			padding      : 0 ;
			.rounded-corners (0) ;
			text-align:center;
			}
			
			//見出し
			h1{
				background:#F5F5F5;
				.rounded-corners (5px) ;
				border: solid 1px #CCC;
				color:#333;
				letter-spacing:3px;
				padding:10px;
				
				span{
					float:right;
					color:#CCC;
					letter-spacing:2px;
				}
			}
			//文言
			p{
				margin: 20px 0;
				line-height : 2 ;
				color       : #666 ;
				letter-spacing : 2px ;
			}
			
			//smarty用
			div.nostyle{
				.nostyle();
				padding:30px;
				
				div{.nostyle();}
			}
		}// div END
	}//.contentcs END
	
	
	/* TOPページ
    ----------------------------------------------------*/
	#contents_top{
		background   : @white ;
		border       : solid 1px #CCC ;
		padding      : 10px ;
		.rounded-corners (10px) ;
		
		//緑色のボタン部分
		ul{
			.clearfix();
			margin:0 auto 30px auto;
			width : @w - 120px;
			a{ color: @white ;}
			a:hover { text-decoration : none ; }
			
			li{
				.clearfix();
				background   : @a-sub ;
				text-align   : center;
				width        : 250px ;
				height       : 140px ;
				list-style   : outside none ;
				float        : left ;
				padding      : 8px 12px ;
				margin       : 0 10px 0 0;
				border       : solid 1px #CCC ;
				font-size    : 170% ;
				letter-spacing : 1px ;
				.rounded-corners (8px) ;
				.delay();

				p{
					display    : block  ;
					text-align : center ;
					letter-spacing : 1px ;
					font-size  : 50% ;
					margin: 20px 0;
				}
				span{ float :right; font-size  : 50% ;}
			}//li END
			li:hover { background : @ah-sub ; .boxShadow(5px, #333);}
			
		}//ul END		
	}//#contents_top END

	/* お知らせ
    ----------------------------------------------------*/
	#news {
		div{
			table.whatsnews{
				margin: 10px 0 0 0;
				tr{ border-bottom : 1px dashed #BBB ; }
				tr:last-child{ border-bottom : none ; }
				tr th { padding:20px 0; color:#888;}
				tr td{ padding:10px; width:75%;}
				tr td.date {
					min-width : 90px;
					padding:10px 5px;
					width:20%;
					color:#888;
				}
				tr td.cadeg {
					min-width : 100px ;
					width:10%;
					
					span{
						.rounded-corners();
						background : #888 ;
						color   : white ;
						padding : 3px 15px ;
						font-size  : 87% ;
						text-align : center ;
						width:80px;
						display:block;
					}
				}
			}
		}//div END
	}

	/* お知らせ詳細
    ----------------------------------------------------*/
	#news_detail {
		div{
			img{max-width:49%;}
		}//div END
	}
	
	/* グループ紹介ページ
    ----------------------------------------------------*/
	#about {
		div {
			//プロフィール
			&.prof{
				width:50%;
				float:right;
				
				p{padding: 0 15px;}
			}
			
			.btn{
				float:right;
			}
		}//div END
		
		//プロフィール画像
		img.profImg{
			width:44%;
			float:left;
			margin:20px 10px 10px 10px;
			background:@white;
			padding:3px;
			border:1px solid #CCC;
			.boxShadow(15px);
		}
		
		div.history{
			table{
				border-collapse:collapse;
				margin:20px auto;
				tr{
					td{
						width:750px;
						padding:0 0 50px 50px;
						//写真
						//img { width:330px;}
						div.his_contents div{ width:300px; height:210px; float:left; margin-right:20px; .rounded-corners(0); border:none;}
						div.img1984-1 { background:url("../images/history/1984-1.jpg") no-repeat;} 
						div.img1984-2 { background:url("../images/history/1984-2.jpg") no-repeat;}
						div.img1986-1 { background:url("../images/history/1986-1.jpg") no-repeat;} 
						div.img1986-2 { background:url("../images/history/1986-2.jpg") no-repeat;}
						div.img1989-1 { background:url("../images/history/1989-1.jpg") no-repeat;}
						div.img1989-2 { background:url("../images/history/1989-2.jpg") no-repeat;}
						div.img1991-1 { background:url("../images/history/1991-1.jpg") no-repeat;}
						div.img1991-2 { background:url("../images/history/1991-2.jpg") no-repeat;}
						div.img1993-1 { background:url("../images/history/1993-1.jpg") no-repeat;}
						div.img1993-2 { background:url("../images/history/1993-2.jpg") no-repeat;}
						div.img1996-1 { background:url("../images/history/1996-1.jpg") no-repeat;}
						div.img1996-2 { background:url("../images/history/1996-2.jpg") no-repeat;}
						div.img1998-1 { background:url("../images/history/1998-1.jpg") no-repeat;}
						div.img1998-2 { background:url("../images/history/1998-2.jpg") no-repeat;}
						div.img1998-3 { background:url("../images/history/1998-3.jpg") no-repeat;}
						div.img1998-4 { background:url("../images/history/1998-4.jpg") no-repeat;}
						div.img2000-1 { background:url("../images/history/2000-1.jpg") no-repeat;}
						div.img2000-2 { background:url("../images/history/2000-2.jpg") no-repeat;}
						div.img2001-1 { background:url("../images/history/2001-1.jpg") no-repeat;}
						div.img2001-2 { background:url("../images/history/2001-2.jpg") no-repeat;}
						div.img2003-1 { background:url("../images/history/2003-1.jpg") no-repeat;}
						div.img2003-2 { background:url("../images/history/2003-2.jpg") no-repeat;}
						div.img2004-1 { background:url("../images/history/2004-1.jpg") no-repeat;}
						div.img2004-2 { background:url("../images/history/2004-2.jpg") no-repeat;}
						div.img2005-1 { background:url("../images/history/2005-1.jpg") no-repeat;}
						div.img2005-2 { background:url("../images/history/2005-2.jpg") no-repeat;}
						div.img2007-1 { background:url("../images/history/2007-1.jpg") no-repeat;}
						div.img2007-2 { background:url("../images/history/2007-2.jpg") no-repeat;}
						div.img2008-1 { background:url("../images/history/2008-1.jpg") no-repeat;}
						div.img2008-2 { background:url("../images/history/2008-2.jpg") no-repeat;}
						div.img2009-1 { background:url("../images/history/2009-1.jpg") no-repeat;}
						div.img2009-2 { background:url("../images/history/2009-2.jpg") no-repeat;}
						div.img2011-1 { background:url("../images/history/2011-1.jpg") no-repeat;}
						div.img2011-2 { background:url("../images/history/2011-2.jpg") no-repeat;}
						div.img2012-1 { background:url("../images/history/2012-1.jpg") no-repeat;}
						div.img2012-2 { background:url("../images/history/2012-2.jpg") no-repeat;}
						
						div.arrow{ 
							background:transparent;
							width:0px;
							height:0px;
							border-top:10px solid transparent;
							border-bottom:25px solid transparent;
							border-left:0px solid transparent;
							border-right:25px solid #EEE;
							padding:0;
							.rounded-corners(0);
							.clearfix();
							float:left;
							margin-left:-25px;
						}
						div.his_contents{
							-webkit-border-radius: 0 10px 10px 10px;
							-moz-border-radius:  0 10px 10px 10px;
							border-radius:  0 10px 10px 10px;
							background:#EEE;
							padding:20px;
							border:none;
							
							p{ padding-top:0; margin-top:0;}
						}
					}
					
					td.his_year{
						width:5px;
						padding:0;
						height:70px;
						background:@a;
						position:relative;
						
						p{
							position:absolute;
							width:60px; //円の半径
							height:60px; //円の半径
							.rounded-corners(40px);
							background:@a;
							margin-left:-28px;
							margin-top:0px;
							
							span{position:absolute; padding-top:15px; padding-left:8px; z-index:100; color:@white;}
						}
					}//td.his_year END

				}
			}
		}
	}//#about END

	/* クラスページ
    ----------------------------------------------------*/
	#class {
		img.sche{margin:50px auto; width:99%}
		h2{
			border-left:10px solid #CCC;
			border-bottom:1px solid #CCC;
			padding:10px;
			color:#333;
			margin-bottom:20px;
		}
		div {
			a.wm{
				float:right;
				margin:10px 0;
			}
		}//div END
		
		.detail_info{
			letter-spacing:1px;
			line-height:1.5;
			font-size:80%;
		}
		p.waga_ti{ text-align:center; font-weight:bold; }
		p.waga_teacher{ text-align:right; font-weight:bold; }
		p.waga_cont{background:#FAFAFA; padding:50px; .textShadow();}
		p.waga_aten{padding:50px; .textShadow();}
		
	}//#class END

	/* インストラクター
    ----------------------------------------------------*/
	#instructor {
		div#inst_list_left, div#inst_list_right{
			background-color:transparent;
			border:none;
			width:48%;
			float:left;
			margin:0 10px 0 0;
			padding:0;
			
			table{
				border-collapse: collapse;
				width:100%;
				margin:0 0 10px 0;
				
				td{padding:5px; border:1px solid #ccc; text-align:center; vertical-align:middle; background:#FFF;}
				th.icate{width:80px; background:#EEE; padding:5px; border:1px solid #ccc; text-align:center;}
				td.iphoto{width:50px; img{width:50px;}}
				td.iposition{width:130px;}
				a.btn{padding:5px 20px;}
				.clearfix();
			}
		}
		div {
			//プロフィール画像
			img.profImg{
				width:260px;
				//height:320px;
				float:left;
				margin:10px 20px 20px 0;
				.boxShadow(10px);
				border:1px solid #FFF;
			}
			
			//プロフィール内容
			dl{
				margin: 10px 0;
				line-height : 1.5 ;
				color       : #666 ;
				letter-spacing : 1px ;
				
				dh{
					line-height:2;
					color:#333;
					font-weight:bold;
				}
				
				hr{margin:0 0 10px 0; height:0; border-top:1px solid #EEE; border-bottom:1px solid #GGG;}
				
				dd{
					margin: 0 0 15px 0;
				}
			}
			
			//幼少のころの写真
			img.child{
				float         : right ;
				width         : 100px ;
				margin        : 20px  ;
				padding       : 3px   ;
				background    : #FFF  ;
				border        : 1px solid #999 ;
				-webkit-transform : rotate(10deg) ;
				-moz-transform    : rotate(10deg) ;
				-o-transform      : rotate(10deg) ;
				-ms-transform     : rotate(10deg) ;
				.boxShadow(10px, #999);
				.rounded-corners (10px);
			}
			
			a.wm{
				float:right;
				margin:10px 0;
			}
		}//div END
	}//#instructor END
	
	/* お問い合わせ
    ----------------------------------------------------*/
	#contact {
		div {
			div#mf_wrapper {
				width: 640px;
				text-align: left;
				margin: 0px auto 0px auto;
				font-family: sans-serif;
			}
			div#mf_header h1 {
				font-size: 24px;
				border-bottom: solid 1px #999999;
				margin: 0px;
				padding: 0px;
			}
			div#mf_header h2 {
				font-size: 16px;
				color: #999999;
				font-weight: normal;
				margin: 0px;
				padding: 0px;
			}
			form#mailform {
				padding: 30px;
			}
			table.mailform {
				width: 100%;
			}
			table.mailform tr th,table.mailform tr td {
				text-align: left;
				font-weight: normal;
				font-size: 12px;
				border-bottom: solid 1px #EEE;
				padding: 7px 5px 7px 5px;
			}
			table.mailform tr th {
				width: 150px;
			}
			table.mailform tr th span {
				color: #CC0000;
				font-size: 10px;
			}
			table.mailform tr th p {
				margin: 0px;
				padding: 0px;
				font-size: 10px;
				color: #999999;
			}
			table.mailform tr td textarea {
				width: 100%;
				height: 120px;
			}			
		}// div END
	}//#contact END
	
}//#contents_wrap END

/*+++++++++++++++++++++++++++++++++++++++++*/
/*                                         */
/*                                         */
/*              footer                     */
/*                                         */
/*                                         */
/*+++++++++++++++++++++++++++++++++++++++++*/

/* footer
----------------------------------------------------*/
#footer{
	.clearfix();
	width:@w;
	margin:20px auto;
	text-align:center;
	font-size:87%;
	
	.footer_link{
		margin:20px 0;
		color:#999;
		
		a{margin:0 5px;}
	}


	/* gotop
	----------------------------------------------- */
	#gotop_wrap{
		width:1030px;
		margin:0 auto;
		
		#gotop{
			padding:10px 0;
			/*width:60px;*/
			float:right;
			margin-top:10px;
			position: fixed;
			bottom: 10px;
			right: 10px;
			cursor: pointer;
			/*背景*/
			background:#666;
			//opacity: 0.8;
			//filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60);
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			/*影*/
			-webkit-box-shadow: 0 0 10px #000;
			-moz-box-shadow: 0 0 10px #000;
			box-shadow: 0 0 10px #000;
				/*ie6,7,8 CSS3*/
			behavior: url(http://shuntap.jp/css/htc/PIE.htc);

			a{
				padding:10px;
				color:#FFF;
				text-decoration:none;
				font-size:110%;
				letter-spacing:2px;
				//font-weight:bold;
			}
			a:hover{
				text-decoration:none;
			}
		}
		#gotop:hover{
			/*背景*/
			background:#333;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			/*影*/
			-webkit-box-shadow: 0 0 10px #000;
			-moz-box-shadow: 0 0 10px #000;
			box-shadow: 0 0 10px #000;
				/*ie6,7,8 CSS3*/
			behavior: url(http://shuntap.jp/css/htc/PIE.htc);
		}
	}//gotop_wrap END
}//#footer END