@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-decoration: none;
	font-weight: normal;
	font-size: 100%;
}
body{
	font: 12px  Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; 
	background:url(../images/share/bg01.gif) top left repeat;
	text-align:center;
	line-height:160%;
	color:#FFF;
}

img{	border: 0;}
li{list-style-type: none;}
.clClear{
	clear: both;
	height: 0;
	line-height: -1px;}
.clEndClear{
	clear: both;
	padding:0px;
	margin:0px;
	line-height: 0px;
	font-size:0px;
	line-height: -1px;}
a{
	color:#FFFFFF;
}
a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


#AbarthLogo
{
	z-index:200;
	position: absolute;
}

#AbarthLogo A IMG
{
	border-bottom: 0px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
}


#idSp11{
	clear: both;
	height: 11px;
}
#idSp17{
	clear: both;
	height: 17px;
}
#idSp24{
	clear: both;
	height: 24px;
}


#idSpace30{
	clear: both;
	height: 30px;
}
#idSpace60{
	clear: both;
	height: 60px;
}
#idSpace150{
	clear: both;
	height: 150px;
}

/*ヘッダー部分-------------------------------------------------------*/
#idHeader{
	text-align:center;
	width: 100%;
	height:16px;
}
#idHeader h1{
	width: 80px;
	height: 70px;
}
#idHeader h1 a{
	display: block;
	width: 80px;
	height: 70px;
}
#idHeader h1 a span{
	display:none;
}


ul#idGuideNavis{
	width: 534px;
	float: right;}
ul#idGuideNavis li{
	height: 16px;
	float: left;}
ul#idGuideNavis li a{
	display: block;
	height: 16px;
	text-decoration: none;}
ul#idGuideNavis li a span{
	display:none;
}
ul#idGuideNavis li a:hover{
	background-position: left -16px;}
li#idGuideNavi01, li#idGuideNavi01 a{
	width: 115px;
	background: url(../images/header/guide01.gif) no-repeat top left;}
li#idGuideNavi02, li#idGuideNavi02 a{
	width: 94px;
	background: url(../images/header/guide02.gif) no-repeat top left;}
li#idGuideNavi03, li#idGuideNavi03 a{
	width: 94px;
	background: url(../images/header/guide03.gif) no-repeat top left;}
/*
li#idGuideNavi04, li#idGuideNavi04 a{
	width: 93px;
	background: url(../images/header/guide04.gif) no-repeat top left;}
*/
li#idGuideNavi05, li#idGuideNavi05 a{
	width: 93px;
	background: url(../images/header/guide05.gif) no-repeat top left;}
li#idGuideNavi06, li#idGuideNavi06 a{
	width: 138px;
	background: url(../images/header/guide06.gif) no-repeat top left;}


/*----------------------------------------------------------------*/
.clBlock{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;}
.clLeft{
	float: left;
	width: 486px;
	display:inline;
	padding-top:16px;
	padding-bottom:8px;
}
.clRight{
	float: right;
	width: 534px;
	display:inline;
}




#idContentIndex{
	width: 980px;
	margin:0px auto;
	display:block;
	text-align:left;
/*	background-image:url(../images/share/bg02.jpg);
	background-repeat:repeat-y;
	background-position:50% 42%; 
*/
}
#idContentBlog{
	width: 980px;
	margin:0px auto;
	display:block;
	text-align:left;
	background-image:url(../images/share/bg02.jpg);
	background-repeat:repeat-y;
	background-position:50% 42%; 
}

#idFooter{
	margin:0px auto;
	width: 980px;
	display:block;
	height:110px;
	background-color:#111111;
}
/*	11/20kumon*/
#idFooterL{
	float:left;
	width:445px;
	height:49px;
	padding-top:13px;
}
#idFooterL01{
	width:180px;
	float:left;
}
#idFooterL02{
	width:73px;
	float:left;
}
#idFooterL03{
	width:119px;
	float:left;
}
#idFooterR{
	float:right;
	width:445px;
	padding-top:17px;
	padding-right:17px;
}
#idFooterR01{
	width:181px;
	float:right;
}
#idFooterR02{
	width:116px;
	float:right;
	padding-right:23px;
	padding-top:18px;
}
#idFooterR03{
	padding-top:0px;
	float:right;
	text-align:right;
}
fs2{font-size:80%;}
.fs1{font-size:90%;}
.fdef{font-size:100%;}
.fl1{font-size:110%;}
.fl2{font-size:120%;}
.fl3{font-size:140%;}
.fl4{font-size:160%;}
.fl5{font-size:240%;}

.f10px{font-size:10px;}
.f11px{font-size:11px;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f24px{font-size:24px;}
/* ============= color */
.cblack { color: #000000;}
.cwhite{ color: #FFFFFF;}
.cred { color: #FF0000;}
.cdkred { color: #770000;}
.cdkred2 { color: #AA3300;}
.corgred { color: #FF5000;}
.cdarorg { color: #FF8C00;}
.ckskyblue {color: #3EA1FF;}
.cblue {color: #0000ff;}
.cmosgold { color: #806341;}
.cdkgrn { color: #337700;}
.cgry { color: #777777;}
.cdkgry { color: #555555;}
.cwgry2 { color: #AAAAAA;}
.cwgry{ color:#EEEEEE;}
.cidGreen{color:#669900;}

.bfgry{background-color:#F7F7F9;}
.bwhite{background-color:#FFFFFF;}
.bpink{background-color:#FFF0F0;}
.bcream{background-color:#FFFFF0;}
.bgreen{background-color:#EEFFDD;}
.bblue{background-color:#F0F0FF;}
.bgry{background-color:#EEE3E3;}
.bgry2{background-color:#D7D7D7;}
.bwgry{background-color:#EFF3F3;}
.bkoko{background-color:#CCFFAA;}
.bgidgrn{background-color:#669900;}




