@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;
	background : url('../img/header-bg.gif')  repeat-x ;
	margin-bottom : 10px ;
	background-color: #fff ;
	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: #a7537c ;
	text-decoration: none;
	
}

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


/*  ------------------------------パンくずリスト------------------------------ */

#breadcrumbs {
	padding  : 8px 0 10px 0 ;
	font-size : 90% ;
	text-align : right ;
}

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



h2 {
	color: #013b85 ;
	font-size: 124%;
	font-weight: bold;
	line-height: 20px;
	margin : 20px 0 10px 5px ;
	border-bottom : solid 1px #013b85 ;
}

h3 {
	font-size: 115%;
	font-weight: bold;
	color: #013b85 ;
	margin: 10px 10px 5px 5px;
}

h4 {
	font-size: 105%;
	font-weight: bold;
	color: #013b85 ;
	margin: 10px 10px 0 30px;
}

h5 {
	font-size: 105%;
	font-weight: bold;
	color: #013b85 ;
	margin: 0 10px 5px 50px ;
}/* ----角丸の囲み枠内のタイトル---------- */

h6 {
	font-size: 105%;
	font-weight: bold;
	color: #444 ;
	margin: 0 0 5px 0 ;
}



p {
	font-size: 100%;
	margin: 8px 0 12px 5px;
	text-align: left;
}

.indent {
	font-size: 100%;
	margin: 15px 10px 0 20px;
	text-align: left;
}

.indent30 {
	font-size: 100%;
	margin: 15px 10px 0 30px;
	text-align: left;
}

.indent60 {
	font-size: 100%;
	margin: 0 10px 0 60px;
	text-align: left;
}


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

em {
	font-style: normal;
	background : url('../img/bg-dot.gif')  repeat-x ;
	background-position: bottom ;
}


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

.sm{
	font-size: 90%;
}


	


/*  ------------------------------リスト表示 */

ol {
	margin : 0 30px 0 30px;
}

ol li {
	margin : 5px 5px 0 5px;
	list-style-position : outside ;
}




#mainContent ul {
	margin : 0 0 10px 20px;
}

#mainContent ul li {
	list-style-position : outside ;
}





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

dt{border-bottom:  solid 1px #999 ;
	font-weight: bold;
	margin : 8px 0 0 0 ;
}

dd{
	margin : 3px 0 0 20px ;
}

dd a:link, dd a:visited {
	color: #666 ;
	text-decoration: none;	
}

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



/*  ------------------------------サイトマップ用リスト表示------------------------------ */ 
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: 300px;
}

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





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


/*  ------------------------------header */
div#header{
	height: 98px ;
}

a#home {
	display : block ;
	width : 200px ;
	height : 100px ;
}

/*  ------------------------------sidebar */
#wrapper{
	width : 900px ;
	background: url('../img/wrapper-bg.gif') repeat-y ;
}


/*  ------------------------------sidebar */
#sidebar{
	float : left ;
	width : 210px ;
}



/*  ------------------------------mainContent*/
#mainContent{
	float : right ;
	width : 675px ;
}



/*  ------------------------------フッター　*/
#footer{
	clear : both ;
	width : 100% ;
}

/*  ------------------------------フッター　*/
#footer2{
	width : 100% ;
	height : 30px ;
	font-size : 11px ;
	line-height :2em;
	background-color : #eeefef ;
}

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

/*  ------------------------------最下部リンク------------------------------ */
div#sidebar ul,div#footer ul{
	text-align : left;
	font-size: 12px ;
	list-style-type : none ;
	line-height : 18px;
}


div#sidebar ul,div#footer ul {
	width : 210px ;
	line-height : 18px;
}


div#sidebar ul li a,div#footer ul li a {
	border-left :solid 7px #999;line-height :18px;;
}

div#sidebar ul li a:hover,div#footer ul li a:hover,div#sidebar a.here {
	color : #a7537c ;
	border-left: solid 7px #a7537c ;
	line-height :18px;
}


/*  ------------------------------サイドメニュー------------------------------ */

/*ul.sidemenu li{
	list-style : none ;
	line-height : 0 ;   /*  Win IE用
}



div#sidebar ul li{
	list-style : none ;
	font-size: 14px ;
}

div#sidebar ul li a {
	display : block ;
	color: #a7537c ;
	width : 205px ;
	line-height : 30px ;
	text-indent : 13px ;
}

div#sidebar ul li a:hover {
	color: #1d499a ;
}*/






/*  ------------------------------上部メニュー------------------------------ */
#menu {
	width : 900px ;
}

#menu img {
	display : inline ;
}


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

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

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

.clear-b{
	clear: both;
}

.clear-r{
	clear: right;
}

.clear-l{
	clear: left;
}

.center {
	margin-top: 20px ;
	text-align : center ;
	font-size : 90% ;
}


.key {
	display : inline ;
	vertical-align: top ;
}