@charset "Shift_JIS";

/*	Cascading Style Sheets for SCCJ website				*/

/* redefine (body) */

body{
	color			: #111;
	background-image: url(../Image/BG_01.gif);
}

/* redefine (h) */

h1{
	font-size			: 150%;
	line-height		: 130%;
	background-color	: transparent;
	color			: #000;
	margin			: 1.5em 0.5em;
}

h1#sccj{
	background-image	: url(../_img/sccj.gif);
	background-repeat	: no-repeat;
	height			: 130px;
	margin			: 0;
	position			: relative;
	top				: 20px;
	left				: 15px;
}

span.hidden{
	visibility		: hidden;
}

h2{
	font-size			: 130%;
	line-height		: 130%;
	background-color	: transparent;
	color			: #000;
	padding			: 0.2em 0.5em;
	margin			: 1em 0 1em;
	border-color		: #333;
	border-style		: solid;
	border-width		: 1px 0;
	clear			: both;
}

h3,h4,h5,h6{
	color			: #000;
	background-color	: transparent;
	font-size			: 130%;
	line-height		: 130%;
	margin			: 1em;
	clear			: both;
}

span.subtitle{
	line-height		: 150%;
	font-size			: smaller !important;
}

/* redefine (p,pre) */

p,pre{
	font-size			: 1em;
	font-style		: normal;
	line-height		: 170%;
	margin			: 0 1.5em;
}

p.normal{
	font-style		: normal;
	margin: 0px;
}

/* redefine (address) */

address{
	font-style		: normal;
	margin			: 0 1em;
}

address#bottom{
	color			: #000;
	background-color	: transparent;
	font-style		: normal;
	line-height		: 170%;
	margin			: -1em 0 0;
	padding			: 0.5em 2em;
	border-color		: #333;

	border-style		: solid;
	border-width		: 1px 0px 0px 0px;
}

/* redefine (list) */

ul,ol{
	line-height		: 170%;
	padding			: 0 0 0 1.5em;
	margin			: 1em 2em;
}

dl{
	line-height		: 170%;
	padding			: 0 1.5em;
}

dt{
	font-weight		: bold;
}

/* redefine (hr) */

hr{
	display			: none;
	margin			: 2px;
	height			: 1.5px;
	background-color	: transparent;
	color			: #000;
}

hr.normal{
	border-style: solid; 
}

/* redefine (strong,em) */

strong,em{
	font-weight		: bold;
}

/* redefine (abbr) */

abbr{
	cursor			: help;
	border-bottom		: 1px dotted;
	font-variant		: normal;
	font-style		: normal;
}

/* redefine (cite) */

cite{
	font-size			: 1em;
	font-style		: normal;
}

/* redefine (div) */

div.left{
	padding			: 0.7em;
	float			: left;
}

div.right{
	padding			: 0.7em;
	float			: right;
}

div.img{
	padding			: 0.7em;
}

/* 非表示設定 */

.nodisplay,ul.nodisplay,dt.nodisplay,dd.nodisplay{
	display			: none;
}

/* original elements */

.indent{
	margin			: 0 0 0 2em;
}

.cite{
	text-align		: right;
}

/* original elements (box) */

.comment{
	background-color	: #fff;
	color			: #000;
	margin			: 15px 5%;
	padding			: 1em;
	border-color		: #333;
	border-style		: solid;
	border-width		: 3px;
}

.kakomi{
	background-color	: #fff;
	color			: #000;
	text-align		: center;
	width			: 50%;
	margin-left		: auto;
	margin-right		: auto;
	padding			: 4px;
	border-color		: #330099;
	border-style		: solid;
	border-width		: 3px;
}

.sccjtowa {
	background-image: url("_img/kaiin.JPG");
	background-attachment: scroll;
	background-position: 350px 35px;
	background-repeat: no-repeat;
}

.attention{
	background-color	: #fff;
	color			: #000;
	margin			: 15px 5%;
	padding			: 1em;
	border-color		: #f00;
	border-style		: solid;
	border-width		: 3px;
}

.staff{
	background-image	: url(../_img/staff.JPG);
	background-position	: 0em 3em;
	background-repeat	: no-repeat;
	height			: 120px;	
	background-color	: #fff;
	color			: #000;
	margin			: 15px 3%;
	padding			: 1em;
	border-color		: #99FF00;
	border-style		: double;
	border-width		: 2px;
}

.topimage{
	background-image	: url(../_img/kaiin.JPG);
	background-position	: right;
	background-repeat	: no-repeat;

}

.comment-title{
	font-size		: 1em;
	background-color	: #006600;
	color			: #fff;
	margin			: 0px 5% 0px 5%;
	padding			: 3px 6px;
}

.comment-content{
	background-color	: #fff;
	color			: #000;
	margin			: 0px 5% 0em 5%;
	padding			: 1em;
	border-color		: #006600;
	border-style		: solid;
	border-width		: 3px;
}

.comment-title2{
	font-size			: 1em;
	background-color	: #000066;
	color			: #fff;
	margin			: 0px 5% 0px 5%;
	padding			: 3px 6px;
}

.comment-content2{
	background-color	: #fff;
	color			: #000;
	margin			: 0px 5% 0em 5%;
	padding			: 1em;
	border-color		: #fff;
	border-style		: solid;
	border-width		: 3px;
}

.comment-title3{
	font-size			: 1em;
	background-color	: #000066;
	color			: #fff;
	margin			: 0px 5% 0px 5%;
	padding			: 3px 6px;
}

.comment-content3{
	background-color	: #fff;
	color			: #000;
	margin			: 0px 5% 0em 5%;
	padding			: 1em;
	border-color		: #000066;
	border-style		: solid;
	border-width		: 1px;
}

/* original elements (ボックス内<li>の設定) */

.comment-content li,.comment li,.attention li{
	margin			: 0 0 0 2em;
}

/* redefine (list) */

dt{
	margin			: 0 0 0 0.5em;
}

dt.title{
	padding			: 1.8em 0 0 0;
}

/*	読み上げブラウザへの対応	*/

ul#jump{
	margin			: -45px 0 0;
	padding			: 0;
	list-style		: none;
}

ul#jump li{
	margin			: 0;
	padding			: 0;
	display			: inline;
}

.lineheight{line-height:20px;}

/*	table内のtable	*/

table#inside{
	line-height		: 150%;
	margin			: 30px;
}

/*	navigation-trailer（トップバーのナビゲーション）	*/

ul#navi-top{
	margin			: 0 0 -2px;
	padding			: 0 0 0 5px;
	position			: relative;
	top				: -2px;
	list-style-type	: none;
	border-color		: #333;
	border-width		: 0 0 1px;
	border-style		: solid;
	z-index			: 100;
}

ul#navi-top li{
	margin			: 0 5px 0 0;
	padding			: 0;
	display			: inline;
}

ul#navi-top li:after{
	margin			: 0 0 0 0.5em;
	content			: ">";
}

ul#navi-top li.current:after{
	content			: ">";
}

ul#navi-bottom{
	text-align		: right;
	background-color	: transparent;
	color			: #000;
	margin			: 2em 0 1em 0;
	padding			: 2px 6px;
	border-color		: #333;
	border-style		: solid;
	border-width		: 1px 0px 0px 0px;
	list-style-type	: none;
	clear			: both;
}

ul#navi-top li,ul#navi-control li,ul#navi-bottom li{
	margin			: 0 0 0 0px;
	display			: inline;
}


/* hyper-link activities (normal) */

a:link{
	background-color	: transparent;
	color			: #00c;
	text-decoration	: none;
}

a:visited{
	background-color	: transparent;
	color			: #050;
	text-decoration	: none;
}

a:active{
	background-color	: transparent;
	color			: #fc0;
	text-decoration	: underline;
}

a:hover{
	background-color	: transparent;
	color			: #900;
	text-decoration	: none;
}




.colorBlack{color:#000000;}
.colorWhite{color:#ffffff;}
.colorGray{color:#cccccc;}
.colorAqua{color:#3399cc;}
.colorSky{color:#6699ff;}
.colorBlue{color:#3366cc;}
.colorEmerald{color:#66cccc;}
.colorPurple{color:#9966cc;}
.colorOrange{color:#ff9933;}
.colorRed{color:#cc0000;}
.colorPink{color:#ff6699;}



.bottom-5 { margin-bottom:5px; }
.bottom-10 { margin-bottom:10px; }
.bottom-15 { margin-bottom:15px; }
.bottom-20 { margin-bottom:20px; }
.bottom-30 { margin-bottom:30px; }


.left-10 { margin-left:10px; }
.left-20 { margin-left:20px; }
.left-30 { margin-left:30px; }



.small{font-size : 90%;line-height : 140%;}
.fontBig01{font-size:180%; line-height:180%; }
.fontSmall01 {font-size:80%;}
.fontSmall02 {font-size:70%;}
.fontBase{font-size:80%;}


.small-red{	font-size : 90%;color:#cc0000;}

.menu {
	border-color : #333;
	border-style : solid;
	border-width : 1px 0px;
	padding	:5px 0px;
}
.title{
	font-size : 130%;
	line-height : 130%;
	font-weight: bold; 
}

.title02{
	font-size : 160%;
	line-height : 160%;
	font-weight: bold; 
}

.mainTitle{
	font-size : 170%;
	line-height : 170%;
	font-weight: bold; 
	margin	:15px 0px;
}

ul#toTop{
	text-align		: right;
	margin			: 0px 0px 0px 0px;
	padding			: 5px 0px 5px 0px;
	border-color		: #333;
	border-style		: solid;
	border-width		: 1px 0px 0px 0px;
	list-style-type	: none;
	clear			: both;
}

.bg-blue01{
color:#ffffff;
	background-color : #00cc66;
	padding	:0px 0px 0px 10px;
	margin	:0px 0px 5px 0px;
}


.heading-sky {
	background-color: #ccffff;
	padding:3px 0px 3px 5px;
	margin-bottom:10px;
	color:#000000;
	font-weight: bold;
}

.heading-sky01 {
	background-color: #ccffff;
	padding:3px 0px 3px 5px;
	margin-bottom:10px;
	color:#000000;
	font-size:100%;
	line-height:120%; 
	font-weight: bold;
}

.heading-green01 {
	background-color: #99ff99;
	padding:3px 0px 3px 5px;
	margin-bottom:10px;
	color:#000000;
	font-size:100%;
	line-height:120%; 
	font-weight: bold;
}


.title-green01 {
	background-color: #66cc99;
	padding:3px 0px 3px 5px;
	margin:0px 0px 0px 0px;
	color:#000000;
	font-weight: bold;
}

.title-orange01 {
	background-color: #ff9933;
	padding:3px 0px 3px 5px;
	margin:0px 0px 0px 0px;
	color:#000000;
	font-weight: bold;
}

.title-blue01 {
	background-color: #6699cc;
	padding:3px 0px 3px 5px;
	margin:0px 0px 0px 0px;
	color:#000000;
	font-weight: bold;
}

.bg-green01 {
	background-color: #ccffcc;
	padding:5px 0px 5px 5px;
	margin:0px 0px 0px 0px;
	color:#000000;
	font-size:90%;
}

.bg-orange01 {
	background-color: #ffffcc;
	padding:5px 0px 5px 5px;
	margin:0px 0px 0px 0px;
	color:#000000;
	font-size:90%;
}

.bg-blue01 {
	background-color: #ccffff;
	padding:5px 0px 5px 5px;
	margin:0px 0px 0px 0px;
	color:#000000;
	font-size:90%;
}