@charset "UTF-8";


/*  ------------------------------style reset*/
*  {
	margin:  0;
	padding:  0;
}


/*  ------------------------------レイアウト確認用ボーダー
*  {
	border: 1px solid #f00;
} */

/*  ------------------------------basic css */
body{
	font-size:12px;*font-size:small;*font:x-small;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height : 1.4em ;
	color:#444444;
	margin-bottom : 10px ;
	background: url(../images/bg-body.gif) ;
	text-align:  center;  /*  Win IE5.X用 */
}


/*  ------------------------------画像に対する------------------------------ */
img{
	border: none ;
	display: block ;
}

img.inline{
	border: none ;
	display: inline;
	vertical-align : middle ;
}

img.triangle{
	border: none ;
	margin-left : 60px ;
}




/*  ------------------------------Anchor */

a:link, a:visited{
	color: #003399;
	text-decoration: none;

}

a:hover{
	color: #ff670b;
	text-decoration: none;
}


/*  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*  ------------------------------汎用タイトル------------------------------ */
h1 {
	color: #0066cc;
	font-size: 124%;
}



h2 {
	color: #6cb00c;
	font-size: 124%;
	font-weight: bold;
	line-height: 20px;
	padding: 0.8em ;
	margin-top: 20px;
	background: url("../images/greenline.gif") no-repeat ;
	background-position: 0% 100%;
}

h3 {
	font-size: 124%;
	font-weight: bold;
	margin: 5px 10px 10px 30px;
}

h4 {
	font-size: 115%;
	margin : 20px 10px 0 20px ;
	background-color: #e4ffcf ;
	background-image : url('../images/whitegreen-bg.gif');
	border-top:solid 1px #b6b6b6;
	border-left:solid 1px #b6b6b6;
	padding: 3px 8px 3px 8px;
}

h5 {
	font-size: 94%;
	font-weight: normal;
	margin : 20px 10px 0 20px ;
	background-color: #e4ffcf ;
	background-image : url('../images/whitegreen-bg.gif');
	border-top:solid 1px #b6b6b6;
	border-left:solid 1px #b6b6b6;
	padding: 3px 8px 3px 8px;
}



p {
	font-size: 100%;
	margin: 10px 20px 10px 30px;
	text-align: left;
}

p.kome {
	font-size : 90% ;
	margin: 10px 10px 10px 50px;
	text-indent : -2em ;
}

strong {
	font-style: inherit;
	font-weight: bold;
}

em {
	color: #0066cc;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}

em.small {
	color: #0066cc;
	font-size: 90%;
	line-height:1em;
	font-style: normal;
	font-weight: normal;
}






.u{
	border-bottom:  solid 1px #ff6600 ;
}

.small{
	font-size: 85%;
}





/*  ------------------------------リスト表示 */
div#mainContent ul{
	margin :0 10px 0 50px ;
}


div#mainContent ul li{
	list-style-image : url('../images/list.gif');
	list-style-position : outside ;
	margin-top : 0.5em ;
}





dl{
	margin : 10px 30px 0 30px;
}

dt{
	font-weight: bold;
}

dd{
	margin-left : 30px ;
}


/*  ↓サイトマップ用リスト表示 */
div#sitemap-l dt , div#sitemap-r dt{
	border-left: solid 5px #ccc;
	border-bottom: solid 1px #ccc;
	padding-left: 5px;
}

div#sitemap-l {
	float: left ;
	width: 300px ;
}

div#sitemap-r {
	width: 300px ;
	margin-left: 320px;
}

div#sitemap-l dl , div#sitemap-r dl {
	margin : 20px 0 0 0;
}

div#sitemap-l dd , div#sitemap-r dd {
	margin : 5px 0 0 30px;
}

/*  ↑サイトマップ用リスト表示 */





.textbox_bl ul#bl{
	margin :0 10px 10px 20px ;
}

.textbox_bl ul#bl li{
	list-style-image : url('../images/list_bl.gif');
	list-style-position : inside ;
}

.textbox_bl p{
	margin :0 20px 10px 30px ;
	color: #0066cc;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}


/*  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝構造＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*  ------------------------------container------------------------------ */
div.container{
	margin : 0 auto ;
	width : 900px ;
	text-align : left ;
}


/*  ------------------------------header */
div#header1{
	background: url(../images/header.jpg) no-repeat ;
	/*width: 900px ;*/
	height: 105px ;
}

div#header1 img{
	display : inline ;
	vertical-align : bottom ;
}

div#header2{
	background: url(../images/header-img.jpg) no-repeat ;
	/*width: 900px ;*/
	clear : right ;
	height: 145px ;
}

.headerimg{
	position:relative;
	top:95px; left:650px;
}

/*  ------------------------------mainmenu */
div#mainmenu img{
	float : left;
	}


/*  ------------------------------content */
div.content{
	width: 900px ;
	background-color : #fff ;
}


/*  ------------------------------sidebar */
div#sidebar{
	float : left ;
	margin-top : 15px ;
	margin-left : 10px ;
	/*width :203px ;*/
}

/*  ------------------------------mainContent*/
div#mainContent{
	float : right ;
	width : 660px ;
	padding-bottom : 30px ;
}


/*  ------------------------------更新履歴*/
#news{
	font-size: 93%;
	width: 600px ;
	height: 200px ;
	overflow: auto ;
	background-color: #ffffff ;
	padding: 6px ;
	color: #666666 ;
	border: solid 1px #999999 ;
	margin : 0 0 20px 30px ;
}

#news dl{
width :93%;
	margin-left : 10px ;
}

#news dt{
color: #0066cc;
border-top : dotted 1px #999 ;
margin-top : 0.5em ;
}

#news dd{
	margin-left : 100px ;
	margin-top : -1.4em ;
}


/*  ------------------------------フッター　*/
#footer{
	clear : both ;
	width : 900px ;
	height : 45px ;
	background : url(../images/footer.jpg) no-repeat ;
}


/*  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝レイアウト＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*  ------------------------------最上部リンク------------------------------ */
div#footer ul{
	text-align : center;
	line-height : 15px ;
	font-size: 11px ;
}

div#footer ul li{
	display : inline ;
	list-style-type : none ;
}


/*  ------------------------------サイドメニュー------------------------------ */
div#sidebar ul{

}

div#sidebar li{
	list-style : none ;
	font-size : 12px ;
	text-indent : 15px ;
}

li.here{	display : block ;
	color: #1d499a;
	width : 203px ;
	height :29px ;
	line-height : 29px ;
	background : url('../images/submenu-on.gif')  no-repeat;
}/* ------------I'm here! */

div#sidebar ul li a{
	display : block ;
	width : 203px ;
	height :29px ;
	line-height : 29px ;
	background : url('../images/submenu-off.gif')  no-repeat;
}

div#sidebar ul li a:hover{
	display : block ;
	color: #1d499a;
	background : url('../images/submenu-on.gif')  no-repeat;
}


.innerbn{
	padding : 60px 4px 5px 5px ;
	border-left : solid 1px #afafaf ;
	border-right : solid 1px #afafaf ;
	border-bottom : solid 1px #afafaf ;
}

.innerbn img{
	margin-top : 5px ;
}

.innerbn2{
	padding : 20px 4px 5px 5px ;
	border-left : solid 1px #afafaf ;
	border-right : solid 1px #afafaf ;
}

.outerbn{
	padding-top : 100px ;
}

.outerbn img{
	margin-top : 5px ;
}

/*  ------------------------------本文・囲み枠------------------------------ */
.textbox{
	margin: 10px 10px 10px 30px;
	background : #e4ffcf url('../images/whitegreen-bg.gif;') repeat ;
	border-top:solid 1px #b6b6b6;
	border-left:solid 1px #b6b6b6;
	padding: 8px;
}


.textbox_bl{
	margin: 0 20px 10px 0;
	background-color : #fff ;
	border-left:solid 2px #2a65b9;
	border-right:solid 2px #2a65b9;
	border-bottom:solid 2px #2a65b9;
	padding: 10px;
}/*  -------頁頭のブルーの囲み枠------------ */


div.mamecolumn{
	float: right;
	margin: 0 10px 0 5px;
	width : 416px ;
	border-right : solid 2px #54b439;
	border-left : solid 2px #54b439;
}/*  -----上部に"mame-column.jpg" 下部に"column-bottom.jpg"を併用------ */




/*  ------------------------------テキスト・イメージ画像の左右配置 */
.img-r{
	float: right;
	margin: 0 10px 0 5px;
	display: block ;
}

.img-l{
	float: left;
	margin: 5px 10px 10px 0;
	display: block ;
}

.cmnt-r{
	float: right;
	margin: 10px 20px 20px 10px;
}

.clear-b{
	clear: both;
}

.clear-r{
	clear: right;
}

.clear-l{
	clear: left;
}