/*wakayama technical high scool*/

* {
	color:#333333;
	padding:0;
	font-size: 13px;
	line-height: 140%;
	margin: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image: none;
}

body {
	background-color: #FFFFFF;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

a {
	color: #353B89;
}

a:hover {
	text-decoration: none;
}

a img {
	border:none;
}

hr {
	clear: both;
	height: 1px;
}



/*
ベース
-------------------------------------------------------------------*/
#base {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/body_bg.jpg);
	background-color: #FFFFFF;
	margin-top: 0px;
	border: 1px solid #000000;
}

#wrap {
	float: left;
	padding: 5px;
	margin-top: 5px;
}


/*
ヘッダー
-------------------------------------------------------------------*/

#header-upper {
	width:800px;
	height:100px;
	background-image: url(../img/header_upper.jpg);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #222222;
	font-family: Verdana, Arial, sans-serif;
}


#header-bottom {
	width:800px;
	height:138px;
	background-image: url(../img/header_btm.jpg);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #222222;
}
h1 a {
	display: block;
	text-indent: -999px;
	width: 324px;
	height:88px;
	margin-left: 35px;

	
}
h1 a {
	background-image: url(../img/top_logo.jpg);
	background-repeat: no-repeat;
}

h1 a:hover{
	background-image: url(../img/top_logo-on.jpg);
	background-repeat: no-repeat;	
}

/*
カウンター
------------------------------------------------*/
#header-upper #counter {
	
}



/*ナビゲーション
----------------------------------------------- */
#nav {
	margin-top: 0;
	padding: 5px;
	background-color: #000066;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #FFFFFF;
	text-align:right;	
}

#nav ul {
	list-style-type:none;
	display: block;
	margin-left: 10px;
  }
  

#nav li {
	display: inline;
	padding-left: 22px;
	padding-right: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
  }
  
#nav a {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-decoration: none;
}

#nav a:hover {
	color: #6699CC;
	background-color: #FFFFFF;
}


/*
コンテンツ
-------------------------------------------------------------------*/

#contents {
	width:580px;
	float: right;
	padding-left: 1em;
}

#contents p{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 30px;
	margin-left: 30px;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contents h2 {
	background: url(../img/ttl_head0.gif) left no-repeat #1B4EA5; 
	width: 550px; height:22px; color:#FFF;
	font-size: 14px; text-indent: 2em; line-height: 22px;
	letter-spacing: 5px;
	margin-top: 10px;
	margin-bottom: 6px;
	margin-right: 10px;
	margin-left: 5px;
}	


#contents h2.tume{
	background: url(../img/ttl_head0.gif) left no-repeat #1B4EA5; 
	width: 550px; height:22px; color:#FFF;
	font-size: 14px; text-indent: 2em; line-height: 22px;
	letter-spacing: 2px;
	margin-top: 10px;
	margin-bottom: 6px;
	margin-right: 10px;
	margin-left: 5px;
}	

#contents h2#link{
	background: url(../img/ttl_head2.gif) left no-repeat #B9E3FB; 
	margin-top: 10px;
	margin-bottom: 6px;
	margin-right: 10px;
	margin-left: 5px;	
	width: 550px; 
	height:22px; 
	font-size: 14px; 
	text-indent: 2em;
	line-height: 22px;
}
#contents h2#link a{
	line-height: 22px;
}
#contents h2#link a:hover{
	color: #00CCCC;
}



#contents h3 {
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #296927;
	padding-left: 7px;
	color: #296927;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 13px;
}

#contents h3 a {
	font-size: 14px;
}
#contents h3 a:hover {
	font-size: 14px;
	color: #33CCCC;	
}


#contents h4 {
	font-size: 12px;
	color: #445582;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 25px;
}

#contents h4.dousoukai {
	font-size: 14px;
	color: #445582;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 25px;
}

#contents h5 {
	font-size: 12px;
	color: #666699;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 35px;
}

#contents ul {
	margin-left: 30px;
	list-style-type: none;
}
#contents li a {
	font-size: small;
}
/*
コンテンツ---メイン-------------*/

#contents #main {
	padding: 10px;
	border-top: #1B4EA5 solid 3px;
	border-bottom: #1B4EA5 solid 3px;	
}
#contents #main a {
	line-height: 20px;
}
#contents #main a:hover {
	color: #00CCCC;
}
#contents #main p {
	font-size: small;
	line-height: 2em;
}


#contents #c_pad {
	padding: 10px;
	border-top: #1B4EA5 solid 3px;
	border-bottom: #1B4EA5 solid 3px;	
}

#contents #c_pad p a {
	line-height: 20px;
}

#contents #c_pad p strong {
	line-height: 20px;
}

/*
コンテンツ---フッター--------------------*/
#main_footer {
	text-align: left;
	list-style-type: none;
	display: inline;
}
#main_footer ul {
	margin-top: 8px;
	margin-bottom: 8px;
}
#main_footer li {
	background: url(../img/icon/icon_link.gif) no-repeat;
	background-position: 5px 1px;
	list-style-type: none;
	display: inline;
	border-right: #333333 solid 1px;
	padding-right: 5px;
	padding-left: 20px;
}
#main_footer li a{
	font-size:13px;
}

#main_footer li a:hover {
	color:#0099CC;
}



/*
テーブルの設定
-------------------------------------------------------------------*/

/*main------------------*/
#contents #main table.main-table {
	width: 555px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#contents #main table.main-table td {
	padding: 5px;
	border: 1px solid #6699CC;
}
#contents #main table.main-table th {
	background-color:#69B4C7;	
	border: 1px solid #6699CC;
	color: #000066;
	letter-spacing: 5px;
	padding: 7px;
}

/*進路状況の表------------------*/
#contents #main table.sinro {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 10px;
}
#contents #main table.sinro td {
	border: 1px solid #6699CC;
}
#contents #main table.sinro th {
	background-color:#69B4C7;	
	border: 1px solid #6699CC;
	color: #000066;
}

/*gakka----学科ページ　科目実習表----*/
#contents #main table#gakka-table {
    width: 530px;
    border: 1px #E3E3E3 solid;
    background: #DDEEE8 url(../img/bg_02.gif) repeat-x 0 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}

#contents #main table#gakka-table th {
    padding: 5px;
    border: #8EBFC6 solid;
    border-width: 0 0 1px 1px;
    color: #003366;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
#contents #main table#gakka-table td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #8EBFC6 #8EBFC6 #FFFFFF;
    color: #1A4444;
	text-align: left;
	padding-left: 1.8em;

}
.th_tate{ 
	width: 22px;	
	background: url(../img/shared/bg_w40blue2r.jpg) repeat-y 0 100%;}
.th_yoko{
	background: url(../img/shared/bg_h40blue3.jpg) repeat-x 0 100%;} 
.th_bg{
	background: url(../img/shared/bg_h40blue2.jpg) repeat-x 0 100%;}
	
.th_bg-big{background: url(../img/shared/bg_h230blue.jpg) repeat 100%;}

/*
パンくずリスト
-------------------------------------------------------------------*/
#contents #pan {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
}
#contents #pan a {
	margin-right: 7px;
	margin-left: 7px;
}
#contents #pan strong {
	margin-left: 7px;
}

/*
サイド・メニュー
-------------------------------------------------------------------*/
#side {
	float: left;
	width: 190px;
	border-top: #1B4EA5 solid 3px;
	border-bottom: #1B4EA5 solid 3px;
	margin-bottom: 5px;
}

#side li {
	list-style-type: none;

}



/*--------サイドA　ここから------------------------------------------------------*/



#side #sideA {
	padding-top: 2px;
	width: 180px;
	margin: 4px auto 4px auto;
}

#side #sideA h3 {
	display: block;
	width: 180px;
	height: 24px;
	line-height: 24px;
	letter-spacing: 5px;		
	color: #FFFFFF;
	margin: 5px auto 5px auto;

	font-size: 13px;
	padding-top: 4px;
	text-align: center;
	border-bottom: #6699CC solid 1px;
	background:url(../img/menu_ttlbg.jpg) no-repeat;
}

#side #sideA h4 {
	display: block;
	width: 180px;
	height: 25px;
	margin: 5px auto 5px auto;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background:url(../img/menu_ttlbg0.jpg) no-repeat #3399CC;
	line-height: 25px;		
	color: #FFFFFF;	
}

#side #sideA h4 a{
	line-height: 26px;
	color: #1B4EA5;
	text-decoration: none;	
}
#side #sideA h4 a:hover{
	line-height: 26px;
	color: #E1FCFF;
	text-decoration: underline;	
}


#side #sideA ul {
	margin-bottom: 0px;
	border-bottom: #6699CC solid 1px;
	margin: 0px ;}

#side #sideA li a {
	display: block;
	width: 144px;
	height: 29px;
	font-size: 13px;
	text-decoration:none;
	line-height: 29px;
	margin: 0px ;	
	padding-left: 2.8em;
	background:url(../img/menu_bg.jpg) no-repeat;
}


#side #sideA li a:hover {
	background-image: url(../img/menu-bg_go.jpg);
	background-repeat: no-repeat;	
	color: #000099;
	text-decoration: underline;

}


/*--------サイドA　ここまで-------*/
/*--------コンテンツメイン部分ここから　-------*/


/*--------------------------------トップページ　-------------------------------------------------*/
#toppage{
	padding: 10px 10px 0 5px;
	border-top: #1B4EA5 solid 3px;
}

#toppage a{
	color:#000066;
}
#toppage a:hover{
	color: #55ACAC;
}

#toppage img[name="top"]{
	border-top: #1B4EA5 solid 3px; 
	padding: 10px 0 10px 0; 
	margin:0 0 0 5px;
}

#toppage #information{
	margin-bottom: 10px;
}
#toppage #information ul{
	margin: 0; 
	padding: 0;
}
#toppage #information li{
/*---メモ：background-imgはページ内にて指定-----*/
	background-position: left;
	background-repeat: no-repeat;
	margin: 10px 10px 5px 5px;	
	width: 550px; 
	height:25px; 
	color:#000066; 
	font-size: 13px; 
	font-weight: bold; 
	text-indent: 1em; 
	line-height: 25px;
}
#toppage #information li a{
	font-size: 13px; font-weight: bold;
	
}
#toppage #information li a:hover{
	color:#FFF;
	text-decoration: underline;
}

/*---トップページ　クラブ最新情報　ここから-----*/
#toppage #club_new{
	margin-bottom: 12px;
}
#toppage #club_new ul{
	display:block;
	width:533px;
	height:116px;
	margin-left: 5px;
	list-style-type:none;
	border: #CCCCCC 1px solid;
	overflow:auto;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 16px;
}
#toppage #club_new li{
	border-bottom: #666666 dotted 1px; 
/*	text-indent: 12px;*/
	font-size: 12px;
}
#toppage #club_new li a{
	font-size: 12px;
}
#toppage #club_new .date{
	color:#FF8000; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	margin-right: 8px; 
	margin-bottom: 5px;
/*	margin-left: 16px; */
	line-height: 22px;
}
#toppage #club_new .club{
	 
/*	font-weight: bold;*/ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold; 
	color: #0066CC;
	margin-bottom: 5px; 
	line-height: 20px;
}
#toppage #club_new .place{
	 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin-left: 8px; 
	margin-bottom: 5px;  
	line-height: 20px;
}
#toppage #club_new .title{	 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin-left: 12px; 
	margin-bottom: 5px; 
	line-height: 20px; 
}




/*---トップページ　クラブ最新情報　▲▲-----*/

/*---トップページ　新着情報　ここから-----*/
#toppage #whats_new{
	margin-bottom: 12px;
}
#toppage #whats_new ul{
	display:block;
	width:533px;
	height:116px;
	margin-left: 5px;
	list-style-type:none;
	border: #CCCCCC 1px solid;
	overflow:auto;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 12px;
}
#toppage #whats_new li{
	border-bottom: #666666 dotted 1px; 
	background: url(../img/icon/icon_link.gif) no-repeat; 
	background-position: 0px 6px; 
	text-indent: 16px;
	font-size: 12px;
}
#toppage #whats_new li a{
	font-size: 12px;
}
#toppage #whats_new .date{
	color:#FF8000; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin-right: 12px; 
	margin-bottom: 5px; 
	line-height: 24px;
}
/*---トップページ　新着情報　▲▲-----*/

/*---トップページ　マンスリータイムズ　ここから-----*/
#toppage #monthlytimes{
	width:550px;
	height: 22px;
	line-height: 22px;
	margin-left: 5px;
	border: #CCCCCC 1px solid;
	padding: 3px 0 0;
	background-color: #FFFFFF;
	margin-bottom: 12px;
}
#toppage #monthlytimes ul{
    display:block;  
	list-style-type:none;
}
#toppage #monthlytimes li{
	float:left; 
	margin-right: 1em;
}
#toppage #monthlytimes li a{
	font-size: 13px;
}
/*---トップページ　マンスリータイムズ　ここまで-----*/

#toppage #club_katudou{
	width:550px;
	height: 22px;
	line-height: 22px;
	margin-left: 5px;
	border: #CCCCCC 1px solid;
	padding: 3px 0 0;
	background-color: #FFFFFF;
	margin-bottom: 12px;
}
#toppage #club_katudou ul{
    display:block;  
	list-style-type:none;
}
#toppage #club_katudou li{
	float:left; 
	margin-right: 1em;
}
#toppage #club_katudou li a{
	font-size: 13px;
}
#toppage #photo {
	margin-left: 5px;
	margin-bottom: 10px;
}

#toppage #osirase {
	margin-left: 5px;
}
#toppage #osirase #osirasebox {
	float:left; 
	width: 268px;
	height: 120px;/*heightは150pxまで対応可*/
	border-top: #CCCCCC solid 1px; 
	background-repeat: no-repeat;
	background-position: bottom; 
	margin: 0 12px 12px 0; 
}
#toppage #osirase #osirasebox h3{
	margin: 7px 0 6px 26px;
	border: 0;
	text-indent: 20px;	
}

/*1:緑　2:橙　3:紫　4:赤*/
#toppage #osirase #osirasebox.osirase1 {
	background-image: url(../img/osirase1.jpg);}
#toppage #osirase #osirasebox.osirase2 {
	background-image: url(../img/osirase2.jpg);}
#toppage #osirase #osirasebox.osirase3 {
	background-image: url(../img/osirase3.jpg);}	
#toppage #osirase #osirasebox.osirase4 {
	background-image: url(../img/osirase4.jpg);}

#toppage #osirase #osirasebox.osirase1 h3{color: #006600; background: url(../img/icon/arrow1.gif) no-repeat left;} 
#toppage #osirase #osirasebox.osirase2 h3{color: #E87400; background: url(../img/icon/arrow2.gif) no-repeat left;}
#toppage #osirase #osirasebox.osirase3 h3{color: #330066; background: url(../img/icon/arrow3.gif) no-repeat left;}
#toppage #osirase #osirasebox.osirase4 h3{color: #CC0000; background: url(../img/icon/arrow4.gif) no-repeat left;}
	
#toppage #osirase #osirasebox p{
	margin: 0 12px 4px 12px;
}
			
/*
ボタン　button
-------------------------------------------------------------------*/
#link-btn{
	background: url(../img/btn260_bg1.jpg) no-repeat;
	font-weight: bold;
	margin: 1em 1em 0 1em;
	padding: 5px 3px 3px 3px;	
	text-align: left;
	text-indent: 20px;
	border: #3399CC solid 1px;
	width: 250px;
}
#link-btn:hover{
	color:#FFFFFF;
}

.link-btn button{
	background: url(../img/btn260_bg1.jpg) no-repeat;
	font-weight: bold;
	margin: 1em 1em 0 1em;
	padding: 5px 3px 3px 3px;
	text-align: left;
	text-indent: 20px;
	border: #3399CC solid 1px;
	width: 220px;
}
.link-btn button:hover{
	text-decoration: underline
}





/*--------クラブ紹介　club------------------------------------------------------*/
#club-index ul{

}
#club-index li{
	font-size: 13px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #1B4EA5;
	padding-left: 7px;
	color: #5576AC;

	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 13px;
}
#club-index li a{
	font-size: 13px;
	
}


/*---以前のクラブ活動情報　ここから-----*/
#toppage #club_new{
	margin-bottom: 12px;
}
#main #club_new ul{
	width:526px;
	margin-left: 5px;
	list-style-type:none;
	overflow:auto;
	text-align: left;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 16px;
}
#main #club_new li{
	border-bottom: #666666 dotted 1px; 
	font-size: 12px;
}
#main #club_new li a{
	font-size: 12px;
}
#main #club_new .date{
	color:#FF8000; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	margin-right: 8px; 
	margin-bottom: 5px;
	line-height: 22px;
}
#main #club_new .club{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold; 
	color: #0066CC;
	margin-bottom: 5px; 
	line-height: 20px;
}
#main #club_new .place{	 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin-left: 8px; 
	margin-bottom: 5px;  
	line-height: 20px;
}
#main #club_new .title{	 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin-left: 12px; 
	margin-bottom: 5px; 
	line-height: 20px; 
}
/*---以前のクラブ活動情報　▲▲-----*/


/*--------学科紹介　gakka------------------------------------------------------*/

ul#school_photo {
	list-style:none;
	margin-left: 16px;
}
ul#school_photo li {
	float:left;

}



/*--------事務室より　jimu------------------------------------------------------*/
ul#list {
	list-style: disc;
	padding-left: 3em;
}
ul#list li{
}

#BoxArea {
	width: 80%;
	border: #66CCFF solid 1px;
	background-color:#FFFFFF;
	padding: 1em;
	color:#0066CC;
	margin: 0 auto 0 auto;
	text-align: center;	
}


/*
フッタメニュー
-------------------------------------------------------------------*/

#f_menu {
	clear: both;
	text-align: center;

	line-height: 22px;
	border: 1px solid #E2E2DE;
	padding: 5px;	
	background-color: #FAFAF8;
}
#f_menu li {
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px;
}

#f_menu ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
#f_menu li a {
	font-size: 12px;
}

#f_menu p {
	font-size: 10px;
	color: #333333;
}

/*
コピーライト
-------------------------------------------------------------------*/

address {
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	background-color: #001155;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

/*
空白を指定
-------------------------------------------------------------------*/
.m-left5{
	margin-left: 5px;
}

/*
フロートを指定
-------------------------------------------------------------------*/
.float-l{
	float: left;
}
.float-r{
	float: right;
}

/*
文字を指定
-------------------------------------------------------------------*/
/*フォント色--*/
.font_oreB {
	color: #FF6600;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.font_brownB {
	color:#663300;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.font_blueB {
	color: #0066CC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.font_violetB {
	color: #330099;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
/*フォントの大きさ--*/
.font_12px {
	font-size: 12px;
}

/*文字間隔--*/
.l-spacing5 {
	letter-spacing: 5px;
}

/*フッターリンクの装飾--*/
.border-left{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
}