@import url(http://fonts.googleapis.com/css?family=Sintony);
@import url(http://fonts.googleapis.com/css?family=Shanti);
@import url(http://fact-web.com/fonts/css?family=hv);
@import url(http://fact-web.com/fonts/css?family=hvb);
@import url(http://fonts.googleapis.com/css?family=Hammersmith+One);
@import url("size.css");

@font-face{font-family: 'hvb'; src:url(http://fact-web.com/fonts/hvb.otf);}
@font-face{font-family: 'hv'; src:url(http://fact-web.com/fonts/hv.otf);}


html {/*height: 100%;margin-bottom: 1px;*/}

body
{
	padding: 0;
	background-color:#fff;
	color:#222;
	font-size: 62.5%;
	font-family:  'Sintony', 'ヒラギノ角ゴ Pro W3', 'Lucida Grande', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Geneva', 'Arial', 'Verdana, sans-serif';
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
body#gallery,	body#gallery-sub
{
	background-color:#000;
	color:#fff;
}
body#gallery-sub.keyaki
{
	background-color:#fff;
	color:#000;
}


p{margin: 0;}

.description {
	display: none;
}

h1,div.pnav h2,	div.pnav p,	nav a,	#primary h3
{
	font-size: 0px;
	line-height: 0px;
	text-align: left;
	text-indent: -2000px;
}

/********************************************************************************************************************************/

a
{
	color:#222;
	text-decoration: none;
}
body#gallery a,	body#gallery-sub a
{
	color:#fff;
}

#page a:hover,	body#gallery a:hover
{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
 body#gallery-sub.keyaki a
{
	color:#000;
}

article{
	display: block;
	clear: both;
	float: none;
}

/***********************************************Begin Headers ***********************************************/

h1, h2, h3{margin: 0;}
h1{position: absolute;left: 220px;top: 40px;z-index: 1000;}h1{height: 50px;width: 290px;}
h1 a
{
	background-image: url(../data/h1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 50px;
	width: 290px;	
}
body#gallery h1 a,	body#gallery-sub h1 a{background-image: url(../gallery/h1.png);}

body#gallery-sub h1
{
	position: fixed;
	font-size: 3em;
	left: 50px;
	top: 10px;
}
header nav{
	background-image: url(../data/dot.png);
	background-repeat: no-repeat;
	background-position: 5px 45px;
}
header nav{
	background-image: url(../data/dot.png);
	background-repeat: no-repeat;
	background-position: 5px 45px;
}
body#gallery header nav
{
	background-image: url(../gallery/dot.png);
	background-position: 5px 85px;
}
body#data header nav,
body#data-sub header nav
{
	background-position: 5px 65px;
}
body#profile header nav{
	background-position: 5px 105px;
}
body#topics header nav{
	background-position: 5px 125px;
}
body#blog header nav{
	background-position: 5px 145px;
}

header nav a
{
	background-image: url(../data/nav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 20px;
	width: 200px;
	margin-left: 18px;
}
body#gallery header nav a
{
	background-image: url(../gallery/nav.png);
}

header nav a.gallery{background-position: 0px -40px;}
header nav a.data{background-position: 0px -20px;}
header nav a.profile{background-position: 0px -60px;}
header nav a.topics{background-position: 0px -80px;}
header nav a.blog{background-position: 0px -100px;}


header {  }

#primary p a,	#primary ul li ul li a
{
	display: block;
	height: 24px;
	width: 180px;
	background-image: url(../img/dot.png);
	background-repeat: no-repeat;
	background-position: -7px 9px;
	padding-left: 20px;
}

body#gallery #primary p a
{
	background-image: url(../img/dotw.png);
}

#primary p a:hover,	#primary ul li ul li a:hover
{background-position: 7px -21px;}

#primary p a.current
{background-position: 7px 9px;}


div.pnav
{
	position: absolute;
	left: 222px;
	top: 86px;
	width: 780px;
	z-index: 1000;
	height: 20px;
}

div.pnav p	{
	float: left;
	display: block;
	height: 20px;
	width: 54px;
}
div.pnav p a	{
	background-image: url(../data/navi.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 20px;
}

div.pnav h2	{
	float: left;
	display: block;
	height: 20px;
	width: 44px;
	background-image: url(../data/navi.png);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
body#gallery div.pnav h2	{
	background-image: url(../gallery/navi.png);background-position: 0px -20px;width: 64px;
}

div.pnav p.home ,div.pnav p.home a {width: 49px;}
div.pnav p.home a {background-position: 0px 0px;}
div.pnav p.data ,div.pnav p.data a {width: 58px;}
div.pnav p.data a {background-position: 0px -40px;}
div.pnav p.gallery ,div.pnav p.gallery a {width: 75px;}
div.pnav p.gallery a {background-position: 0px -20px;}

div.pnav h2.profile	{width: 112px;background-position: 0px -60px;}
div.pnav h2.blog	{width: 112px;background-position: 0px -80px;}
div.pnav h2.suifu	{width: 112px;background-position: 0px -100px;}
div.pnav h2.shima	{width: 202px;background-position: 0px -120px;}
div.pnav h2.daimyo	{width: 99px;background-position: 0px -140px;}
div.pnav h2.izumo	{width: 120px;background-position: 0px -160px;}
div.pnav h2.tagawa	{width: 172px;background-position: 0px -180px;}
div.pnav h2.keyaki	{width: 210px;background-position: 0px -200px;}
div.pnav h2.maidashi	{width: 180px;background-position: 0px -220px;}

/*body#gallery div.pnav p.home a ,body#gallery-sub div.pnav p.home a {background-image: url(../gallery/home.png);}
body#gallery div.pnav p.data a ,body#gallery-sub div.pnav p.data a {background-image: url(../gallery/data.png);}
body#gallery div.pnav p.gallery a ,body#gallery-sub div.pnav p.gallery a {width: 100px;background-image: url(../gallery/gallery.png);}
body#gallery div.pnav h2.data	{background-image: url(../gallery/data.png);}
body#gallery-sub div.pnav h2.suifu	{background-image: url(../gallery/suifu.png);}
body#gallery-sub div.pnav h2.shima	{background-image: url(../gallery/shima.png);}
body#gallery-sub div.pnav h2.daimyo	{background-image: url(../gallery/daimyo.png);}
body#gallery-sub div.pnav h2.izumo	{background-image: url(../gallery/izumo.png);}
body#gallery-sub div.pnav h2.tagawa	{background-image: url(../gallery/tagawa.png);}
body#gallery-sub div.pnav h2.keyaki	{background-image: url(../gallery/keyaki.png);}
body#gallery-sub div.pnav h2.maidashi	{background-image: url(../gallery/maidashi.png);}*/
body#gallery div.pnav p.gallery a ,body#gallery-sub div.pnav p.gallery a {width: 80px;}
body#gallery div.pnav p a ,body#gallery-sub div.pnav p a,
body#gallery-sub div.pnav h2
	{background-image: url(../gallery/navi.png);}



body#gallery-sub div.pnav
{
	position: fixed;
	left: 50px;
	top: 55px;
}

body#gallery div.pnav h2.gallery{width: 70px;background-image: url(../gallery/gallery.png);}


h3
{
	padding: 0;
	margin: 0px;
	font-size: 1.4em;
	line-height: 1.6em;
	font-family:  'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Lucida Grande', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Geneva', 'Arial', 'Verdana, sans-serif';
}
div#profile h3
{
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	display: block;
	padding-top: 4px;
}
div#profile .one-h h3{
	padding-left: 20px;
}

div.works p
{
	font-size: 0.95em;
	line-height: 1.8em;
	padding-bottom: 6px;
}

div.works h3
{
	padding-bottom: 10px;
	font-size: 1.25em;
	line-height: 1.6em;
}





/*

div.pnav p.data ,div.pnav p.data a {width: 64px;}
div.pnav p.data a {background-image: url(../data/data.png);background-position: 0px 0px;}
div.pnav p.gallery ,div.pnav p.gallery a {width: 40px;}
div.pnav p.gallery a {background-image: url(../data/gallery.png);background-position: 0px 0px;}

div.pnav h2	{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

body#gallery div.pnav a	,	body#gallery-sub div.pnav a
{
	background-image: url(../gallery/navi.png);
}

/*Headings hover color*/


.al-url
{
	font-family: 'Sintony', sans-serif;
	font-size: 1.2em;
	line-height: 2.0em;
	position: absolute;
	left: 220px;
	top: 90px;
	z-index: 1100;
}

  
/***********************************************header***********************************************/

header {
	margin: 0;
	height: 220px;
	padding: 0;
	display: block;
}

/***********************************************page***********************************************/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}

#main,
#page
{
	text-align: left;
	background-image: url(../img/-page.png);
	background-repeat: no-repeat;
	background-position: 0px 00px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width:1000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
}

div#page #profile
{
	font-size: 12px;
	line-height: 22px;/*	background-image: url(../img/sano.jpg);
	background-repeat: no-repeat;
	background-position: 850px 50px;*/
}


.dot
{
	background-image: url(../img/page.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0px;
	right: -20px;
}


#content .entry p {
/*	font-size: 1.2em;
	line-height: 2.0em;*/
	}

#content .entry, #content .entry {
/*	line-height: 1.4em;*/
	}

#content
{
	font-size: 1.2em;
	line-height: 1.8em;
	display: block;
	float: right;
/*	overflow:hidden;*/
	width: 800px;
	margin-top: 0;
	margin: 0;
	padding: 0;
	position: relative;
}

#content .postmetadata {}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

footer {
	font-family: 'Sintony', sans-serif;
	border: none;
	padding: 0;
	margin: 0 auto;
	width: 1000px;
	clear: both;
	display: block;
	text-align: left;
	position: relative;
}

body#gallery-sub footer {
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
	text-align: left;
}


body#gallery #footer,
body#gallery-sub #footer
{
	position: fixed;
	bottom: 0px;
	width: 100%;
	}

footer p {
	margin: 0;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:220px;
	}

body#gallery #footer footer p,
body#gallery-sub #footer footer p
{
	padding-left:20px;
}


small {
	font-family: 'Sintony', sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}






.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

/***********************************************topbar***********************************************/

#topbar 
{
	font-size: 1.2em;
	line-height: 2.0em;
	text-align:left;
	width:780px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 220px;
	position: relative;/*	background-image: url(../img/black30.gif);
	background-repeat: repeat-y;
	background-position: 200px;*/
}

/***********************************************sidebar***********************************************/

#primary 
{
	font-size: 1.2em;
	line-height: 2.0em;
	text-align:left;
	width:200px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#primary h3 {
	background-image: url(../data/nav.png);
	background-repeat: no-repeat;
	background-position: 0px -120px;
	display: block;
	height: 20px;
	width: 180px;
	margin-left: 18px;
	}
#primary .widget_categories h3{background-position: 0px -140px;}
#primary .widget_archive h3{background-position: 0px -160px;}
#primary ul, #primary ul ol {
	margin: 0;
	padding: 0;
	}

#primary ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#primary ul p, #primary ul select {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	}

#primary ul ul, #primary ul ol {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	}

#primary ul ul ul, #primary ul ol {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	}

ol li, #primary ul ol li {
	list-style-position: outside;
	list-style-type: none;
	}

#primary ul ul li, #primary ul ol li {
	padding: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}


small, #primary ul ul li, #primary ul ol li, .nocomments, .postmetadata, blockquote, strike {
	/*color: #777;*/
	}
#primary #searchform #s {
	width: 108px;
	padding: 1px;
	}

#primary #searchsubmit {
	padding: 1px;
	}
	
#primary form {
	margin: 0;
	}

/***********************************************sidebar***********************************************/

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */


/* Begin Structure */

/* Always show the scrollbar */



body#profile #content
{
/**/
/*	background-image: url(../img/sano.jpg);
	background-repeat: no-repeat;
	background-position: 660px 0px;*/
}

#content .post {
}

#content .postmetadata {
font-size:11px;
padding-top:14px;
color:#555;
}
#content .postmetadata {
	margin: 10px 0;
	}

#content .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

#content .attachment {
	text-align: center;
	margin: 5px 0px;
}

#home
{
	font-family: 'Sintony', sans-serif;
	font-size: 1.2em;
	line-height: 2.0em;
	position: relative;
	padding-top: 0px;
	padding-left: 30px;
/*	background-image: url(../img/black30.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
}
header nav
{
	font-family: 'Sintony', sans-serif;
	font-size: 1.2em;
	line-height: 2.0em;
	position: relative;
	padding-top: 40px;
	padding-left: 0px;
/*	background-image: url(../img/black30.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
}
#mainnavi.index
{
	background-position: 0px -200px;
}
#mainnavi.info
{
	background-position: 0px -45px;
}


.post {
	margin-bottom: 20px;
	display: block;
	clear: both;
	float: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 2.0em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-right: 10px;
	margin-left: 20px;
	position: relative;
}

.post h2,.post h3 {
	padding-top:0px;
	padding-bottom:20px;
	font-weight: normal;
	display: block;
}

.post hr {
	display: block;
	clear: both;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.dateabso{
	position: absolute;
	top: 10px;
	right: 10px;
}


#tags {
font-size:11px !important;
color:#999;
}


.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}


/* End Structure */





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 7px;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
div.entry div.alignright {
	margin-left: 40px;
	}

div.entry div.alignleft {
	margin-right: 40px;
	}



/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #primary ul ul li:before {
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 0px 5px 3px;
	}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 98%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	margin:0px;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
/*	border: none;*/
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-top: 2px;
	padding-right: 0px;
	padding-left: 0px;
	height: 20px;
	margin-right: 10px;
	margin-left: 20px;
	}

.navigation .alignleft{
  padding-right:4px;}

/* End Various Tags & Classes*/


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
/*	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}
.wp-caption p {
}

.wp-caption img {
width: calc(100% - 20px);
	margin: 0;
	padding: 0 0 0 20px;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
width: calc(100% - 20px);
	margin: 0;
	font-size: 0.9em;
	line-height: 0.9em;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 20px;
}
/* End captions */



/*
  Ploo, ploo, white and blue. 
  I do love you true.
*/
.fbwall{
	padding-left: 20px;
}
.clear-box{
	clear: both;
	float: none;
	font-size: 5px;
	line-height: 5px;
}
body#data-sub .clear-box{
	color:#fff;
}

.one-d p,.two-d p,.three-d p,.four-d p
{
	text-align: justify;
	text-justify: inter-ideograph;
}

.one-d{
	float: left;
	width: 180px;
	padding-left: 20px;
	position: relative;
}
.one-d img{
	width: 180px;
	height: auto;
}

.two-d{
	float: left;
	width: 380px;
	padding-left: 20px;
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.three-d{
	float: left;
	width: 580px;
	position: relative;
	padding-left: 20px;
}

.four-d{
	float: left;
	width: 780px;
	position: relative;
	padding-left: 20px;
}

.one-h{
	float: left;
	width: 100px;
	padding-left: 0;
	position: relative;
}

a.thumb img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a.thumb:hover img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
/*	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;*/
}
span.axis{
	font-family: 'hv', sans-serif;
	position: absolute;
	z-index: 100;
	left: 30px;
	bottom: 2px;
	font-size: 1.4em;
	line-height: 1.8em;
}
img.axis{
	height: 178px;
	width: 178px;
	border: 1px solid #CCCCCC;
}
img.izumo{
	width: 178px;
	height: 89px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
p.izumott{
	font-family: 'hv', sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
}
p.izumo{
	font-size: 0.8em;
	line-height: 1.6em;
}
span.suifu{
	font-family: 'hv', sans-serif;
	position: absolute;
	z-index: 100;
	left: 30px;
	top: 2px;
	font-size: 1.4em;
	line-height: 1.8em;
}
span.suifudata{
	font-family: 'hv', sans-serif;
	position: absolute;
	z-index: 100;
	left: 30px;
	top: 28px;
	font-size: 1.0em;
	line-height: 1.2em;
}
img.suifu{
	height: auto;
	width: 178px;
	border: 1px solid #CCCCCC;
}

.hrlike{
	display: block;
	clear: both;
	float: none;
}
#facebook{
	padding-left: 220px;
}
.facebook{
	position: absolute;
	left: 20px;
	top: 0px;
}
.data-no 
{
	color: #3399FF;
	font-family: hv, sans-serif;
}
.photo-no
{
	position: relative;
}

.one-d .photo-no
{
	width: 180px;
}
.two-d .photo-no
{
	width: 380px;
}
.three-d .photo-no
{
	width: 580px;
}
.four-d .photo-no
{
	width: 780px;
}
.photo-no span.pnumber
{
	position: absolute;
	right: 7px;
	bottom: 7px;
	z-index: 1000;
	color: #ffffff;
	font-family: hv, sans-serif;
	font-size: 1.0em;
	line-height: 1.0em;
}

.photo-no span.pnumberl
{
	position: absolute;
	left: 7px;
	bottom: 7px;
	z-index: 1000;
	color: #ffffff;
	font-family: hv, sans-serif;
	font-size: 1.0em;
	line-height: 1.0em;
}

.photo-no span.pnumber.dental
{
	color: #222;
}

a.samepage{
	border: 1px solid #999;
	font-size: 10px;
	display: block;
	margin-left: 8px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-family: 'hvb', sans-serif;
}

h2.pagetitle
{
	text-align: left;
	font-size: 1.4em;
	line-height: 1.6em;
	/*	border:1px solid #777;*/
	margin-top:0px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #999999;
	margin-right: 10px;
	margin-left: 20px;
	padding-top: 2px;
	padding-left: 10px;
	display: block;
	height: 30px;
}

body#data-sub #data-thumb{
	position: absolute;
	right: 0px;
	top: 45px;
	z-index: 1000;
	width: 270px;
}
body#data-sub #data-thumb img{
	height: 24px;
	width: 24px;
	margin-left: 10px;
	border: 1px solid #cccccc;
}
body#data-sub #data-thumb a img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
body#data-sub #data-thumb a.current  img,
body#data-sub #data-thumb a:hover  img{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
div#profile a{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.att{color:#ff0000;}

#footer { background-color: #fff }