article,aside,figure,footer,header,hgroup,nav,section { display:block; }
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

body {
	background: #ffffff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 100%;
	color: #231815;
}
#wrap {
    position: relative;
	margin: 0 auto;
	width: 860px;
	padding: 0 20px;
}
#header {
	height: 300px;
}
#header #read {
	font-size: 60%;
	padding: 10px 0;
}



.noteArea {
	width: 400px;
	background: #EEEEEE;
	padding: 10px;
	margin: 0 auto 20px auto;
	text-align: left;
}

.noteArea1 {
	width: 600px;
	padding: 10px;
	margin: 0 auto 20px auto;
	text-align: left;
}

.noteArea1 ul {
	padding-left: 30px;
	margin-top: 0;
}

.pb00 {
	padding-bottom: 0 !important;
}


#header h1,
#aside h1 {
}
#main {
	overflow: hidden;
}
#content {
	float: left;
	width: 840px;
	padding-top: 50px;
	font-size: 80%;
}
#content p {
	padding-bottom: 20px;
}
#content h2 {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px #5a5250 solid;
	padding: 5px 0;
}
#content h3 {
	font-size: 120%;
	padding: 10px 0;
}

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

#content .contentBody {
	text-align: center;
	padding-top: 30px;
	color: #555555 !important;
}

#content .highlight {
	padding-top: 20px;
}


.col2-1 {
	width: 455px;
	margin: 0 auto 20px auto;
}
.col2-1-1 {
	float: left;
	width: 210px;
	margin-right: 10px;
	padding-top: 70px;
	background: url(/CIALTHON/images/img-06.gif) no-repeat top center;
}
.col2-1-2 {
	float: left;
	width: 210px;
	margin-right: 10px;
	padding-top: 70px;
	background: url(/CIALTHON/images/img-07.gif) no-repeat top center;
}
.col2-2 {
	width: 790px;
	margin: 0 auto 20px auto;
}
.col2-2-1 {
	float: left;
	width: 380px;
	text-align: left;
}
.col2-2-2 {
	float: right;
	width: 380px;
	text-align: left;
}
.col2-3 {
	width: 839px;
	margin: 0 auto 20px auto;
}
.col2-3-1 {
	float: left;
	width: 409px;
	margin-right: 20px;
}
.col2-3-2 {
	float: right;
	width: 409px;
	margin-right: 0;
}
.col2-4 {
	width: 680px;
	margin: 0 auto 20px auto;
}
.col2-4-1 {
	float: left;
	width: 480px;
	text-align: left;
}
.col2-4-2 {
	float: right;
	width: 180px;
}


#snsArea {
	float: right;
	width: 350px;
}


#headerFixedBox {
	position: relative;
}
#headerFixedBox p {
	z-index: 1;
	position: absolute;
}
#headerFixedBox h1 {
	z-index: 10;
	position: absolute;
	left: 290px;
	top: 5px;
}



.col3-1 {
	width: 655px;
	margin: 0 auto 20px auto;
}
.col3-1-1 {
	float: left;
	width: 210px;
	margin-right: 10px;
	padding-top: 70px;
	background: url(/CIALTHON/images/img-03.gif) no-repeat top center;
}
.col3-1-2 {
	float: left;
	width: 210px;
	margin-right: 10px;
	padding-top: 70px;
	background: url(/CIALTHON/images/img-04.gif) no-repeat top center;
}
.col3-1-3 {
	float: right;
	width: 210px;
	margin-right: 0;
	padding-top: 70px;
	background: url(/CIALTHON/images/img-05.gif) no-repeat top center;
}


.col3-2 {
	width: 839px;
	margin: 0 auto 20px auto;
}
.col3-2-1,
.col3-2-2 {
	float: left;
	width: 266px;
	margin-right: 20px;
}
.col3-2-3 {
	float: right;
	width: 266px;
	margin-right: 0;
}









.txt-02 {
	width: 480px;
	background: url(/CIALTHON/images/img-02.gif) no-repeat center top;
	margin: 0 auto;
	font-size: 55%;
	height: 60px;
}
.txt-02 dt {
	width: 145px;
	float: left;
	padding-left: 40px;
	padding-top: 12px;
}
.txt-02 dd {
	width: 290px;
	float: right;
	padding-right: 5px;
	padding-top: 10px;
}


#footer {
	margin: 0 auto;
	clear: both;
}
#headerFixedBox {
	height: 250px;
	background: #ffffff;
}
#headerFixedBox ul {
	list-style-type: none;
	text-align: center;
	width: 800px;
	top: 160px;
	position: relative;
}
#headerFixedBox ul li {
	font-size: 70%;
	display: inline-block;
	line-height: 1.0;
	border-right: 1px solid #cccccc;
	padding: 8px;
}
*:first-child+html #headerFixedBox ul {
	padding-top: 15px;
}

* html #headerFixedBox ul li {
	margin-top: 15px;
	display: inline;
}
* html #headerFixedBox ul li,
*:first-child+html #headerFixedBox ul li {
	display: inline;
}
#headerFixedBox ul li.last {
	border-right: none;
}

.pagetop {
	text-align: right;
}

#headerFixedBox,
#headerWrap,
.col2-1,
.col2-2,
.col2-3,
.col2-4,
.col3-1,
.col3-2,
.txt-02 {zoom:1
;}
#headerFixedBox:after,
#headerWrap:after,
.col2-1:after,
.col2-2:after,
.col2-3:after,
.col2-4:after,
.col3-1:after,
.col3-2:after,
.txt-02:after{
    content: ""; 
    display: block; 
    clear: both;}