@charset "UTF-8";
/* CSS Document */

body {
	font-family:Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color:#727171;
	font-size:14px;
	line-height:1.8em;
	text-align:-moz-center; /*FF*/
	text-align:center; /*IE */
	background-color:#FFF;
}

img {
    border: medium none;
}

a, a:link, a:visited {
	color:#884A99;
	text-decoration:none;
}

a:hover {
	color:#884A99;
	text-decoration:underline;
}

html, body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, p, pre, blockquote, address, hr, table, tr, th, td, form, fieldset, input, textarea{
	margin: 0;
	padding: 0;
}

ul, ul li, dl, dl dt, dl dd, ol, ol li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.wapper {
	width:880px;
	margin:0px Auto;
	text-align:-moz-center; /*FF*/
}

.clear {
    clear: both;
}

/* ------------------------- index ------------------------- */

/* ここからコンテンツ */
#index #contents {
	width:880px;
	margin:0px Auto;
	text-align:left;
	padding-top:25px;
}

#index #contents #sec_l, #index #contents #sec_r {
	float:left;
	width:255px;
	height:725px;
}

#index #contents #sec_m {
	float:left;
	width:370px;
	height:725px;
}

/* 左コラム */
#index #contents #sec_l {
	position:relative;
}

#index #contents #sec_l img.logo {
	position:absolute;
	top:173px;
	left:20px;
}

#index #contents #sec_l img.btn_jp {
	position:absolute;
	top:548px;
	left:30px;
}

#index #contents #sec_l img.btn_en {
	position:absolute;
	top:574px;
	left:30px;
}


/* 中央コラム */

/* スライド */
#index #contents #sec_m #slideshow {
    position:relative;
    height:722px;
}

#index #contents #sec_m #slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height:722px;
    background-color: #FFF;
}

#index #contents #sec_m #slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#index #contents #sec_m #slideshow DIV.last-active {
    z-index:9;
}

#index #contents #sec_m #slideshow DIV IMG {
    height:722px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

/* 右コラム */
#index #contents #sec_r {
	position: relative;
}
/* メニュー　*/
#index #contents #sec_r #menu {
	position:absolute;
	top:182px;
	left:147px;
	width:101px;
	height:350px;
}



/* フッター（共通）*/
#footer {
	width:880px;
	height:75px;
	margin-top:30px;
	text-align:right;
	background:url(../img/common/bk_footer.jpg) top left no-repeat;
	background-position:40px 0px;
}

#footer p.copyright {
	padding-top:15px;
	font-size:10px;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}


/* **************** 第二階層基本パーツ ******************** */

/* ここからコンテンツ */
#second #contents {
	width:880px;
	margin:0px Auto;
	text-align:left;
	padding-top:25px;
}


#second #contents #logo_area {
	float:left;
	width:100px;
}

#second #contents #logo_area img {
	padding-top:13px;
	padding-left:5px;
}

#second #contents #contents_area {
	float:right;
	width:685px;
}

#second #contents #contents_area #second_menu {
	text-align:right;
	margin-top:5px;
	margin-bottom:120px;
}


#second #contents #contents_area #second_menu .btn {
	margin-bottom:10px;
}

#second #contents #contents_area .sec {
	margin-bottom:40px;
}

#second #contents #contents_area .last {
	margin-bottom:40px;
}


#second #contents #contents_area .sec h2 {
	margin-bottom:35px;
}

#second #contents #contents_area .sec .text {
	float:left;
	width:410px;
}

#second #contents #contents_area .sec .text_profile {
	float:left;
	width:450px;
}

#second #contents #contents_area .sec .text_contact {
	float:left;
	width:685px;
}

#second #contents #contents_area .sec .text_school {
	float:left;
	width:345px;
}

#second #contents #contents_area .sec .photo {
	float:left;
	width:305px;
	text-align:right;
}

#second #contents #contents_area .sec .photo_profile {
	float:right;
	width:230px;
	text-align:right;
}

#second #contents #contents_area .sec .photo_school {
	float:right;
	width:305px;
	text-align:right;
}

#second #contents #contents_area .sec table th {
	vertical-align:top;
	width:60px;
}

#second #contents #contents_area .sec table td {
	vertical-align:top;
	width:655px;
}

/* アートワークページ */

#second #contents #logo_area #sub_menu{
		margin-top:55px;
}

#second #contents #contents_area.artworks {
	float:right;
	width:650px;
	margin-left:10px;
}

#second #contents #contents_area.artworks h1 {
	width:640px;
	margin-bottom:15px;
}

#second #contents #contents_area.artworks .each_info {
	border-top:1px #a9a9a9 solid;
	position:relative;
	height:100%;
	padding:17px 0 30px 0;
}

#second #contents #contents_area.artworks .each_info h4 {
	color:#A52A2A;
	font-size:14px;
	margin-bottom:3px;
	font-weight:normal;
}

#second #contents #contents_area.artworks .each_info h3 {
	font-size:20px;
	margin-bottom:20px;
	font-weight:normal;
}

#second #contents #contents_area.artworks .each_info img.btn_detail {
	position:absolute;
	top:20px;
	right:5px;
}

#second #contents #contents_area.artworks .each_info p.withphoto {
	float:left;
	width:330px;
}

#second #contents #contents_area.artworks .each_info img.withtext {
	float:right;
}

#second #contents #contents_area.artworks .each_info p.nophoto {
		width:640px;

}

/* 書道教室ページ */

#second #contents #logo_area #sub_menu{
		margin-top:55px;
}

#second #contents #contents_area.school {
	float:right;
	width:685px;
	margin-left:10px;
}


#second #contents #contents_area.school dl{
     width:680px;  
}

#second #contents #contents_area.school dl dt{
     float:left;  
     width:5px;  
     padding:5px 0 5px 0;  
     clear:both;  
}

#second #contents #contents_area.school dl dd {
	margin-left:5px;  
    padding:5px 5px 5px 10px;  
}


#second #contents #contents_area.school h1 {
	width:640px;
	margin-bottom:15px;
}

#second #contents #contents_area.school .each_info {
	border-top:1px #ffffff solid;
	position:relative;
	width:685px;
	height:100%;
	padding:17px 0 0 0;
}

#second #contents #contents_area.school .each_info h4 {
	color:#A52A2A;
	font-size:14px;
	margin-left:10px;
	margin-bottom:3px;
	font-weight:normal;
}

#second #contents #contents_area.school .each_info h3 {
	font-size:20px;
	margin-bottom:20px;
	font-weight:normal;
}

#second #contents #contents_area.school .each_info img.btn_detail {
	position:absolute;
	top:20px;
	right:5px;
}

#second #contents #contents_area.school .each_info .with {
	float:left;
	width:370px;
	margin-bottom:3px;
}

#second #contents #contents_area.school .each_info p.withphoto {
	float:left;
	width:370px;
	margin-left:10px;
	margin-bottom:20px;
}

#second #contents #contents_area.school .each_info img.withtext {
	float:right;
	margin-top:10px;
}