HTML5 */

article, aside, canvas, details, figcaption, figure, header,

footer, hgroup, menu, nav, section, summary {

	display: block;

}

/* 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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*/



/*******************************************

common style

********************************************/

body {text-align: center; background: #333; }

h1,h2, h3,h4,h5,p,a, span,small,dt,dd,li, th, td, input, select, .bold, .sec-border-gray {font-family: 'Hiragino Kaku Gothic ProN', meiryo;}



.container {width: 1150px; margin:0 auto; text-align: left;}



p {color: #333; font-size: 14px; line-height: 1.8em;}

a, input[type="submit"], a img, a span {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all  0.2s ease; }

a img:hover {opacity: 0.8;}



/* firefox fixed */

@-moz-document url-prefix() {

	.container a img {

		background: rgba(255,255,255,.05);

	}

}



/*******************************************

index

*******************************************/

header .container {background-image: url(images/header_logo.png); background-position: 10px 0px; background-repeat: no-repeat; height: 120px; background-color: #000; position: relative;}

header h1 {color: #FFF; font-size: 12px; padding:10px 0 0 10px;}

header .logo {display: inline-block; width: 182px; height: 56px; position: absolute; left:10px; top:47px;}



/* site nav */

.site-nav {width: 225px; position: absolute; right: 10px; top: 10px; height: 100px;}

.site-nav li, .site-nav a {display: inline-block; width: 65px; height: 59px;}



.site-nav ul {margin:0 -12px 6px 0;}

.site-nav li {margin-right: 9.5px;}

.site-nav li a {background: #333333 url(images/header_btn_company.png) left top no-repeat;}

.site-nav li + li a{background: #333333 url(images/header_btn_sitemap.png) left top no-repeat;}

.site-nav li + li + li a {background: #333333 url(images/header_btn_privacy.png) left top no-repeat;}

.site-nav ul + a {width: 100%; background: #333 url(images/header_btn_apply.png) left top no-repeat; height: 32px;}

.site-nav a:hover {background-color: #222;}



/* grobal navigation */

nav {background: url(images/nav_bg.png) center top no-repeat; height: 60px;}

nav ul li {display:table-cell;width: 193.5px;}

nav ul li a {display: block; width: 100%; height: 60px;}

nav ul li a:hover {background: rgba(255,255,255,.03);}



/* size */

nav ul li + li {}



nav ul li > ul {display: none; background: #000; position: relative; z-index: 100; }

nav ul li > ul li {display: block; border-top: 1px dotted #333;}

nav ul li > ul li:first-child {border:none;}

nav ul li > ul li a {line-height: 45px; height: 45px; text-indent: 15px; color: #FFF; text-decoration: none; font-size: 14px;}

nav ul li > ul li a:hover {background: rgba(255,255,255,.05);}





/* apply */

.apply {height: 253px; background: url(images/apply_bg.png) left top no-repeat; text-align: center; position: relative;}

.apply img {position: absolute; top: 163px; left:23%;}



#menu a {display: inline-block; width: 630px; height: 55px; background: #333 url(images/apply_button_bg.png) center center no-repeat; position: absolute;top: 163px; left:23%;}

#menu a:hover {background-color: #000;}



/* footer */

footer {background: #212121;}

footer .padder {padding:30px; position: relative;}

footer ul li {display: table-cell; width: 245px;}

footer ul li > ul li {display: block;line-height: 1.5em;}

footer ul li a {font-size: 14px; color: #efefef; display: block; background: url(images/icon_arrow_small.png) left 0px no-repeat; padding-left: 20px; text-decoration: none; margin-bottom: 20px; line-height: 1em;}

footer ul li a:hover {text-decoration: underline;}



footer ul li > ul {margin-bottom: 30px;}

footer ul li > ul li a {background: none; font-size: 12px; margin-bottom: 5px; }



/* credit */

footer .credit {width: 430px; height: 160px; background: url(images/footer_credit_bg.png) left top no-repeat; font-size: 14px; color: #efefef; line-height: 1.6em; position: absolute; right: 30px; bottom: 30px; padding:30px 0 0 40px;}

footer .credit h2 {font-size: 16px;}

footer .credit a {color: #efefef; text-decoration: none;}



footer small {display: block; color: #898888; background: #000; font-size: 12px; text-align: center; padding:15px 0;}



/* fix */ footer ul li a[href="http://good-speed.co.jp/hangup/"] {width: 245px;}



/* scroller */

#scroll {position: fixed; bottom: 50px; right: 50px;cursor: pointer;}



/*******************************************

FIX

*******************************************/

footer.container h2 {float: none; width: auto; height: auto;

background: none;

font-size: inherit;

font-weight: inherit;

margin: 0;

padding: 0;

box-shadow: none;

border: none;

border-radius: none;

}

footer.container h3 {color: inherit;}



/* post */

.post-author, .post-date, .post-comm, .post-time, .post-cath, .post-edit {

font-size: 0.85em;

text-decoration: none;

 color: inherit;

}

.post {

color: #333333;

font-size: 114%;

margin-bottom: 15px;

padding: 13px 10px;}



/* statics page fix  */

#container {text-align: left; background: #FFF; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 15px; padding-bottom: 50px;}

#contents {margin: 0 0 0 15px; }



#main { width: auto; max-width: 755px; float: none; }



/*

#bottom > h2, #main > div > h2 {height: auto;font-size: 100%; max-height: 47px;}

#main > div > h2 { background: url("/images/title_second_back.png") no-repeat scroll -2px center; color: #FFFFFF; font-size: 100%; font-weight: bold; margin: 15px auto; padding: 10px 0 10px 25px; box-shadow: 0 0 4px 0 #000000; border: 2px solid #fff; border-radius: 2px; width: 95%;

max-width: 700px;}



#bottom > h2 {background: url("/images/title_second_back.png") no-repeat scroll -2px center;color: #FFFFFF;font-size: 100%;font-weight: bold;margin: 15px auto;padding: 10px 0 10px 25px;box-shadow: 0 0 4px 0 #000000;border: 2px solid #fff;border-radius: 2px;width: 95%;}



/* sidebar

.sub-banner-wrapper h3 {margin-bottom: 15px;}

#side ul, .tagcloud {line-height: 1.5em;}

*/