@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/frame_1_tl.png); background-repeat:no-repeat;}
.ent_fr_02 {width:800px; height:30px; border:none; background-image:url(../img/frame_1_t.png); background-repeat:no-repeat;}
.ent_fr_03 {width:30px; height:30px; border:none; background-image:url(../img/frame_1_tr.png); background-repeat:no-repeat;}
.ent_fr_04 {width:30px; height:450px; border:none; background-image:url(../img/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/frame_1_r.png); background-repeat:no-repeat;}
.ent_fr_07 {width:30px; height:30px; border:none; background-image:url(../img/frame_1_bl.png); background-repeat:no-repeat;}
.ent_fr_08 {width:800px; height:30px; border:none; background-image:url(../img/frame_1_b.png); background-repeat:no-repeat;}
.ent_fr_09 {width:30px; height:30px; border:none; background-image:url(../img/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/frame_d_t.gif) no-repeat; border:none;}
.entryExp02 {width:800px; background:url(../img/frame_d_m.gif) repeat-y; border:none;}
.entryExp03 {width:800px; height:50px; background:url(../img/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/frame_b_t.gif) no-repeat; border:none;}
.mainCont02 {width:800px; background:url(../img/frame_b_m.gif) repeat-y; border:none;}
.mainCont03 {width:800px; height:34px; background:url(../img/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/frame_b2_t.gif) no-repeat; border:none;}
.mainContB02 {width:850px; background:url(../img/frame_b2_m.gif) repeat-y; border:none;}
.mainContB03 {width:850px; height:34px; background:url(../img/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 #009b9f dashed; margin:10px auto;} 

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

.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 #006666 dashed; margin:10px auto; padding:10px;}
.eSearch2 {width:590px; border:1px #006666 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:#0073a8;}
.search02 {width:123px; border:none; text-align:left; vertical-align:bottom; padding:1px; color:#0073a8;}

.ser_cel1 {border:1px #cce5ff solid; background:#cce5ff;}
.ser_cel2 {border:1px #e5f2ff solid; background:#e5f2ff;}

.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;}
.IllSeach01 {width:242px; padding:2px; color:#0073a8;}
.IllSeach02 {width:109px; padding:2px; color:#0073a8;}
.IllSeach03 {width:101px; padding:2px;}

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

.IlSer_cel1 {border:1px #ffffff solid; background:#ffffff;}
.IlSer_cel2 {border:1px #cce5ff solid; background:#cce5ff;}
.IlSer_cel3 {border:1px #e5f2ff solid; background:#e5f2ff;}

.IlSer_cel1 p {color:#f39800; 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/albm_1_l.gif) no-repeat; border:none;}
.album03 {width:454px; height:64px; background:url(../img/albm_1_m.gif) repeat-x; border:none;}
.album04 {width:48px; height:64px; background:url(../img/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/albm_2_lt.gif) no-repeat;}
.iF2 {width:628px; height:11px; background:url(../img/albm_2_mt.gif) repeat-x;}
.iF3 {width:11px; height:11px; background:url(../img/albm_2_rt.gif) no-repeat;}
.iF4 {width:11px; background:url(../img/albm_2_ml.gif) repeat-y;}
.iF5 {width:628px;}
.iF6 {width:11px; background:url(../img/albm_2_mr.gif) repeat-y;}
.iF7 {width:11px; height:11px; background:url(../img/albm_2_lb.gif) no-repeat;}
.iF8 {width:628px; height:11px; background:url(../img/albm_2_mb.gif) repeat-x;}
.iF9 {width:11px; height:11px; background:url(../img/albm_2_rb.gif) no-repeat;}

.entry01 {width:650px; height:50px; margin:15px auto;}
.entry02 {width:75px; height:50px; background:url(../img/mid_waku1_l.gif) no-repeat; border:none;}
.entry03 {width:500px; height:50px; background:url(../img/mid_waku1_m.gif) repeat-x; border:none;}
.entry04 {width:75px; height:50px; background:url(../img/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 #76b0e2;}
.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/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/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 #76b0e2; padding:10px 0 0; margin:30px auto 10px;}
.illPr01 {width:750px; border-bottom:2px solid #76b0e2; margin:10px auto;}

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


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

.illMenu {width:700px; border:1px #d6eaff solid; margin:0 auto 10px;}
.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 */

.orderList1 {width:600px; margin:10px auto; text-align:left; border:1px #25b7c0 solid;}
.orderList2 {width:600px; margin:10px auto; text-align:left; border:1px #fac559 solid;}
.orderList01 {width:94px; border:none; padding:3px; text-align:left; vertical-align:top; color:#00afcc;}
.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:#00afcc;}

.orderSetUp {width:600px; border:1px #8da0b6 solid; text-align:left; margin:10px auto;}
.orderSetUp01 {width:594px; border:none; text-align:left; vertical-align:top; 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 #ffa500 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/ico_back_l.gif) no-repeat;}
.backBott4 {width:50px; height:30px; border:none;}
.backBott5 {width:202px; height:30px; border:none; background:url(../img/ico_back_r.gif) no-repeat;}
.backbott4 img {border:none;}