@charset "utf-8";
@import "../css/common.css";

/* コメントを入れたらUTF-8化ヲ忘れずに */

/* override *************************************************************/
#categoryheader li a {
	background:url(images/categoryheader_navi.gif) no-repeat 0 0;
}
#mainright .articleheader  h4 {
	width:625px;
}
/************************************************************************/

#clublist {
	display:block;
	width:200px;
	margin:30px 0 0 0;
	padding:0 0 3px 0;
	border:0;
}
#clublistcaption {
	display:block;
	width:200px;
	height:15px;
	margin:0;
	padding:0;
	border:0;
}
#clublistcaption img {
	display:block;
	margin:0;
	padding:0;
	border:0;
}



#clublist #dl01 {
	display:block;
	width:200px;
	margin:0 0 3px 0;
	padding:7px 0 4px 0;
	border:0;
}
#clublist #dl01.current { background-position:-200px 0 }

#clublist #dl02 {
	display:block;
	width:200px;
	margin:0 0 3px 0;
	padding:7px 0 4px 0;
	border:0;
}
#clublist #dl02.current { background-position:-200px 0 }

#clublist #dl03 {
	display:block;
	width:200px;
	margin:0 0 3px 0;
	padding:7px 0 4px 0;
	border:0;
}
#clublist #dl03.current { background-position:-200px 0 }

#clublist #dl04 {
	display:block;
	width:200px;
	margin:0 0 3px 0;
	padding:5px 0 4px 0;
	border:0;
}
#clublist #dl04.current { background-position:-200px 0 }

#clublist dl {
	display:block;
	width:200px;
	margin:0;
	padding:0;
	border:0;
	z-index:3;
	cursor:pointer;
}


#clublist dt {
	display:block;
	width:220px;
	height:20px;
	margin:0 0 0 0px;
	padding:7px 0 7px 14px;
	border:0;
	background:#ffffff;
	position:relative;
	z-index:2;
	overflow:hidden;
	font-size:13px;
	border-bottom:1px #cccccc dotted;
}

#clublist dd {
	display:block;
	width:220px;
	margin:0 0 0 0px;
	padding:5px 0 5px 14px;
	border:0;
	font-size:11px;
	line-height:1.1;
	position:relative;
	top:-1px;
	z-index:1;
	cursor:pointer;
	border-bottom:1px #cccccc dotted;
}

#clublist #dl01 dt {
	background-color: #E8F8DA;
}

#clublist #dl01 dd{
	background-color:#F3FBE6;
}

#clublist #dl01 dd.current{
	background-color:#E8F8DA;
}

#clublist #dl02 dt {
	background-color: #F8F1DB;
}

#clublist #dl02 dd{
	background-color: #FFFBF2;
}

#clublist #dl02 dd.current {
	background-color: #F8F1DB;
}

#clublist #dl03 dt {
	background-color: #DFF1F8;
}

#clublist #dl03 dd{
	background-color: #F2F9FF;
}

#clublist #dl03 dd.current {
	background-color: #DFF1F8;
}

#clublist #dl04 dt {
	background-color: #DFF1F8;
}

#clublist #dl04 dd{
	background-color:#F2F9FF;
}

#clublist #dl04 dd.current {
	background-color: #DFF1F8;
}


#tabnavi {
	display:block;
	width:635px;
	height:36px;
	margin:10px 0 0 0;
	padding:0;
	border:0;
	/*background:url(./images/club_tabnavi.gif) no-repeat 0 0;*/
	overflow:hidden;
}

#tabnavi ul {
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	border:0;
}

#tabnavi li {
	float:left;
	display:block;
	margin:0;
	padding:0 5px 0 0;
	border:0;
}

#tabnavi li span {
	display:block;
	height:25px;
	margin:0;
	padding:5px 15px;
	border:0;	
	overflow:hidden;
	cursor:pointer;
	background-color:#f8f8f8;
	line-height:25px;
	font-weight:bold;
	/*background:url(./images/club_tabnavi.gif) no-repeat 0 0;
	text-indent:-9000em;*/

}

#tabnavi li#tab01 span {
	color: #7BBC40;
	border-top:1px solid #7BBC40;
	border-left:1px solid #7BBC40;
	border-right:1px solid #7BBC40;
	}
	
#tabnavi li#tab02 span {
	color: #E7BA00;
	border-top:1px solid #E7BA00;
	border-left:1px solid #E7BA00;
	border-right:1px solid #E7BA00;
	}
	
#tabnavi li#tab03 span {
	color: #5BA2D5;	
	border-top:1px solid #5BA2D5;
	border-left:1px solid #5BA2D5;
	border-right:1px solid #5BA2D5;
	}

#tabnavi li#tab01 span.current {
	background-color: #EFFDDA;
	}
	
#tabnavi li#tab02 span.current {
	background-color: #FFF7DC;
	}
	
#tabnavi li#tab03 span.current {
	background-color: #E2F1FF;

	}

/*#tabnavi li#tab01 span { background-position:0 -26px; }
#tabnavi li#tab01 span.current { background-position:0 0; }

#tabnavi li#tab02 span { background-position:-75px 0; }
#tabnavi li#tab02 span.current { background-position:-75px -26px; }

#tabnavi li#tab03 span { width:130px;background-position:-150px 0; }
#tabnavi li#tab03 span.current { background-position:-150px -52px; }*/

#page02,
#page03,
#page04,
#page05,
#page06 {
	display:none;
}
#page04,
#page05,
#page06 {
	margin-bottom:300px;
}










#mainphoto {
	display:block;
	margin:19px 0 27px 13px;
	padding:0;
	border:0;
}


.photoframe {
	float:left;
	display:block;
	margin:0;
	padding:0;
	border:0;
}
.photoframe img {
	display:block;
	margin:0;
	padding:0;
	border:5px solid #ffffff;
}
.photoframe .shade {
	display:block;
	min-width:1px;
	margin:0;
	padding:0;
	border-top:0;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	border-left:0;
}
.photoframe .shadeinner {
	display:block;
	min-width:1px;
	margin:0;
	padding:0;
	border:1px solid #e0e0e0;
}
.photoframe a {
	display:block;
	margin:0;
	padding:0;
	border:1px solid #e0e0e0;
}


.thumbnails {
	display:block;
	margin:0;
	padding:0;
	border:0;
}

.thumbnail {
	float:left;
	display:block;
	width:121px;
	margin:0;
	padding:0 3px;
	border:0;
}

.thumbnail .photoframe {
	margin:0 0 4px 0;
}


.thumbnail .photoframe img {
	cursor:pointer;
	border:3px solid #ffffff;
}

#mainright p.thumbnails_expcap {
	display:block;
	margin:4px 0 0 0;
	padding:0;
	border:0;
}

#mainright p.thumbnails_expcap img {
	display:block;
	margin:0 auto;
	padding:0;
	border:0;
}




#page01 .thumbnail .photoframe img.current {
	border:3px solid #d4ff84;
}
#page02 .thumbnail .photoframe img.current {
	border:3px solid #ffcc84;
}
#page03 .thumbnail .photoframe img.current {
	border:3px solid #b2edf2;
}


#mainright h4 {
	display:block;
	width:615px;
	margin:24px 0 0 0;
	padding:0 10px 7px;
	border:0;
	font-size:14px;
	font-weight:bold;
	line-height:1.1;
}


#mainright #page04 h4 {
	border-bottom:1px solid #7BBC40;
}
#mainright #page05 h4 {
	border-bottom:1px solid #E7BA00;
}
#mainright #page06 h4 {
	border-bottom:1px solid #5BA2D5;
}

#mainright .introductionset {
	display:block;
	width:660px;
	margin:9px 0 0 -25px;
	padding:0;
	border:0;
	overflow:hidden;
}

#mainright .introduction {
	float:left;
	display:block;
	width:305px;
	margin:0;
	padding:0 0 0 25px;
	border:0;
}

#mainright .introduction img {
	display:block;
	margin:0;
	padding:0;
	border:0;
}
#mainright .introduction h5 {
	display:block;
	margin:10px 0 0 0;
	padding:0;
	border:0;
	font-size:14px;
	padding:3px 0 3px 10px;
}

#mainright #page04 h5 {
	border-left:3px solid #7BBC40;
	color: #7BBC40;
}
#mainright #page05 h5 {
	border-left:3px solid #E7BA00;
	color: #E7BA00;
}
#mainright #page06 h5 {
	border-left:3px solid #5BA2D5;
	color: #5BA2D5
}

#mainright .introduction p {
	float:left;
	display:block;
	width:285px;
	margin:11px 0 5px;
	padding:0 10px;
	border:0;
	text-align: justify;
	text-justify: inter-ideograph;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",Arial,Verdana,sans-serif;
}