@charset "utf-8";

/* ------------------------------------------- CSS Document
 File Name:			tab_artclass.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 */

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

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

/* ----------------------- おすすめイラストレーター layout */

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

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

.adviseIllCel1 {width:200px; height:40px; vertical-align:middle; padding:5px; border:none; background:#e8ece9;}
.adviseIllCel2 {width:150px; height:40px; vertical-align:middle; text-align:center; padding:5px; border:none; background:#e8ece9;}
.adviseIllCel3 {width:270px; 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;}


/* ----------------------- 検索 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;}

.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 */
.IllSeach {width:500px; border:none; margin:0 auto;}
.IllSeach00 {width:496px; padding:3px 2px; color:#c82c55;}
.IllSeach01 {width:242px; padding:2px; color:#c82c55;}
.IllSeach02 {width:109px; padding:2px; color:#c82c55;}
.IllSeach03 {width:101px; padding:2px; color:#c82c55;}

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

.IlSer_cel1 {border:1px #ffffff solid; background:#ffffff;}
.IlSer_cel2 {border:1px #c9caca solid; background:#c9caca;}
.IlSer_cel3 {border:1px #e8ece9 solid; background:#e8ece9;}

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

.IllSeaName {width:300px; padding:2px;}
.IllSeaComm {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 #c9caca solid; padding:2px;}
.aList2 {width:164px; height:40px; text-align:center; border:1px #c9caca 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 */

.ballotBox {width:590px; border:1px #999999 solid; padding:5px; margin:0 auto; text-align:center;}
.vote {width:590px;}
.vote1 {border:none; padding:2px; font-size:14px; color:#339999; font-weight:bold; text-align:left;}
.vote2 {width:100px; border:none; padding:2px; text-align:left;}
.vote9 {width:180px; padding:2px; text-align:center;}
.vote00 {width:586px; border:none; padding:2px; text-align:left;}


.illProf00 {width:600px; margin:0 auto; text-align:center;}
.illProf01 {width:594px; padding:3px; border:none; text-align:left;}
.illProf02 {width:144px; padding:3px; border:none; text-align:left;}

/* ------------ イラストレーターページ レイアウト 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 50px; list-style:none;}
.illPr li {display:inline; margin:0; padding:0;}
.illPr a {float:left; 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:30px auto 10px;}
.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 #e8ece9 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 #e8ece9 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:#aaaab0; text-align:center;}
.illMenuCel02 {background:#ffffff; text-align:center;}
.illMenuCel03 {background:#e8ece9; text-align:center;}
.illMenuCel04 {background:#ffe0e0; text-align:center;}

/* ------------ 注文画面 レイアウト Style */

.orderList1 {width:600px; margin:10px auto; text-align:left; border:1px #aaaab0 solid;}
.orderList2 {width:600px; margin:10px auto; text-align:left; border:1px #b33e5c solid;}
.orderList01 {width:94px; border:none; padding:3px; text-align:left; vertical-align:top; color:#ea686f;}
.orderList02 {width:194px; border:none; padding:3px; text-align:left;}
.orderList03 {width:300px; border:none;}
.orderList04 {width:594px; border:none; padding:3px; text-align:left; color:#ea686f;}

.orderSetUp {width:600px; border:1px #8da0b6 solid; text-align:left; margin:10px auto;}
.orderSetUp01 {width:594px; border:none; text-align:left; padding:3px;}
.orderSetUp02 {width:14px; border:none; text-align:left; padding:3px;}
.orderSetUp03 {width:84px; border:none; text-align:left; padding:3px;}
.orderSetUp04 {width:104px; border:none; text-align:left; padding:3px;}
.orderSetUp05 {width:594px; border:none; text-align:center; padding:3px;}
.orderSetUp00 {border:none; text-align:left; padding:3px;}

.orderSetUp01 img {padding:3px;}

.orderChar {width:600px; border:1px #a00f12 dashed; margin:10px auto; padding:5px; text-align:left;}

/* ------------ ゴージャス戻る レイアウト 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;}

.commedit {width:400px; border:none;}
.commedit1 {width:390px; border:none; padding:5px;}
.commedit2 {width:370px; height:20px; border:none;}
.commedit3 {width:18px; height:18px; padding:1px;}

/* ------------ イラスト種類での検索用 Style */
.illustGenreBase {
	width:700px;
	border:none;
	margin:6px auto;
}
#illustGenreT	{
	width: 700px;
}
#illustGenreT:after	{
	height:0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#illustGenreT span	{
	width: 100px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#illustGenreT li	{
	float: left;
}
#illustGenreT .illustGenre01 span	{
	background: url(../../img/school_common/btn_ilmenu_01.png) no-repeat;
}
#illustGenreT .illustGenre02 span	{
	background: url(../../img/school_common/btn_ilmenu_02.png) no-repeat;
}
#illustGenreT .illustGenre03 span	{
	background: url(../../img/school_common/btn_ilmenu_03.png) no-repeat;
}
#illustGenreT .illustGenre04 span	{
	background: url(../../img/school_common/btn_ilmenu_04.png) no-repeat;
}
#illustGenreT .illustGenre05 span	{
	background: url(../../img/school_common/btn_ilmenu_05.png) no-repeat;
}
#illustGenreT .illustGenre06 span	{
	background: url(../../img/school_common/btn_ilmenu_06.png) no-repeat;
}
#illustGenreT .illustGenre07 span	{
	background: url(../../img/school_common/btn_ilmenu_07.png) no-repeat;
}


#illustGenreB	{
	width: 700px;
}
#illustGenreB:after	{
	height:0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#illustGenreB span	{
	width: 100px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#illustGenreB li	{
	float: left;
}
#illustGenreB .illustGenre08 span	{
	background: url(../../img/school_common/btn_ilmenu_08.png) no-repeat;
}
#illustGenreB .illustGenre09 span	{
	background: url(../../img/school_common/btn_ilmenu_09.png) no-repeat;
}
#illustGenreB .illustGenre10 span	{
	background: url(../../img/school_common/btn_ilmenu_10.png) no-repeat;
}
#illustGenreB .illustGenre11 span	{
	background: url(../../img/school_common/btn_ilmenu_11.png) no-repeat;
}
#illustGenreB .illustGenre12 span	{
	background: url(../../img/school_common/btn_ilmenu_12.png) no-repeat;
}
#illustGenreB .illustGenre13 span	{
	background: url(../../img/school_common/btn_ilmenu_13.png) no-repeat;
}
#illustGenreB .illustGenre14 span	{
	background: url(../../img/school_common/btn_ilmenu_14.png) no-repeat;
}