@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica);

/* base */

html				{
				 overflow-y:scroll;
				}
body				{
				 line-height: 1.6;
			 	 background: #000 url(../../common/img/logo2.gif) no-repeat 10% 0;
				 font-family:"ＭＳ Ｐゴシック",Osaka,Arial,Helvetica,sans-serif;
				 color: #fff;
				 margin: 0;
				 padding: 0;
				 text-align: center;
				}

#wrapper			{
				 width: 900px;
				 margin-left: auto;
				 margin-right: auto;
				 text-align: left;
				 padding: 0px;
				}
/* ===== default link ===== */
a:active			{ color: #fc0;}

a:link				{ color: #fc0;}

a:visited			{ color: #fc0;}

a:hover				{ color: #f00;}



#header				{
				 height: 33px;
				 background: #000 url(../img/nav_bg.gif) repeat-x 0 0;
				 margin: 0;
				 padding: 0;
				}
ul#globalnav			{
				 width: 900px;
				 list-style: none;
				 margin-top: 0;
				 margin-bottom: 0;
				 margin-left: auto;
				 margin-right: auto;
				 text-align: left;
				 padding: 0;
				}
ul#globalnav li			{
				 float: left;
				 margin: 10px 35px 0 0;
				 padding: 0;
				}
ul#globalnav li a,
ul#globalnav li span		{
				 display: block;
				}

ul#globalnav li#logo		{
				 margin: 0 40px 0 0;
				 padding: 0;
				}
ul#globalnav li#logo h1		{
				 font-size: 80%;
				 line-height: 1.0;
				 margin: 0;
				 padding: 0;
				}

ul#globalnav li#inu		{
				 margin: 0;
				 padding: 0;
				}

#body				{
				 position:relative;
				 background: transparent url(../img/photo_bg.png) no-repeat 0 0;
				 width: 900px;
				 min-height: 585px;
				 margin-top: 15px;
				 margin-bottom: 0;
				 margin-left: auto;
				 margin-right: auto;
				 text-align: left;
				 padding: 0;
				}
#mainphoto			{
				 position:absolute;
				 top: 23px;
				 left: 54px;
				 width:810px;
				 height:530px;
				 overflow: hidden;
				}
#mainphoto img			{
				 width:810px;
				}
#mainlogo			{
				 position:absolute;
				 top: 132px;
				 left: 8px;
				}
#socialicon			{
				 position:absolute;
				 top: 510px;
				 left: 700px;
				}
#socialicon a			{
				 margin-right: 10px;
				}
#socialicon a:active img,
#socialicon a:link img,
#socialicon a:visited img	{ border:3px solid #f5f5f5;}
#socialicon a:hover img		{ border:3px solid #f00;}


p#copyright			{
				 color: #fff;
				 font-family:Arial,Helvetica,sans-serif;
				 font-size: 10px;
				 margin: 0 0 30px 0;
				 padding: 0;
				}


#inbody				{
				 position:relative;
				 background-color: #000;
				 width: 900px;
				 min-height: 585px;
				 margin-top: 15px;
				 margin-bottom: 0;
				 margin-left: auto;
				 margin-right: auto;
				 text-align: left;
				 padding: 0;
				}
#mainarea			{
				 padding: 20px;
				}

#mainarea h2			{
				 font-size: 36px;
				 font-family: 'IM Fell Double Pica', serif;
				 margin: 0 0 0.4em 0;
				 padding: 0;
				}
.section			{
				 margin-bottom: 30px;
				}

.mainphotoimg			{
				 margin-left: 150px;
				}
.maintxt			{
				 font-size: 80%;
				 line-height: 1.75;
				 text-align:justify;
				 text-justify: inter-ideograph;
				 word-break: normal;
				 line-break: strict;
				 width: 385px;
				 position:absolute;
				 top: 50px;
				 left: 470px;
				}
.discphotoimg			{
				 width: 350px;
				 float: left;
				}
.discphotoimg img		{
				 margin-left: 50px;
				}

.discmaintxt			{
				 font-size: 70%;
				 line-height: 1.6;
				 text-align:justify;
				 text-justify: inter-ideograph;
				 word-break: normal;
				 line-break:strict;
				 width: 385px;
				 float: left;
				}
.discmaintxt>p			{
				 margin-top: 0.2em;
				}
.boxborder			{
				 border-bottom: #444 1px solid;
				}












/* 5: Back to top button
 ******************************************************/


#back-top {
	position: fixed;
	bottom: 35px;
	margin-left: 860px;
}
#back-top a {
	width: 32px;
	display: block;
	text-align: center;
	font: 10px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #ccc;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
	width: 32px;
	height: 32px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../img/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #666;
}



/* 5: clearfix
 ******************************************************/

.section,
#header,
#mainarea { zoom:1; }

.section:after,
#header:after,
#mainarea:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

.clearfix { zoom:1; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}