﻿@charset "utf-8";

/* ------------------------------------------- CSS Document
 File Name:			community_base.css
 Style Info:		シャンバラ教導団用　教室ページ　ベース設定
----------------------------------------------------------- */


/* ----------------------- Basic Style */
/* ------------ Body Style */

body {background-image: url(../../img/3/bgimg_01.jpg); background-repeat: repeat-x; background-attachment: fixed; font-size: 12px; color: #4e454a;}

#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;
	outline:none;
	/*\*/
	overflow: hidden;
	/**/

}

a:link { color: #d0576b; }
a:visited { color: #d0576b; }
a:hover { color: #00a497;}
a:active { color: #008899; }


#footer a:link { color: #e8383d; }
#footer a:visited { color: #e8383d; }
#footer a:hover { color: #fcc800; text-decoration: underline; text-decoration: none; border-bottom: 1px dotted;}
#footer a:active { color: #e8383d; }

.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:#c82c55; font-size:14px; font-weight:bold;} 
h3 {font-size:16px; font-weight:bold; color:#c82c55; 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:#736d71; 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:#0073a8; 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:#d7cf3a;}

.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 #cc7eb1 solid; font-size:12px; color:#003399; text-align:center; margin:5px auto 10px; padding:5px;}

.texRed {color:#e73562;}
.texOra {color:#f08300;}
.texPpr {color:#7058a3;}
.texGrn {color:#37a34a;}
.str {font-weight:bold;}

.manager {
	font-size:16px;
	color:#ea618e;
	font-weight:bold;
	margin:0 5px;
}

.member {
	font-size:16px;
	color:#37a34a;
	font-weight:bold;
	margin:0 5px;
}

/* -----------------------------------------------------------------ココカエ */

.commnName {
	margin-left:14px;
	font-size:14px;
	font-weight:bold;
	color:#009b9f;
}

.SchoolColTex {color:#009b9f;}
.orders {width:200px; font-size:16px; font-weight:bold; color:#c82c55; padding-left:5px; padding-bottom:1px; margin:10px 0 10px 20px; text-align:left}
.charDataCor {color:#288c66; font-weight:bold;}


.rightLeaning {text-align:right;}
.leftLeaning {text-align:left;}
.centerLeaning {text-align:center;}
.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;}
.floL {float:left;}

/* ----------------------- 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;}

.commuName {
	width:700px;
	height:25px;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#3eb370;
	background: url(../../img/3/bg_commname.gif) repeat;
	padding-top:6px;
}

/* ----------------------- 本文 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;}
.text02 {width:500px; 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/3/t_point1.gif); border:none;}
.t_point2 {width:136px; height:16px; background-image:url(../../img/3/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/3/t_navi01.gif) no-repeat;}
#topNavi .tnavi02 a	{background: url(../../img/3/t_navi02.gif) no-repeat;}
#topNavi .tnavi03 a	{background: url(../../img/3/t_navi03.gif) no-repeat;}
#topNavi .tnavi04 a	{background: url(../../img/3/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/3/s_navi01.gif) no-repeat;}
#sNaviList .snavi02 a	{background: url(../../img/3/s_navi02.gif) no-repeat;}
#sNaviList .snavi03 a	{background: url(../../img/3/s_navi03.gif) no-repeat;}
#sNaviList .snavi04 a	{background: url(../../img/3/s_navi04.gif) no-repeat;}
#sNaviList .snavi05 a	{background: url(../../img/3/s_navi05.gif) no-repeat;}
#sNaviList .snavi06 a	{background: url(../../img/3/s_navi06.gif) no-repeat;}
#sNaviList .snavi07 a	{background: url(../../img/3/s_navi07.gif) no-repeat;}
#sNaviList .snavi08 a	{background: url(../../img/3/s_navi08.gif) no-repeat;}
#sNaviList .snavi09 a	{background: url(../../img/3/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/3/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 #c82c55 solid; background:#ffd1d1; text-align:center; color:#c82c55; 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 #2cb4ad solid; background:#e0ffef; text-align:left; margin-top:3px;}
input:focus {background-color:#ffffd1;}

.charNoText {width:400px; height:100px; border:1px #2cb4ad solid; background:#e0ffef; text-align:left; margin-top:3px; font-size:12px;}
textarea:focus {background-color:#ffffd1;}

.charNoSelect {width:400px; border:1px #2cb4ad solid; background:#e0ffef; text-align:left; margin-top:3px; color:#736d71;}
.dataSelect {width:100px; border:1px #2cb4ad solid; background:#e0ffef; text-align:left; margin-top:3px;}

.IllustOrder01 {width:150px; height:18px; border:1px #2cb4ad solid; background:#e0ffef; text-align:left; margin-top:3px;}

/* ------------ BBSform  Style */

.bbsCelChar {
	width:250px;
	height:22px;
	border:1px #cccccc solid;
	padding:2px;
}
.bbsTopics {
	width:450px;
	height:18px;
	border:1px #cccccc solid;
	padding:2px;
}
.bbsText {
	width:450px;
	height:150px;
	border:1px #cccccc solid;
	padding:2px;
	font-size:12px;
}

.bbsFontSize {
	width:100px;
	height:22px;
	border:1px #cccccc solid;
	padding:2px;
}

select:focus {
	background-color:#ffffd1;
}


