@charset "shift_jis";

@media screen {

	#end {clear:both;height:1px;}
	hr {display:none;}
	img {border:0;}

	.mt30 {margin-top:30px;}
	.cb {clear:both;}
	.centering {text-align:center;}
	.right {text-align:right;}
	.ml15 {margin-left:15px;}
	.mb10 {margin-bottom:10px;}

	a:link {color:#0033cc;}
	a:visited {color:#6666aa;}
	a:hover {color:#ff6600;}

	p.indent {
		text-indent:-1em;
		margin-left:1em;
	}

	body {
		font-size:12px;
		text-align:center;
		color:#333333;
		line-height:1.5em;
		margin:0;
		padding:0;
		background:url(../images/common/bg.gif) center top #ffffff;
		font-family:Osaka, "���C���I";
	}

	#frame {
		width:760px;
		margin:0 auto;
		padding:0;
		background:url(../images/common/frame.gif) left top repeat-y #ffffff;
		text-align:left;
	}
	

	h1 {
		height:55px;
		background:url("../images/common/title.gif") no-repeat left top #ffffff;
		text-indent:-9999px;
	    overflow:hidden;
		margin:0 5px;
		padding:0;
	}

	h1.memberpage {
		background:url("../images/common/title_member.gif") no-repeat left top #ffffff;
	}

	h2 {
		height:29px;
		background:url("../images/common/pan_bg.gif") no-repeat left top;
		margin:0 5px -7px 5px;
		padding:7px 0 0 16px;
		font-size:11px;
		font-weight:normal;
		text-align:left;
	}
	
	h2 em {
		color:#004A03;
		font-weight:normal;
		font-style:normal;	
	}	

	h3 {
		height:27px;
		text-indent:-9999px;
	    overflow:hidden;
		margin:5px 0 15px 0;
		padding:0;
	}
	
	h4 {
		border-left:4px solid #088002;
		font-size:14px;
		padding:4px 0 0px 5px;
		margin:10px 0 10px 10px;	
		color:#088002;
	}
	
	h5 {
		font-size:13px;
		margin:0 0 5px 0;
		padding:0;
	}
	
	h5.arrow {
		background:url(../images/common/arrow.gif) no-repeat left center;
		font-size:13px;
		margin:0 0 0 10px;
		padding:3px 0 0 15px;
		color:#336666;
	}
	
	#sub_photo {
		margin:0 5px;
	}


	#left {
		float:left;
		padding-bottom:10px;
	}
	
	#left #left_top {
		width:182px;
		height:5px;
		margin:0 0 0 5px;
		background:url("../images/common/left_top.gif") no-repeat left top;	
	}
	
	#left ul {
		width:170px;
		list-style:none;
		margin:0 0 0 12px;
		padding:0;
	}

	#left ul li {
		margin:0;
		padding:0;
	}
	
	#left ul li.mainmenu {
		text-indent:-9999px;
	    overflow:hidden;
		width:170px;
		height:26px;
		margin:0;
		padding:0;
		display:block;
		line-height:2em;
		background:url("../images/common/left_mainmenu.gif") 0px 0px;
	}

	#left ul li.member {
		text-indent:-9999px;
	    overflow:hidden;
		width:170px;
		height:27px;
		margin:0;
		padding:0;
		display:block;
		line-height:2em;
		background:url("../images/common/left_member.gif") 0px 0px;
	}

	#left ul li.mainmenu_member {
		text-indent:-9999px;
	    overflow:hidden;
		width:170px;
		height:27px;
		margin:0;
		padding:0;
		display:block;
		line-height:2em;
		background:url("../images/common/left_mainmenu_member.gif") 0px 0px;
	}

	#left ul li.membermenu {
		text-indent:-9999px;
	    overflow:hidden;
		width:170px;
		height:26px;
		margin:0;
		padding:0;
		display:block;
		line-height:2em;
		background:url("../images/common/left_membermenu.gif") 0px 0px;
	}

	
	#left ul li a {
		text-indent:-9999px;
	    overflow:hidden;
		width:170px;
		height:26px;
		margin:0;
		padding:0;
		display:block;
		line-height:2em;
	}
	
	#left ul li.menu_top a {	background:url("../images/common/left_menu.gif") 0px 0px;}
	#left ul li.menu_works a {	background:url("../images/common/left_menu.gif") 0px -26px;}
	#left ul li.menu_know a {	background:url("../images/common/left_menu.gif") 0px -52px;}
	#left ul li.menu_about a {	background:url("../images/common/left_menu.gif") 0px -78px;}
	#left ul li.menu_pr a {	background:url("../images/common/left_menu.gif") 0px -104px;}
	#left ul li.menu_zeirishi a {	background:url("../images/common/left_menu.gif") 0px -130px;}
	#left ul li.menu_contact a {	background:url("../images/common/left_menu.gif") 0px -156px;}
	#left ul li.menu_map a {	background:url("../images/common/left_menu.gif") 0px -182px;}
	#left ul li.menu_link a {	background:url("../images/common/left_menu.gif") 0px -208px;}
	#left ul li.menu_photoclub a {	background:url("../images/common/left_menu.gif") 0px -405px;}
	#left ul li.menu_photoclub2 a {	background:url("../images/common/left_menu.gif") 0px -406px;}
	#left ul li.menu_login a {	background:url("../images/common/left_menu.gif") 0px -432px;}
	#left ul li.menu_logout a {	background:url("../images/common/left_menu.gif") 0px -458px;}

	#left ul li.menu_bbs a {	background:url("../images/common/left_menu.gif") 0px -234px;}
	#left ul li.menu_kouhou a {	background:url("../images/common/left_menu.gif") 0px -260px;}
	#left ul li.menu_rule a {	background:url("../images/common/left_menu.gif") 0px -286px;}
	#left ul li.menu_oshirase1 a {	background:url("../images/common/left_menu.gif") 0px -312px;}
	#left ul li.menu_oshirase2 a {	background:url("../images/common/left_menu.gif") 0px -338px; height:41px;}
	#left ul li.menu_member a {	background:url("../images/common/left_menu.gif") 0px -379px;}
	#left ul li.menu_yakuin a {	background:url("../images/common/left_menu.gif") 0px -483px;}

	#left ul li.menu_privacy a {	background:url("../images/common/left_privacy.gif") 0px 0px; height:65px; margin-top:10px;}
	#left ul li.menu_blog a {	background:url("../images/common/left_blog.gif") 0px 0px; height:67px; margin-top:10px;}

	
	#left ul li.menu_top a:hover {	background-position:170px 0px;}
	#left ul li.menu_works a:hover {	background-position:170px -26px;}
	#left ul li.menu_know a:hover {	background-position:170px -52px;}
	#left ul li.menu_about a:hover {	background-position:170px -78px;}
	#left ul li.menu_pr a:hover {	background-position:170px -104px;}
	#left ul li.menu_zeirishi a:hover {	background-position:170px -130px;}
	#left ul li.menu_contact a:hover {	background-position:170px -156px;}
	#left ul li.menu_map a:hover {	background-position:170px -182px;}
	#left ul li.menu_link a:hover {	background-position:170px -208px;}
	#left ul li.menu_photoclub a:hover {	background-position:170px -405px;}
	#left ul li.menu_photoclub2 a:hover {	background-position:170px -406px;}
	#left ul li.menu_login a:hover {	background-position:170px -432px;}
	#left ul li.menu_logout a:hover {	background-position:170px -458px;}

	#left ul li.menu_bbs a:hover {	background-position:170px -234px;}
	#left ul li.menu_kouhou a:hover {	background-position:170px -260px;}
	#left ul li.menu_rule a:hover {	background-position:170px -286px;}
	#left ul li.menu_oshirase1 a:hover {	background-position:170px -312px;}
	#left ul li.menu_oshirase2 a:hover {	background-position:170px -338px; height:41px;}
	#left ul li.menu_member a:hover {	background-position:170px -379px;}
	#left ul li.menu_yakuin a:hover {	background-position:170px -483px;}

	#left ul li.menu_privacy a:hover {	background-position:170px 0px;}
	#left ul li.menu_blog a:hover {	background-position:170px 0px;}
	

	#mainarea {
		width:555px;
		float:right;
		padding:3px 13px 0 0;
	}
	
	
	
	#copyright {
		border-top:2px dotted #D0CEB3;
		padding:15px 10px 10px 10px;
		margin-top:30px;
		clear:both;
	}
	
	p {
		padding:0 10px 0 10px;
		margin:15px 0;
	}
	
	.p {
		margin:15px 10px;
	}
	
	

	em {
		font-weight:bold;
		font-style:normal;
		color:#0000CC;
	}

	div.border {
		margin:0 10px;
		padding:10px;
		border:1px dotted #666666;
	}

	form {
		padding:0;
	}

	rt,rp {
		font-size:9px;
		font-weight:normal;
	}

	ruby {
		font-size:15px;
		font-weight:bold;
	}

}


table {
	border:2px solid #666666;
	margin:10px 0;
}

table th {
	border-bottom:1px solid #666666;
	border-right:1px dotted #666666;
	padding:3px 6px 2px 6px;
	text-align:center;
	background:#eeeeee;
}

table th.rightest {
	border-right:0;
}

table td {
	border-bottom:1px dotted #666666;
	border-right:1px dotted #666666;	
	padding:3px 6px 2px 6px;
}

#memberlist table td {	
	padding:6px 6px 6px 6px;
}

table td.rightest {
	border-right:0;
}

#zeirishi table td.rightest {
	border-right:0;
	text-align:center;
	width:100px;
}

table td.bottom {
	border-bottom:0;
}

#bbs table,#photoclub table {
	margin:10px 0;
	border:0px;
}

#bbs table td{
	padding:3px 6px 2px 6px;
	border:0px;
}

#photoclub table td {
	padding:3px 0 10px 0;
	border:0px;
	text-align:center;
}



@media print {

	#left #left_top {	display:none;	}
	h6 {	font-size:15px; font-weight:bold;}	
}