/*
Plugin: jQuery Parallax
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
list-style:none;
}

body{
	margin: 0;
	min-width: 980px;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
	line-height: 1.5em;
}
/* CSS Document */

/* ////リンク文字の設定///// */
a:link {
	color: #0838AE;
}
a:visited {
	color:#0838AE;
}
a:hover {
	color: #0947DE;
}

p{
	margin: 0 0 20px 0;	
}

p, ul{
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:400;
	font-style:normal;
}

img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-size-adjust:0.531;
	margin-bottom: 30px;
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;
	margin: 0 0 0 10px;
}

.float-right{
	float: right;
	margin-top: 0;
	margin-right: 100px;
	margin-bottom: 0;
	margin-left: 0;
}
.float-right-service{
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{
	width: 152px;
	height: 283px;
	padding: 58px 0 0 6px;
	list-style: none;
	position: fixed;
	right: 0;
	z-index: 1000;
	background: url(images/nav_bg.png) no-repeat 0 0;
}
#nav li {
	border-top: 1px solid #FFFFFF;
}
#nav li.nav_01 {
	border: none;
}
#nav li a {
	display: block;
	width: 152px;
	height: 55px;
	text-indent: -9999px;
}
#nav li.nav_01 a { background: url(images/nav_01.png) no-repeat 0 0;}
#nav li.nav_02 a { background: url(images/nav_02.png) no-repeat 0 0;}
#nav li.nav_03 a { background: url(images/nav_03.png) no-repeat 0 0;}
#nav li.nav_04 a { background: url(images/nav_04.png) no-repeat 0 0;}
#nav li.nav_05 a { background: url(images/nav_05.png) no-repeat 0 0; border-radius: 0 0 0 6px;}
#nav li.nav_01 a:hover { background: url(images/nav_01_ov.png) no-repeat 0 0;}
#nav li.nav_02 a:hover { background: url(images/nav_02_ov.png) no-repeat 0 0;}
#nav li.nav_03 a:hover { background: url(images/nav_03_ov.png) no-repeat 0 0;}
#nav li.nav_04 a:hover { background: url(images/nav_04_ov.png) no-repeat 0 0;}
#nav li.nav_05 a:hover { background: url(images/nav_05_ov.png) no-repeat 0 0;}
#nav li.nav_01 a.current { background: url(images/nav_01_ov.png) no-repeat 0 0;}
#nav li.nav_02 a.current { background: url(images/nav_02_ov.png) no-repeat 0 0;}
#nav li.nav_03 a.current { background: url(images/nav_03_ov.png) no-repeat 0 0;}
#nav li.nav_04 a.current { background: url(images/nav_04_ov.png) no-repeat 0 0;}
#nav li.nav_05 a.current { background: url(images/nav_05_ov.png) no-repeat 0 0;}

#header, #intro, #second{
	width: 100%;
}

#intro{
	color: white;
	height: 1000px;
	padding: 0px;
	background-attachment: fixed;
	background-image: url(images/firstBG.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#second{
	color: white;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background-image: url(images/secondBG.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: fixed;
}

#second .bg{
	background: url(images/concept_img.png) 50% 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

/*#second .bg{
	background: url(images/img-koutai.png) 50% 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}*/

#second .float-left {
	float: left;
	width: 500px;
	padding: 80px 0 0 0;
}

#second .float-right {
	float: right;
	width: 360px;
	padding: 80px 0 0 0;
}

#third{
	color: white;
	height: 1000px;
	padding: 100px 0 0 0;
	background-attachment: fixed;
	background-image: url(images/thirdBG.jpg);
	background-repeat: repeat-y;
	background-position: 50% 0;
}

#fourth{
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	background-attachment: fixed;
	background-image: url(images/recordBG.jpg);
	background-repeat: repeat;
	background-position: 50% 0;
	color: #FFFFFF;
	overflow: hidden;
}

div#fourth .float-left {
	width: 400px;
}

div#fourth .float-right {
	width: 400px;
	padding-top: 80px;
}

.fourthbg{
	background: url(images/img-record.png) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

div#fourth h3 {
	background-image: url(images/line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	margin-top: 30px;
	margin-bottom: 10px;
}

div#contact{
	color: #FFFFFF;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding:  0;
	background-color: #003366;
	background-image: url(images/contactBG.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-attachment: fixed;
}

div#contact .float-left {
	width: 400px;
}
div#contact .float-right {
	width: 400px;
}
div#contact dl {
	color: #FFFFFF;
	margin-top: 30px;
}
div#contact dt {
	clear: right;
	float: left;
	width: 9em;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#contact dd {
	padding-left: 9em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0099CC;
	padding-top: 10px;
	padding-bottom: 10px;
}

.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.story .float-left, .story .float-right{
	position: relative;
	width: 630px;
	z-index: 500;
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.slide {
	width: 100%;
}

div#index-logo {
	margin-top: 30px;
	margin-bottom: 80px;
}
div#news-box {
	background-image: url(images/white_bg.png);
	background-repeat: repeat;
	padding: 1em;
	border-radius: 3px;
	color: #0838AE;
}