@charset "UTF-8";
/* NewSite 2007/12 css file */

h1,h2,h3,h4,h5,h6,p,form,table,ul,li{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:small;
}
ul{
	list-style-type:none;
	list-style-position:outside;
}

a:link{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

body{
	text-align:center;
	font-size:small;
	margin:0px;
	padding:0px;
}


/*ページレイアウト////////////////////////////////////////////////////*/
#con{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#head{
	height:30px;
	background-color:#08a6ce;
	background-image:url(img/head-bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#main{
	width:700px;
	float:right;
}
#sub{
	background-color:#c9e6e6;
	width:150px;
	float:left;
}

#main_head{
	height:50px;
	padding-left:65px;
	padding-top:7px;
	padding-bottom:3px;
	background-color:#f2f2f2;
	background-image:url(img/top-mark.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;

}
#contents{
	width:550px;
	float:left;
	line-height:130%;
}
#sub_contents{
	width:150px;
	float:right;
}

#foot{
	clear:both;
	background-color:#08a6ce;
	color:#FFFFFF;
	text-align:center;
	padding:3px;
	width:850px;
}


/*各デザイン/////////////////////////////////////////////////*/
#head h1{
	color:#FFFFFF;
	font-size:small;
	text-align:right;
	margin-right:20px;
	margin-top:3px;
}

/*メイン部////////////////////////////////////////////////////*/


#main_head h2{
	font-size:30px;
	color:#006597;
	margin-bottom:2px;
	font-weight:bold;
}

/*コンテンツ部//////////////////////////////////////////////*/

/*上部並列バナー*/
#topBanner{
	text-align:center;
	width:520px;
	margin-left:15px;
	margin-bottom:10px;
}


#suporter-kigyou{
	width:480px;
	height:114px;
	background-image:url(img/saport-kigyou.gif);
	background-repeat:no-repeat;
	background-position:top center;
	margin-left:35px;
}
#suporter-kigyou h2{
	margin-left:220px;
	margin-top:30px;
	font-size: large;
}
#suporter-kigyou p{
	margin-left:205px;
	margin-top:13px;
}


#contents .contents_menu{
	height:25px;
	padding-left:75px;
	background-image:url(img/main-menu-title.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding-top:5px;
}
#contents .contents_menu a:link,#contents .contents_menu a:visited{
	color:#FFFFFF;
	text-decoration:underline;
}
#contents .contents_menu a:hover{
	background-color:#FFFFFF;
	color:#08a6ce;
}


#contents .box{
	width:500px;
	margin-left:25px;
	margin-right:25px;
	margin-top:10px;
	margin-bottom:10px;
}

/*情報ボード********************* */
#contents .box .board{
	width:490px;
	padding:3px;
}
#contents .box .board h2{
	margin:5px;
	font-size:medium;
	color:#FFFFFF;
	font-weight:bold;
}
#contents .box .board .whiteboard{
	padding:5px;
	float:left;
	width:240px;
}
#contents .box .board .whiteboardR{
	background-image:url(img/white-board.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:5px;
	float:right;
	width:240px;
}

#contents .box .board ul{
	background-color:#FFFFFF;
	list-style-type:none;
	padding-left:0.3em;
	width: 230px;
}
#contents .box .board li{
	line-height:150%;
}
#contents .box .board .textboard{
	float:right;
	color:#FFFFFF;
	padding:5px;
	width:220px;
}


/* コンテンツ内ブログボックス********************* */
#contents .box .contents_blog_box{
	width:480px;
	margin-left:10px;
}
#contents .box .contents_blog_box_left{
	float:left;
	width:230px;
	border-left:1px solid #cccccc;
}
#contents .box .contents_blog_box_right{
	float:right;
	width:230px;
	border-left:1px solid #cccccc;

}
#contents .box .contents_blog_box h3{
	text-align:left;
	font-size:small;
	padding:1px;
}
#contents .box .contents_blog_box ul{
	list-style-type:none;
}
#contents .box .contents_blog_box p.blogby{
	margin-left:10px;
	color:#999999;
	font-size:x-small;
}
#contents .box .contents_blog_box p.blogby a:link,#contents .box .contents_blog_box p.blogby a:visited{
	color:#999999;
	text-decoration:none;
}
#contents .box .contents_blog_box p.blogby a:hover{
	text-decoration:underline;
	color:#333333;
}

/*TOPページ　その他コンテンツ*/
#contents .box div.otherBanner{
	text-align:center;
	line-height:70px;
	vertical-align:bottom;
}
#contents .box ul.otherBanner{
	margin-left:30px;
}


#contents .box h2.top{
	font-size:xx-large;
	line-height:130%;
	padding-left:20px;
	border-left:3px solid #01ad4e;
	border-bottom:1px solid #01ad4e;
}
#contents .box p.top{
	border-left:3px solid #01ad4e;
	padding-left:50px;
	padding-bottom:5px;
}
#contents .box ul.top{
	padding-left:50px;
	border-left:3px solid #01ad4e;
	padding-bottom:10px;
}
#contents .box h2.top2{
	border:1px solid #01ad4e;
	border-left:10px solid #01ad4e;
	font-size:large;
	line-height:150%;
	padding-left:20px;
	font-weight:bold;
}
#contents .box ul.top2{
	width:400px;
}
#contents .box ul.top2 li{
	list-style-type:none;
	border-bottom:1px dashed #01ad4e;
	line-height:150%;
	font-size:small;
	padding:5px;
}

/*TOPページ用スタイル*/
#contents .box h2.topics{
	text-align:center;
	font-size:large;
	color:#d70000;
	font-weight:bold;
}
#contents .box div.topics{
	text-align:center;
	border-top:2px solid #999999;
	border-bottom:2px solid #999999;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:5px;
}
#contents .box div.topics p{
	text-align:left;
	margin-left:20px;
	margin-right:20px;
}


/*背景が画像のタイトル部分（画像はタグで指定）*/
#contents .box h2.img{
	padding-top:8px;
	padding-left:20px;
	font-size:large;
	font-weight:bold;
	height:31px;
	background-position:top left;
	background-repeat:no-repeat;
}

#contents ul{
	padding-left:20px;
	list-style-position:outside;
	list-style-type:disc;
}
#contents p.bg_green_box{
	background-color:#01ad4e;
	color:#FFFFFF;
	margin:20px;
	padding:10px;
}

#contents p.jigyou{
	margin:0.8em;
	line-height:150%;
}
#contents ul.jigyou{
	margin:0.8em;
}
#contents ul.jigyou li{
	ling-height:150%;
	margin-top:10px;
}

/*バナー部分*/
#contents p.big_banner_top{
	text-align:center;
	font-size:medium;
	margin-top:20px;
	font-weight:bold;
}
#contents p.big_banner_img{
	margin-left:25px;
}
#contents p.big_banner_bottom{
	text-align:center;
}

/*Q&Aコーナー*/

#contents p.question{
	margin-left:10px;
	border-bottom:1px solid #FF0000;
	font-size:medium;
	line-height:150%;
	padding-bottom: 5px;
	margin-top:5px;
	font-weight:bold;
}
#contents p.anser{
	margin-left:30px;
	line-height:150%;
	margin-bottom:10px;
	margin-right: 15px;
}
#contents p.ans_jirei{
	margin-left:40px;
	font-size:x-small;
	border:1px dashed #00ff00;
	padding:3px;
	margin-bottom:10px;
	margin-bottom:15px;
}
#contents p.anser span.ans_package{
	color:#009900;
	font-style:italic;
}


/*問合せフォーム*/
#contents .toiawase_form{
	border:2px solid #999999;
	margin-bottom:25px;
	width:450px;
	text-align:left;
}
#contents .toiawase_form h2{
	background-color:#666666;
	color:#FFFFFF;
	font-size:medium;
	font-weight:bold;
	padding:5px;
	padding-left:15px;
}
#contents .toiawase_form p{
	padding-5px;
	padding-left:20px;
	padding-right:20px;
}
#contents .toiawase_form form{
	margin:20px;
	border:1px dashed #999999;
	padding:5px;
}

/*学校関連コラム*/
	.column_link{
		margin-left:30px;
		margin-top:20px;
		margin-bottom:10px;
	}
	.column_link h3{
		color:#999999;
		font-weight:bold;
		font-size:medium;
	}
	.column_link li{
		font-size:medium;
		line-height:150%;
		font-size:bold;
	}
	.column_link a:link, .column_link a:hover, .column_link a:visited{
		text-decoration:underline;
	}



/*サブ　コンテンツ部//////////////////////////////////////////////*/
#sub_contents .blog_box{
	border:2px solid #999999;
	margin:5px;
}
#sub_contents .blog_box h2{
	text-align:center;
	font-size:medium;
	font-weight:bold;
	padding:5px;
}
#sub_contents .blog_box ul{
	font-size:small;
	padding:5px;
}
#sub_contents .blog_box li{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #999999;
}



/*サブ部//////////////////////////////////////////////////////////////////*/
#sub{
	background-image:url(img/cotents-menu-title.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:25px;
}
#sub a:link ,#sub a:visited{
	color:#08a6ce;
}
#sub a:hover{
	background-color:#FFFFFF;
	color:#08a6ce;
}

#sub h2{
	background-color:#08a6ce;
	padding:5px;
	font-size:medium;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}
#sub li, #sub p{
	padding:5px;
	font-size:small;
	color:#08a6ce;
	border-bottom:1px solid #FFFFFF;
}
#sub a.if{
	color:#FFFFFF;
}


#sub h2.title_green{
	background-color:#7dbf5c;
}
#sub h2.title_Bgreen{
	background-color:#008242;
}

/*登録方法のページ////////////////*/
#contents .box ul.tejun{
	list-style-type:decimal;
	padding-left:60px;
}
#contents .box ul.tejun2{
	list-style-type:none;
	padding-left:60px;
}

#sub .sub_banner{
	text-align:center;
	background-color:#FFFFFF;
}
#sub .sub_banner .banner{
	margin-top:10px;
}

/*簡易　テキストバナー　風　/////////*/
#contents .box .text-banner{
	border:2px solid #FF0000;
	padding:3px;
	text-align:center;
}

/*y要援護者向け情報バナー*/
#ngj911{
	text-align:center;
	margin:10px;
	background-color:#00FFCC;
	padding:3px;
}
#ngj911 p{
	font-size:1.2em;
	font-weight:bold;
	line-height:130%;
}


/*企業紹介ページ-------------------*/
#kigyou_i{
	margin-left:30px;
}

#kigyou_i h3{
	font-weight:bold;
	margin-left:-10px;
	color:#ff0000;
}

#kigyou_i dl{
	line-height:150%;
	width:80%;
}
#kigyou_i dt{
	font-size:medium;
	margin-top:10px;
	padding-left:10px;
	border-left:3px solid #ff0000;
}
#kigyou_i dd{
	margin-bottom:20px;
	margin-left:10px;
	line-height:150%;
	border-bottom:1px dashed #cccccc;
}
#kigyou_i dt span{
}
#kigyou_i dt a{
}
#kigyou_i dt a:hover{
	color:#999999;
}


/*TOPページメール連絡網説明会コーナ*/
#setumeikaiBOX{
	margin-left:auto;
	margin-right:auto;
}
.setumeikaiINFO{
	width:240px;
	height:132px;
	background-image:url(img/renrakumo_INFObg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.setumeikaiINFO .setumeiTEXT{
	padding-top:25px;
	padding-left:8px;
}
#contents .setumeikaiINFO .setumeiTEXT ul{
	width:230px;
	height:105px;
	overflow:auto;
	list-style:none;
	padding-left:0px;
	list-style-position:outside;
}
.setumeikaiINFO .setumeiTEXT ul li{
	list-style:none;
}


/*汎用デザイン//////////////////////////////////////////////////////*/
.bold{
	font-weight:bold;
}
.small{
	font-size:0.5em;
}
.large{
	font-size:large;
}
.red{
	color:#FF0000;
}
.blue{
	color:#0000FF;
}
.big{
	font-size:1.2em;
}
.mini{
	font-size:0.8em;
}