@charset "utf-8";

html {
	height: 100%; /*下までスペース*/
}

body{
	background:#FFFFFF url(../img/bg_body.gif) repeat;
	text-align: center;
	height: 100%; /*下までスペース*/
}

/* ------------------ BASIC FRAME */
#wrapper{
	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
	position: relative;
	min-height: 100%; /*下までスペース*/
}

* html div#wrapper{
	height: 100%;
}

#left_wrapper{
	width: 229px;
	float: left;
}

#contents_wrapper{
	width:621px;
	margin-left: 229px;
	padding-bottom: 50px; /*フッターとのスペース??*/
	/*border: 1px #660099 solid;*/
}
#contents_wrapper:after {
 content:"";
 display:block;
 clear:left;
}

#contents{
	width: 567px;
	padding-top: 26px;
}
#contents_wide{ /* MaxiGalleryのliのために幅追加 */
	width: 578px;
	padding-top: 26px;
	
	/*border: 1px #33FFCC solid;*/
}


#footer{
	clear:left;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 50px;
	background-color: #DEDEDE;
}


/* ------------------ TOP PAGE */

#top_wrapper{
	margin: 0 auto;
	width: 510px;
	padding-top: 75px;
	position: relative;
}

#square{
	border: 1px #222222 solid;
	width: 510px;
	height: 450px;
}

#square #box1 h1{
	display: block;
	width: 150px;
	height: 150px;
}

#square #box1 ul{
	display: block;
	width: 149px;
	border-right: 1px solid #222222;
}

#square #box2{
	position: absolute;
	top: 76px;
	left: 180px;
	border-left: 1px #222222 solid;
	border-right: 1px #222222 solid;
}

#square #box3{
	position: absolute;
	top: 76px;
	left: 360px;
	border-left: 1px #222222 solid;
}

#square .blank{
	width: 150px;
	background:url(../img/bg_blank.gif) repeat;
}

/* Top page menu and left menu*/
/* 1段目 */
#menu{
	height:150px;
	position: relative;
}
#about{
	position: absolute;
	top: 24px;
}
#member{
	position: absolute;
	top: 49px;
}
#event{
	position: absolute;
	top: 74px;
}
#contact{
	position: absolute;
	top: 99px;
}

/* 2段目 */
#menu2{
	height:150px;
	position: relative;
	background:url(/common/img/top_left_bottom.jpg) top left no-repeat;
}
#blog{
	position: absolute;
	top: 24px;
}
#links{
	position: absolute;
	top: 49px;
}
/*#event{
	position: absolute;
	top: 74px;
}
#contact{
	position: absolute;
	top: 99px;
}*/

/* ------------------ LEFT WRAPPER */
#left_wrapper h1{
	position: absolute;
	left: 28px;
	top: 25px;
	display: block;
	width: 150px;
	height: 150px;
}

#left_wrapper ul{
	position: absolute;
	left: 28px;
	top: 175px;
	display: block;
	width: 148px;	
	border: 1px solid #222222;
	border-bottom: none;
}

#left_wrapper2 ul{
	position: absolute;
	left: 28px;
	top: 325px;
	display: block;
	width: 148px;	
	border: 1px solid #222222;
	border-top: none;
}



/* ------------------ CONTENTS WRAPPER */

/*Global navigation*/
#sub_menu ul{
	height: 30px;
}

#sub_menu ul li{
	float: left;
	margin-right: 20px;
	
}

/*Sub menu on the page top*/
#sub_menu ul .current{
	background: url(../img/list_on.gif) left center no-repeat;
	padding-left: 13px;
}
#sub_menu ul li a{
	background: url(../img/list_off.gif) left center no-repeat;
	padding-left: 13px;
}

/* Main Contents Title */
h2{
	background: url(../img/bg_h2.gif) left bottom no-repeat;
	font-size: 13px;
	height: 31px;
	padding: 19px 0 0 0;
	letter-spacing: 0.1em;
}

h3{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.6em;
	margin-bottom: 18px;
}

#main_eventList h3{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.6em;
	margin-bottom: 10px;
}

/* ------------------ CONTENTS VARIATION */

#main_default,
#main_policy,
#main_member,
#main_profile,
#main_eventList,
#main_contact{
	margin-top: 27px;
	padding-bottom: 50px;
	
	/*border: 1px #FF3300 solid;*/
}
/* Default */
#main_default p{
	margin-bottom: 20px;
}

#main_default:after,
#main_policy:after,
#main_member:after,
#main_profile:after,
#main_eventList:after,
#main_contact:after {
 content:"";
 display:block;
 clear:left;
}

/* Policy */
#main_policy dl{
	margin-bottom: 20px;
}

#main_policy dt{
	font-weight: bold;
}
#main_policy dd{
	line-height: 1.6em;
}

/* Member List */
#main_member p.list_title{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 7px;
	border-bottom: 4px #C7C7C7 solid;
}
#main_member table{
	width: 100%;
	margin-bottom: 30px;
}
#main_member th{
	width: 150px;
	padding:6px 0 4px 0;
	background: url(../img/bg_th.gif) right bottom no-repeat;
}

#main_member td{
	padding:6px 0 4px 5px;
	background: url(../img/bg_td.gif) right bottom no-repeat;
}

/* Member Profile */
#main_profile p.profile_img{
	/*margin: 0 15px 8px 0;
	float: left;*/
	background: url(../img/bg_profile.gif) repeat;
	padding: 8px;
}
#main_profile p{
    margin-bottom: 20px;
}
#main_profile table{
	width: 100%;
	margin-bottom: 20px;
}
#main_profile th{
	width: 150px;
	padding:8px 0 4px 0;
	background: url(../img/bg_th.gif) right bottom no-repeat;
}
#main_profile td{
	padding:8px 0 4px 5px;
	background: url(../img/bg_td.gif) right bottom no-repeat;
}

#main_profile td .list li{
	margin-bottom: 0.5em;
	list-style: disc inside;
}
#main_profile td .list .last{
	margin-bottom: 0;
}

/* 職歴のところ　年月と項目 */
#main_profile dt{
	float:left;
}
#main_profile dd{
	padding-left: 7em;
	padding-bottom: 0.4em;
}

/* Table for Event and Profile*/
#main_default table,
#main_eventList table{
	clear: left;
	width: 100%;
	margin-bottom: 40px;
}

#main_eventList tbody{
	border-top: 4px #CCCCCC solid;
}
#main_default th,
#main_eventList th{
	width: 150px;
	padding:8px 0 4px 0;
	background: url(../img/bg_th.gif) right bottom no-repeat;
}
#main_default td,
#main_eventList td{
	padding:8px 0 4px 5px;
	background: url(../img/bg_td.gif) right bottom no-repeat;
}

/* text_area*/
#text_area{
	width: 567px;
	padding-bottom: 20px;
}
#text_area p img{
	margin-right: 20px;
	margin-bottom: 10px;
}
#text_area p.summary{
	float: left;
}

/* Arrow */
p.arrow{
	background: url(../img/list_forward.gif) left no-repeat;
	margin-left: 240px;
	padding-left: 15px;
	vertical-align: middle;
}
p.arrow2{
	background: url(../img/list_forward.gif) left no-repeat;
	padding-left: 15px;
	vertical-align: middle;
}

/* photo_area */
#photo_area{
	width: 578px;
}
#photo_area ul.thumbs li{
	float: left;
	border: 1px #CCC solid;
	display: block;
	width: 131px;
	margin-right: 11px;
	margin-bottom: 11px;
}

/*#photo_area ul.thumbs li.last{
	margin-right: 0;
}*/

#photo_area ul.thumbs li p.photo_thumb{
	background: url(../img/bg_profile.gif) repeat;
	margin:0 !important;
	padding-top: 7px;
	height: 125px;
	text-align: center;
	vertical-align: top;
}
#photo_area ul.thumbs li:hover p.photo_thumb img{
	filter: alpha(opacity=80);
 	-moz-opacity:0.80;
	opacity:0.80;
}
#photo_area ul.thumbs li p.photo_title{
	font-size: 10px;
	margin: 0 !important;
	padding: 7px;
	border-top: 1px #DEDEDE dotted;
	text-align: center;
}

/* Contact Us */
#main_contact p{
	margin-bottom: 10px;
}
#main_contact table{
	width: 100%;
	margin-bottom: 10px;
}
#main_contact th{
	vertical-align: top;
	width: 150px;
	padding:10px;
	background-color: #DEDEDE;
	border-bottom: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
}
#main_contact td{
	padding:10px;
	background-color: #DEDEDE;
	border-bottom: 1px #FFFFFF solid;
}
.verification{
	margin-bottom: 5px;
}
.submit{
	text-align: center;
	/*border: 1px #66CC00 solid;*/
	/*height: 30px;*/
}

/* ------------------ SUB NAVIGATION */
#sub_navigation{
	width: 567px;
	border-top: 1px #333333 solid;
	padding: 15px 0 50px 0;
	clear:left;
}

#sub_navigation p{
	background: url(../img/list_back.gif) left center no-repeat;
	padding-left: 14px;
}


/* ------------------ FOOTER */

address{
	font-size: 10px;
	color: #666666;
	padding: 28px 13px 5px 0;
	text-align: right;
}