@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html,body {
	height: 100%;
	overflow: hidden;
	overflow-x:hidden;
	overflow-y:hidden;
}

body {
	background-color: #FFFFFF;
	background:url(../images/bg_paper.gif) center center;
	color:#593F33;
	font-size: 12px;
	*font-size: small;
	*font: x-small;
	font-family:"HiraMaruPro-W4" , "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	line-height:150%;
}

/*---------------------common----------------------------*/

h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
dl,
dt,
dd,
div,
form,
input,
section,
p{
	margin:0;
	padding:0;
	}
	
li,
dt,
dd{list-style:none;}

img{vertical-align:top;border:none;}

/*----------------------------------------------------------*/


	
h1{
	position:absolute;
	top:48px;
	left:61px;
}

div.section {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	/*display:inline-table;*/
}

div.section-body {
	position:absolute;
	top:50%;
	left:50%;
	line-height: 1.6;
	width:780px;
	height:520px;
	display:block;
	/*display: table-cell;
	vertical-align: middle;
	margin:-260px 0 0 -390px;*/
}


.nakami{
	width:780px;
	height:363px;
	padding-top:157px;
	margin-top:-263px;
	margin-left:-390px;
	}
.bg01{
	background:url(../images/bg_contents_01.png) center center no-repeat;
}
.bg02{
	background:url(../images/bg_contents_02.png) center center no-repeat;
}
.bg03{
	background:url(../images/bg_contents_03.png) center center no-repeat;
}
.bg04{
	background:url(../images/bg_contents_04.png) center center no-repeat;
}
div#greeting {
	top:0;
	left: 0;
}

div#profile {
	top:0;
	left: 100%;
}

div#work {
	top:0;
	left: 200%;
}

div#blog {
	top:0;
	left: 300%;
}

/*.soon img{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}*/


.section-body h2{
	margin-top:-60px;
	margin-left:61px;
}


.section-body .rightBox{
	margin-top:-190px;
	margin-left:315px;
}
	

.section-body h3{
	margin-bottom:15px;
}
.section-body p{
	margin-bottom:15px;
}
.section-body .pButton{
	margin-bottom:15px;
	text-align:center;
}


.bgBox{	
	background:url(../images/bg_demo.png) center center no-repeat;
	position:fixed;
	/*top:50%;
	left:50%;*/
	width:100%;
	height:100%;
	/*mrgin:-280px 0 0 -390px;*/
}


#headBox{
	position:fixed;
	width:780px;
	height:76px;
	z-index:20;
    top: 50%;  
    left: 50%; 
    margin: -290px 0 0 -390px;
}
	
h1{
	position:absolute;
	top:48px;
	left:61px;
}

#navBox{
	position:absolute;
	top:26px;
	left:310px;
}

#navBox .mainMenu li{
	float:left;
	padding-right:4px;
}

#navBox .subMenu{
	position:absolute;
	top:0;
	left:275px;
}

#navBox .subMenu li{
	padding-bottom:4px;
}

.snsButton{
	width:117px;
	height:169px;
	background:url(../images/bg_sns.png) no-repeat;
	position:fixed;
	width:450px;
	height:520px;
	z-index:20;
    top: 50%;  
    left: 50%; 
    margin: 110px 0 0 380px;
}
.snsButton ul{
	margin-top:15px;
	margin-left:20px;
}

.snsButton li{
	margin-bottom:7px;
	height:20px;
}
.snsButton div,iFrame{
	display:inline;
}