@charset "UTF-8";

/* CSS Document */

/* 初期設定 */
html, body, #container { position:relative; }

html { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

* { }

body, h1, h2, h3, h4, h5, h6, p, ul, li {
	margin:0px;
	padding:0px;
}

img { border:0; }

ul { list-style:none; }

.ul{list-style:disc;}

.ul li{margin-left:1em;}

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

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

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

.bold { font-weight:bold; }

.big{font-size:115%;}

.small{font-size:85%;}

.red{color:#FF0000;}

.thr{text-decoration:line-through;}

.mar10{margin-bottom:10px;}

/* css適用用(プロパティはここでは設定しない)*/
.sizechange { }

.float-fix { }

.heightLine-group { }

.heightLineParent { }

.btn { }

/* リンク関連 */	
	a:link { }/*未訪問のリンク*/

a:visited { }/*訪問済みリンク*/

a:hover { }/*マウスカーソル等がその上に来ている要素*/

a:active { }/*選択中の要素*/

a:focus { }/*キーボード等によってフォーカスが与えられている
	
/*　!!!!構造!!!!　*/

#container {
	width:900px;
	margin:0 auto;
	position:relative;
}

#contents { }

#header {
	position:relative;
	margin-bottom:10px;
}

#main{
	clear:both;
}

#footer {
	clear:both;
	background:#000;
	margin-top:40px;
	padding:20px 0px;
	color:#FFF;
	text-align:center;
}

/*　!!!!header!!!!　*/

#header-left {
	width:375px;
	float:left;
	position:relative;
}

#header h1 {
	font-size:12px;
	margin-top:10px;
}

#header-logo { margin:10px 0; }

 #header-info {
	position: absolute;
	bottom:0px;
	font-size:14px;
}

#header-right {
	width:496px;
	float:right;
	position:relative;
}

#header-right-top {
	margin-top:3px;
	position:relative;
	left:64px;
	margin-bottom:1px;
}

#header-right-top ul { }

#header-right-top ul li {
	width:87px;
	float:left;
}

#header-right-bottom { clear:both; z-index:1; }

#header-right-bottom li {
	width:60px;
	margin-left:2px;
	float:left;
}

/*main関連*/
#index-slide{
	margin-bottom:20px;
}

/*footer関連*/
#footer-info{
	font-size:14px;
}

#footer-info a{
	color:#fff;
}



#footer-fb{
	background:#FFFFFF;
	width:880px;
	margin:0 auto;
	margin-top:10px;
}