@charset "utf-8";

/* ------------------------------------------- CSS Document
 File Name:			tab_community.css
 Style Info:		シャンバラ教導団用　教室ページ　レイアウト設定
----------------------------------------------------------- */

/* ----------------------- メインイラスト layout */

.ent_fr {width:860px; margin:0 auto; text-align:center;}
.ent_fr_01 {width:30px; height:30px; border:none; background-image:url(../../img/3/frame_1_tl.png); background-repeat:no-repeat;}
.ent_fr_02 {width:800px; height:30px; border:none; background-image:url(../../img/3/frame_1_t.png); background-repeat:no-repeat;}
.ent_fr_03 {width:30px; height:30px; border:none; background-image:url(../../img/3/frame_1_tr.png); background-repeat:no-repeat;}
.ent_fr_04 {width:30px; height:450px; border:none; background-image:url(../../img/3/frame_1_l.png); background-repeat:no-repeat;}
.ent_fr_05 {width:30px; height:30px; border:none; background:#ffffff;}
.ent_fr_06 {width:30px; height:450px; border:none; background-image:url(../../img/3/frame_1_r.png); background-repeat:no-repeat;}
.ent_fr_07 {width:30px; height:30px; border:none; background-image:url(../../img/3/frame_1_bl.png); background-repeat:no-repeat;}
.ent_fr_08 {width:800px; height:30px; border:none; background-image:url(../../img/3/frame_1_b.png); background-repeat:no-repeat;}
.ent_fr_09 {width:30px; height:30px; border:none; background-image:url(../../img/3/frame_1_br.png); background-repeat:no-repeat;}

/* ----------------------- 中説明枠 layout */

.entryExp {width:800px; margin:0 auto; text-align:left;}
.entryExp01 {width:800px; height:50px; background:url(../../img/3/frame_d_t.gif) no-repeat; border:none;}
.entryExp02 {width:800px; background:url(../../img/3/frame_d_m.gif) repeat-y; border:none;}
.entryExp03 {width:800px; height:50px; background:url(../../img/3/frame_d_b.gif) no-repeat; border:none;}

.eEbox {width:760px; border:none; padding:0 20px;}
.eEbox p {margin-top:10px; line-height:1.5;}

/* ----------------------- 本文 layout */

.mainCont {width:800px; margin:10px auto; text-align: left;}
.mainCont01 {width:800px; height:34px; background:url(../../img/3/frame_b_t.gif) no-repeat; border:none;}
.mainCont02 {width:800px; background:url(../../img/3/frame_b_m.gif) repeat-y; border:none;}
.mainCont03 {width:800px; height:34px; background:url(../../img/3/frame_b_b.gif) no-repeat; border:none;}

.mainContB {width:850px; margin:10px auto; text-align: left;}
.mainContB01 {width:850px; height:34px; background:url(../../img/3/frame_b2_t.gif) no-repeat; border:none;}
.mainContB02 {width:850px; background:url(../../img/3/frame_b2_m.gif) repeat-y; border:none;}
.mainContB03 {width:850px; height:34px; background:url(../../img/3/frame_b2_b.gif) no-repeat; border:none;}


/* ----------------------- コミュニティ説明 layout */

.communityExpositionList {width:660px; height:30px; margin:10px auto; text-align:center; border:none;}
.communityExpositionList li {float:left; padding-left:5px;}

.communityExpositionList2 {width:500px; height:30px; margin:10px auto; text-align:center; border:none;}
.communityExpositionList2 li {float:left; padding-left:5px;}

/* ----------------------- コミュニティTOP　マイリスト layout */

#comMyList {
	width:650px;
	margin:6px auto;
	border:1px #f8b862 solid;
	border-collapse:separate;
	border-spacing:5px;
}
.comMyList01 {
	width:146px;
	padding:2px;
	text-align:center;
}
.comMyList02 {
	width:296px;
	height:20px;
	padding:2px;
	text-align:left;
}
.comMyList03 {
	width:96px;
	height:20px;
	padding:2px;
	text-align:center;
}
.comMyList04 {
	width:96px;
	height:20px;
	padding:2px;
	text-align:center;
}
.comMyList01 img {
	border:1px #dcdcdc solid;
	padding:3px;
}

.commMyLiCel {
	border:1px #dcd6d2 solid;
}
.commMyLiCel1 {
	border:1px #c0c5c2 solid;
}
.commMyLiCel2 {
	border:1px #89c997 solid;
}
.commMyLiCel3 {
	border:1px #f19ca7 solid;
}

/* ----------------------- コミュニティ layout */

.adviseIllTitle {width:500px; height:50px; margin:15px auto 0;}

.adviseIll {width:650px; border:1px #9fa09e dashed; margin:10px auto;} 

.adviseIllCel1 {width:210px; height:40px; vertical-align:middle; padding:5px; border:none; background:#e8ece9;}
.adviseIllCel2 {width:160px; height:40px; vertical-align:middle; text-align:center; padding:5px; border:none; background:#e8ece9;}
.adviseIllCel3 {width:280px; height:40px; vertical-align:middle; padding:5px; border:none; background:#e8ece9;}

.adviseIllCel4 {width:200px; height:40px; vertical-align:middle; padding:5px; border:none; background:#ffffff;}
.adviseIllCel5 {width:150px; height:40px; vertical-align:middle; text-align:center; padding:5px; border:none; background:#ffffff;}
.adviseIllCel6 {width:270px; height:40px; vertical-align:middle; padding:5px; border:none; background:#ffffff;}

.referenceComm {
	width:650px;
	border-top:1px #9fa09e dashed;
	border-left:1px #9fa09e dashed;
	border-right:1px #9fa09e dashed;
	margin:10px auto;
}

.referenceComm01 {
	width:210px;
	height:40px;
	vertical-align:middle;
	padding:5px;
	border:none;
	background:#e8ece9;
}
.referenceComm02 {
	width:300px;
	height:20px;
	vertical-align:middle;
	padding:5px;
	border:none;
	background:#e8ece9;
}
.referenceComm03 {
	width:40px;
	height:40px;
	vertical-align:middle;
	padding:5px;
	border:none;
	background:#e8ece9;
}
.referenceComm04 {
	width:650px;
	padding:5px;
	border-bottom:1px #9fa09e dashed;
}
.referenceComm05 {
	width:150px;
	height:20px;
	vertical-align:middle;
	padding:5px;
	border:none;
	background:#e8ece9;
}
.referenceComm06 {
	width:40px;
	height:40px;
	vertical-align:bottom;
	padding:5px;
	background:#e8ece9;
}

.refComCel1 {
	background:#e8ece9;
}

.refComCel2 {
	background:#ffffff;
}



/* ----------------------- 検索 layout */


.eSearch {width:590px; border:1px #9fa09e dashed; margin:10px auto; padding:10px;}
.eSearch2 {width:590px; border:1px #9fa09e dashed; margin:0 auto; padding:10px;}

.search {width:600px; border:none; margin:15px auto; text-align:left;}
.search00 {width:500px; border:none; margin:0 auto;}
.search01 {width:248px; border:none; text-align:left; vertical-align:bottom; padding:1px; color:#c82c55;}
.search02 {width:123px; border:none; text-align:left; vertical-align:bottom; padding:1px; color:#c82c55;}
.search03 {width:318px; border:none; text-align:left; vertical-align:bottom; padding:1px; color:#c82c55;}
.search04 {width:88px; border:none; text-align:left; vertical-align:bottom; padding:1px; color:#c82c55;}

.ser_cel1 {border:1px #c9caca solid; background:#c9caca;}
.ser_cel2 {border:1px #e8ece9 solid; background:#e8ece9;}

.inpSearchD {width:500px; border:none; text-align:left; margin:10px auto;}
.inpSearchE  {width:500px; border:none; text-align:right; margin:10px auto;}


/* ----------------------- コミュニティ詳細検索 layout */
.commSeach {width:500px; border:none; margin:0 auto;}
.commSeach00 {width:496px; padding:3px 2px;}
.commSeach01 {width:242px; padding:2px; color:#c82c55;}
.commSeach02 {width:109px; padding:2px; color:#c82c55;}
.commSeach03 {width:101px; padding:2px;}

.commSeach00 input {border:1px #736d71 solid; background:#ffffff;}
.commSeach00 input:focus {background-color:#ffffd1;}

.commSer_cel1 {border:1px #ffffff solid; background:#ffffff;}
.commSer_cel2 {border:1px #c9caca solid; background:#c9caca;}
.commSer_cel3 {border:1px #e8ece9 solid; background:#e8ece9;}

.commSer_cel1 p {color:#736d71; font-weight:bold;}

.commSeaName {width:300px; padding:2px;}
.commSeaComm {width:500px; padding:2px;}


/* ----------------------- イラスト閲覧 layout */

/* ------------ イラストアルバムページ レイアウト Style */

.entry_all {width:700px; margin:0 auto; text-align:center;}
.entry_all2 {width:810px; margin:0 auto; text-align:center;}

.album01 {width:550px; height:64px; border:none;}
.album02 {width:48px; height:64px; background:url(../../img/3/albm_1_l.gif) no-repeat; border:none;}
.album03 {width:454px; height:64px; background:url(../../img/3/albm_1_m.gif) repeat-x; border:none;}
.album04 {width:48px; height:64px; background:url(../../img/3/albm_1_r.gif) no-repeat; border:none;}

.albmLis {width:700px; border:none; margin:10px auto; text-align:left;}

.aList1 {width:164px; height:150px; text-align:center; border:1px #c1e4e9 solid; padding:2px;}
.aList2 {width:164px; height:40px; text-align:center; border:1px #c1e4e9 solid;}
.aList3 {width:164px; height:10px; text-align:center; border:none;}

.aList3 img {padding-bottom:1px;}

/* ------------ イラスト詳細ページ レイアウト Style */

.illustInfo {width:600px; height:60px; border:none; margin-top:10px;}
.ill00 {width:594px; height:20px; padding:3px;}
.ill01 {width:288px; height:20px; padding:3px;}
.ill02 {width:100px; height:20px; padding:3px;}
.ill03 {width:44px; height:20px; padding:3px;}


.illustInfoFrame {width:650px; border:none; margin:0 auto; text-align:left;}
.iF1 {width:11px; height:11px; background:url(../../img/3/albm_2_lt.gif) no-repeat;}
.iF2 {width:628px; height:11px; background:url(../../img/3/albm_2_mt.gif) repeat-x;}
.iF3 {width:11px; height:11px; background:url(../../img/3/albm_2_rt.gif) no-repeat;}
.iF4 {width:11px; background:url(../../img/3/albm_2_ml.gif) repeat-y;}
.iF5 {width:628px;}
.iF6 {width:11px; background:url(../../img/3/albm_2_mr.gif) repeat-y;}
.iF7 {width:11px; height:11px; background:url(../../img/3/albm_2_lb.gif) no-repeat;}
.iF8 {width:628px; height:11px; background:url(../../img/3/albm_2_mb.gif) repeat-x;}
.iF9 {width:11px; height:11px; background:url(../../img/3/albm_2_rb.gif) no-repeat;}

.entry01 {width:650px; height:50px; margin:15px auto;}
.entry02 {width:75px; height:50px; background:url(../../img/3/mid_waku1_l.gif) no-repeat; border:none;}
.entry03 {width:500px; height:50px; background:url(../../img/3/mid_waku1_m.gif) repeat-x; border:none;}
.entry04 {width:75px; height:50px; background:url(../../img/3/mid_waku1_r.gif) no-repeat; border:none;}

/* ------------ イラストレーターページ レイアウト Style */

.illPr {float:left; width:750px; background:#ffffff; font-size:12px; line-height:normal; border-bottom:2px solid #c9caca;}
.illPr ul {margin:0; padding:10px 10px 0 20px; list-style:none;}
.illPr li {display:inline; margin:0; padding:0;}
.illPr a {float:left; width:120px; text-align:center; background:url("../../img/3/tableft8.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
.illPr a span {float:left; display:block; background:url("../../img/3/tabright8.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#333;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.illPr a span {float:none;}
    /* End IE5-Mac hack */
.illPr a:hover span {color:#591333;}
.illPr a:hover {background-position:0% -42px;}
.illPr a:hover span {background-position:100% -42px;}

.illPr #current a {background-position:0% -42px;}
.illPr #current a span {background-position:100% -42px;}

.illPr00 {width:750px; border-bottom:1px dashed #c9caca; padding:10px 0 0; margin:10px auto;}
.illPr01 {width:750px; border-bottom:2px solid #c9caca; margin:10px auto;}

.sampleIll {width:700px; border:none; background:url(../../img/3/bk_6.gif) repeat; color:#9fa09e; font-weight:bold; margin:10px auto; text-align:center; padding:5px;}


/* ------------ イラストメニュー レイアウト Style */

.illMenu {width:700px; border:1px #d6eaff solid; margin:0 auto 20px;}
.illMenu01 {width:66px; border:none; padding:2px;}
.illMenu02 {width:226px; border:none; padding:2px;}
.illMenu03 {width:156px; border:none; padding:2px;}
.illMenu04 {width:116px; border:none; padding:2px;}
.illMenu05 {width:26px; border:none; padding:2px;}
.illMenu06 {width:66px; border:none; padding:2px;}
.illMenu07 {width:96px; border:none; padding:2px;}

.illMenuB {width:500px; border:1px #d6eaff solid; margin:0 auto 20px;}
.illMenu11 {width:76px; border:none; padding:2px;}
.illMenu12 {width:116px; border:none; padding:2px;}
.illMenu13 {width:146px; border:none; padding:2px;}
.illMenu14 {width:146px; border:none; padding:2px;}

.illMenuCel01 {background:#9eceff; text-align:center;}
.illMenuCel02 {background:#ffffff; text-align:center;}
.illMenuCel03 {background:#d6eaff; text-align:center;}
.illMenuCel04 {background:#ffffb2; text-align:center;}

/* ------------ ゴージャス戻る レイアウト Style */

.backBott {width:460px; margin:0 auto; text-align:left;}
.backBott2 {width:454px; height:30px; border:none; margin-top:20px;}
.backBott3 {width:202px; height:30px; border:none; background:url(../../img/3/ico_back_l.gif) no-repeat;}
.backBott4 {width:50px; height:30px; border:none;}
.backBott5 {width:202px; height:30px; border:none; background:url(../../img/3/ico_back_r.gif) no-repeat;}
.backbott4 img {border:none;}



/* ------------ コミュニティ関連 レイアウト Style */

.voiceOrder {margin:10px auto; border:2px #68a4d9 solid; background:#ffffe0; color:#0075c2; border-collapse:separate; border-spacing:5px;}

.commuInfoFrame {
	width:650px;
	border:none;
	margin:10px auto;
	text-align:left;
}

.cifText {
	width:600px;
	margin:5px auto;
	border:none;
}

dl.cifList {
	margin-bottom: 1.25em;
}
dl.cifList dt {
	padding-left: 18px;
	
	margin-bottom: 4px;
	font-weight: bold;
	color: #f6ae54;
	
	background: url(../../img/3/ico_dot.gif) no-repeat 4px 5px;
}
dl.cifList dd {
	padding-left: 20px;
	margin-bottom: 8px;
}

dl.cifList img {
	border:1px #999 solid;
	padding:3px;
}


.participant {width:720px; border:none; margin:10px auto; border:1px #7d7b83 dashed; padding:10px;}

.partMC {width:720px; border:none; border-collapse:separate; border-spacing:1px;}

.partMC01 {width:720px; height:24px;}
.partMC02 {width:48px; height:48px; vertical-align:middle; text-align:center;}
.partMC03 {width:332px; height:24px;}
.partMC04 {width:170px; height:24px;}
.partMC05 {width:170px; height:24px;}
.partMC06 {width:166px; height:24px;}
.partMC07 {width:166px; height:24px;}
.partMC08 {width:170px; height:24px;}
.partMC09 {width:170px; height:24px;}
.partMC10 {width:720px; height:24px;}
.partMC11 {width:24px; height:48px;}

.partCel1 {border:1px #fad09e solid;}
.partCel2 {border:1px #bee0ce solid;}
.partCel3 {border:none; margin:0 auto; text-align:center;}

.commTax {
	width:150px;
	border:1px #736d71 solid;
	background:#ffffff;
	text-align:right;
}

.commuText {
	width:600px;
	height:200px;
	font-size:12px;
	overflow:auto;
	border:1px #736d71 solid;
	padding:5px;
}


/* ------------ コミュニティ作成関連 レイアウト Style */

.managerName {
	width:300px;
	padding:2px;
}

.managerN select {
	border:1px #736d71 solid;
	background:#ffffff;
}	

.managerN select:focus {
	background-color:#ffffd1;
}

.commnGenre{
	width:200px;
	padding:2px;
}

.createComm {
	width:600px;
	border:none;
	margin:10px auto;
}

.createCommN {
	width:600px;
	border:none;
	margin:10px auto;
}

.createComm01 {
	width:590px;
	border:none;
	padding:5px;
}

.createComm02 {
	width:296px;
	border:none;
	padding:2px;
	text-align:left;
	vertical-align:bottom;
	color:#c82c55;
}

.createComm03 {
	width:146px;
	border:none;
	text-align:left;
	vertical-align:bottom;
	padding:2px;
	color:#c82c55;
}

.createComm input {
	border:1px #736d71 solid;
	background:#ffffff;
}

.createComm select {
	border:1px #736d71 solid;
	background:#ffffff;
}	

.createComm input:focus {
	background-color:#ffffd1;
}

.createComm select:focus {
	background-color:#ffffd1;
}

.threadEstablish01 {
	width:398px;
	border:none;
	text-align:left;
	vertical-align:bottom;
	padding:1px;
	color:#c82c55;
}

.threadEstablish02 {
	width:98px;
	border:none;
	text-align:left;
	vertical-align:bottom;
	padding:1px;
	color:#c82c55;
}

/* ------------ コミュニティ掲示板　トピック関連 レイアウト Style */

#comBbsIdx {
	width:700px;
	border:1px #d4d9df solid;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:2px;
}
.comBbsIdx00 {
	width:696x;
	height:30px;
	padding-left:1em;
	background:url(../../img/3/bg_commbbs1.gif) repeat-x;
	color:#2b2b2b;
	text-align:center;
}
.comBbsIdx01 {
	width:396px;
	height:28px;
}
.comBbsIdx02 {
	width:148px;
	height:28px;
	text-align:center;
}
.comBbsIdx03 {
	width:28px;
	border:1px #d4d9df solid;
	height:28px;
	text-align:center;
}
.comBbsIdx04 {
	width:118px;
	height:28px;
	text-align:center;
}

.comBbsIdx05 {
	width:100px;
	height:28px;
	text-align:center;
}
.comBbsIdx06 {
	width:18px;
	height:28px;
	text-align:center;
	color:#d0576b;
	font-size:10px;
}

.comBbsIdxCel1 {
	border:1px #d4d9df solid;
	background:#ffffff;
}
.comBbsIdxCel2 {
	border:1px #c2c6cc solid;
	background:#d4d9df;
}
.comBbsIdxCel3 {
	border:1px #db9597 solid;
	background:#f0b5b7;
}

.newThread {
	width:700px;
	margin:1em auto;
	text-align:left;
	border:none;
}
.comBbsIdxCel1 img {
	margin-bottom:-2px;
}
.comBbsIdxCel2 img {
	margin-bottom:-2px;
}

/* ------------ コミュニティ掲示板　投稿記事関連 レイアウト Style */

#comBbsThread {
	width:700px;
	border:1px #d4d9df solid;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:2px;
}
.comBbsThread00 {
	width:696x;
	height:30px;
	padding-left:1em;
	background:url(../../img/3/bg_commbbs1.gif) repeat-x;
	color:#c82c55;
	text-align:left;
}
.comBbsThread01 {
	width:146px;
}
.comBbsThread02 {
	width:496px;
	height:28px;
}
.comBbsThread03 {
	width:486px;
	height:38px;
	padding:5px;
	font-weight:bold;
}
.comBbsThread03d {
	width:466px;
	height:38px;
	padding:5px;
	font-weight:bold;
}

.comBbsThread04 {
	width:46px;
	height:28px;
	text-align:center;
}
.comBbsThread04d {
	width:16px;
	height:28px;
	text-align:center;
}
.comBbsThread05 {
	width:486px;
	padding:1em 5px;
}
.comBbsThread06 {
	width:686px;
	height:24px;
	text-align:right;
	padding-right:10px;
}

.writeTime {
	text-align:right;
	font-size:10px;
}

#readersColumn {
	width:700px;
	border:1px #d4d9df solid;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:2px;
}

.readersColumn01 {
	width:196px;
	border:none;
	text-align:right;
	font-weight:bold;
	height:50px;
}
.readersColumn02 {
	width:476px;
	border:none;
	text-align:left;
	padding-left:20px;
}
.readersColumn03 {
	width:376px;
	border:none;
	text-align:left;
	padding-left:20px;
	padding-right:100px;
}

.readersColumn02 img {
	border:1px #cccccc solid;
	padding:3px;
}

.texErr {
	margin:20px auto;
	border:none;
	text-align:center;
}

.areaErr {
	width:500px;
	border:2px #e73562 solid;
	padding:10px;
	margin:12px auto;
	font-weight:bold;
	color:#e73562;
}

/* ------------ ユーザー掲示板　投稿記事関連 レイアウト Style */
.userBbs01 {
	width:40px;
	height:40px;
	vertical-align:middle;
	text-align:center;
	padding:5px;
	border:none;
	background:#e0efff;
}
.userBbs02 {
	width:290px;
	height:40px;
	vertical-align:middle;
	padding:5px;
	border:none;
	background:#e0efff;
}
.userBbs03 {
	width:100px;
	height:40px;
	vertical-align:middle;
	text-align:center;
	padding:5px;
	border:none;
	background:#e0efff;
}
.userBbs04 {
	width:190px;
	height:40px;
	vertical-align:middle;
	padding:5px;
	border:none;
	background:#e0efff;
}
.userBbs05 {
	width:640px;
	padding:5px;
	border-bottom:1px #009b9f dashed;
}