@charset "UTF-8";
/* CSS Document */

/*
----------------------------------------------------------------------------- 
ベース
-----------------------------------------------------------------------------*/

body{
position:relative;
background-color:#000000;
font-family:"ＭＳ Ｐゴシック", Osaka;
margin:0;
padding:0;
font-size:11px;
}

p { 
margin-bottom: 1.0em; 
}



#up{
position:absolute;
width:61px;
height:24px;
top:180px;
left:0px;
}


img{
border:none;
}

.hide{
height:0;
width:0;
overflow:hidden;
position:absolute; /*for the benefit of IE5 Mac */
}


/*
----------------------------------------------------------------------------- 
ナビ
-----------------------------------------------------------------------------*/

/* navi */

#navilist ul {
margin:0;
padding:0;
list-style:none;
text-indent:-9999px;
}

#navilist li,#navilist a{
display:block;
width:141px;
height:24px;
}

#navilist a{
text-decoration:none;
background:url(images/menu.gif) no-repeat;
}

#navi02 a{
background-position:0 -24px;}
#navi03 a{
background-position:0 -48px;}
#navi04 a{
background-position:0 -72px;}
#navi05 a{
background-position:0 -120px;}

#navi06 a{
background-position:0 -96px;}

#navi01 a:hover{background-position:-141px 0px;}
#navi02 a:hover{background-position:-141px -24px;}
#navi03 a:hover{background-position:-141px -48px;}
#navi04 a:hover{background-position:-141px -72px;}
#navi05 a:hover{background-position:-141px -120px;}

#navi06 a:hover{background-position:0px -96px;}

/* navi end */




/* 
------------------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------------------*/


.page00{
position:relative;
background:url(images/bghead.gif)  repeat-x;
background-color:#faf8f0;
margin:0;
}

.contert00{
background:url(images/title.gif) left top no-repeat;
width:800px;
padding:180px 0px 40px 0px;
color:#222222;
text-align:left;
overflow:auto;
margin:0;
}


.contert00 a:link {
	color: #222222; 
	text-decoration: none;
	}
.contert00 a:hover{
	color: #ffffff;
	background-color: #000000; 
	}
	
.contert00  a:visited {
	color: #999999; 
	text-decoration: none;
	}

/* 
------------------------------------------------------------------------------
メニュー
------------------------------------------------------------------------------*/

#topimg{
margin:0;
padding:0;
padding-left:20px;
padding-top:20px;
float:left;
width:590px;
text-align:right;
}




#menu{
margin:0;
padding:0;
padding-left:10px;
padding-top:20px;
float:left;
text-align:left;
word-break: break-all;
width:150px;
font-size:10px;
}




/* 
------------------------------------------------------------------------------
about
------------------------------------------------------------------------------*/
.page01{
position:relative;
background:url(images/bg01main.gif)  repeat-x;
background-color:#ff2d92;
margin:0;
}

.contert01{
background:url(images/bg01main.gif) left top no-repeat;
width:700px;
padding:100px 0px 40px 110px;
color:#FFFFFF;
text-align:left;
overflow:auto;
margin:0;
}

#logo01{
position:absolute;
width:210px;
height:65px;
top:29px;
left:18px;
}

#tokori{
margin:0 40px 0 0;
padding:30px 0 0 0;
float:left;
text-align:left;
font-size : 11px;
line-height:140%;
word-break: break-all;
width:395px;
}

#tokoriimages{
float:left;
}

.contert01 a:link {
	color: #FFFFFF; 
	text-decoration: none;
	border-bottom: 1px dotted;
	}
.contert01 a:hover{
	color: #FFFFFF;
	background-color: #000000; 
	}

.contert01 a:visited {
	color: #FFFFFF; 
	text-decoration: none;
	border-bottom: 1px dotted;
	}


/* 
------------------------------------------------------------------------------
illust
------------------------------------------------------------------------------*/
.page02{
position:relative;
background:url(images/bg02main.gif)  repeat-x;
background-color:#232323;
margin:0;
padding:0:
}

.contert02{
background:url(images/bg02main.gif) left top no-repeat;
width:700px;
height:auto;
padding:100px 0px 40px 110px;
margin:0;
color:#FFFFFF;
text-align:left;

}

#logo02{
position:absolute;
width:336px;
height:88px;
top:18px;
left:25px;
}



#mabataki01{
position:absolute;
width:70px;
height:28px;
top:46px;
left:713px;
}


#mabataki02{
position:absolute;
width:199px;
height:44px;
top:57px;
left:480px;
}

#mabataki03{
width:199px;
height:44px;
margin-left:400px;
margin-top:20px;
}

.contert02 img{
margin:3px 3px 3px 3px;
}


.contert02 a:link {
	color: #FFFFFF; 
	text-decoration: none;
	}
.contert02 a:hover{
	color: #FFFFFF;
	}




/* 
------------------------------------------------------------------------------
works
------------------------------------------------------------------------------*/
.page03{
position:relative;
background:url(images/bg03main.gif)  repeat-x;
background-color:#00d5db;
margin:0;
}


.contert03{
background:url(images/bg03main.gif) left top no-repeat;
width:700px;
padding:120px 0px 40px 107px;
color:#333333;
text-align:left;
line-height:140%;
overflow:auto;
margin:0;
}

#logo03{
position:absolute;
width:166px;
height:71px;
top:23px;
left:41px;
}


#workbox{
margin:0 20px 0 0;
padding:0;
float:left;
text-align:left;
word-break: break-all;
width:400px;
}


#workbox div.imagebox {
border:none;
width: 125px;
float: left;
margin: 3px;
}
#workbox p.image, p.caption {
text-align: center; /* 3.中央寄せ */
margin: 3px;        /* 4.余白・間隔 */
}
#workbox p.caption {
font-size: 90%;  /* 5.文字サイズ */
color:#FFFFFF; /* 6.文字色 */
}

#workbox div.imagebox2 {
border:none;
width: 185px;
float: left;
margin: 3px;
}


.contert03 a:link {
	color: #FFFFFF; 
	text-decoration: none;
	border-bottom: 1px dotted;
	}
.contert03 a:hover{
	color: #FFFFFF;
	background-color: #000000; 
	}

contert03 a:visited {
	color: #FFFFFF; 
	text-decoration: none;
	border-bottom: 1px dotted;
	}


/* 
------------------------------------------------------------------------------
contact
------------------------------------------------------------------------------*/
.page04{
position:relative;
background:url(images/bg04main.gif)  repeat-x;
background-color:#faf8f0;
margin:0;
}

.contert04{
background:url(images/bg04main.gif) left top no-repeat;
width:700px;
padding:170px 0px 40px 110px;
color:#333333;
text-align:left;
overflow:auto;
margin:0;
}


#logo04{
position:absolute;
width:213px;
height:61px;
top:89px;
left:17px;
}


iframe#ifrm {
width:600px;
height:500px;
padding:10px;
border:1px solid #faf8f0;
background-color:#faf8f0;
}



/* 
------------------------------------------------------------------------------
fotter
------------------------------------------------------------------------------*/
.bottom{
position:relative;
background:url(images/bgbottom.gif)  repeat-x;
background-color:#000000;
margin:0;
text-align:right;
height:120px;
color:#ff2d92;
padding:15px 10px 0 0;
}