@charset "utf-8";

@import "base.css";
@import "common.css";

/*#################### 共通 ####################*/

#Container {
	padding: 30px 0 0 0;
	min-height:378px;
	background:url(../img/bg_contbox_gr_top.gif) no-repeat scroll left top transparent;
}
.contentsBox {
	background:url(../img/bg_contbox_gr_mid.gif) repeat-y scroll left top transparent;
}
#Main {
	padding: 0 0 30px 0;
	background:url(../img/bg_contbox_gr_btm.gif) no-repeat scroll left bottom transparent;
}

#PageMember    #Container { background:url(../img/bg_contbox_bl_top.gif) no-repeat scroll left top transparent;}
#PageMember  .contentsBox { background:url(../img/bg_contbox_bl_mid.gif) repeat-y scroll left top transparent;}
#PageMember         #Main { background:url(../img/bg_contbox_bl_btm.gif) no-repeat scroll left bottom transparent; min-height:;}
#PageProgram   #Container { background:url(../img/bg_contbox_or_top.gif) no-repeat scroll left top transparent;}
#PageProgram .contentsBox { background:url(../img/bg_contbox_or_mid.gif) repeat-y scroll left top transparent;}
#PageProgram        #Main { background:url(../img/bg_contbox_or_btm.gif) no-repeat scroll left bottom transparent;}
#PageFmember   #Container { background:url(../img/bg_contbox_ye_top.gif) no-repeat scroll left top transparent;}
#PageFmember .contentsBox { background:url(../img/bg_contbox_ye_mid.gif) repeat-y scroll left top transparent;}
#PageFmember        #Main { background:url(../img/bg_contbox_ye_btm.gif) no-repeat scroll left bottom transparent;}
#PageEntry     #Container { background:url(../img/bg_contbox_pu_top.gif) no-repeat scroll left top transparent;}
#PageEntry   .contentsBox { background:url(../img/bg_contbox_pu_mid.gif) repeat-y scroll left top transparent;}
#PageEntry          #Main { background:url(../img/bg_contbox_pu_btm.gif) no-repeat scroll left bottom transparent;}

#Main .contentsBox {
	padding-top:4px;
}
#Main .contentsBox01 {
	margin:0 auto;
	width:850px;
	position:relative;
}
#Main h2 {
	margin:0 auto 14px auto;
	width:850px;
	height:54px;
	text-indent:-9999px;
	background:no-repeat scroll left top transparent;
}
#PageIndex.pageBackground #Main h2 { background-image:url(../img/title_h2_bg.gif);}
#PageIndex.pageEducation  #Main h2 { background-image:url(../img/title_h2_education.gif);}
#PageProgram              #Main h2 { background-image:url(../img/title_h2_program.gif);}
#PageFmember              #Main h2 { background-image:url(../img/title_h2_fmember.gif);}
#PageMember.pageLogin     #Main h2 { background-image:url(../img/title_h2_login.gif); width:940px;}
#PageMember.pageForgot    #Main h2 { background-image:url(../img/title_h2_forgot.gif); width:940px;}
#PageMember.pageIndex     #Main h2 { background-image:url(../img/title_h2_membertop.gif); width:940px;}
#PageMember.pageEdit      #Main h2 { background-image:url(../img/title_h2_member_edit.gif); width:940px;}
#PageMember.pageConfirm   #Main h2 { background-image:url(../img/title_h2_member_edit.gif); width:940px;}
#PageMember.pageTheme     #Main h2 { background-image:url(../img/title_h2_theme.gif); width:940px;}
#PageMember.pageFaq       #Main h2 { background-image:url(../img/title_h2_faq.gif); width:940px;}
#PageMember.pageQa        #Main h2 { background-image:url(../img/title_h2_qa.gif); width:940px;}
#PageMember.pageExchange  #Main h2 { background-image:url(../img/title_h2_exchange.gif); width:940px;}
#PageEntry                #Main h2 { background-image:url(../img/title_h2_entry.gif);}
#PagePrivacy              #Main h2 { background-image:url(../img/title_h2_privacy.gif); width:940px;}
#PageRule                 #Main h2 { background-image:url(../img/title_h2_rule.gif); width:940px;}
#PageSitemap              #Main h2 { background-image:url(../img/title_h2_sitemap.gif); width:940px;}

#Main .contentsBox01 p {
	padding:0 25px;
}
#Main .pageLink {
	padding:0 25px;
}
#Main .pageLink li {
	line-height:22px;
}
#Main .pageLink li.link a span {
	margin-right:8px;
	display: inline-block;
	width:34px;
	height:18px;
	background:url(../img/icon_link.gif) no-repeat scroll left 6px transparent;
	text-indent:-9999px;
}
#Main .pageLink li.pdf a span {
	margin-right:8px;
	display: inline-block;
	width:27px;
	height:18px;
	background:url(../img/icon_pdf.gif) no-repeat scroll left 6px transparent;
	text-indent:-9999px;
}
#Main .pageTop {
	margin:0;
	padding:0 36px;
	text-align:right;
}
#Main .pageTop a {
	padding:0 0 0 16px;
	font-size:13px;
	font-weight:bold;
	color:#159418;
	line-height:24px;
	background:url(../img/icon_pagetop.gif) no-repeat scroll left center transparent;
}
/*end*/


/*#################### 学校の森フォーラムとは ####################*/
#PageIndex.pageIndex #Main h2 {
	display:none;
}
#PageIndex.pageIndex #Main .contentsBox01 h3 {
	margin-bottom:14px;
	width:850px;
	height:35px;
	text-indent:-9999px;
	background:no-repeat scroll left top transparent;
}
#PageIndex.pageIndex #Main .box01 h3 {background-image:url(../img/title_about_01.gif);}
#PageIndex.pageIndex #Main .box02 h3 {background-image:url(../img/title_about_02.gif);}
#PageIndex.pageIndex #Main .box03 h3 {background-image:url(../img/title_about_03.gif);}
#PageIndex.pageIndex #Main .box04 h3 {background-image:url(../img/title_about_04.gif);}

#PageIndex.pageIndex #Main .box01.new h3 {background-image:url(../img/title_01_20151116.gif);}
#PageIndex.pageIndex #Main .box02.new h3 {background-image:url(../img/title_02_20151116.gif);}
#PageIndex.pageIndex #Main .box03.new h3 {background-image:url(../img/title_03_20151116.gif);}
#PageIndex.pageIndex #Main .box04.new h3 {background-image:url(../img/title_04_20151116.gif);}


#PageIndex.pageIndex #Main .box01.new h3 {
  height:50px;
}
#PageIndex.pageIndex #Main .box04.new h3 {
  margin-top:20px;
}

#PageIndex.pageIndex #Main .contentsBox01 {
	margin-bottom:30px;
	padding:0 0 16px 0;
	background:url(../img/line_gr_01.gif) no-repeat scroll left bottom transparent;
}
#PageIndex.pageIndex #Main .contentsBox01.box04 {
	margin-bottom:0;
	padding:0 0 16px 0;
	background:none;
}
#PageIndex.pageIndex #Main .pageLink {
	margin-bottom:20px;
}
#PageIndex.pageIndex #Main .linkBtn li {
	margin:0 auto 16px auto;
	width:300px;
}
#PageIndex.pageIndex #Main .linkBtn li a {
	display:block;
	width:300px;
	height:65px;
	background:url(../img/btn_entry.gif) no-repeat scroll left top transparent;
	text-indent:-9999px;
}
#PageIndex.pageIndex #Main .linkBtn li a:hover {
	opacity:0.7;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha(opacity=70);
}
#PageIndex.pageIndex #Main .box04 ol {
	padding:0 36px;
}
#PageIndex.pageIndex #Main .box04 ol ul {
	padding:0 26px;
	text-indent:0;
}
#PageIndex.pageIndex #Main .box04 ol li span {
	padding:0 16px 0 0;
}
#PageIndex.pageIndex #Main .box04 ol li .pageLink {
	padding:10px 26px;
}
#PageIndex.pageIndex #Main .box04 ol li .pageLink li {
	line-height:22px;
}
#PageIndex.pageIndex #Main .box04 ol li .pageLink li.link a span {
	margin-right:8px;
	padding:0;
	display: inline-block;
	width:34px;
	height:18px;
	background:url(../img/icon_link.gif) no-repeat scroll left 6px transparent;
	text-indent:-9999px;
}
#PageIndex.pageIndex #Main .box04 ol li .sub li {
	text-indent:-2em;
	padding-left:2em;
}

/*#################### 学校の森が求められる背景 ####################*/
#PageIndex.pageBackground #Main .contentsBox01 .photoWrap {
	position:relative;
	overflow:hidden;
}
#PageIndex.pageBackground #Main .photoList {
	padding:20px 0 10px 0;
	position:relative;
	left:50%;
	float:left;
}
#PageIndex.pageBackground #Main .photoList li {
	margin:0 48px;
	position:relative;
	left:-50%;
	float:left;
}
#PageIndex.pageBackground #Main .photoList li .caption {
	margin:0;
	padding:0 0 0 5px;
	font-size:10px;
	font-weight:bold;
	line-height:22px;
}
#PageIndex.pageBackground #Main .photoList li.center .caption {
	padding:0;
	text-align:center;
}
#PageIndex.pageBackground #Main .photoList li .caption span {
	padding:0 0 0 16px;
	line-height:22px;
	background:url(../img/icon_camera.gif) no-repeat scroll left center transparent;
}

/*#################### 生きる力を育む学校の森 ####################*/
#PageIndex.pageEducation #Main .contentsBox01 h3 {
	margin-bottom:24px;
	display:block;
	width:800px;
	height:54px;
	background:no-repeat scroll left top transparent;
	text-indent:-9999px;
}
#PageIndex.pageEducation #Main .box01 h3 {background-image:url(../img/title_h3_education_01.gif);}
#PageIndex.pageEducation #Main .box02 h3 {background-image:url(../img/title_h3_education_02.gif);}
#PageIndex.pageEducation #Main .box03 h3 {background-image:url(../img/title_h3_education_03.gif);}
#PageIndex.pageEducation #Main .box04 h3 {background-image:url(../img/title_h3_education_04.gif);}
#PageIndex.pageEducation #Main .contentsBox02 {
	margin:0 auto 32px auto;
	width:800px;
}
#PageIndex.pageEducation #Main .contentsBox02 .caption {
	margin:0;
	padding:5px 0 0 0;
	text-align:right;
}
#PageIndex.pageEducation #Main .contentsBox02 .note {
	margin:-24px 0 18px 0;
	padding:5px 6px 0 0;
	text-align:right;
}


/*#################### 取組み状況まとめ ####################*/
#PageProgram #Main .contentsBox01 h3 {
	margin-bottom:14px;
	display:block;
	width:800px;
	height:35px;
	background:no-repeat scroll left top transparent;
	text-indent:-9999px;
}
#PageProgram #Main .box01 h3 {background-image:url(../img/title_h3_program_01.gif);}
#PageProgram #Main .box02 h3 {background-image:url(../img/title_h3_program_02.gif);}
#PageProgram #Main .box03 h3 {background-image:url(../img/title_h3_program_03.gif);}
#PageProgram #Main .box04 h3 {background-image:url(../img/title_h3_program_04.gif);}
#PageProgram #Main .box05 h3 {background-image:url(../img/title_h3_program_05.gif);}
#PageProgram #Main .box06 h3 {background-image:url(../img/title_h3_program_06.gif);}
#PageProgram #Main .contentsBox01 {
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(../img/line_gr_01.gif) no-repeat scroll left bottom transparent;
}
#PageProgram #Main .contentsBox01.box07 {
	background:none;
}
#PageProgram #Main .contentsBox p.intro {
	margin: 0 auto 20px auto;
	padding:0 25px 20px 25px;
	width:800px;
	background:url(../img/line_gr_01.gif) no-repeat scroll left bottom transparent;
}
#PageProgram #Main .contentsBox .resultLink {
	text-align:right;
}
#PageProgram #Main .contentsBox .resultLink a {
	padding:4px 4px;
	font-size:13px;
	display:inline-block;
	background-color:#f00;
	color:#fff;
}

/*#################### フォーラムメンバー紹介 ####################*/
#PageFmember.pageIndex #Main .contentsBox01 {
	width:800px;
}
#PageFmember.pageIndex #Main .contentsBox01 h3 {
	margin-bottom:14px;
	display:block;
	width:800px;
	height:35px;
	background:url(../img/title_h3_fmember_01.gif) no-repeat scroll left top transparent;
	text-indent:-9999px;
}

/*#################### フォーラムメンバー紹介02 ####################*/
#PageFmember.pageDetail #Main h2 {
	margin-bottom:28px;
}
#PageFmember.pageDetail #Main .contentsBox01 {
	margin-bottom:20px;
	padding-bottom:20px;
	width:800px;
}
#PageFmember.pageDetail #Main .contentsBox01 h3 {
	margin-bottom:14px;
	padding:0 0 8px 15px;
	width:785px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:22px;
	background:url(../img/line_gr_01.gif) no-repeat scroll left bottom transparent;
}
#PageFmember.pageDetail #Main .contentsBox01 .listLink li a {
	padding-left:16px;
	font-size:14px;
	color:#000;
	line-height:22px;
	background:url(../img/icon_return.gif) no-repeat scroll left center transparent;
}
#PageFmember.pageDetail #Main .contentsBox01 .listLink.top {
	position:absolute;
	top:0px;
	right:4px;
}
#PageFmember.pageDetail #Main .contentsBox01 .listLink.btm {
	position:absolute;
	bottom:0px;
	right:4px;
}
#PageFmember.pageDetail #Main .inner {
	margin-bottom:18px;
	padding:18px 18px 0 18px;
	_zoom:1;
	overflow:hidden;
	background:url(../img/line_dot_01.gif) no-repeat scroll left top transparent;
}
#PageFmember.pageDetail #Main .inner .photo {
	margin-right:35px;
	width:320px;
	float:left;
}
#PageFmember.pageDetail #Main .inner .photo img{
	width:320px;
}

#PageFmember.pageDetail #Main .inner .text {
	width:400px;
	float:left;
}
#PageFmember.pageDetail #Main .inner .text p {
	margin-bottom:10px;
	padding:0;
}
#PageFmember.pageDetail #Main .inner .text .pageLink {
	padding:0;
}



/*#################### 会員の部屋 ####################*/
/* common */
#PageMember #Main .contentsBox {
	position:relative;
}
#PageMember #Main .memberMenu {
	_zoom:1;
	overflow:hidden;
	position:absolute;
	top:28px;
	right:32px;
}
#PageMember #Main .memberMenu li {
	margin-right:20px;
	float:left;
}
#PageMember #Main .memberMenu li:last-child {
	margin-right:0;
}
#PageMember #Main .memberMenu li a {
	padding-left:16px;
	font-size:14px;
	color:#000;
	line-height:22px;
	background:no-repeat scroll left center transparent;
}
#PageMember #Main .memberMenu li.top a { background-image:url(../img/icon_home.gif);}
#PageMember #Main .memberMenu li.logout a { background-image:url(../img/icon_logout.gif);}


/* login */
#PageMember.pageLogin #Main h2 {
	margin-bottom:42px;
}
#PageMember.pageLogin #Main .loginBox {
	margin: 0 auto 20px auto;
	padding:60px 82px 56px 66px;
	width:252px;
	border:10px solid #b7e8a8;
	border-radius:8px;
}
#PageMember.pageLogin #Main .password {
	margin-bottom:20px;
}
#PageMember.pageLogin #Main .submit {
	margin:0 auto;
	width:76px;
}
#PageMember.pageLogin #Main .loginBox a {
	margin:0 0 0 0;
	padding:0 0 0 16px;
    background:url(../img/marker2_02.gif) left 2px no-repeat;
}
#PageMember.pageLogin label{
	float: left;
	width:80px;
	margin:2px 0 0 0;
}
#PageMember.pageLogin input[type="email"],
#PageMember.pageLogin input[type="password"]{
	background-color:#faffbd;
}
#PageMember.pageLogin ul.sub {
	margin:0 auto;
	padding-bottom:10px;
	width:420px;
}
#PageMember.pageLogin #flashMessage {
	margin-left:0;
	width:auto;
}

/*  forgot */
#PageMember.pageForgot #Main h2 {
	margin-bottom:42px;
}
#PageMember.pageForgot #Main .forgotText {
	padding-left:280px;
}
#PageMember.pageForgot #Main .loginBox {
	margin: 0 auto 20px auto;
	padding:60px 82px 56px 66px;
	width:252px;
	border:10px solid #b7e8a8;
	border-radius:8px;
}
#PageMember.pageForgot #Main .password {
	margin-bottom:20px;
}
#PageMember.pageForgot #Main .submit {
	margin:0 auto;
	width:76px;
}
#PageMember.pageForgot #Main .loginBox a {
	margin:0 0 0 0;
	padding:0 0 0 16px;
    background:url(../img/marker2_02.gif) left 2px no-repeat;
}
#PageMember.pageForgot label{
	float: left;
	width:80px;
	margin:2px 0 0 0;
}
#PageMember.pageForgot input[type="email"],
#PageMember.pageForgot input[type="password"]{
	background-color:#faffbd;
}
#PageMember.pageForgot ul.sub {
	margin:0 auto;
	padding-bottom:10px;
	width:420px;
}
#PageMember.pageForgot #Main .pageBack {
	margin:-10px auto 0 auto;
	padding-bottom:20px;
	width:420px;
}
#PageMember.pageForgot #Main .pageBack a {
	padding:0 0 0 16px;
	font-size:13px;
	color:#000;
	line-height:24px;
	background:url(../img/icon_return.gif) no-repeat scroll left center transparent;
}


/*member top*/
#PageMember.pageIndex #Main h2 {
	margin-bottom:36px;
}
#PageMember.pageIndex #Main .menuBox {
	margin: 0 auto;
	padding-bottom:60px;
	width:663px;
	_zoom:1;
	overflow:hidden;
}
#PageMember.pageIndex #Main .menuBox li {
	margin:0 63px 33px 0;
	width:300px;
	float:left;
}
#PageMember.pageIndex #Main .menuBox li.menu02,
#PageMember.pageIndex #Main .menuBox li.menu04 {
	margin-right:0;
}
#PageMember.pageIndex #Main .menuBox li a {
	display:block;
	width:300px;
	height:65px;
	background:no-repeat scroll left top transparent;
	text-indent:-9999px;
}
#PageMember.pageIndex #Main .menuBox li.menu01 a { background-image:url(../img/btn_member_menu_01.gif);}
#PageMember.pageIndex #Main .menuBox li.menu02 a { background-image:url(../img/btn_member_menu_02.gif);}
#PageMember.pageIndex #Main .menuBox li.menu03 a { background-image:url(../img/btn_member_menu_03.gif);}
#PageMember.pageIndex #Main .menuBox li.menu04 a { background-image:url(../img/btn_member_menu_04.gif);}
#PageMember.pageIndex #Main .menuBox li.menu05 a { background-image:url(../img/btn_member_menu_05.gif);}
#PageMember.pageIndex #Main .menuBox li a:hover {
	background-position:left bottom;
}


/*#################### 会員情報登録 ####################*/
#PageMember.pageEdit #Main h2 {
	margin-bottom:18px;
}

/*#################### テーマ別掲示板 ####################*/
#PageMember.pageTheme #Main h2 {
	margin-bottom:15px;
}
#PageMember.pageTheme.index #Main h3 {
	margin-bottom:14px;
	padding:0px;
	width:676px;
	height:27px;
	text-indent:-9999px;
	background:url(../img/title_h3_theme_01.gif) no-repeat scroll left top transparent;
}
#PageMember.pageTheme.index #Main .ctgList {
	margin-bottom:40px;
	padding:0 16px;
}
#PageMember.pageTheme.index #Main .ctgList li {
	margin-bottom:2px;
	list-style-position:outside;
	background:url(../img/line_dot_01.gif) no-repeat scroll left bottom transparent;
}
#PageMember.pageTheme.index #Main .ctgList li a {
	padding-left:24px;
	font-size:14px;
	color:#000;
	background:url(../img/icon_tri2.gif) no-repeat scroll 6px 3px transparent;
}

/*#################### テーマ別掲示板記事 ####################*/
#PageMember.pageTheme #Main h3 {
	margin-bottom:18px;
	padding:0 0 4px 16px;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	background:url(../img/line_gr_01.gif) no-repeat scroll left bottom transparent;
}
#PageMember.pageTheme #Main h4 {
	margin:16px 0 10px -10px;
	padding:0 0 0 10px;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	background:url(../img/icon_tri3.gif) no-repeat scroll left center transparent;
}
#PageMember.pageTheme #Main .listBox {
	padding:0 20px;
}
#PageMember.pageTheme #Main .listBox .pageBack {
	padding:0 0 6px 0;
	_zoom:1;
	overflow:hidden;
}
#PageMember.pageTheme #Main .listBox .pageBack li {
	margin-right:24px;
	display:inline-block;
	float:left;
}
#PageMember.pageTheme #Main .listBox td {
	vertical-align:middle;
}
#PageMember.pageTheme #Main .listBox td p {
	margin-bottom:0;
}


/*#################### FAQページ ####################*/
#PageMember.pageFaq #Main h2 {
	margin-bottom:15px;
}
#PageMember.pageFaq.index #Main h3 {
	margin-bottom:14px;
	padding:0px;
	width:676px;
	height:27px;
	text-indent:-9999px;
	background:url(../img/title_h3_faq_01.gif) no-repeat scroll left top transparent;
}
#PageMember.pageFaq.index #Main .ctgList {
	margin-bottom:40px;
	padding:0 16px;
}
#PageMember.pageFaq.index #Main .ctgList li {
	margin-bottom:2px;
	list-style-position:outside;
	background:url(../img/line_dot_01.gif) no-repeat scroll left bottom transparent;
}
#PageMember.pageFaq.index #Main .ctgList li a {
	padding-left:24px;
	font-size:14px;
	color:#000;
	background:url(../img/icon_tri2.gif) no-repeat scroll 6px 3px transparent;
}


/*#################### FAQ記事内容 ####################*/
#PageMember.pageFaq #Main h3 {
	margin-bottom:18px;
	padding:0 0 4px 16px;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	background:url(../img/line_gr_01.gif) no-repeat scroll left bottom transparent;
}
#PageMember.pageFaq #Main .listBox {
	padding:0 20px;
}

/*#################### 個別質問回答コーナー ####################*/
#PageMember.pageQa #Main h2 {
	margin-bottom:15px;
}
#PageMember.pageQa.index #Main h3 {
	margin-bottom:24px;
	padding:0px;
	width:676px;
	height:27px;
	text-indent:-9999px;
	background:url(../img/title_h3_qa_01.gif) no-repeat scroll left top transparent;
}
#PageMember.pageQa #Main h4 {
	margin:16px 0 10px -10px;
	padding:0 0 0 10px;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	background:url(../img/icon_tri3.gif) no-repeat scroll left center transparent;
}
#PageMember.pageQa #Main .listBox {
	padding:0 20px;
}

/*#################### 個別質問回答コーナー記事 ####################*/
#PageMember.pageQa #Main h3 {
	margin-bottom:18px;
	padding:0 0 4px 16px;
	width:676px;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	background:url(../img/line_gr_01.gif) no-repeat scroll left bottom transparent;
}
#PageMember.pageQa #Main .listBox {
	padding:0 20px;
}
#PageMember.pageQa #Main .listBox p {
	margin:0;
}

/*#################### 交流希望コーナー ####################*/
#PageMember.pageExchange #Main h2 {
	margin-bottom:15px;
}
#PageMember.pageExchange.index #Main h3 {
	margin-bottom:24px;
	padding:0px;
	width:676px;
	height:27px;
	text-indent:-9999px;
	background:url(../img/title_h3_exchange_01.gif) no-repeat scroll left top transparent;
}
#PageMember.pageExchange #Main h4 {
	margin:16px 0 10px -10px;
	padding:0 0 0 10px;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	background:url(../img/icon_tri3.gif) no-repeat scroll left center transparent;
}
#PageMember.pageExchange #Main .listBox {
	padding:0 20px;
}


/*#################### 交流希望コーナー記事 ####################*/
#PageMember.pageExchange #Main h3 {
	margin-bottom:18px;
	padding:0 0 4px 16px;
	width:676px;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	background:url(../img/line_gr_01.gif) no-repeat scroll left bottom transparent;
}
#PageMember.pageExchange #Main .listBox {
	padding:0 20px;
}
#PageMember.pageExchange #Main .listBox p {
	margin:0;
}


/*#################### 会員募集ページ ####################*/
#PageEntry #Main h2 {
	margin-bottom:20px;
}
#PageEntry #Main .contentsBox01 p.formText {
	padding:0;
}
#PageEntry #Main .contentsBox01 {
	width:820px;
}
#PageEntry #Main .linkBtn li {
	margin:0 auto 16px auto;
	width:300px;
}
#PageEntry #Main .linkBtn li a {
	display:block;
	width:300px;
	height:65px;
	background:url(../img/btn_login.gif) no-repeat scroll left top transparent;
	text-indent:-9999px;
}
#PageEntry #Main .linkBtn li a:hover {
	opacity:0.7;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha(opacity=70);
}
#PageEntry.pageComp #Main h2 {
	margin-bottom:36px;
}
#PageEntry #Main p.catchText {
	margin:0 auto 24px auto;
	padding:0 0 20px 0;
	width:767px;
	font-size:30px;
	font-weight:bold;
	color:#000;
	line-height:30px;
	text-align:center;
	background:url(../img/line_dot_01.gif) no-repeat scroll center bottom transparent;
}
#PageEntry #Main p.mainText {
	margin-bottom:12px;
	padding-left:100px;
	font-size:14px;
	line-height:22px;
}
#PageEntry #Main p.subText {
	margin-bottom:28px;
	padding-left:100px;
	font-size:11px;
	line-height:22px;
}
#PageEntry #Main .pageBack a {
	padding:0 0 0 16px;
	font-size:13px;
	color:#000;
	line-height:24px;
	background:url(../img/icon_return.gif) no-repeat scroll left center transparent;
}

/*#################### 個人情報保護方針 ####################*/
#PagePrivacy #Main h2 {
	margin-bottom:12px;
}
#PagePrivacy #Main p.intro {
	margin-bottom:30px;
	padding:0 80px;
}
#PagePrivacy #Main .contentsBox01 {
	width:880px;
}
#PagePrivacy #Main dl {
	margin-bottom:32px;
}
#PagePrivacy #Main dl dt {
	margin-bottom:16px;
	padding:0 0 2px 20px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:22px;
	border-bottom:1px solid #9c9c9c;
	background:url(../img/icon_circle.gif) no-repeat scroll 4px 7px transparent;
}
#PagePrivacy #Main dl dd {
	padding:0 30px;
	line-height:22px;
}
#PagePrivacy #Main dl dd li {
	list-style-position: outside;
}
#PagePrivacy #Main dl dd ol li {
	text-indent:-3em;
	padding-left:3em;
}
#PagePrivacy #Main dl dd ul {
	padding:0 0 10px 0;
}
#PagePrivacy #Main dl dd p.desk {
	padding:20px 0 0 0;
}


/*#################### サイトのご利用にあたって ####################*/
#PageRule #Main h2 {
	margin-bottom:12px;
}
#PageRule #Main p {
	margin-bottom:22px;
	padding:0 80px;
}
#PageRule #Main p.pageTop {
	margin-bottom:0px;
}
#PageRule #Main .contentsBox01 {
	width:880px;
}
#PageRule #Main dl {
	margin-bottom:25px;
}
#PageRule #Main dl dt {
	margin-bottom:16px;
	padding:0 0 2px 20px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:22px;
	border-bottom:1px solid #9c9c9c;
	background:url(../img/icon_circle.gif) no-repeat scroll 4px 7px transparent;
}
#PageRule #Main dl dd {
	padding:0 30px;
	line-height:22px;
}
#PageRule #Main dl dd li {
	list-style-position: outside;
}
#PageRule #Main dl dd ol li {
	text-indent:-3em;
	padding-left:3em;
}
#PageRule #Main dl dd ul {
	padding:0 0 10px 0;
}


/*#################### サイトマップ ####################*/
#PageSitemap #Main h2 {
	margin-bottom:20px;
}
#PageSitemap #Main .contentsBox01 {
	width:880px;
}
#PageSitemap #Main ul ul {
	padding:0 0 0 44px;
}
#PageSitemap #Main ul li {
	margin-bottom:12px;
	padding-bottom:4px;
	border-bottom:1px solid #9c9c9c;
}
#PageSitemap #Main ul li a {
	padding-left:32px;
	background:url(../img/icon_tri.gif) no-repeat scroll 13px 2px transparent;
}
#PageSitemap #Main ul li li a {
	padding-left:17px;
	background:url(../img/icon_tri.gif) no-repeat scroll 4px 2px transparent;
}
#PageSitemap #Main ul li li li a {
	padding-left:24px;
	background:url(../img/icon_tri.gif) no-repeat scroll 4px 2px transparent;
}
#PageSitemap #Main ul ul {
	margin-top:4px;
	padding-top:10px;
	border-top:1px solid #9c9c9c;
}
#PageSitemap #Main ul ul ul {
	padding-top:10px;
	border-top:1px solid #d2d2d2;
}
#PageSitemap #Main ul li li {
	margin-bottom:0;
	border:none;
}
#PageSitemap #Main ul li li li {
	margin-bottom:0;
	border-bottom:1px solid #d2d2d2;
}
#PageSitemap #Main ul li.nonbd {
	margin:0;
	border:none;
}


/*#################### 共通 ####################*/
#PageMember #TopicPath {
	height:24px;
}
#PageMember #TopicPath a {
	color:#000;
	text-decoration:none;
}
#PageMember #TopicPath a:hover {
	text-decoration: underline;
}
#PageMember #Main .contentsBox .wrap {
	_zoom:1;
	overflow:hidden;
	position:relative;
}
#PageMember #Main .memberBox {
	margin-left:247px;
	padding:20px 15px;
	width:676px;
	min-height:264px;
	border:2px solid #9fd08d;
	border-radius:6px;
}
#PageMember #Main .memberBox .pageTop {
	padding:0;
}
#PageMember #Main .memberBox .pageTop a {
	color:#000;
	font-weight:normal;
}
#PageMember #Main .memberBox .pageBack {
	margin-bottom:0;
}
#PageMember #Main .memberBox .pageBack a {
	padding:0 0 0 16px;
	font-size:13px;
	color:#000;
	line-height:24px;
	background:url(../img/icon_return.gif) no-repeat scroll left center transparent;
}
#PageMember #Main #Sub {
	width:208px;
	border:2px solid #9fd08d;
	border-radius:6px;
	position:absolute;
	top:0px;
	left:24px;
}
#PageMember #Main #Sub ul {
	padding:20px 16px;
}
#PageMember #Main #Sub ul li {
	margin-bottom:14px;
	line-height:22px;
	list-style-position:outside;
}
#PageMember #Main #Sub ul li:last-child {
	margin-bottom:0;
}
#PageMember #Main #Sub ul li a {
	display: inline-block;
	padding-left:28px;
	font-size:14px;
	line-height:22px;
	background:no-repeat scroll left top transparent;
}
#PageMember #Main #Sub ul li:nth-child(1) a { background-image:url(../img/icon_sub_01.gif);}
#PageMember #Main #Sub ul li:nth-child(2) a { background-image:url(../img/icon_sub_02.gif);}
#PageMember #Main #Sub ul li:nth-child(3) a { background-image:url(../img/icon_sub_03.gif);}
#PageMember #Main #Sub ul li:nth-child(4) a { background-image:url(../img/icon_sub_04.gif);}
#PageMember #Main #Sub ul li:nth-child(5) a { background-image:url(../img/icon_sub_05.gif);}

#PageMember #Main #BtmMenu {
	padding-top:30px;
	position:relative;
	overflow:hidden;
}
#PageMember #Main #BtmMenu ul {
	position:relative;
	left:50%;
	float:left;
}
#PageMember #Main #BtmMenu li {
	margin-right:16px;
	padding-right:18px;
	font-size:12px;
	color:#000;
	line-height:13px;
	position:relative;
	left:-50%;
	float:left;
	border-right:1px solid #6b6b6b;
}
#PageMember #Main #BtmMenu li:last-child {
	margin-right:0;
	padding-right:0;
	border:none;
}


#Main .formText {
	margin-bottom:8px;
	padding:0;
}
.myrequired {
    color: #ff0000;
}
.error-message {
    background-color: #ffe7e7;
    color: #f00;
    text-indent: 5px;
}
.wbn {
	word-break:normal !important;
}
.caution {
	color:#f00;
}

/* table */
#Main .table01 {
	margin-bottom:10px;
	width:100%;
	border-left:1px solid #e0e0e0;
	border-top:1px solid #e0e0e0;
}
#Main .table01 th {
	padding:4px 8px;
	font-size:13px;
	border-bottom:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	word-break:keep-all;
	vertical-align:middle;
}
#Main .table01 td{
	padding:8px 8px;
	border-bottom:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	word-break:keep-all;
}
#Main .table01 th{background-color:#f0f0f0;}
#Main .table01 td.br{word-break:normal;}
#Main .table01 tr.top th{text-align:center;}
#Main .table01 th.button{
	padding:16px 12px;
	text-align:center;
}
#Main .table01 th.button input{	margin-right:8px;}

#Main .table01 td.aL{ text-align:left;}
#Main .table01 td.aC{ text-align:center;}
#Main .table01 td.aR{ text-align:right;}

#Main .table01 td.date img {
	margin-left:2px;
	vertical-align:top;
}

/* paginateLinks */
#Main .paginateLinks {
	padding:10px 0;
}
#Main .paginateLinks ul {
	list-style: none outside none;
}
#Main .paginateLinks span {
	display: inline-block;
	* display: inline;
	vertical-align:middle;
}
#Main .paginateLinks a {
	padding:0 6px;
}
#Main .paginateLinks .prev,
#Main .paginateLinks .first{
	margin-right:2px;
}
#Main .paginateLinks .current {
	padding:0 6px;
	font-weight:bold;
}
#Main .paginateLinks .next,
#Main .paginateLinks .last{
	margin-left:2px;
}
#Main .paginateLinks .next {
	padding-left:10px;
}
#Main .paginateLinks .prev a,
#Main .paginateLinks .next a,
#Main .paginateLinks .first a,
#Main .paginateLinks .last a {
	padding:0;
	display:block;
	height:12px;
	background:no-repeat scroll left top transparent;
	text-indent:-9999px;
}
#Main .paginateLinks .prev a  {background-image:url(../img/marker_pm_prev.gif);width:12px;}
#Main .paginateLinks .next a  {background-image:url(../img/marker_pm_next.gif);width:12px;}
#Main .paginateLinks .first a {background-image:url(../img/marker_pm_first.gif);width:18px;}
#Main .paginateLinks .last a  {background-image:url(../img/marker_pm_last.gif);width:18px;}
#Main .paginateLinks .total {
	margin-left:30px;
}

#Main .paginateLinks select.currentpage  {
	padding:2px;
}

#Main .contentsBox ul.addLink{
	margin:0;
}
#Main ul.addLink li{
	display:block;
	float:left;
	margin-right:10px;
}
#Main ul.addLink{
	display:block;
	float:left;
	padding-right:20px;
}

#Main .checkbox{
width:auto;
float:left;
margin:0 7px 0 5px;
}
#Main label{
/*	float:left; */
	width:auto;
	margin:0 2px 0 5px;
}

td.nowrap {
white-space: nowrap;
}

/* 一覧 */
.listBox .table01 th span {
	margin-left:2px;
	display:inline-block;
	width:12px;
	height:14px;
	text-indent:-9999px;
}
.listBox .table01 th span.down {background:url(../img/marker_05.gif) no-repeat scroll left 2px transparent;}
.listBox .table01 td {
	text-align:center;
}
.listBox .table01 th.update        { min-width: 65px;}
.listBox .table01 th.name          { min-width:150px;}
.listBox .table01 th.client        { min-width: 60px;}
.listBox .table01 th.sales         { min-width: 50px;}
.listBox .table01 th.creator       { min-width: 50px;}
.listBox .table01 th.preupdate     { min-width: 70px;}
.listBox .table01 th.prereleasedate{ min-width: 70px;}
.listBox .table01 th.category      { min-width:120px;}
.listBox .table01 th.jobstatus     { min-width: 90px;}
.listBox .table01 th.control       {}

/* 新規登録 */
.inputBox .table01 {
	margin-bottom:20px;
}
.inputBox .table01 th {
	width:180px;
}
.inputBox .table01 td.category{
	line-height:1.8;
}
.inputBox .table01 td.category input {
	margin:0 0 0 5px;
	line-height:2;
}
.inputBox .table01 td.id              {}
.inputBox .table01 td.name input      { width:98%;}
.inputBox .table01 td.client          {}
.inputBox .table01 td.sales           {}
.inputBox .table01 td.creator         {}
.inputBox .table01 td.jobstatus       {}
.inputBox .table01 td.billstatus      {}
.inputBox .table01 td.order           {}
.inputBox .table01 td.date            {}
.inputBox .table01 td.category        {}
.inputBox .table01 td.server          {}
.inputBox .table01 td.servercom input { width:98%;}
.inputBox .table01 td.regards textarea{ width:98%;}
.inputBox .table01 td.entry           {}
.inputBox .table01 td.modified        {}

div .input{
	margin-bottom:10px;
}

/* 警告枠 */

#flashMessage{
	width:100%;
	margin:0 0 20px 0;
	padding:5px 0;
	text-indent:10px;
	border:2px solid #ff6f6f;
	background-color:#ffe7e7;
}

/* input 長さ */

.inputLenNormal{
	width:200px;
}
.inputLenShort{
	width:50px;
}
.inputLenLong{
	width:80%;
}

textarea{
	height:50px;
}
.inputHeight100{
	height:100px;
}
.inputHeight150{
	height:150px;
}
.inputHeight200{
	height:200px;
}

/* 戻るリンク */
.pageLinks {
	padding:10px 0;
}
#Main .contentsBox .pageLinks ul.backLink {
	margin:0 0 0 10px;
}

/*#################### フォントサイズ設定 ####################*/
.text_regular {
	font-size:12px;
	line-height:22px;
}
.text_large {
	font-size:14px;
	line-height:26px;
}