@charset "utf-8";
/* format style
----------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
    text-align: center;
	font-family: sans-serif;
	font-size: small;
	line-height: 1.6;
	background-color:#fbfbfc;
	font-family: "Lucida Grande", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif;

}
body div {
	text-align: left;
	margin: 0 auto;
}
hr{
    display: none;
}
img {
	border:0;
}
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}
* html .mybuggyelement { height: 1%; }


/* word style
----------------------*/

h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-family: sans-serif;
	font-size: small;
	line-height: 1.5;
}

h2,h3{font-weight:bold;font-size:1.1em;letter-spacing:0.1em;font-family: "New York", "Times New Roman";}

#main-project h2{
font-size: 110%;
padding: 4px 0 2px 10px;  
border-left: 20px solid #CC0066;  
border-bottom: 1px solid #FF6666;  
color:#222;
text-align: left;
margin: 0px 0px 10px;
width: 500px;
}

.link-bottom h2{padding-bottom:25px;}
.link-bottom p{line-height:1.6;margin:0;padding-bottom:30px;}
.info-bottom h2{padding-bottom:15px;}

p,li {line-height:120%;}
p {margin:0 0 1em 0;}
ul{padding:0 15px;}
li {list-style-type:none;padding:6px 0;}

#main-home p{padding-bottom:30px;}
#main-music h2{padding-bottom:30px;}
#main-works p{line-height:120%; margin:0;}

/* link color
----------------------*/
a {
	text-decoration:underline;
    outline: none;
}
a:link {
	color:#333333;
}
a:visited {
	color:#333333;
}
a:hover {
	color:#333333;
}
a:active {
	color:#333333;
}
a:link img,
a:visited img{
	border-width: 0px;
}

/* header
----------------------*/
#header {
    width:780px;height:55px;
	background-color: #fbfbfc;
}
#top {
	width: 780px;
	height: 250px;
	margin-bottom:40px;
}

#logo-home{width:780px;height:250px;margin-bottom:60px;background-image: url(hp_img/logo/logo_home.png);background-repeat: no-repeat;}
#logo-about{width:780px;height:250px;margin-bottom:60px;background-image: url(hp_img/logo/logo_about.png);background-repeat:no-repeat;}
#logo-works{width:780px;height:250px;margin-bottom:60px;background-image: url(hp_img/logo/logo_works.png);background-repeat : no-repeat;}
#logo-project{width:780px;height:250px;margin-bottom:60px;background-image: url(hp_img/logo/logo_project.png);background-repeat : no-repeat;}
#logo-link{width:780px;height:250px;margin-bottom:60px;background-image: url(hp_img/logo/logo_link.png);background-repeat : no-repeat;}

#menu{
    width: 780px;
	height: 60px;
	background-image:url(hp_img/menu/menu_back.gif);background-repeat:no-repeat;
	margin-bottom:40px;
}

/* container
----------------------*/
#container{
	width:780px;
	height: auto;
	margin:0 auto;
	background-color: #fbfbfc;
}

#main-home{width:580px;padding-bottom:100px;float:right;background-image:url(hp_img/back/home_back.png);background-repeat:no-repeat;background-position:bottom;}
#main-about{width:580px;height:650px;float:right;}
#main-works{width:580px;padding-bottom:30px;float:right;}
#main-movie{width:580px;height:2200px;float:right;background-image:url(hp_img/back/movie_back.png);background-repeat:no-repeat;background-position:bottom;}
#main-music{width:580px;padding-bottom:170px;float:right;background-image:url(hp_img/back/music_back.png);background-repeat:no-repeat;background-position:bottom;}
#main-project{width:580px;padding-bottom:30px;float:right;}
#main-link{width:530px;height:1000px;float:right;background-image:url(hp_img/back/link_back.png);background-repeat:no-repeat;background-position:bottom;}

#main-home li{
    padding:8px 38px;
}

.music{
    background-image:url(hp_img/icon/update_music.gif);
    background-repeat:no-repeat;
    background-position:left center;
}
.movie{
    background-image:url(hp_img/icon/update_movie.gif);
    background-repeat:no-repeat;
    background-position:left center;
}
.report{
    background-image:url(hp_img/icon/update_report.gif);
    background-repeat:no-repeat;
    background-position:left center;
}
.big{
    background-image:url(hp_img/icon/update_big.gif);
    background-repeat:no-repeat;
    background-position:left center;
}

.img_L {
    clear: both;
    border: solid 1px #000000;
	margin-right: 1em!important;
	margin-top: 1em!important;
	float: left;
}

.img_R {
    clear: both;
    border: solid 1px #000000;
	margin-left: 1em!important;
	margin-top: 1em!important;
	float: right;
}

.clear {
	display: block;
	clear: both;
}

#side{height:650px;width:200px;float:left;}
#side_about{height:650px;width:200px;float:left;background-image:url(hp_img/about/about_side.png);background-repeat:no-repeat;}
#side-home{height:600px;width:200px;float:left;background-image:url(hp_img/back/home_mol.png);background-repeat:no-repeat;}
#side-works{height:1250px;width:200px;float:left;}
#side-music{height:2200px;width:200px;float:left;}
#side-project{height:1400px;width:200px;float:left;}
#side-link{height:1000px;width:250px;float:left;}

#sidepd{padding:20px 0 0 5px;font-size:88%;}

/* page arrange
----------------------*/
.profword{padding:0 0 15px 116px;}
.wordright{padding-bottom:40px;text-align:right;}
.memright{text-align:right;}

/* footer
----------------------*/
#footer{
	width:780px;
	height:20px;
	clear:both;
	margin: 0 auto 0 auto;
	padding:0;
	text-align: center;
	background-color: #FE5F00;
	color: #FFFFFF;    
}