@charset "utf-8";
@import "common.css";

/* 共通指定 */
#top-titlewindow,
#work-picture,
#prof-titlewindow,
#cont-titlewindow {	/* 上部ウィンドウ全体 */
	padding: 0; margin: 0;
	background: url(img/pict-bg.png) no-repeat;
	width: 940px;
	height: 500px;

	text-align: center;
	color: #efefef;
	font-size: 1em;
}

#top-titlewindow h1,
#com-titlewindow h1 {	/* タイトル画像 */
	background: url(img/bg-basic.jpg) no-repeat;
	text-indent: -9999px;
	width: 846px;
	height: 500px;
	margin: 0 auto;
}

#com-contents {
	position: absolute;
	left: 450px;
	top: 40px;
	color: #fff;
}
#com-contents h2 {
	font-family: Geneva, Arial, sans-serif;
	letter-spacing: 0.2em;
	font-size: 24pt;
	font-weight: normal;
	color: #e3e3e3;
}

/*
 * index.html
 */
#top-titlewindow h1 {	/* タイトル画像 */
	background: url(img/bg-index.jpg) no-repeat;
}

#top-information {
	position: absolute;
	left: 100px;
	top: 360px;
}
#top-information h2 { color: #ededed; font-size: 20px; font-weight: normal; letter-spacing: 0.2em; }
#top-information p { margin: .5em 0; color: #333; font-size: 10pt; line-height: 1.5em; }
#top-information p a { color: #333; text-decoration: none; }

/*
 * information/link/profile
 */
.contbox {
	margin-top: 7px;
	width: 403px;
	height: 395px;
	overflow: auto;
}

/* style of scroll bar */
.contbox .mCSB_scrollTools .mCSB_dragger {
    height: 11px;
}
.contbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 #fff;
    border-radius: 11px 11px 11px 11px;
    width: 11px;
}
.contbox .mCSB_scrollTools .mCSB_draggerRail {
    border-right: 2px solid #fff;
    width: 0;
}

.contbox a { text-decoration: none; color: #fff; }
.contbox a:hover { text-decoration: underline; color: #fff; }
.contbox a:visited { color: #fff; }


/* information.html */
#information .contbox p { line-height: 1.8em; }
#information .contbox dd { margin-bottom: 1em; }

/* link.html */
#link .contbox { font-size: 10pt; }
#link .contbox dl {  }
#link .contbox dt { padding-bottom: .4em; float: left; }
#link .contbox dd { padding-bottom: .4em; padding-left: 8em; }
.link-designer { padding-top: .5em; }

/* profile.html */
#prof-picture { position: absolute; right: 10px; top: -10px; }
h3.prof-history { margin-top: 30px; }
#profile .contbox { height: 320px; }
#profile .contbox dt { line-height: 1.5em; float: left; }
#profile .contbox dd { line-height: 1.5em; padding-left: 5em; }

/* products.html */
#prod-cont { 
	position: relative;
	margin: 0 auto;
	width: 846px;
	height: 500px;
	background: url(img/bg-products.png) repeat-x;
}

#prod-main {
	background: transparent;
	margin: 10px 0 30px 50px;
}

.coda-slider-wrapper .coda-nav-left-arrow {
    position: absolute;
    top: 184px;
    left: 0;
    width: 42px;
    height: 42px;
    background: url(img/prod-prev.png) no-repeat top left; 
    margin-top:50px;
}
.coda-slider-wrapper .coda-nav-right-arrow {
    position: absolute;
    top: 184px;
    right: 0;
    width: 42px;
    height: 42px;
    background: url(img/prod-next.png) no-repeat top right; 
    margin-top:50px;
}
.coda-slider-wrapper .coda-nav-left-arrow:hover {
    background: url(img/prod-prev.png) no-repeat bottom left;
}
.coda-slider-wrapper .coda-nav-right-arrow:hover {
    background: url(img/prod-next.png) no-repeat bottom left;
}

.prod-item {
	width: 730px;
	height: 345px;
}

.coda-slider-wrapper .coda-slider,
.coda-slider-wrapper .coda-slider .panel { width: 730px; }
.coda-slider-wrapper .coda-slider .panel .panel-wrapper { padding: 0; }

.prod-description {
	float: left;
	width: 158px;
	color: #fff;
}
.prod-description h2 { font-size: 12px; margin-bottom: 1em; margin-left: 1px; }
.prod-description p  { font-size: 10px; line-height: 1.5em; margin: 1em 0; }
.prod-description ul { margin: 1em 0; }
.prod-description ul li { font-size: 10px; line-height: 1.5em; }
.prod-description a  { color:#bbb; text-decoration: none; }
.prod-description a:hover  { text-decoration: underline; }
.prod-description a:visited  { color:#bbb; text-decoration: none; }


.prod-picture {
	float: right;
	width: 552px;
}

.prod-picture img { float: left; }

.prod-item-thumb { float: right; width: 142px; overflow: hidden; }

ul.prod-item-thumb-list { width: 152px; }
.prod-item-thumb-list li {
	float: left;
	margin: 0 14px 14px 0;
	width: 62px;
	height: 62px;
	overflow: hidden;
}

#prod-navi {
	position: absolute;
	top: 300px;
	left: 48px;
	font-size: 11pt;
	letter-spacing: 0.2em;
	color: #bbb;
}
#prod-navi ul { list-style: none; }
#prod-navi ul li { line-height: 1.5em; }
#prod-navi ul li a { color: #bbb; text-decoration: none; }
#prod-navi ul li a:hover { color: #fff; }
#prod-navi ul li a:visited { color: #bbb; }

#prod-list { position: relative; }

.prod-list-prev, .prod-list-next { display:block; font-size: 0; border: 0; line-height: 0; text-indent: -9999px; width: 14px; height: 14px; cursor: pointer; }
.prod-list-prev { background: url(img/prod-sprev.png); position: absolute; top: 15px; left:  5px; }
.prod-list-next { background: url(img/prod-snext.png); position: absolute; top: 15px; right: 5px; }
.prod-list-prev:hover, .prod-list-next:hover { background-position: bottom; }

.prod-list-thumbs {
	margin-left: 24px;
}

.prod-list-thumbs ul li {
	float: left;
	margin-left: 5px;
	width: 48px;
	height: 48px;
	overflow: hidden;
}