/*** Style Definitions ***/

/*================================================
	リセット
================================================*/
html{
	color:#000;
	font-size:80%;
	background-image:url(../images/bg.png);
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{
	font-style:inherit;
	font-weight:inherit;
}
del,ins{
	text-decoration:none;
}
li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
	font-variant:normal;
}
sup{
	vertical-align:baseline;
}
sub{
	vertical-align:baseline;
}
legend{
	color:#000;
}
input,button,textarea,select,optgroup,option{
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input,button,textarea,select{
	*font-size:100%;
}
/*================================================
	Link
================================================*/
a:link{
	color:#D67EA2;
	text-decoration:none;
}
a:visited {/* 既読 */
	color:#D67EA2;
	text-decoration: none;
}
a:hover{
	color#D64862;
	text-decoration:none;
}

/*================================================
	Nowloading
================================================*/
.QOverlay {
	background-color: #000000;
	z-index: 9999;
}

.QLoader {
	background-color: #cccccc;
	height: 1px;
}

/*================================================
	背景2枚レイヤー/手前矢印アニメーション
================================================*/
.clouds{
	width:100%;
	height:465px;
	overflow:hidden;
}
#clouds-small{
	width:3000px;
	height:100%;
	background:url(../images/flower_small.png) repeat-x;
}
#cloud2{
	position:relative;
	top:-102px;
	z-index:46;
}
#clouds-big{
	width:4000px;
	height:100%;
	background:url(../images/flower_big.png) repeat-x;
}
.rotatecircle{
	position:absolute;
	bottom:0px;
	right:0px;
	width:100%;
	height:100%;
	z-index:45;
	background-image:url(../images/kamba.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.footter{
	position:absolute;
	bottom:20px;
	left:40px;
	width:80%;
	height:100%;
	z-index:45;
	background-image:url(../images/credit.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*================================================
	メニュー
================================================*/
div#logo{
	background:url(../images/Logo.png) top left no-repeat;
	height:172px;
	width:600px;
	text-indent:-9999px;
	position:absolute;
	top:-25px;
	left:100px;
	z-index:55;
}
#menu{
	float:right;
	position:absolute;
	top:80px;
	right:80px;
	z-index:50;
}
#menu a{
	background:#FFF;
	color:#67b2ff;
	border: 2px solid #dfdfdf;
	text-decoration:none;
	margin: 0px 0px 0px 0px;

}
#menu img{
	width:90%;
}
#menu a:hover{
	background:#F7C27E;
	color:#FFF;
	text-decoration:none;


}
#menu a.selected{
	background:#F4ABB7;
	color:#FFF;
	text-decoration:none;
}
#menu li
{

}
/*================================================
	Body
================================================*/
#wrapper{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
#mask{
	width:400%;
	height:100%;
}
.box{
	width:25%;
	height:100%;
	float:left;
}
.content{
	width:100%;
	height:650px;
	top:30px;
	margin: 0 auto;
	position:absolute;


}
.inner{
	width:55%;
	height:85%;
	background:rgba(255, 255, 255, 0.8);
	margin: 10px 0px 10px 40px;
	padding:20px;
	position:relative;
	z-index:50;
	overflow:auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	background-image:url(../images/logo_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.text{
	margin: 5px 5px 10px 10px;
	padding:5px;
	position:relative;
}

/*================================================
	outline
================================================*/
#latest_tweet {
	position:relative;
	margin: 0px 20px 0px 20px;
	border: 0px solid #dfdfdf;
	width: 400px;
	padding: 0px 0px 3px 70px;
}
#latest_tweet small, #latest_tweet a {
	color: #D64862;
}
.loading {
	background: url('ajax-loader.gif') center no-repeat;
	height: 60px;
}
.book{
	width:350px;
	margin: 0px 0px 0px 20px;
	padding:5px 0px 10px 120px;
}
.left_box {
display:inline;
float:left;
}
.right_box {
float:left;
margin: 0px 10px 0px 30px;
}

/*================================================
	member
================================================*/
.member_banner {
    width:96%;
	position:relative;
	top:-20px;
	left:-40px;
}
.member_name{
	text-align:right;
	padding:5px;
}
.drop-shadow {
    position:relative;
    width:20%;
    padding:10px;
	margin:20px 10px 10px 40px;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
 
.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
}
 
.drop-shadow:after{
    right:10px;
    left:auto;
}
.rotated {
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
 
.rotated *:first-child:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.curls {
    border:1px solid #efefef;
    -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
    border-radius:0 0 120px 120px / 0 0 6px 6px;
}
 
.curls:before,
.curls:after {
    bottom:12px;
    max-width:200px;
    height:25%;
    -webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
    box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
    -webkit-transform:skew(-8deg) rotate(-4deg);
    -moz-transform:skew(-8deg) rotate(-4deg);
    -o-transform:skew(-8deg) rotate(-4deg);
    transform:skew(-8deg) rotate(-4deg);
}
 
.curls:after {
    -webkit-transform:skew(8deg) rotate(4deg);
    -moz-transform:skew(8deg) rotate(4deg);
    -o-transform:skew(8deg) rotate(4deg);
    transform:skew(8deg) rotate(4deg);
}