@charset "UTF-8";
html,body,p,h1,h2,h3,h4{
margin:0; padding:0;
}
a{outline:none;}
body{
font-family : 'Kozuka Gothic Pro', 'Kozuka Gothic Std', '小塚ゴシック Pro R', '小塚ゴシック Std R', 'Hiragino Gothic Pro', 'ヒラギノ角ゴシック Pro W3', 'MS P ゴシック', 'Arial', sans-serif; font-size:12px; line-height:1.6; font-size:12px; color:#000;}
a:link,a:hover,a:visited{color:#000;}
body{text-align:center;}
#container {width:900px; margin:0 auto; position:relative; text-align:left;}
#content{background:url(images/bg_line.gif) top left repeat; clear:both; margin:30px 0; position:relative;}
#head{margin:30px 0 20px;}
#alpha{width:600px; float:right;}
#beta{width:230px; float:left; background:#CCCCCC; padding:20px;}
#foot{color:#666666; font-size:11px; margin-bottom:12px; text-align:right;}

/*beta*/
#articleList{margin:20px 0 0; padding:0; list-style:none;}
#articleList li{line-height:28px; letter-spacing:0.1em;}
#articleList a{text-decoration:none; display:block;}
#articleList a:hover{color:#008977;}

.prof{font-size:86%; line-height:24px; margin-bottom:30px;}
.prof h3{margin:10px 0;}
#prof-gohan{margin-top:60px;}
#prof-drill, #prof-fullswing{font-size:80%; line-height:22px;}
/*article*/
.article {margin-bottom:70px;}
.article h2{color:#008977; padding:16px 0 20px; font-size:18px; letter-spacing:0.2em;}
.article p{margin:0 0 20px 0; font-size:92%; line-height:24px;}

/*////////crossfade/////////*/
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

.slider li {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 400px;
	visibility: hidden;
}

li img {
	display: block;
}
.caption {
	clear: both;
	text-align:right;
	padding-right:5px;
	font-size:16px;
	line-height:24px;
	margin-bottom:10px;
	
}
.slider {
	position: relative;
	background-color:#F2F2F2;
	margin-bottom: 1em;
	width: 600px;
	height: 400px;
}

.control {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 14px;
	line-height:14px;
	font-weight: bold;
	color:#fff;
	height:14px;
	width:280px;
	display:block;
}
.next {
	right: 0px;
	bottom:0px;
	text-align:right;
	padding:376px 10px 10px 0;
}
.previous {
	left: 0px;
	bottom:0px;
	padding:376px 0px 10px 10px;	
}
.next:hover,.previous:hover{color:#008977;}
/*clearfix*/
.clearfix:after {
  content: ".";  /* �V�����v�f���� */
  display: block;  /* �u���b�N���x���v�f�� */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}