@charset "UTF-8";

* {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
}
html {
overflow-y:scroll;
}
body{
	background-attachment: fixed;
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}
#pink{background-image: url(../img/bg_pink.gif);}
#red{background-image: url(../img/bg_red.gif);}
#orange{background-image: url(../img/bg_orange.gif);}
#yellow{background-image: url(../img/bg_yellow.gif);}
#green{background-image: url(../img/bg_green.gif);}
#blue{background-image: url(../img/bg_blue.gif);}
#purple{background-image: url(../img/bg_purple.gif);}
br{
	line-height: 0.5em;
	}
p, li,dl, dt, dd, td, blockquote,
th, td,h5,
form, fieldset, input, textarea,
pre {
	letter-spacing: 0em;
	font-size: 13px;
    *font-size: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.6em;
	color: #333333;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

fieldset { 
	border: 0;
}

ol,ul {
	list-style: none;
}

img {
	border:0;
	vertical-align: bottom;
}

hr {
	display: none;
}
	
a{
	outline : 0;
	text-decoration: underline;
	color: #E74785;
}
a:visited{text-decoration: underline;}
a:link{text-decoration: underline;}
a:hover{text-decoration: none;}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#orange a{color: #FF9933;}
#yellow a{
	color: #89B700;
	text-decoration: none;
	font-weight: normal;
}
#green a{
	color: #9FC;
}
#blue a{color: #F0099CC;}
#purple a{color: #6666CC;}

#pink a:hover{
	text-decoration: underline;
}
#orange a:hover{color: #FF9933;}
#yellow a:hover{
	color: #AFD922;
	text-decoration: none;
}
#yellow .white{
	color: #9FC;;
	text-decoration: none;
}
#yellow .white:hover{
	color: #ffffff;
	text-decoration: none;
}
#green a:hover{
}
#blue a:hover{color: #F0099CC;}
#purple a:hover{color: #6666CC;}

.left li a{
	text-decoration: none;
}
#pink .left a,#orange .left a,
#yellow .left a,#green .left a,
#blue .left a,#purple .left a{color: #000000;}

.leftcorner{
	width: 60px;
	height: 30px;
	float: left;
}
.language{
	width: 60px;
	height: 30px;
	float: right;
}
#header{


}

#pink #header ul li{
	display: block;
	height: auto;
	width: 300px;
	text-align: right;
	padding-right: 14px;
	text-indent: 0px;
	background-image: none;
}
#red #header ul li{background-image: url(../img/header_red.gif);display: block;height: 30px;width: 300px;background-position: right center;}
#orange #header ul li{background-image: url(../img/header_orange.gif);display: block;height: 30px;width: 300px;background-position: right center;}
#yellow #header ul li{background-image: url(../img/header_yellow.gif);display: block;height: 30px;width: 300px;background-position: right center;}
#green #header{
	background-image: url(../img/header_green.gif);
	display: block;
	background-position: right center;
}
#blue #header ul li{background-image: url(../img/header_blue.gif);display: block;height: 30px;width: 300px;background-position: right center;}
#purple #header ul li{
}

#pink #wrapper{

	
}
#globalnav{
	height: 145px;
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	width: 760px;
	clear: both;
	float: left;
	background-position: 10px 0px;
	background-repeat: no-repeat;
}
#pink #globalnav,
#pink #globalnav #logo,
#pink #globalnav #logo a{
	background-image: url(../img/navi.jpg);
}
#pink #globalnav li a,#pink #globalnav li{
	background-image: url(../img/navi.jpg);
	height: 110px;
}
#pink #globalnav li a:hover{
	
}
#globalnav #logo,#globalnav #logo a{
	background-repeat: no-repeat;
	height: 145px;
	width: 160px;
	background-image: url(../img/subnavi.jpg);
}
#globalnav li,#globalnav li a{
	float: left;
	height: 145px;
	width: 100px;
	display: block;
	background-image: url(../img/subnavi.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#globalnav li a:hover{
}


#globalnav #logo a:hover{background-position:0px 0px;}
#globalnav .nav01 a{background-position: -160px 0px;}
#globalnav .nav02 a{background-position: -260px 0px;}
#globalnav .nav03 a{background-position: -360px 0px;}
#globalnav .nav04 a{background-position: -460px 0px;}
#globalnav .nav05 a{background-position: -560px 0px;}
#globalnav .nav06 a{background-position: -660px 0px;}
#globalnav .nav01 a:hover{background-position: -160px -1px;}
#globalnav .nav02 a:hover{background-position: -260px -1px;}
#globalnav .nav03 a:hover{background-position: -360px -1px;}
#globalnav .nav04 a:hover{background-position: -460px -1px;}
#globalnav .nav05 a:hover{background-position: -560px -1px;}
#globalnav .nav06 a:hover{background-position: -660px -1px;}


#wrapper{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	min-height: 300px;

}
#contents{
	width: 760px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: repeat-y;
	padding-bottom: 14px;
	clear: both;
	float: left;
	background-image: url(../img/contents_pink.gif);
}
#pink #contents   {
	height: 450px;
}
#red #contents,#red #wrapper{
	background-image: url(../img/contents_red.gif);
	background-repeat: repeat-y;
}
#orange #contents ,#orange #wrapper{background-image: url(../img/contents_orange.gif);}
#yellow #contents ,#yellow #wrapper{background-image: url(../img/contents_yellow.gif);}
#green #contents ,#green #wrapper{background-image: url(../img/contents_green.gif);}
#blue #contents ,#blue #wrapper{background-image: url(../img/contents_blue.gif);}



#header-box{
	height: 145px;
	width: 760px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F1679D;
	background-image: url(../img/page_box.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#header-diary{
	height: 145px;
	width: 760px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F78E1E;
	background-image: url(../img/page_diary.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#main{
	width: 760px;
	background-color: #FFFFFF;
	min-height:350px;
	_height: 350px;
	float: left;
}

.right{
	float: right;
	margin-top: 14px;
	width: 525px;
	text-align: right;
}
.left{
	float: left;
	width: 190px;
	margin-left: 16px;
	_margin-left: 8px;
	background-repeat: repeat;
	margin-top: 14px;
	background-attachment: fixed;
	background-image: url(../img/bg_orange.gif);
}
#pink .left   {background-image: url(../img/bg_pink.gif);}
#orange .left {
}
#yellow .left {
	background-image: url(../img/bg_yellow.gif);

}
#green .left  {background-image: url(../img/bg_green.gif);}
#blue .left   {background-image: url(../img/bg_blue.gif);}
#purple .left {background-image: url(../img/bg_purple.gif);}

.left h5{
	text-align: left;
	background-image: url(../img/b_h5_orange.gif);
	background-repeat: no-repeat;
	height: 27px;
	color: #FFFFFF;
	padding-left: 10px;
	display: block;
}
.box{
	background-image: url(../img/profile_bg.gif);
	background-repeat: repeat-y;
	margin-left: 14px;
	margin-right: 14px;
	min-height:350px;
	_height: 350px;
	_margin-left: 7px;
	_margin-right: 7px;
	_margin-bottom: -10px;
	float: left;
	width: 732px;
}
#profile{
	background-repeat: no-repeat;
	width: 520px;
	margin-left: 104px;
	_margin-left: 52px;
	background-position: 50px 10px;
	padding-bottom: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	padding-top: 25px;
	float: left;
}
#profile p{
	font-size: 13px;

    *font-size: 80%;
	margin-bottom: 12px;
	line-height: 1.4em;
	width: 474px;
	float: left;
}

#profile img{
	padding-bottom: 0px;
	float: left;
}


#profile-e{
	width: 520px;
	margin-left: 104px;
	_margin-left: 52px;
	padding-bottom: 25px;
	clear: both;
	float: left;
	padding-top: 30px;
}

#profile-e p{
	font-size: 12px;
    *font-size: 80%;
	margin-bottom: 10px;
	line-height: 1.3em;
	width: 470px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;

}
#profile-e p a{font-family: Arial, Helvetica, sans-serif;}
#profile-e img{
	padding-bottom: 0px;
}


#about{
	background-repeat: no-repeat;
	width: 520px;
	margin-left: 104px;
	_margin-left: 52px;
	background-position: 50px 10px;
	padding-bottom: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	padding-top: 20px;
	float: left;
}
#about p{
	font-size: 13px;
    *font-size: 80%;
	line-height: 1.4em;
	width: 520px;
	float: left;
	padding-bottom: 10px;
}

#about img{
	padding-bottom: 0px;
	float: left;
}


#about-e{
	background-image: url(../img/about.gif);
	background-repeat: no-repeat;
	width: 520px;
	margin-left: 104px;
	_margin-left: 52px;
	padding-top: 240px;
	background-position: center 10px;
	padding-bottom: 20px;
	clear: both;
	float: left;
}
#about-e p{
	font-size: 12px;
    *font-size: 80%;
	line-height: 1.3em;
	width: 520px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

#about-e img{
	padding-bottom: 0px;
}
#about ul,#about-e ul{
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	clear: both;
	float: left;
	width: 520px;
}
#about-e li{
	background-image: url(../img/list_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	*font-size: 80%;
}
#about li{
	clear: both;
	background-image: url(../img/list_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	line-height: 1.4;
}
#about-e .right, #about .right{
	color: #EC5349;
}



#green .box{
	min-height: 140px;
	_height: 140px;
	
}
.box-head{
	display: block;
	background-image: url(../img/a_h5_yellow.gif);
	height: 14px;
	margin-left: 14px;
	margin-right: 14px;
	_margin-left: 7px;
	_margin-right: 7px;
	float: left;
	width: 732px;
}
.box table{
	width: 550px;
	float: right;
	margin-bottom: 20px;
}

.box th{
	text-align: left;
	vertical-align: top;
	width: 50px;
}
.box td{
	padding-right: 15px;
	text-align: left;
	vertical-align: top;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-bottom: 15px;
}
.box-foot{
	background-image: url(../img/profile_end_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: 14px;
	margin-right: 14px;
	_margin-left: 7px;
	_margin-right: 7px;
	float: left;
	width: 732px;
	height: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 14px;
}



#footer{
	width: 780px;
	height: 150px;
	background-image: url(../img/foot_pink.gif);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#pink #footer   {background-image: url(../img/foot_pink.gif);}
#red #footer    {background-image: url(../img/foot_red.gif);}
#orange #footer {background-image: url(../img/foot_orange.gif);}
#yellow #footer {background-image: url(../img/foot_yellow.gif);}
#green #footer  {background-image: url(../img/foot_green.gif);}
#blue #footer   {background-image: url(../img/foot_blue.gif);}
#purple #footer {background-image: url(../img/foot_purple.gif);}


.copyright{
	float: left;
	width: 780px;
	text-indent: -9999px;
}
.pagetop{
	width: 760px;
	display: block;
	height: 30px;
	text-indent: -9999px;
}




.box-a {
	display: block;
	list-style-type: none;
	float: right;
	width: 525px;
}
.box-a div{
	float: left;
	background-image: url(../img/box_p.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 525px;
}
.box-a h5{
	height: 20px;
	width: 510px;
	padding-left: 15px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	text-align: left;
	padding-top: 7px;
	font-weight: bold;
}
#pink .box-a h5   {background-image: url(../img/a_h5_pink.gif);}
#orange .box-a h5 {background-image: url(../img/a_h5_orange.gif);}
#yellow .box-a h5 {background-image: url(../img/a_h5_yellow.gif);}
#green .box-a h5  {background-image: url(../img/a_h5_green.gif);}
#blue .box-a h5   {background-image: url(../img/a_h5_blue.gif);}
#purple .box-a h5 {background-image: url(../img/a_h5_purple.gif);}

.box-a p{
	display: block;
	width: 476px;
	margin-left: 14px;
	_margin-left: 7px;
	margin-top: 8px;
}

.box-b{
	width: 190px;
	display: block;
	float: right;
	background-image: url(../img/b_end.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 12px;
}
.box-b li{
	background-repeat: repeat;
	text-align: left;
	background-attachment: fixed;
	padding-left: 8px;
	display: block;
}

.box-b p{
	padding-right: 15px;
	padding-left: 15px;
	display: block;
	padding-top: 4px;
}
.img-left{
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.img-right{
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.smnl{
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}
.smnl img{
	padding-right: 15px;
}



.contact{
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	height: 279px;
	width: 310px;
}



.works{
	display: block;
	width: 706px;
	padding-top: 10px;
	margin-left: 26px;
	line-height: 0em;
	margin-top: 0px;
	_margin-right: -10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#categories{
	width: 680px;
	padding: 0px;
	height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #DDDDDD;
}
.works li{
	float: left;
	width: 120px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
	line-height: 0em;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	clear: none;
}

#header .submenu{
	position: absolute;
	float: right;
	margin-right: 0px;
	padding: 0px;
	width: 760px;
	margin-top: 106px;
	z-index: 100;
}
#pink #header .submenu{
	position: absolute;
	margin-right: 0px;
	padding: 0px;
	width: 760px;
	margin-top: 205px;
	z-index: 100;
	text-indent: 0px;
}
.submenu{
	float: right;
	width: 760px;
	display: block;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.submenu li,.submenu li a{
	height: 30px;
	display: block;
	float: right;

}
#pink .submenu li,#pink .submenu li a{
	float: right;
	height: 100px;

}

.submenu li{
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#green .submenu li{
	margin-right:16px;
	_margin-right:8px;
}
.discography{background-image: url(../img/navi_disco.gif);width: 96px;background-position: 0px 0px;}
.discography a{background-image: url(../img/navi_disco.gif);width: 96px;background-position: 0px -30px;}
.discography a:hover{background-position: 0px 0px;}

.paintings{background-image: url(../img/navi_paint.gif);width: 78px;background-position: 0px 0px;}
.paintings a{background-image: url(../img/navi_paint.gif);width: 78px;background-position: 0px -30px;}
.paintings a:hover{background-position: 0px 0px;}

.characters{background-image: url(../img/navi_chara.gif);width: 89px;background-position:0px 0px;}
.characters a{background-image: url(../img/navi_chara.gif);width: 89px;background-position: 0px -30px;}
.characters a:hover{background-position: 0px 0px;}

.apps{background-image: url(../img/navi_iphone.gif);background-position: 0px 0px;width: 52px;}
.apps a{background-image: url(../img/navi_iphone.gif);background-position: 0px -30px;width: 52px;}
.apps a:hover{background-position: 0 0px;}

.gallery{background-image: url(../img/navi_gallery.gif);background-position: 0px 0px;width: 59px;}
.gallery a{background-image: url(../img/navi_gallery.gif);background-position: 0px -30px; width: 59px;}
.gallery a:hover{background-position: 0px 0px; width: 59px;}


#about a ,#about-e a {
	color: #EC5349;
	text-decoration: none;
}
#about a:hover,#about-e a:hover{
	color: #F28F8A;
}
#main-img{
	margin-left: 9px;
	margin-bottom: 15px;
}
#sub-img{
	margin-left: 9px;
	width: 218px;
}
#area-title{
	float: right;
	width: 220px;
	display: block;
	padding-right: 18px;
	padding-left: 16px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
	vertical-align: top;
}
#area-title h1{
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 1pt;
	font-size: 1em;
}
#area-title h2{}
#area-title p{
	font-size: 0.78em;
	text-align: left;
	line-height: 1;
	padding-top: 5px;
	padding-left: 2px;
}
#area-title ul{
	padding-top: 30px;
}
#area-title li{
	float: left;
	margin-right: 10px;
	_margin-right: 5px;
}
#area-title li.last{margin-right: 0px;}
#news{
	float: right;
	width: 260px;
}
#news h3{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#feed{
	margin: 0px;
	padding: 0px;
}
#feed ul{
	padding-right: 14px;
	list-style-type: none;
	line-height: 1em;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	width: 244px;
	display: block;
	float: left;
}
#feed li{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	background-image: url(../img/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	float:left;
}
#feed dt{
	float: left;
	width: 54px;
	font-size: 11px;
	line-height: 1.2em;
}
#feed dd{
	font-size: 11px;
	line-height: 1.2em;
	float:left;
	width: 184px;
}
#feed p{
	font-size: 13px;
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
#feed a{
	text-decoration: none;
	color: #FF9900;
}
.profile #main .box-head {
	height: auto;
}