*{margin:0; padding:0;}

*{box-sizing : border-box}
*{-moz-box-sizing : border-box}

html{height:100%;} 

body{
	height:100%; 
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family:Arial,sans-serif;
}

body > #container{ height:auto; }

/*--------------------------------------------------- clearfix */

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* for IE7 */
.clearfix {
	display:inline-block;
	zoom: 1;
}

/*Hides from IE-mac \*/
* html.clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac */

div.clearFloat{
	clear:both;}
	
.space20{
	margin-bottom:20px;
}

img{ border:none; }
img.right{
	float:right;
	}
img.left{
	float:left;
	}

a{
	color:#ff9900;
}
a:hover{
	color:#ff3300;
}

h1{
	font-size:1em;
	margin-left:20px;
	float:left;
	padding-top:10px;
	}
h2{
	font-size:1.1em;
	margin:10px auto 15px 0px;
	}
h3{
		margin:0px auto 10px auto;
	}
div#contents p{
	line-height:160%;
	}
p.contact{
	text-align:center;
	clear:both;
}

div#main-area p.note{
	color:#999;
	font-size:0.7em;
	}
/*------------------------------------------------------ header */

div#header{
	width:100%;
	background-color:#000;
	height:60px;
	overflow:hidden;
	}

div#headerBody{
	width:900px;
	margin:0 auto;
	color:#fff;
	padding-top:15px;
	}
div#headerBody img{
	float:left;
}

div#headerBody p a{
	text-align:right;
	float:right;
	color:#fff;
	font-size:0.8em;
	background:url(img/header-list.png) no-repeat;
	padding-left:10px;
	text-decoration:none;
	}

/*--------------------------------------------------- Top Banner */
div#noFlashBanner{
	width:1024px;
	height:310px;
	background:url(img/banner.jpg) no-repeat;
	}


/*------------------------------------------------------- main */
div#main-area{
	width:100%;
	background:url(img/main-bg.png) repeat-x;
}
div#main-area p{
	font-size:0.85em;
	}

/*------------------------------------------------------ media */
div#media{
	width:1024px;
	height:310px;
	margin:0 auto;
}

/*---------------------------------------------------- contents */
div#contents{
	width:900px;
	margin:0 auto;
	background: url(img/contents-bg.png) no-repeat;
	padding:20px 0;
}

div#contentsBody{
	margin:auto 50px 20px 50px;
}

/*-------------------------------------------------------- post */
div#contentsBody .post{
	margin:0 auto 60px auto;
	clear:both;
}
div#contentsBody .post2{
	margin:0 auto 40px auto;
	clear:both;
}
div#contentsBody .post3{
	height:42px;
	overflow:hidden;
	margin:0 auto 5px auto;
	clear:both;
}
/*-------------------------------------------------------- box */
div#contentsBody .box{
	border:1px solid #dedede;
	padding:20px;
	margin-bottom:20px;
}

div#contentsBody .box img.spaceTop20{
	margin-top:20px;
	}

/*-------------------------------------------------------- examples */

div#contentsBody .examples{
	border:1px solid #dedede;
	padding:10px;
	margin:0 40px;
}

div#contentsBody .examples span{
	font-weight:bold;
	color:#678DA9;
	}



/*---------------------------------------------------- inside of contents */

img#contactButton{
	float:right;
	margin-left:20px;
	}
	
div#contents p.advtg{
	margin:0 40px;
}
div#contents img.advtgImg{
	margin:10px 40px;
}
div#contents img.advtgImg2{
	margin:10px 40px 10px 10px;
}


div#contents .detail{
	width:330px;
	border:1px solid #dedede;
	margin:10px auto 10px 40px;
}
div#contents .detail2{
	border:1px solid #dedede;
	margin:5px 40px;
}

div#contents .detail p,
div#contents .detail2 p{
	margin:10px;
}




/*------------------------------------------------------- case */
div#contents p.advtg220{
	margin-left:220px;
}

div.case{
	clear:both;
}

/*-------------------------------------------------- backToTop */
div.backToTop {
	clear:both;
	margin:20px auto 0;
	padding:0;
	text-align:right;
}
div.backToTop a {
	color:#444444;
	font-size:0.8em;
}
div.backToTop a:hover {
	color:#ff9900;
}


/*---------------------------------------------------- footLinks */

p#footLinks {
	margin:40px auto 10px auto;
	padding:0 10px;
	font-size:0.75em;
	text-align: center;
	}

p#footLinks a{ color:#999; }
p#footLinks a:hover{ color:#ff9900; }


/*---------------------------------------------------- caution */

div.caution {
	border:1px solid #ccc;
	clear:both;
	margin:20px auto;
}

div#contents div.caution p{
	color:#666666;
	font-size:0.7em;
	margin:10px;
}


/*---------------------------------------------------- footer */
div#footer{
	width:900px;
	margin:0 auto;
	height:20px;
	text-align:center;
	clear:both;
	color:#999;
}