@charset "utf-8";
/*
(C) DAIPRI INC

	Table of Contents
	
	DEFOULT
	BASIC INLINE/TEXT STYLING
	BASSIC LAYOUT
	
	HEADER
	
	NAVI
	
	MAIN
	
	SLIDE
	
	FOOTER
	
	CONTACT
	
*/

/*
-------------------------------------------------------------------------------
DEFOULT
-------------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
img{margin: 0px;}
hr{margin: 0px;}

/* standard helper classes */
.clr {clear: both;float: none;overflow: hidden;width: 1px;height: 1px;margin: 0 -1px -1px 0;border: 0;padding: 0;font-size: 0;line-height: 0;}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
* html .pkg {display: inline-block;}
/* no ie mac \*/
* html .pkg {height: 1%;}
.pkg {display: block;}
/* */

/* 
----------------------------------------------------------------------------- 
BASIC INLINE/TEXT STYLING
-----------------------------------------------------------------------------*/

html { border: none; }

body {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Lucida Grande, Verdana, Sans-Serif, Arial, Helvetica;
	font-size: 0.8em;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
}

a {
	color: #4f4f4f;
}

a:visited {
	color: #4f4f4f;
}

a:hover {
	color: #c9171e;
}

.L {
	float: left;
	display: inline;
}

.R {
	float: right;
	display: inline;
}

/*
-------------------------------------------------------------------------------
BASSIC LAYOUT
-------------------------------------------------------------------------------*/

div.wrapper {
	width: 950px;
	height: 700px;
	font-size: 11px;
	background-color: #FFF;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

div#header, div#footer { width: auto; }

div#header div.inner, div#footer div.inner {
	margin: 0 auto;
	width: 950px;
	text-align: left;
}

/* 
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/

div#header div.inner {
	height: 120px;
	position: relative;
}

div#header div.inner h6 {
	position: absolute;
	bottom: 4px;
	left: 0;
	font-size: 12px;
	letter-spacing : 5pt;
}

/* 
----------------------------------------------------------------------------- 
NAVI
-----------------------------------------------------------------------------*/

div#navi-box {
	width: 490px;
	height: auto;
	z-index: 3000;
	position: absolute;
	top: 0;
	right: 0;
}

ul#Navi {
	width: 490px;
	height: 45px;
}

ul#Navi li {
	width: 70px;
	height: 45px;
	margin-left: 5px;
	float: left;
	display: inline;
}

ul#Navi li a {
	width: 70px;
	height: 45px;
	display: block;
	background-image: url(img/navi04.jpg);
	background-repeat: no-repeat;
	text-indent: -7777em;
	overflow: hidden;
	top: 0;
	left: 0;
}

ul#Navi li#nav01 a { background-position: 0px 0px; }

ul#Navi li#nav01 a:hover { background-position: 0px -45px; }

body.b01 ul#Navi li#nav01 a { background-position: 0px -45px; }

ul#Navi li#nav02 a { background-position: -75px 0px; }

ul#Navi li#nav02 a:hover { background-position: -75px -45px; }

body.b02 ul#Navi li#nav02 a { background-position: -75px -45px; }

ul#Navi li#nav03 a { background-position: -150px 0px; }

ul#Navi li#nav03 a:hover { background-position: -150px -45px; }

body.b03 ul#Navi li#nav03 a { background-position: -150px -45px; }

ul#Navi li#nav04 a { background-position: -225px 0px; }

ul#Navi li#nav04 a:hover { background-position: -225px -45px; }

body.b04 ul#Navi li#nav04 a { background-position: -225px -45px; }

ul#Navi li#nav05 a { background-position: -300px -0px; }

ul#Navi li#nav05 a:hover { background-position: -300px -45px; }

body.b05 ul#Navi li#nav05 a { background-position: -300px -45px; }

ul#Navi li#nav06 a { background-position: -375px -0px; }

ul#Navi li#nav06 a:hover { background-position: -375px -45px; }

body.b06 ul#Navi li#nav06 a { background-position: -375px -45px; }

body.b05 ul#Navi li#nav05 a { background-position: -300px -45px; }

ul#Navi li#nav07 a { background-position: -450px -0px; }

ul#Navi li#nav07 a:hover { background-position: -450px -45px; }

body.b07 ul#Navi li#nav06 a { background-position: -450px -45px; }



/* 
----------------------------------------------------------------------------- 
SLIDER
-----------------------------------------------------------------------------*/

p.intro {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 20px 0 30px 0;
	text-align: center;
}
		
p#cross-links { text-align: center; }
		
p#cross-links {
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
		
a:focus { outline:none; }
		
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}
		
.slider-wrap {
	margin: 30px 0 0;
	position: relative;
	width: 100%;
}

.csw {
	width: 100%;
	height: 450px;
	background: #fff;
	overflow: scroll}
	
.csw .loading {
	margin: 200px 0 300px 0;
	text-align: center;
}

.stripViewer { 
	position: relative;
	overflow: hidden; 
	border: 0px solid #000; 
	margin: auto;
	width: 580px;
	height: 580px;
	clear: both;
	font-size: 11px;
}
		
.stripViewer .panelContainer {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}
		
.stripViewer .panelContainer .panel { 
	float:left;
	height: 100%;
	position: relative;
	width: 580px;
}
		
.stripViewer .panelContainer .panel .wrappers { 
	padding: 10px;
	text-align: left;
}
		
.stripNav { 
	margin: auto;
	display: none;
}
		
.stripNav ul { 
	list-style: none;	
}
		
.stripNav ul li {
	float: left;
	margin-right: 2px; 
}
		
.stripNav a { 
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}
		
.stripNav a:hover {
	background: #9cf;
}
		
.stripNav a.current {
	background: #39c;
	color: #fff;
}
		
.stripNavL, .stripNavR { 
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}
		
.stripNavL a, .stripNavR a {
	display: block;
	height: 46px;
	width: 46px;
}
		
.stripNavL {
	left: 0;
}
		
.stripNavR {
	right: 0;
}
		
.stripNavL {
	background: url("slider/images/arrow-left.gif") no-repeat center;
}
		
.stripNavR {
	background: url("slider/images/arrow-right.gif") no-repeat center;
}

/* 
----------------------------------------------------------------------------- 
MAIN
-----------------------------------------------------------------------------*/

/*
.Yellow {
	background-color: #eeea39;
}

.Red {
	background-color: #e7161b;
}

.Green {
	background-color: #1f8d44;
}

.lime {
	background-color: #98c727;
}
*/

p.title {
	margin-bottom: 3em;
}

strong {
	font-weight: bold;
}

/* INDEX */

div.logo {
	width: 283px;
	height: 18px;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	position: absolute;
	top: 250px;
	left: 20px;
}

div.logo h1 {
	text-indent: -7777em;
}

div.Greetings {
	width: 381px;
	height: 68px;
	background-image: url(img/greetings.gif);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	position: absolute;
	top: 300px;
	left: 20px;
}

div.Greetings p {
	text-indent: -7777em;
}

/* COMPANY */

dl.ren dt{
	clear: left;
	float: left;
	width: 8em;

}

dl.ren dd{
	margin-left: 8em;
	zoom: 1;
}


dl.cate dt{
	clear: left;
	float: left;
	width: 25em;
	line-height:2em;

}

dl.cate dd{
	margin-left: 8em;
	line-height:2em;
	zoom: 1;
}

div.company
{
	margin-top:5em;
	margin-left:14em;
	line-height:2em;
}

div.info
{
	line-height:100%;
}

/* LINK */

div.note {
	margin-top: 41px;
	margin-left: 207px;
	text-align: left;
}

div.link a:hover {
	text-decoration: underline;
}

dl.l-ren dt{
	clear: left;
	float: left;
	width: 20em;

}

dl.l-ren dd{
	margin-left: 20em;
	zoom: 1;
}

/* PRIVACY POLICY */

span.titP {
	color: #98c727;
}

/* WORKS */

.slideshowContainer {
	
	width: 650px;
	height: 500px;
	margin-bottom: 5px;
}

div#slidemain
{
	float:right;
	margin-left:120px;
}


.category
{
	float:left;
	margin-top:50px;
}

.category ul
{
	float:left;
	width:auto;
	padding:0 5px;
}

.works
{
	width:240px;
}

#works1
{
	float:left;
	width:120px;
}

#works2
{
	float:left;
	width:100px;
}

span.category h6 {
	font-size: 12px;
	letter-spacing : 2pt;
}

span.category ul
{
	float:left;
}

span.category li a
{
	font-size:xx-small;
}

.gallery
{
	width:735px;
}

/*
SLIDESHOW
*/

.slideshowContainer {
	
	width: 550px;
	height: 500px;
	margin-bottom: 5px;
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid orange;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	width: 180px;
	text-align:left;
	float: left;
}

#thumbnails img
{
	width:15px;
	height:15px;
	overflow:hidden;
}
/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/

div#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	display: block;
	font-size: 10px;
}

div.p-s {
	margin: 0;
	display: block;
}

div.copy {
	width: auto;
	display: block;
}




div#contens
{
	margin:0 auto;
	height:500px;
	overflow:hidden;
}