/* Reset
=======================================================*/

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Clearfix
=======================================================*/
/*firefox etc.*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*MacIE WinIE7*/
.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

/*Font base
=======================================================*/
#main {
	color: #009fde;
	/*font-family: Times, serif;*/
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
}
/*Font size
=======================================================*/
#main .size-s {
	font-size: 10px;
}
#main h2, #main h3 {
	font-size: 1px;
	line-height: 0.1em;
}


/* Maincontents
=======================================================*/
#main {
	width: 768px;
	margin: 0 auto;
	padding-top: 14px;
	/*background-color: #FF0000;*/
}
#main h1 {
	background-image: url(../image/title01.gif);
	background-repeat: no-repeat;
	text-indent: -100000px;
	display: block;
	height: 90px;
	width: 768px;
}
#main .contents {
	margin-left: 10px;
}

/* title
=======================================================*/
#main h2.tit01,
#main h2.tit02 {
	background-repeat: no-repeat;
	text-indent: -10000px;
	display: block;
}
#main h2.tit01 {
	background-image: url(../image/title02.gif);
	width: 310px;
	height: 21px;
	margin-top: 36px;
}
#main h2.tit02 {
	background-image: url(../image/title03.gif);
	width: 79px;
	height: 16px;
}
#main h3.sub01,
#main h3.sub02,
#main h3.sub03 {
	background-repeat: no-repeat;
	text-indent: -10000px;
	display: block;
	height: 14px;
}
#main h3.sub01 {
	background-image: url(../image/subtitle01.gif);
	width: 300px;
}
#main h3.sub02 {
	background-image: url(../image/subtitle02.gif);
	width: 156px;
}
#main h3.sub03 {
	background-image: url(../image/subtitle03.gif);
	width: 317px;
}

/* Linklist
=======================================================*/
#main ul.linklist,
#main ul.linklist li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main ul.linklist .link01 a,
#main ul.linklist .link02 a,
#main ul.linklist .link03 a {
	background-repeat: no-repeat;
	text-indent: -100000px;
	display: block;
	height: 36px;
	width: 252px;
}
#main ul.linklist .link01 a:hover,
#main ul.linklist .link02 a:hover,
#main ul.linklist .link03 a:hover {
	background-position: 0px -36px;
}
#main ul.linklist .link01 {
	margin-top: 16px;
}
#main ul.linklist .link02,
#main ul.linklist .link03 {
	margin-top: 10px;
}
#main ul.linklist .link01 a {
	background-image: url(../image/link01.gif);
}
#main ul.linklist .link02 a {
	background-image: url(../image/link02.gif);
}
#main ul.linklist .link03 a {
	background-image: url(../image/link03.gif);
}

/* Layout
=======================================================*/

#main .fright {
	float: right;
	width: 244px;
}
#main .fleft {
	float: left;
	width: 496px;
}
#main .imageset01,
#main .imageset02,
#main .imageset03 {
	clear: both;
}

#main .imageset01 p img,
#main .imageset02 p img,
#main .imageset03 p img {
	margin-top: 10px;
}
#main .imageset02 {
	margin-top: 36px;
}
#main .toparea {
	margin-top: 44px;
}
#main .subarea {
	margin-top: 47px;
}
#main .linkarea {
	margin-top: 40px;
}
#main .size-s {
	display: block;
	margin-top: 20px;
}
.c-both{ 
	clear: both;
}

