/*************************/
/*        RESET          */
/*************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;	font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;} /* remember to define focus styles! */
ins {text-decoration:none;} /* remember to highlight inserts somehow! */
del {text-decoration:line-through;} 
table {border-collapse:collapse; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* source: http://sonspring.com/journal/clearing-floats */

/*************************/
/*        HTML5          */
/*************************/

header, section, footer, aside, nav, article, figure {display:block;}

/*************************/
/*   GLOBAL TYPOGRAPHY   */
/*************************/

body {font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; color:#444;}
h1, h2, h3, h4, h5 {font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; color:#444;}
	h1 {font-size:26px; line-height:66px; margin:0 0 18px 0; display:block; padding:0 0 0 42px; background:url("images/h1bg.png"); clear:both;}
	h2 {font-size:22px; line-height:54px; margin:36px 0 18px 0; display:block; background:url("images/headerbg.png"); padding:0 0 0 42px; clear:both; font-weight:bold;}
	h3 {font-size:16px; line-height:24px; margin:0 0 18px 0;}
	h4 {font-size:18px; line-height:27px; margin:0 0 18px 0;}
	h5 {font-size:16px; line-height:24px; margin:0 0 18px 0;}
p {font-size:12px; line-height:18px; margin:0 0 18px 0;}
p.single {font-size:12px; line-height:18px; margin:0;}
ul {margin:0 0 18px 0;}
li {font-size:12px; line-height:18px;}
div#post ul {margin-left:18px;}
div#post ul li {list-style:disc outside none; margin-bottom:6px;}
div#post ol {margin-left:18px;}
div#post ol li {list-style:decimal outside none; margin-bottom:6px;}
a {text-decoration:none; color:#444;}
a:hover {text-decoration:underline;}
div#post a {color:#0099CC;}
div#form-box {font-size:12px; line-height:18px; margin:0 0 18px 0;}
div#form-box div {margin-bottom:6px;}

/*************************/
/*        LAYOUT         */
/*************************/

body {width:990px; margin:24px auto 0; overflow-x:hidden;}
	#logocontact {}
		#description {float:left; height:36px; width:324px; margin:0 0 0 0; text-align:center;}
		#logo {float:left; width:306px; height:54px;}
		#share {float:right; clear:right; width:360px; height:36px;}
			#plusone {float:right;}
			#tweet {float:right; margin:0 17px 0 0;}
			#like {float:right; text-align:right;}
		#phone {float:right; clear:right; text-align:right; width:360px; height:54px;}
	#topnav {height:54px; border-top:1px solid #ccc; border-bottom:1px solid #bbb; background:#eee; margin:18px -10000px; padding:0 10000px; background:url("images/designmenubg.png"); width:990px;}
	#main {float:left; width:702px;}
	#banner {margin-bottom:-3px;}
	#guide {margin-top:18px;}
	.section {float:left; clear:both; width:702px; margin:18px 0 0 0;}
	.section img {float:left; margin:0 18px 18px 0;}
	.section div.title img {float:none; margin:0;}
	.title {padding:5px 0 5px 0; margin:0 0 18px 0; border:1px solid #ccc; background:#eee; line-height:1px;}
	.top {margin-top:18px;}
	#news {margin-bottom:18px;}
		#news div.title {margin-bottom:0;}
		#newssection {line-height:28px; margin-top:1px; border-bottom:1px dotted #ccc;}
			#newsdate {display:inline-block; width:108px;}
			#newstitle {display:inline-block;}
	#sidebar {float:right; width:270px;}
		#information {width:234px; height:134px; margin:0 0 18px 0; padding:15px; border:3px solid #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
		#taketest {width:234px; height:134px; margin:0 0 18px 0; padding:15px; border:3px solid #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
		#training {width:234px; margin:0 0 18px 0; padding:0 17px 0 17px; border:1px solid #ccc; background:#eee;}
			.sidetitle {padding:17px 0 9px 0; margin:0 0 18px 0; border-bottom:3px solid #0099cc; background:#eee; line-height:1px;}
			#training div.sidetitle {margin-bottom:6px;}
		#related {width:234px; margin:0 0 18px 0; padding:0 17px 17px 17px; border:1px solid #ccc; background:#eee;}
		#socialmedia {width:234px; margin:0 0 18px 0; padding:0 17px 0 17px; border:1px solid #ccc; background:#eee;}
			#socialmedia div.sidetitle {border-bottom:3px solid #ff0033;}
	#mainfooter {border-top:1px solid #ccc; background:#eee; margin:36px -10000px 0; padding:18px 10000px;}
		
/*************************/
/*    LOCAL TYPOGRAPHY   */
/*************************/

#news {font-size:12px; line-height:18px;}
#training ul li {line-height:28px; margin-top:1px; border-bottom:1px dotted #ccc;}
#mainfooter ul {margin:0;}
#mainfooter ul li {display:inline-block; margin-right:18px;}
#copyright {color:#888; font-size:10px; line-height:15px; float:left;}

/*************************/
/*        OBJECTS        */
/*************************/

.floatleft {float:left; margin-right:18px;}
img.mainbutton {float:right; margin-right:0;}
.listicon {padding:0 12px 3px 0; vertical-align:middle;}
.bannerimg {margin-bottom:18px;}
.menubutton {margin:0; float:left;}
div#post img {float:right; margin:0 0 36px 18px;}

#navheader ul {list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity;}
#navheader ul li {padding-top:0px; float:none; line-height: 28px;}
#navheader ul a {white-space:nowrap; display:block;}
#navheader li {float:left; position:relative;}
#navheader li:hover ul {left:-1px; top:54px; border:1px #bbb solid; opacity:1;}
#navheader li#navconcept:hover ul {left:0; top:54px; border:1px #bbb solid; opacity:1;}
#navheader li:hover a {background:#6B0C36; background:rgba(107,12,54,0.75); text-decoration:underline;}
#navheader li#navconcept:hover a {background:#6B0C36; background:rgba(107,12,54,0.75); text-decoration:underline;}
#navheader li.menu-item a {background:#EEEEEE; text-decoration:none; padding: 0 9px 0 9px; min-width:146px;}
#navheader li#navconcept li.menu-item a {background:#EEEEEE; text-decoration:none; padding: 0 9px 0 9px; min-width:145px;}
#navheader li.menu-item:hover a {background:#6B0C36; background:rgba(107,12,54,0.75); text-decoration:none; padding:0 9px 0 9px; z-index:100; color:#fff;}
#navheader li#navconcept li.menu-item:hover a {background:#6B0C36; background:rgba(107,12,54,0.75); text-decoration:none; padding:0 9px 0 9px; z-index:100; color:#fff;}
#navheader li:hover ul a {text-decoration:none; -webkit-transition:-webkit-transform 0.075s linear;}
#navheader li:hover ul li.menu-item:hover a {background:#333; background:rgba(100,100,100,0.75); text-decoration:underline; -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
#navheader li#navconcept:hover ul li.menu-item:hover a {background:#333; background:rgba(100,100,100,0.75); text-decoration:underline; -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}