@charset"UTF-8";

/* いろいろ初期化 */

* {
	margin:0;
	padding:0;
	
}

ul, ol{ list-style:none; }

a, a:hover { text-decoration:none; }

img {
	border:none;
	vertical-align:bottom;
}

table { border-collapse:collapse; }

table, th, td { 
		border:solid 1px #666;
		padding:2px 5px;
}

/* 基本の文字色 */
#text_area { color:#333;}


/* メインエリアリンクのデフォルトカラー設定 */

#main_area a { color:#03F; }
	
#main_area a:visited { color:#00C; }

/* ----------------------------------------------------- */

/* 位置関係クラス分け */
.float-left { float:left; }

.float-right { float:right; }

.clear-left { clear:left; }

.clear-right { clear:right; }

.clear-both { clear:both; }

.hidden { visibility:hidden; }


/* 幅・マージン・字間などクラス分け */

/* 幅 */
.width60 { width:60px; }

.width100 { width:100px; }

.width120 { width:120px; }

.width150 { width:150px; }

.width200 { width:200px; }

.width250 { width:250px; }

.width280 { width:280px; }


.width300 { width:300px; }

.width350 { width:350px; }

.width400 { width:400px; }

.width450 { width:450px; }

.width500 { width:500px; }

.width600 { width:600px; }

.width700 { width:700px; }

.widthauto { width:auto; }

/* 2分割・3分割・4分割 */
.width2bun { width:50%; }
.width3bun { width:33%; }
.width4bun { width:25%; }

/* ボックスの位置設定、マージン */

.center { 
	margin-right:auto;
	margin-left:auto;
}

.mgn-r20 { margin-right:20px; }

.mgn-le20 { margin-left: 20px ; }

.mgn-t20 { margin-top:20px; }

.mgn-b20 { margin-bottom:20px; }

/* マージン設定の追加 */
.mgn-t10 { margin-top:10px; }

.mgn-le10 { margin-left:10px; }

.mgn-le-1em { margin-left: 1em; }

/* ---------------------------------------------------------------- */

/* ボックス内の位置設定text-align */

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

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

.txt-center { text-align:center; }

.text-btm { vertical-align:bottom; }

/* 字体などレイアウトしたい時 */

.bold { font-weight:bold; }

.italic { font-style:italic; }

.red { color:#F00; }

.blue { color:#06C; }

.darkblue { color:#075098;}

.gray { color:#999; }

/* 字間 */
.letterspacing-s { letter-spacing:0.5em; }

.letterspacing1 { letter-spacing:1em; }


/* ----------------------------------------------------------- */

/* 仕切り線などいろいろ */

.dotted_line-blue {

	height:20px;
	margin: 10px 0 10px 0 ;
	padding: 0;
	background-image: url(../images/dotted_line-blue.gif);
	background-repeat: repeat-x;
	background-position: center ;
	background-attachment: scroll;	
}

.dotted_line-green {

	height:20px;
	margin: 10px 0 10px 0 ;
	padding: 0;
	background-image: url(../images/dotted_line-green.gif);
	background-repeat: repeat-x;
	background-position: center ;
	background-attachment: scroll;	
}

.dotted_line-yg {

	height:20px;
	margin: 10px 0 10px 0 ;
	padding: 0;
	background-image: url(../images/dotted_line-yg.gif);
	background-repeat: repeat-x;
	background-position: center ;
	background-attachment: scroll;	
}

.dotted_line-0 {
	height:1px;
	margin:0;
	padding:0.2em;
	background-image:url(../images/dotted_line.gif);
	background-repeat:repeat-x;
	background-position:center;
}

/* 背景色設定 */
.bgcolor-y1 { background-color:#FFC;}

/* -------------------------------------------------------------- */

/* 画像のレイアウト用 */
.imgbox-right {
	margin:0;
	padding:0 0 10px 20px;
}

.imgbox-left {
	margin:0;
	padding:0 20px 10px 0;
}

/* 画像につける文字の設定 */
.imgbox-right p, .imgbox-left p {
	margin:0;
	padding:10px;
	font-size:12px;
	line-height:1.2em;
}


/* ---------------------------------------------------------------- */

/* ページトップへリンクさせるクラス */
.totop a{
	background:url(../images/bt_pgtp.gif) no-repeat;
	text-indent:-5000px;
	margin:10px 0 0 0;
	display:block;
	width:80px;
}

.totop_e a{
	background:url(../images/bt_pgtp-e.gif) no-repeat;
	text-indent:-5000px;
	margin:10px 0 0 0;
	display:block;
	width:80px;
}

.p-link {
	text-align:right;
	display:block;
	margin:0.5em 5em;
	font-weight:600;
}
	
/* PDFやNEW!などの画像をCSSで表示させるために*/

.new, .new a .new a:hover {
	color:white;
	font-size:10px;
	font-weight:bold;
	background:#f00;
	margin:0 5px 0 5px;
	padding:0 2px 0 2px;
	letter-spacing:0;
	vertical-align:2px;
	line-height:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.pdf, .pdf a, .pdf a:hover {
	color:#f00;
	font-size:10px;
	font-weight:bold;
	background:#Fff;
	margin:0 5px 0 5px;
	padding:0 2px 0 2px;
	letter-spacing:0;
	vertical-align:2px;
	line-height:100%;
	border:solid 1px #F00;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
}

.event, .event a, .event a:hover{
	color:white;
	font-size:10px;
	font-weight:bold;
	background:#F90;
	margin:0 5px 0 5px;
	padding:0 2px 0 2px;
	letter-spacing:0;
	vertical-align:2px;
	line-height:100%;
	text-decoration:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.jim, .jim a, .jim a:hover {
	color:white;
	font-size:10px;
	font-weight:bold;
	background:#36F;
	margin:0 5px 0 5px;
	padding:0 2px 0 2px;
	letter-spacing:0;
	vertical-align:2px;
	line-height:100%;
	text-decoration:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 全共通のdl・リスト設定 （クラスなし）-----------------------*/

/* dlの設定 */

dl { margin:10px 20px 15px 20px; }

dt { font-weight:bold; }

dd { margin:0 0 0 20px; }

/* 番号付きリスト olの設定 */

#text_area div.textcover ol {
	list-style:decimal outside;
	padding:0 0 1em 3em;
}

/* 番号無しマークなしマージン・パディングなしリスト ulの設定 */

#text_area div.textcover ul.ul0 {
	margin:0;
	padding:0;
	list-style-type:none;
}

#text_area div.textcover ul.ul0 li {
	margin:0;
	padding:0;	
}

/* マークが●のリスト（リスト内などの子リスト用に）------------------ */

#text_area div.textcover ul.ul-disc {
	padding-left:1.5em;
	list-style-type:disc;
}


/* リスト等を項目と内容にわけて、幅を統一させる */

.koumoku {
	
	margin:0;
	padding:0;
	float:left;
}
	
.for-clearleft {
	clear:left;
	margin:0;
	padding:0;
	hight:1px;
	visibility:hidden;
}

/* 文字サイズ */

.txt10 {
	font-size:10px;
}
	


.txt14 {
	font-size:14px;
	}
	
/* javascript使用のお知らせ欄 */
p.rangai {
	font-size:12px;
	width:900px;
	text-align:right;
	margin:0px auto;
	}
	
	
/*縦書きの文字列をつくる*/

.tategaki {
	writing-mode: tb-rl;
	line-height:120%;
}