/* ============================
IKOINO SHASHINKAN Style-Layout
04/'08 TKCC Obana
============================= */

/* Reset
---------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

address,em,strong,th {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

img {
	vertical-align: top;
}

hr{
	display: none;
}

li {
	list-style-type: none;
}




/* Base
---------------------------------------------------- */

body {

	background-color: #000;
	font-size: small;
	font-family: verdana,"\O`\e'\?\I^^(3)N~\´ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"￡I'￡O' ￡?\´\?\A~\?","MS PGothic",Sans-Serif;
	line-height: 1.3;
	text-align: center;
	color: #333;
}




/* Link
---------------------------------------------------- */

a:link {
	text-decoration: none;
	color: #BFD62E;
}

a:visited {
	text-decoration: none;
	color: #EFE3C0;
}

a:hover {
	text-decoration: underline;
	color: #FFE04D; 
}

a:active {
	color: #EFE3C0;
	text-decoration: none;
}





/* Pan class
----------------------------------------------- */

.clearfix {
    zoom: 1;
}

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

.hide {
	display: none;
}


.cl {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}




/* Header
----------------------------------------------- */

#wrapper {
	width: 720px;
	margin: 10px auto 20px auto;
	background-color: #FFF;
	text-align: left;
	overflow: hidden;
}

#header {
	background-color: #856845;
}


#header p.copy {
	font-size: x-small;
	color: #DDC993;
	float: left;
	padding: 5px 10px 5px 10px;
	width: 450px;
}

#header .copy a {
	color: #DDC993;
}

#header .posi {
	float: right;
	padding-left: 10px;
	padding-right: 5px;
	width: 200px;
	text-align: right;
	
}

#header .posi span {
	font-size: 15px;
	margin-left: -4px;
}

#header .posi span a:hover {
	text-decoration: none;
}




/* Navigation
-------------------------------------- */

p#logoimage {
	float: left;
	width: 190px;
	height: 45px;
}

p#logotext {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	font-size: 1px;
}

#navi .move {
	float: right;
	width: 130px;
}


#navi img,
#navi img a {
	border: 0;
}


/* Contents
----------------------------------------------- */

h1.info {
	text-align: left;
	padding: 10px 15px 10px 15px;
	background-color: #FFFCF4;
	margin-left: auto;
	margin-right: auto;
	width: 656px;
}



#contents {
	padding: 5px 15px 5px 15px;
	text-align: left;
	height: 620px;
}

#contents .fade-box {
	position: absolute;
}

#contents .thumbs {
	height: 88px;
}

#contents .thumbs img {
	border: 4px solid #FFF;
}

#contents .thumbs a:hover img {
	border-color: #FFE04D;
}

#contents .lspace {
	height: 40px;
}

#contents .main-p {
    text-align: center;
    padding-left: 10px;
}

#contents .fade-box .main-p img {
	display: inline;
}


h2.fname {
	text-align: left;
	padding: 8px 20px 8px 20px;
	font-weight: 600;
	width: 550px;
	background-color: #FFFCF4;
	background-image: url(images/h2.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.photo {
	background-color: #FFFCF4;
	width: 550px;
	padding: 0 20px 20px 20px;
	border: 0;
}



/* Footer
----------------------------------------------- */

#footer img,
#footer img a {
	border: 0;
}

#footer {
}


#footer .f5 {
	text-align: right;
	padding-right: 15px;
	padding-bottom: 3px;
}


#footer .date {
	background-color: #856845;
	width: 690px;
	font-size: x-small;
	color: #DDC993;
	text-align: right;
	padding: 2px 15px 2px 15px;
}