@charset "utf-8";

/* ------------------------------------------- CSS Document
 File Name:			artclass_base.css
 Style Info:		白百合女学園用　美術室ページ　ベース設定
----------------------------------------------------------- */


/* ----------------------- Basic Style */
/* ------------ Body Style */

body {background-image: url(../../img/4/bgimg_01.jpg); background-repeat: repeat-x; background-attachment: fixed; font-size: 12px; color: #7b5544;}

#container {width: 1024px; margin: 0 auto; text-align:left;}

/* ------------ Footer Style */

#footer {width:1024px; margin-top:20px;}
#footerList	{width:860px; margin: 0 auto; text-align:center;}

.footerNavi	li	{display: inline;}


/* ------------ link Style */

a {text-decoration: none;}

a:link { color: #54917f; }
a:visited { color: #54917f; }
a:hover { color: #ff6347;}
a:active { color: #54917f; }


#footer a:link { color: #e17b34; }
#footer a:visited { color: #e17b34; }
#footer a:hover { color: #98605e; text-decoration: underline; text-decoration: none; border-bottom: 1px dotted;}
#footer a:active { color: #e17b34; }

.pageTopLink {text-align:right; margin:30px 50px 10px 0; border:none;}

/* ------------ text Style */

h1 {font-size: 20px; font-weight:bolder; padding-top:18px;}
h2 {color:#de82a7; font-size:14px; font-weight:bold;} 
h3 {font-size:16px; font-weight:bold; color:#de82a7; border-bottom:2px solid; border-left:22px solid; padding-left:5px; padding-bottom:1px; margin-bottom:10px;}
h4 {font-size:16px; font-weight:bold; color:#89c3eb; border-bottom:2px solid; border-left:22px solid; padding-left:5px; padding-bottom:1px; margin-bottom:10px;}
h5 {font-size:18px; text-align:center; margin-top:3px; color:#CC3366;}

.selection {color:#de82a7; margin-left:3px;}

.receiptText {font-size:10px; color:#666666;}
.searchResultText {font-size:14px; color:#9cbb1c; font-weight:bold;}


.album03 p {text-align:center; font-size:12px;}
.sortList {width:454px; text-align:center;}
.sort li {display: inline;}
.sortList p {font-weight:bold; color:#c3d825;}

.aList2 {font-size:12px; color:#f6ad49;}

.min01, .min02, {font-size:14px; color:#474a4d;}
.min03 {font-size:12px; color:#ec6d71;}

.charNameAlb {font-size:16px; font-weight:bold;}
.imgframe img {border:1px #999999 solid; padding:5px; margin:10px auto 5px;}
.comment {width:400px; border:1px #fcc800 solid; font-size:12px; color:#f3981d; text-align:center; margin:5px auto 10px; padding:5px;}

.redTex {color:#e73562; font-weight:bold;}
/* -----------------------------------------------------------------ココカエ */

.SchoolColTex {color:#eb6ea0;}
.orders {width:200px; font-size:16px; font-weight:bold; color:#de82a7; padding-left:5px; padding-bottom:1px; margin:10px 0 10px 20px; text-align:left}
.charDataCor {color:#ea618e; font-weight:bold;}


.rightLeaning {text-align:right;}
.leftLeaning {text-align:left;}
.cLeaning {margin:0 auto; text-align:left;}
.cLeaningC {margin:0 auto;}

.imgmar1 img {margin:5px 5px;}

.t_m_t10 {margin-top:10px;}
.t_m_t20 {margin-top:20px;}
.t_m_b10 {margin-bottom:10px;}
.t_m_b20 {margin-bottom:20px;}
.clearB {clear:both;}

/* ----------------------- Header Style */

.toplogo { width:104px; height:52px; border:none; margin-top: 12px; margin-left: 104px; margin-bottom:8px;}

.sound {margin-top: 24px; margin-left: 8px;}

ul,li {margin:0; padding:0; list-style: none;}


/* ----------------------- 本文 Style */

.sheet1 {width:1024px; margin:0 auto; text-align:center;}
.contents {width:750px; padding:10px 20px;}
.contents p {line-height:1.5; margin-left:10px;}

.contents2 {width:750px; padding:10px 20px; margin:0 auto;}
.contents3 {width:750px; margin:0 auto 20px; text-align:center;}
.contents4 {width:750px; margin:0 auto;}
.contents5 {width:700px; margin:0 auto; text-align:right; padding-top:20px; padding-right:40px;}
.contents6 {width:650px; margin:20px auto; border:1px #b4aeb1 solid; }

.contents7 {width:810px; padding:10px 20px; margin:0 auto;}

.text01 {width:700px; margin:10px auto; text-align:left; padding:0 20px;}

.page_navi {width:700px; text-align:center; margin:10px auto;}

.illProf {width:500px; padding:10px 0;}
.signboard {padding:5px; border:1px #c9caca solid;}

/* ------------ TOPナビ Style */

#t_point {width:136px; height:32px; border:none; margin-top:20px; margin-left:120px; margin-bottom:8px;}
.t_point1 {width:136px; height:16px; background-image:url(../../img/4/t_point1.gif); border:none;}
.t_point2 {width:136px; height:16px; background-image:url(../../img/4/t_point2.gif); border:none;}
#t_point p {text-align:center}

#topNavi {width:320px; margin-top:28px; margin-left:8px; margin-bottom:8px;}

#topNavi a {width:80px; height:24px; display:block; text-indent:-9999px; overflow:hidden;}

#topNavi:after {height:0; visibility:hidden; content:"."; display:block; clear:both; }

#topNavi li	{float: left;}

#topNavi img {border:none; margin:0 0 0 8px;}

#topNavi .tnavi01 a	{background: url(../../img/4/t_navi01.gif) no-repeat;}
#topNavi .tnavi02 a	{background: url(../../img/4/t_navi02.gif) no-repeat;}
#topNavi .tnavi03 a	{background: url(../../img/4/t_navi03.gif) no-repeat;}
#topNavi .tnavi04 a	{background: url(../../img/4/t_navi04.gif) no-repeat;}

#topNavi a:hover {background-position: 0 -24px;}

/* ------------ 学校内ナビ Style */

#schoolNavi {height:24px; margin-bottom:4px;}

#sNaviList {width:810px; margin: 0 auto; text-align: left;}

#sNaviList a {width:90px; height:24px; display:block; text-indent:-9999px; overflow:hidden;}

#sNaviList:after {height:0; visibility:hidden; content:"."; display:block; clear:both; }

#sNaviList li	{float: left;}

#sNaviList .snavi01 a	{background: url(../../img/4/s_navi01.gif) no-repeat;}
#sNaviList .snavi02 a	{background: url(../../img/4/s_navi02.gif) no-repeat;}
#sNaviList .snavi03 a	{background: url(../../img/4/s_navi03.gif) no-repeat;}
#sNaviList .snavi04 a	{background: url(../../img/4/s_navi04.gif) no-repeat;}
#sNaviList .snavi05 a	{background: url(../../img/4/s_navi05.gif) no-repeat;}
#sNaviList .snavi06 a	{background: url(../../img/4/s_navi06.gif) no-repeat;}
#sNaviList .snavi07 a	{background: url(../../img/4/s_navi07.gif) no-repeat;}
#sNaviList .snavi08 a	{background: url(../../img/4/s_navi08.gif) no-repeat;}
#sNaviList .snavi09 a	{background: url(../../img/4/s_navi09.gif) no-repeat;}

#sNaviList a:hover {background-position: 0 -24px;}

/* ------------ 学校名 Style */

#schoolName {width:1024px; height:80px; text-align:center; border:none;}
#schoolName p {font-size:14px;}

.school_n {width:1024px; height:72px; background:url(../../img/4/banner_school.jpg) no-repeat;}

.backS {width:350px; height:72px; border:none; float:left;}
.schoolS {width:324px; height:72px; border:none; float:left;}
.nextS {width:350px; height:72px; border:none; float:right;}

.arwL {border:none; float:right;}
.arwR {border:none; float:left;}

.sclPopup a{position:relative;}
.sclPopup a span{position:absolute; top:-10px; left:-72px; width:200px; padding:5px; visibility:hidden; background:#fff; border:1px solid #000; color:#000;}
.sclPopup a:hover{visibility:visible}
.sclPopup a:hover span{visibility:visible;}


/* ------------ header Style */
.tabtopnavi {width:1024px; height:64px;}
.hd_01 {width:216px; height:64px;}
.hd_02 {width:256px; height:64px;}
.hd_03 {width:328px; height:64px;}
.hd_04 {width:224px; height:64px;}

/* ------------ form  Style */
.inpSearchB1 {width:100px; height:20px; border:1px #7058a3 solid; background:#ffffb7; text-align:center; color:#7058a3; padding-bottom:4px;}
.inpSearchB2 {width:100px; height:20px; border:1px #de82a7 solid; background:#ffd1d1; text-align:center; color:#de82a7; padding-bottom:4px;}
.inpSearchB3 {width:100px; height:20px; border:1px #00947a solid; background:#d8ffb2; text-align:center; color:#00947a; padding-bottom:4px;}

.charNo {width:120px; height:16px; border:1px #fcc800 solid; background:#ffeaea; text-align:left; margin-top:3px;}
input:focus {background-color:#ffffd1;}

.charNoText {width:400px; height:100px; border:1px #a00f12 solid; background:#ffe0e0; text-align:left; margin-top:3px; font-size:12px;}
textarea:focus {background-color:#ffffd1;}

.charNoSelect {width:400px; border:1px #a00f12 solid; background:#ffe0e0; text-align:left; margin-top:3px; color:#6e4a55;}
.charNoSelect2 {width:50px; border:1px #a00f12 solid; background:#ffe0e0; text-align:left; margin-top:3px; color:#6e4a55;}
.dataSelect {width:100px; border:1px #a00f12 solid; background:#ffe0e0; text-align:left; margin-top:3px;}

.IllustOrder01 {width:150px; height:18px; border:1px #a00f12 solid; background:#ffe0e0; text-align:left; margin-top:3px;}