/*---------------------------------------
works


---------------------------------------*/
/*---------------------------------------
works common

---------------------------------------*/
#works-contents {
	padding:25px;
	background:#fff;
}

.works-back {
	padding:25px;
	background:#000;
}

#works-contents h3 {
	padding-bottom:5px;
	font-size:120%;
	font-weight:bold;
	color:#00599E;
}

/*---------------------------------------
works top

---------------------------------------*/
#works-buttons {
	float:left;
	padding:0 20px;
}
.works-button {
	float:left;
	width:160px;
	padding:15px;
}
.works-button .link {
	text-align:center;
	padding:4px 0;
}

.works-button .link img{
	vertical-align:middle;
	padding-right:1em;
}
.works-button .link a{
	text-decoration:none;
}

/*---------------------------------------
photographing

---------------------------------------*/
/*---------------------------------------
photographing index
---------------------------------------*/
.description {
	padding:20px 0 10px 15px;
	font-size:85%;
}
.photosample {
	width:640;
	margin:10px 0;
}

.leftcell {
	width:50px;
}
.leftcellbg {
	height:110px;
	background:#000;
}
.rightcell{
	width:340px;
}
.rightcellbg {
	height:110px;
	background:#000;
}

.element {
	padding:8px;
}
.element h2{
	font-size:1.2em;
	color:#f8e906;
}
.element p{
	font-size:90%;
	color:#fff;
}
/*---------------------------------------
photographing samples
---------------------------------------*/
#thumb-area {
	width:600px;
	margin:20px auto;
	background:#fff;
}
#thumb-contents {
	width:600px;
}
.v-pad8 {
	width:10px;
	height:8px;
}
.left-pad4 {
	padding-left:4px;
}

.left-pad8 {
	padding-left:8px;
}
.left-pad15 {
	padding-left:15px;
}
.left-pad20 {
	padding-left:20px;
}
.linkbtn {
	width:100%;
	margin-top:10px;
}

.linkbtn a {
	text-decoration:none;
}
.linkbtn a:hover{
	font-weight:bold;
}
.linkbtn a img {
	vertical-align:middle;
}

.linkprev {
	width:50%;
	text-align:left;
	vertical-align:middle;
}
.linknext {
	width:50%;
	text-align:right;
	vertical-align:middle;
}
.linkprev img{
	padding-right:10px;
}
.linknext img{
	padding-left:10px;
}

/*---------------------------------------
web

---------------------------------------*/
.sample {
	padding:8px 0;
}

.arrow {
	padding:0 30px;
}


.postcard {
	width:560px;
	margin:0 auto;
}


#site-buttons {
	float:left;
	padding:0 20px;
}

.site-button {
	float:left;
	width:160px;
	padding:15px;
	text-align:center;
}
.site-button .site-name{
	display:block;
	text-align:center;
}

.site-button .site-uri {
	display:none;
	text-align:center;
}


/*---------------------------------------
pamphlet,menu,ad common

---------------------------------------*/
/*samples navigation*/
#samples-navi {
	padding:15px 0;
}
#samples-navi td{
	vertical-align:bottom;
}

.navi-pad-menu {
	width:356px;
}
.navi-pad-pamp {
	width:160px;
}
.navi-pad-ad {
	width:338px;
}


.btnpos{
	vertical-align:bottom;
}
.type-element {
	padding-top:10px;
	padding-left:10px;
}
.type-name {
	/*margin:8px 0;*/
}
.type-element .remarks {
	padding-top:8px;
	/*padding:8px 0;*/
	/*font-size:85%;*/
}
.type-sample {
	padding-top:8px;
}

.type-var {
	padding-top:10px;
}

.border {
	width:100%;
	height:20px;
	background:#fff url("../works/images/border.gif") no-repeat center center;
}
.go-works {
	padding-left:25px;
}
.img-cell-pad {
	padding-left:25px;
}

#sample-detail {
	/*width:640px;*/
	padding:10px 0;
	width:100%;
	text-align:center;
}

#back-next {
	margin:10px 0;
	width:100%;
	background:#fff url("../works/images/backnext_bg.gif") no-repeat center center;
	text-align:center
}

#back-parent{
	margin:10px 0;
	width:100%;
	text-align:center
}




/*---------------------------------------
tamagoro

---------------------------------------*/
#tamagoro-buttons {
	float:left;
	padding:0 50px;
}

#tamagoro-buttons {
	float:left;
	padding:0 50px;
}

.tamagoro-button {
	float:left;
	width:160px;
	padding:15px 25px;
}
.tamagoro-button .link {
	padding:4px 0;
}

.tamagoro-button .link img{
	float:left;
	vertical-align:middle;
	padding-right:1em;
}
.tamagoro-button .link a{
	display:block;
	font-size:80%;
	text-decoration:none;
}

.page-description span {
	/*font-size:110%;*/
	font-weight:bold;
	color:#00599E;
}

.blueM {
	font-size:110%;
}
.blueL {
	font-size:130%;
}

.w640 {
	width:640px;
}