@charset "utf-8";

/* ------------------------------------------- CSS Document
 File Name:			shop_base.css
 Style Info:		蒼空学園用　購買　ベース設定
----------------------------------------------------------- */


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

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

#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;}

.footLink {width:800px; text-align:right; margin:20px 0;}
.footLink img {border:none;}

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

a {text-decoration: none;}

a:link { color: #0074cf; }
a:visited { color: #0074cf; }
a:hover { color: #ff6347;}
a:active { color: #0074cf; }


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

h1 {font-size: 20px; font-weight:bolder; padding-top:18px;}
h2 {color:#0073a8; font-size:14px; font-weight:bold;} 
h3 {font-size:18px; font-weight:bold; color:#c82c55; border-bottom:2px solid; border-left:2px solid; padding-left:5px; padding-bottom:2px; margin-bottom:5px;}
h4 {width:400px; color:#06C; border-bottom:1px #06C solid; border-left:1px #06C solid; margin-top:10px; padding-left:5px;}

#schoolName p {font-size:14px;}

.right-leaning {text-align:right; color:#999999;}

.t_m_t20 {margin-top:20px;}
.t_m_b20 {margin-bottom:20px;}

.texRed {color:#c82c55;}
.texOrg {color:#f39800;}
.str {font-weight:bold;}

/* ----------------------- 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;}
.contents2 {width:750px; margin:20px auto; text-align:center;}

.contents p {text-indent:1em; line-height:1.5;}

/* ------------ 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/1/t_point1.gif); border:none;}
.t_point2 {width:136px; height:16px; background-image:url(../../img/1/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/1/t_navi01.gif) no-repeat;}
#topNavi .tnavi02 a	{background: url(../../img/1/t_navi02.gif) no-repeat;}
#topNavi .tnavi03 a	{background: url(../../img/1/t_navi03.gif) no-repeat;}
#topNavi .tnavi04 a	{background: url(../../img/1/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/1/s_navi01.gif) no-repeat;}
#sNaviList .snavi02 a	{background: url(../../img/1/s_navi02.gif) no-repeat;}
#sNaviList .snavi03 a	{background: url(../../img/1/s_navi03.gif) no-repeat;}
#sNaviList .snavi04 a	{background: url(../../img/1/s_navi04.gif) no-repeat;}
#sNaviList .snavi05 a	{background: url(../../img/1/s_navi05.gif) no-repeat;}
#sNaviList .snavi06 a	{background: url(../../img/1/s_navi06.gif) no-repeat;}
#sNaviList .snavi07 a	{background: url(../../img/1/s_navi07.gif) no-repeat;}
#sNaviList .snavi08 a	{background: url(../../img/1/s_navi08.gif) no-repeat;}
#sNaviList .snavi09 a	{background: url(../../img/1/s_navi09.gif) no-repeat;}

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

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

#schoolName {width:1024px; height:80px; text-align:center; border:none;}
.school_n {width:1024px; height:72px; background:url(../../img/1/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 layout 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;}

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

.ent_fr {width:860px; margin:0 auto; text-align:center;}
.ent_fr_01 {width:30px; height:30px; border:none; background-image:url(../../img/1/frame_1_tl.png); background-repeat:no-repeat;}
.ent_fr_02 {width:800px; height:30px; border:none; background-image:url(../../img/1/frame_1_t.png); background-repeat:no-repeat;}
.ent_fr_03 {width:30px; height:30px; border:none; background-image:url(../../img/1/frame_1_tr.png); background-repeat:no-repeat;}
.ent_fr_04 {width:30px; height:450px; border:none; background-image:url(../../img/1/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/1/frame_1_r.png); background-repeat:no-repeat;}
.ent_fr_07 {width:30px; height:30px; border:none; background-image:url(../../img/1/frame_1_bl.png); background-repeat:no-repeat;}
.ent_fr_08 {width:800px; height:30px; border:none; background-image:url(../../img/1/frame_1_b.png); background-repeat:no-repeat;}
.ent_fr_09 {width:30px; height:30px; border:none; background-image:url(../../img/1/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/1/frame_d_t.gif) no-repeat; border:none;}
.entryExp02 {width:800px; background:url(../../img/1/frame_d_m.gif) repeat-y; border:none;}
.entryExp03 {width:800px; height:50px; background:url(../../img/1/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/1/frame_b_t.gif) no-repeat; border:none;}
.mainCont02 {width:800px; background:url(../../img/1/frame_b_m.gif) repeat-y; border:none;}
.mainCont03 {width:800px; height:34px; background:url(../../img/1/frame_b_b.gif) no-repeat; border:none;}

select.buyNo {width:36px; height:20px; border:1px #1c4a8d solid; background:#bbdbf3; color:#1c4a8d}
select:focus.buyNo {background:#ffffe0;}

/* ----------------------- フォーム */

.itemSelectList {width:100px; height:20px; border:1px #006eb0 solid;}
.sub3 {width:60px; height:20px; background-color:#ffd6ea; font-size:12px; color:#e73562; vertical-align:middle; border:1px #e73562 solid; margin-right:30px;}