/*

ファイル名：css/styles.css
概要：このcssファイルはサイト共通のスタイルを記述しています。
サイト名：保育士.net

URL：http://www.e-hoikushi.net/
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.

*/



/*--- すべての要素に適用させるスタイル設定 ---*/

* {
	list-style:none;
	margin:0;
	padding:0;
}

/*--- html、bodyのスタイル設定 ---*/

html {
	text-align:center;
}

body {
	text-align:center;
	background-color:#fffae6;
}



/*--- imgタグのスタイル設定 ---*/

img {
	border:none;
}



/*--- pタグのスタイル設定 ---*/

p {
	margin:0;
}



/*--- 線のスタイル設定 ---*/

.dot-border {
	border-bottom:dotted 1px #999;
	padding-bottom:5px;
}

.border-666 {
	border-bottom:solid 1px #CCC;
}

.border-ccc {
	border:solid 1px #CCC;
}


/*--- alignの設定 ---*/

.align-left {
	text-align:left;
}

.align-right {
	text-align:right;
}



/*--- floatのclear設定 ---*/

.clear:after {
	content:".";
	display:block;
	height:0;
	margin:0;
	clear:both;
	visibility:hidden;
}

#clear {
	display:block;
	height:0;
	margin:0;
	clear:both;
	visibility:hidden;
}

/* \*/
* html #clear {
	display:none;
	height:1%;
}
/**/

/*--- レイアウト外枠のスタイル ---*/

#bg {
	width:780px;
	margin:20px auto;
	text-align:center;
	background:#fffae6 url("../images/bg_body.jpg") top center repeat-y;
}

#wrap {
	width:750px;
	margin:0px auto;

	text-align:center;
	border:solid 1px #CCC;
	background-color:#FFF;
}


/*--- headerのスタイル ---*/

#header {
	width:730px;
	height:75px;
	margin:5px auto 0px auto;
	text-align:left;
	vertical-align:middle;
	background:#FFF url("../images/bg_header.jpg") top right no-repeat;
}


#header img {
	margin-top:5px;
}


#header-read {
	width:750px;
	margin:0px;
	text-align:left;
	border-top:solid 2px #CCC;
	background-color:#FFE499;
}

#header-read p {
	margin:0 5px;
}

#bread-wrap {
	width:750px;
	heght:24px;
	margin:0px;
	text-align:left;
/*	border-bottom:solid 1px #CCC;*/
	background-color:#FFF8D9;
}

#bread {
	width:520px;
	text-align:left;
	margin:5px;
	float:left;
}

#fontsize-wrap {
	width:200px;
	text-align:left;
	margin:3px 5px;
	float:right;
}


#fontsize {
	width:74px;
	height:20px;
	margin:0 0 0 5px;
	text-align:left;
}

#fontsize ul {
	width:74px;
}

#fontsize li {
 	float:left;
	height:20px;
}

#fontsize li a {
	float:left;
	height:20px;
	display:block;
	text-indent:-9999px;
}

/*--- コンテンツを囲む外枠のスタイル ---*/

#contwrap {
	width:750px;
	height:auto;
	margin:30px auto;
	text-align:center;
}

/*--- 学び相談室含むタイトル部分のスタイル ---*/
#main-title-left{
	width:450px;
	height:30px;
	margin:15px 0;
	float:left;
	text-align:left;
}

#main-title-right{
	width:280px;
	height:30px;
	margin:15px 0;
	float:right;

	text-align:right;
	}

/*--- フッターのスタイル ---*/

#footer {
	width:750px;
	height:auto;
	margin:30px 0px 10px 0px;
	text-align:center;
	border-top:solid 2px #CCC;
}

#footer-sites {
	width:750px;
	margin:5px auto;
	padding-bottom:5px;
	text-align:left;
	border-bottom:solid 2px #CCC;
}

#footer-sites img {
	margin:0 5px;
	vertical-align:middle;
}


#footer p {
	margin:5px auto;
}


#footer-sites p {
	margin:5px 0px 5px 60px;
}

/*--- コンテンツ用リンクボタンのスタイル ---*/
#skill-link {
	width:711px;
	height:25px;
	text-align:left;
	margin:10px auto;
}

#skill-link ul {
	width:711px;
}

#skill-link li {
 	float:left;
	height:25px;
}

#skill-link li a {
	float:left;
	height:25px;
	display:block;
	text-indent:-9999px;
}

h1 {
	font-size        : 80%;
	margin           : 0px;
	padding          : 0px;
}

#header-read h1 {
	float:left;
}

/*告知部分のスタイル*/
#infoinc {
	text-align:left;
}

#infoinc p {
	margin-bottom:20px;
}

#koumoku-l{
float:left;
text-align:left;
}

#koumoku-r{
float:right;
width:35px;
text-align:right;
}