@charset "utf-8";

/*
============================================================
■ UJC 共通スタイル
============================================================
*/

/*
------------------------------------------------------------
フォント設定
------------------------------------------------------------
*/

body {
	color: #222;
}
a:link {
	color:#1050b0;
}
a:visited {
	color:#1050b0;
}
a:hover {
	color:#703000;
	text-decoration: none;
}

/* グローバルナビ内リンク */
#ujcGnavi a:link {
	color:#003333;
	text-decoration: none;
}
#ujcGnavi a:visited {
	color:#003333;
	text-decoration: none;
}
#ujcGnavi a:hover {
	color:#703000;
	text-decoration:underline;
}



/*
------------------------------------------------------------
全体背景
------------------------------------------------------------
*/

body{
	background:url(../img/bg/bg_body.jpg) top center #98C336 repeat-x;
	text-align:center;
}


/*
------------------------------------------------------------
色パレット
------------------------------------------------------------
*/

/*
	・共通色＝薄緑：#98C336

*/

/*
------------------------------------------------------------
大きなレイアウト設定
------------------------------------------------------------ */

/* ヘッダ
------------------------------ */
#ujcHeader{
	width: 814px;
	height:95px;
	background-color:transparent;
	margin: 0 auto;
}
#ujcHeader #title-container{
	padding-top:12px;
}
#ujcHeader #title-container h1{
	text-indent:-9999px;
	height:1px;
}


/* フッタ
------------------------------ */
#ujcFooter{
	width: 814px;
	height:59px;
	padding: 10px;
	margin:20px auto 0 auto;
	text-align:center;
	background:url(../img/bg/bg_footer.gif) top center no-repeat transparent;
	color:#556;
}
#ujcFooter p{
	margin-bottom:8px;
}

#ujcFooter a:link {
	color:#334;
	text-decoration: none;
}
#ujcFooter a:visited {
	color:#334;
	text-decoration: none;
}
#ujcFooter a:hover {
	color:#588;
	text-decoration:underline;
}


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

.icon-container img{
  vertical-align:bottom;
  margin-right:4px;
}


/* 区切り線
------------------------------ */
p.kugiri, div.kugiri{
	height:8px;
	border-bottom: dotted 1px #ccc;
}



/* ユーティリティ
------------------------------ */

/* -- レイアウト */

.clearboth { /* MM */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.flR{
	float:right;
}
.flL{
	float:left;
}
.flC{
	clear:both;
}
.alR, tr.alR td, tr.alR th{
	text-align:right;
}
.alC, tr.alC td, tr.alC th{
	text-align:center;
}
.alL, tr.alL td, tr.alL th{
	text-align:left;
}

/* -- フォント */

.f-u{
	text-decoration:underline;
}
.f-bold{
	font-weight:bold;
}
.f-white{
	color:#fff;
}
.f-red{
	color:#F03;
}
.f-pink{
	color:#f35;
}
.f-green{
	color:#052;
}

.f-st1{
	color:#900;
	font-weight:bold;
}
.f-st2{
	color:#F16;
	font-weight:bold;
}
.f-st3{
	color:#377;
	font-weight:bold;
}

.f-90{
	font-size:90%;
}
.f-110{
	font-size:110%;
	line-height:1.6em !important;
}
.f-120{
	font-size:120%;
	line-height:1.7em !important;
}




/* -- 背景色 */
.bg-white{
	background-color:#fff;
}
.bg-eed{
	background-color:#eed;
}
.bg-cca{
	background-color:#cca;
}
.bg-beige{
	background-color:#ffd;
}


/* -- 横幅 */

.w100{
	width:100px;
}
.w200{
	width:200px;
}
.w300{
	width:300px;
}
.w350{
	width:350px;
}
.w400{
	width:400px;
}
.w500{
	width:500px;
}
.w600{
	width:600px;
}
.w700{
	width:700px;
}

/* -- マージン */
.m10{
	margin:10px;
}
.m20{
	margin:20px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}

/* -- パディング */
.p10{
	padding:10px;
}
.p20{
	padding:20px;
}
.pt10{
	padding-top:10px;
}
.pt20{
	padding-top:20px;
}
.pb10{
	padding-bottom:10px;
}
.pb20{
	padding-bottom:20px;
}
.pl10{
	padding-left:10px;
}
.pl20{
	padding-left:20px;
}
.pr10{
	padding-right:10px;
}
.pr20{
	padding-right:20px;
}


/* -- リスト */
ul.dec li{
	list-style:decimal !important;
}