* { 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; }

/* 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; }