/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: url(../img/img02.jpg) repeat-x left top;
	line-height: 20px;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a {
	color: #0077dd;
}

a:hover {
	text-decoration: none;
}

.list1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list1 a {
	background: url(../img/img01.gif) no-repeat left 60%;
	padding-left: 12px;
}

.list2 {
	margin: 0;
	list-style: none;
}

.list2 a {
	background: url(../img/img01.gif) no-repeat left 60%;
	padding-left: 12px;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 3px 20px 0px 0px;
}

.table {
	margin: 0;
	list-style: none;
}
/** HEADER */

#header {
	width: 778px;
	margin: 0px auto;
	padding: 1em;
	height: 90px;
	color: #254360;
}

#header h1 {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
}

#header h2 {
	margin: 0 0 0 -80px;
	padding: 0px 0px 0px 95px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

/** MENU */

#menu {
	width: 778px;
	margin: 0px auto;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	background: url(../img/img04.gif) no-repeat right 50%;
	padding: 0px 20px 0px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

#menu a:hover {
	background: #FFFFFF;
	color: #254360;
}

#menu .active {
	background: #FFFFFF;
	color: #254360;
}

/** CONTENT */

#content {
	width: 778px;
	margin: 0px auto;
	padding: 40px 0px 20px 0px;
}

#columnA {
	float: right;
	width: 538px;
	padding-left: 20px;
	border-left: 1px dashed #EEEEEE;
}

#columnA h2 {
	height: 22px;
	border-bottom: 1px dashed #EEEEEE;
	font-size: 12pt;
	font-weight: bold;
}

#columnB {
	float: left;
	width: 200px;
}

#columnB h3 {
	height: 22px;
	border-bottom: 1px dashed #EEEEEE;
	border-spacing: 2px;
	font-size: 11pt;
	font-weight: bold;
}

/** table */

#table table {
	height: 22px;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 8pt;
	margin: 0;
	padding: 0;
	list-style: none;
}




/** FOOTER */

#footer {
	clear: both;
	margin: 0px auto;
	height: 59px;
	background: url(../img/img03.gif) repeat-x left top;
	text-align: center;
}

#footer p {
	margin: 0px;
	padding: 18px 0px 0px 0px;
	font-size: 10px;
	color: #FFFFFF;
}

#footer a {
	color: #CCCCCC;
}

/* 画像の枠処理
----------------------------------------------- */
.pic_waku {
	padding		: 1px;
	border		: 1px solid #d8d1bc;
	
}

/*画像と文字
-------------------------------------------------------------*/

/*--左に画像、右に文章*/

.left{
	float: left;
	margin: 0 8px 0px 0!important;
}

/*--右に画像、左に画像*/

.right{
	float: right;
	margin: 0 0 0px 8px!important;
}

/*　クリアー
-------------------------------------------------------------*/
.clear {
	clear          :both;
}

/* 太文字 
-------------------------------------------------------------*/
.bold {
	font-weight:bold;
}

/*文字の位置
-------------------------------------------------------------*/
.al-c{ text-align: center!important; }
.al-r{ text-align: right!important; }
.al-l{ text-align: left!important; }


/*画像回り込み解除のフォーム
-------------------------------------------------------------*/
.r_clear { clear:right;}
.l_clear {clear:left;}


/*改行　文字の間隔
-------------------------------------------------------------*/

/*--文字の上の間隔
-------------------------------------------------------------*/
.m0-t{ margin-top: 0px!important; }
.m05-t{ margin-top: 5px!important; }
.m10-t{ margin-top: 10px!important; }
.m20-t{ margin-top: 20px!important; }
.m30-t{ margin-top: 30px!important; }
.m40-t{ margin-top: 40px!important; }
.m50-t{ margin-top: 50px!important; }
.m60-t{ margin-top: 60px!important; }
.m70-t{ margin-top: 70px!important; }
.m80-t{ margin-top: 80px!important; }

/*--文字の下の間隔
--------------------------------------------------------------*/
.m0-b{ margin-bottom: 0px!important; }
.m05-b{ margin-bottom: 5px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m100-b{ margin-bottom: 100px!important; }

/*文字の色
-------------------------------------------------------------*/
.black{ color: #000!important; }
.red{ color: #ff0000!important; }
.blue{ color: #0000dd!important; }
.green{ color: #008000!important; }
.yellow{ color: #ffff00!important; }
.navy{ color: #1F26A9!important; }
.gray{ color: #ccc!important; }
.orange{ color: #ff6600!important; }
.pink{ color: #ff0080!important; }
.purple{ color: #660099!important; }
.olive{ color: #808000!important; }
.lime{ color: #00ff00!important; }
.aqua{ color: #167FA6!important; }
.win{ color: #cc0000!important; }
.blue_2 { color:#336cc8!important; }


/*--文字の大きさ
--------------------------------------------------------------*/
.f8{ font-size: 8px!important; }
.f9{ font-size: 9px!important; }
.f10{ font-size: 10px!important; }
.f11{ font-size: 11px!important; }
.f12{ font-size: 12px!important; }
.f13{ font-size: 13px!important; }
.f14{ font-size: 14px!important; }
.f15{ font-size: 15px!important; }
.f16{ font-size: 16px!important; }
.f18{ font-size: 18px!important; }
.f20{ font-size: 20px!important; }
.f22{ font-size: 22px!important; }
.f24{ font-size: 24px!important; }

.f26{ font-size: 26px!important; }
.f28{ font-size: 28px!important; }
.f30{ font-size: 30px!important; }
.f32{ font-size: 32px!important; }
.f34{ font-size: 34px!important; }
.f36{ font-size: 36px!important; }
.f38{ font-size: 38px!important; }
.f40{ font-size: 40px!important; }
.f42{ font-size: 42px!important; }