@charset "utf-8";
/*
Theme Name : hiromitsu aoki Official Site
Theme URL : http://www.hiromitsu-aoki.com/
Description : 青木裕光 オフィシャルサイト。最新情報、プロフィール、ライブ情報、ブログ等
Version : 1.0
Author : Yuuki
Author URL : 
*/
/*===============================
Common
==============================*/
html {
	height: 100%;
	}
	
body{
	margin:0;
	padding:0;
	height:100%;
	background:#000;
	color:#CCC;
}

body.popup{
	background:#FFF;
	overflow:hidden;
}

h1#page-title{
	text-align:right;
	float:right;
}

ul#page-submenu{
	float:right;
	margin:18px 12px 0 0;
}

ul#page-submenu li{
	float:left;
	margin-right:15px;
}

h2#page-subtitle-mydata{
	border-bottom:#FFF dotted 1px;
	padding-bottom:10px;
}

p span{
	color:#d857f2;
}

/*===============================
Layout
==============================*/
#wrapper{
	position:relative;
	float:right;
	width:55%;
	min-height:100%!important;
	height: auto;
	background:#000 repeat-y;
	z-index:1;
	color:#CCC;
	word-break:break-all;
}

object{
	z-index:0;
	position: fixed;
	top:0;
	left:0;
}

#dammy-bar{
	position:fixed;
	top:0;
	left:0;
	height:22px;
	width:100%;
	background:#000;
	z-index:2;
}

#header{
	margin-bottom:30px;
	height:50px;
}

#footer{
	clear:both;
	position: fixed;
	background:#000;
	bottom:0px;
	left:0;
	height:87px;
	width:100%;
	z-index:2;
}

#footer #footer-top{
	height:32px;
	width:100%;
	background: #0F0E3A;
	position:relative;
}

#footer #footer-top ul#nav{
	padding:12px 0 0 37px;
}

#footer #footer-top ul#nav li{
	float:left;
	margin-right:20px;
}


ul#sub-nav{
	position:absolute;
	right:338px;
	top: 59px;
}

ul#sub-nav li{
	float:left;
	margin-right:10px;
}

.container{
	height:100%;
	clear:both;
	margin-bottom:80px;
}
/*===============================
Module
==============================*/
#wrapper .wrapper-inner{
	padding:40px 30px 0 30px;
}


/*Sub Title*/
#wrapper .wrapper-inner ul#subtitle li{
	float:left;
	margin-left:15px;
}

/*Entry Title*/
#wrapper .wrapper-inner h3.entry-title{
	margin:10px 0;
	padding:10px 0;
	border-bottom:#FFF dotted 1px;
	border-top:#FFF dotted 1px;
	color:#68E2Ea;
	font-size:1.3em;
}

#wrapper .wrapper-inner h3.entry-title2{
	margin:10px 0;
	padding:25px 0 10px 0;
	border-top:#FFF dotted 1px;
	color:#68E2Ea;
	font-size:1.3em;
}


#wrapper .wrapper-inner h3.entry-title span{
	color:#FFF;
	margin:0 10px;
	font-size:0.7em;
}

#wrapper .wrapper-inner .entry-body{
	padding:20px 0;
}

#wrapper .wrapper-inner .entry-body p{
	line-height:175%;
}

#wrapper .wrapper-inner .pagetop{
	padding:20px 0;
	text-align:right;
}


#footer #footer-top p#site-title{
	position:fixed;
	bottom:10px;
	left:30px;
}

#footer #footer-top address{
	position:fixed;
	bottom:10px;
	right:30px;
}

/*Profile*/
dl#history{

}

dl#history dt{
	color:#d857f2;
	padding:0 0 5px 0;
}

dl#history dd{
	padding:0 0 10px 0;
	line-height:150%;
}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.box{
	width:90px;
	margin-right:10px;
	margin-bottom:5px;
	padding:5px;
	border:1px solid #333;
	vertical-align:top;
	display:moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.box>div{
	width:90px;
	display:block;
}

/*DISCOGRAPHY*/

h3.solo-title{
	color:#98c5f6;
}

table.detail{
	width:100%;
	color:#FFF;
	font-size:11px;
	vertical-align:top;
	margin-bottom:50px;
}

td h3{
	color:#99c5f6;
}

td.item-title{
	border-bottom: #666 1px solid;
	vertical-align:top;
	height:45px;
}

table.detail td.img{
	width:160px;
}

td{
	vertical-align:top;
}


td span{
	color:#f7898a;
}

td.text{
	padding:10px 0 0 0;
	vertical-align:top;
}


/*===============================
PopupWindow
==============================*/
#body-wrapper{
	
	width:500px;
	margin:0 auto;
	padding-bottom:5px;
	height:670px;
	overflow: hidden;
}

#body-wrapper #content-inner{
	padding:30px 25px 15px;
}

.uneven,.even{
	padding:15px 0;
	border-bottom:1px dotted #CCC;
}

input{
	vertical-align:middle;
}

.uneven span,.even span{
	font-size:1.2em;
	font-weight:bold;
	margin-right:10px;
}

.button{
	padding:20px 0;
	text-align:center;
}

#content-inner h2{
	margin-bottom:10px;
}

#content-inner p{
	margin-bottom:20px;
}

p#closebtn{
	text-align:right;
	margin-right:5px;
	color:#00F;
}

p#closebtn a{
	color:#00F;
}

#content-inner dl{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#CCC dashed 1px;
}

#content-inner dl dt{
	margin-bottom:3px;
	font-size:1.2em;
}

#content-inner dl dd{
	font-size:1.2em;
}

#myAlternativeContent{
	padding:50px;
}

p#name{
	font-size:1.1em;
}

/*===============================================
mail-mag
===============================================*/
table#mail-mag{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

form#mag input{
	vertical-align:middle;
	margin:0 2px;
}

.jb-link{
	display:none;
	text-indent:-9999px;
}