@charset "Shift_JIS";

/************************************************************************

	★生涯教育協力講座
		共通スタイル

************************************************************************/

/* 基本設定 ▼ ------------------------------------------------------------------------ */

* { margin:0px; padding:0px; }

body { margin:0px auto; background:url(../images/body.gif) #ffffff; text-align:center; color:#333333; }

/* 高さの設定 ▼ */
html, body { height:100%; }
#page { min-height:100%; }

body > #page { height: auto; }

/* Win IE 用 \*/
* html #page { height:100%; }
/* */

/* Mac IE 用 \*//*/
html, body { height:auto; }
#page { height:auto; }
/*  */


hr { display:none; }
img { border:none; }
span { display:none; }


/* フォント設定 ------------------------------------ */
body { font-size:14px; line-height:1.5; }
table { font-size:inherit; font-size:100%; }
small { font-size:inherit; font-size:85.7%; }
pre, code { font:115% monospace; }

/* Basis - 14px */
.f10 { font-size:72%; } /* 10px (eq.x-small) */
.f12 { font-size:85.7%; } /* 12px  */
.f13 { font-size:93%; } /* 13px (eq.small) */
.f16 { font-size:114.5%; } /* 16px (eq.medium) */
.f18 { font-size:128.6%; } /* 18px (eq.large) */
.f20 { font-size:142.9%; } /* 20px */
.f24 { font-size:171.5%; } /* 24px */

/* Win IE 用 \*/
* html body { line-height:1.5; font-size:88%; }
* html small { font-size:85.7%; }
* html pre { font-size:100%; }
* html code { font-size:100%; }

* html select { line-height:1.5; }
* html input { line-height:1.5; }
* html textarea { line-height:1.5; }
/* */


/* テーブル ------------------------------------ */
table { border:0px; border-collapse:collapse; border-spacing:0px; }
tr {  }
th {  }
td {  }

.list { margin:0px auto 40px;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; text-align:left; }
.list td { padding:0px 10px; height:30px; border-right:1px solid #cccccc; border-bottom:1px dashed #cccccc; }
.list th { margin:0px; padding:0px 10px; background:#d9edf7; border-bottom:1px dashed #cccccc; text-align:right; font-weight:normal; white-space:nowrap; }


/* Mac IE 用 \*//*/
table { border:0px; border-collapse:collapse; border-spacing:-1px; }
/*  */

/* フォーム ------------------------------------ */
form { margin:0px auto 15px; }

/* Mac IE 用 \*//*/
input { padding:0px 3px 3px;  }
.submit { margin:3px 0px 0px; padding:0px 3px 3px; }
/*  */

/* リスト ------------------------------------ */
ol { margin: 0px 0px 0px 1.5em; padding: 0px; }
ol li {  }

ul { margin: 0px 0px 0px 1.5em; padding: 0px; }
ul li {  }

ul.square { list-style-type:none; }
ul.square li { text-align:left; }
ul.square li:before { content:"■ "; color:#999999; }

/* Win IE 用 \*/
* html ul.square { list-style-type:square; }
* html ul.square li { text-align:left; }
/* */


/* 基本設定 ▲ ------------------------------------------------------------------------ */



/* テキスト周り ▼ ------------------------------------------------------------------------ */

/* リンク ------------------------------------ */
a { color:#88bb00; text-decoration:none; }
a:link  {  }
a:visited  { color:#999999; }
a:hover { color:#ff8800; }
a:active {  }

/* 引用 */
blockquote { margin:10px; padding:5px; background:#eeeeee; word-break:break-all; }

/* 強調 */
strong { color:#ff8800; }
strong.normal { color:#ff8800; font-weight:normal; }

/* 右揃え */
.right { text-align:right; }

/* センター揃え */
.center { text-align:center; }

/* 注意 */
.caution { color:#ff0000; }
span.caution { display:inline; }

/* 注釈 */
.notes { color:#ff8800; }
span.notes { display:inline; }

/* リード文 */
#lead { margin:0px 10px 1em; }

/* 文字色グレー */
.gray { color:#999999; }
span.gray { display:inline; color:#999999; }

/* テキスト周り ▲ ------------------------------------------------------------------------ */



/* 囲い ▼ ------------------------------------------------------------------------ */

#page { margin:0px auto; padding:0px 5px; width:850px; background:url(../images/page.gif) repeat-y; }
#content { padding:15px; clear:both; }

/* Win IE 用 \*/
* html #content { width:850px; }
/* */

/* 囲い ▲ ------------------------------------------------------------------------ */



/* ヘッダ ▼ ------------------------------------------------------------------------ */

#header {  }
h1 { margin:0px auto; width:850px; height:90px; background:url(../images/header_s.jpg) no-repeat #00accc; }


/* メニュー ------------------------------------ */
#menu { padding:0px 10px 10px 0px; background:#00accc; }
#menu ul { margin:0px; padding:0px; list-style:none; }
#menu li { padding:0px; width:155px; height:25px; background:url(../images/menu.gif) no-repeat; float:left; }
#menu a { width:155px; height:25px; background:url(../images/menu.gif) no-repeat; display:block; }

#menu #toppage { margin:0px 0px 0px 10px; background-position:-10px -25px; }
#menu #history { margin:0px 0px 0px 15px; background-position:-180px -25px; }
#menu #use { margin:0px 0px 0px 13px; background-position:-348px -25px; }
#menu #use-self { margin:0px 0px 0px 14px; background-position:-517px -25px; }
#menu #inquiry { margin:0px 0px 0px 13px; background-position:-685px -25px; }

/* リンク */
#menu #toppage a { background-position:-10px 0px; }
#menu #history a { background-position:-180px 0px; }
#menu #use a { background-position:-348px 0px; }
#menu #use-self a { background-position:-517px 0px; }
#menu #inquiry a { background-position:-685px 0px; }

/* マウスオーバー時 */
#menu #toppage a:hover { background-position:-10px -25px; }
#menu #history a:hover { background-position:-180px -25px; }
#menu #use  a:hover  { background-position:-348px -25px; }
#menu #use-self  a:hover  { background-position:-517px -25px; }
#menu #inquiry a:hover { background-position:-685px -25px; }

/* カレント */
#menu #toppage.current a { background-position:-10px -25px; }
#menu #history.current a{ background-position:-180px -25px; }
#menu #use.current a { background-position:-348px -25px; }
#menu #use-self.current a  { background-position:-517px -25px; }
#menu #inquiry.current a  { background-position:-685px -25px; }

/* Win IE 用 \*/
* html #menu ul { width:840px; }
* html #menu #toppage { margin:0px 0px 0px 5px; }
* html #menu #history { margin:0px 0px 0px 14px; }
* html #menu #use { margin:0px 0px 0px 14px; }
* html #menu #use-self { margin:0px 13px 0px 14px; }
* html #menu #inquiry { margin:0px 0px 0px 0px; }

/* */

/* ヘッダ ▲ ------------------------------------------------------------------------ */


/* フッタ ▼ ------------------------------------------------------------------------ */

#footer { padding:30px 0px; line-height:1.3; font-size:85.7%; clear:both; }
#footer a { color:#333333; }
#footer a:hover { color:#ff8800; }

/* フッタ ▲ ------------------------------------------------------------------------ */


/* その他 ▼ ------------------------------------------------------------------------ */

/* 偶数行の背景色を変更 */
.even { background-color:#ecf1f6; }


/* ページトップへ戻る */
.return { margin:0px auto 20px; text-align:right; font-size:85.7%; clear:both; }
.return a { color:#88bb00; }
.return a:visited { color:#88bb00; }
.return a:hover { color:#ff8800; }


/* 注意書き（青地） */
.notice { padding:15px; background:#d9edf7; text-align:left; }


/* 注意書き（赤文字赤枠） */
.attention { padding:10px; border:1px solid #ff0000; color:#ff0000; }
.attention strong { color:#ff0000; }


/* 罫線 */
.line { margin:0px 5px; background:url(../images/line.gif) left top; line-height:25px; }
.line dt  { padding:0px 0px 0px 20px; }
.line dd  { margin:-25px 0px 0px; padding:0px 0px 0px 110px; }


/* 破線 */
.note  { margin:10px; padding:0px 0px 15px; background:url(../images/index/note.gif) left top; color:#333333; text-align:left; }


/* 表示範囲に合わせて改行させる */
.wordBreak { word-break:break-all; }

/* フロート */
.floatR { float:right; }
.floatL { float:left; }
.clearB { clear:both; }
.clearR { clear:right; }
.clearL { clear:left; }


/* clearfix */
.clearfix:after { content: url(../images/dummy.gif); display: block; clear: both; height: 0; } 
.clearfix { display: inline-block; } 
/* Mac IE 除外 \*/ 
.clearfix { display: block; } 
/* */

/* その他 ▲ ------------------------------------------------------------------------ */

/* marginをaoutoにする共通クラス*/
.marginauto{
	margin: auto;
}