@charset "UTF-8";

/* //////////////////////////////////////////////////
[Base]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
p,
blockquote,
th,
td,
form,
fieldset,
legend {
	margin: 0;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display:block;
	margin: 0;
	padding: 0;
}

div {
	outline: none;
}


/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html {
	overflow-y: scroll;
}


/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	line-height: 1.2;
	font-weight: normal;
}


/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li {
	list-style: none;
}


/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}

caption,
th,
td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}


/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset {
	border: none;
}

input,
textarea,
select,
label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}

label {
	cursor: pointer;
}

textarea {
	overflow: auto;
}


/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: text-top;
}

object {
	vertical-align: middle;
	outline: none;
}

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

small {
	font-size: 100%;
}

abbr,
acronym {
	border: none;
	font-variant: normal;
}

q:before,
q:after {
	content: '';
}

address, caption,
cite,
code,
dfn,
var {
	font-weight: normal;
	font-style: normal;
}

code,
pre {
	font-family: monospace;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

hr {
	display: none;
}


/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */
/* for ie7: page zoom bug fix */
*:first-child+html body,
*:first-child+html br {
	letter-spacing: 0;
}

/* hasLayout True */
h1, h2, h3, h4, h5, h6, p, address, blockquote,
ol, ul, li, dl, dt, dd, table, th, td, form, div,
header, footer, nav, section, aside {
	*zoom: 1;
}


/* //////////////////////////////////////////////////
[Layout]
////////////////////////////////////////////////// */
body {
	overflow:hidden;
	min-width:980px;
	background: #000000;
	color: #cccccc;
	font-size: 100%;
	line-height: 1;
	font-family: "SimSun","MS UI Gothic",Tahoma,Arial,Helvetica,sans-serif;
}


a {
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	outline: none;
}

a:link,
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover,
a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.clearfix{ /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

/* //////////////////////////////////////////////////
[Layout]
////////////////////////////////////////////////// */

/* --------------------------------------------------
navigation
-------------------------------------------------- */

#navOuter {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	min-width:980px;
	z-index:5000;
	overflow:hidden;
}

#nav {
	width:100%;
	background-color:#000000;
	z-index:2;
}

#navInner {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	border-top:3px solid #333;
}

#navLogo {
	position: relative;
	width: 192px;
	margin: 0 auto;
}

#navLogo a {
	display: block;
	overflow: hidden;
	width: 192px;
	height: 50px;
	padding:23px 0 26px;
}

#navBtn {
}
#navBtn li {
	float: left;
}

#navBtn li a {
	display:block;
	padding:38px 0 37px;
	background-position:50% 0;
	background-repeat:no-repeat;
	text-align:center;
	text-indent:-9999px;
}

#navBtn li a:hover {
	/*background: url(../img/common/nav_bg.png) no-repeat 50% 0;*/
}



#navBtn01 {
	position: absolute;
	top: 0;
	left: 0;
	width:824px;
	margin-left:40px;
	z-index:5;
}


#navBtn02 {
	position: absolute;
	top: 0;
	right: 0;
	width:864px;
	z-index:5;
}


/*#navBtn001 { width:18.5%;}*/
#navBtn002 { width:25%;}
#navBtn003 { width:25%;}
#navBtn004 { width:25%;}
#navBtn005 { width:25%;}
#navBtn006 { width:25%;}
#navBtn007 { width:25%;}
#navBtn008 { width:25%;}
#navBtn009 { width:25%;}

#navBtn001 a { background-image:url(../img/common/nav_01.png);}
#navBtn002 a { background-image:url(../img/common/nav_02-1.png);}
#navBtn003 a { background-image:url(../img/common/nav_03.png);}
#navBtn004 a { background-image:url(../img/common/nav_04.png);}
#navBtn005 a { background-image:url(../img/common/nav_05-1.png);}
#navBtn006 a { background-image:url(../img/common/nav_06.png);}
#navBtn007 a { background-image:url(../img/common/nav_07.png);}
#navBtn008 a { background-image:url(../img/common/nav_08.png);}
#navBtn009 a { background-image:url(../img/common/nav_09.png);}

#navBtn001 a:hover { background-image:url(../img/common/nav_01_on.png);}
#navBtn002 a:hover { background-image:url(../img/common/nav_02-1_on.png);}
#navBtn003 a:hover { background-image:url(../img/common/nav_03_on.png);}
#navBtn004 a:hover { background-image:url(../img/common/nav_04_on.png);}
#navBtn005 a:hover { background-image:url(../img/common/nav_05-1_on.png);}
#navBtn006 a:hover { background-image:url(../img/common/nav_06_on.png);}
#navBtn007 a:hover { background-image:url(../img/common/nav_07_on.png);}
#navBtn008 a:hover { background-image:url(../img/common/nav_08_on.png);}
#navBtn009 a:hover { background-image:url(../img/common/nav_09_on.png);}



#gototop {
	display:block;
	width:40px;
	height:40px;
	overflow: hidden;
	position:absolute;
	top:26px;
	left:0;
	z-index:10;
}

#navNews {
	padding: 15px 0;
	background: #333333;
	font-size: 76.5%;
	text-align:center;
}

#navNews .ttlB {
	display: inline-block;
	margin:0 10px 0 0;
	vertical-align: middle;
	height:11px !important;
}

#navNews .ttlB img {
	margin:0;
}


#navNews dl {
	display:inline;
}

#navNews dt {
	display: inline-block;
	margin:0 10px 0 0;

}

#navNews dd {
	display:inline;
}



#navCopyright {
	padding: 16px 0;
	background-color:#000000;
	font-size: 75%;
	text-align: center;
}

#navSub {
	background-color:#333333;
}

#navSub ul {
	text-align: center;
	margin: 0 0 0 -1px;
}

#navSub li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 20px;
	background: url(../img/common/bg_nav_sub_01.png) no-repeat 0 50%;
	vertical-align: middle;
}

#navSub li:first-child {
	background: none;
}

#navSub .current a {
	font-weight: bold;
	color: #FFFFFF;

}

#navSub a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 15px 0 12px;
	font-size: 75%;
	text-decoration: none;
	color: #fff;
	opacity:0.8;
}

#navSub a.isActive {
	font-weight:bold;
	opacity:1;
}

#navSub a:hover {
	font-weight:bold;
	opacity:1;
}



/* --------------------------------------------------
homeslider
-------------------------------------------------- */
#homeSlider {
	width:100%;
	min-width:980px;
	height:100%;
	min-height:640px;
	position: absolute;
	top:0px;
	left:0px;
	z-index:0;
	overflow:hidden;
}




#homeSlider .slides {
	width:100%;
	height:100%;
	position: relative;
}


#homeSlider .slides li {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#homeSlider .slides li.isActive {
	z-index:2 !important;
}
#homeSlider .slides li.isNext {
	z-index:3 !important;
}



#homeSlider .slides li a {
	position:relative;
	display:block;
}

#homeSlider .slides li a span{
	position:absolute;
	top:50%;
	left:50%;
	z-index:10;
}

#homeSlider .slides li a span img{
	margin-top:-65px !important;
	margin-left:-500px !important;
	width:auto !important;
}

#homeSlider .slides li#home2 a span img{
	margin-top:-105px !important;
}


#homeSlider .slides li img {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-540px;
	margin-left:-960px;
	z-index:0;
}

#homeSlider .slides li#home11 img {

}




#carouselOuter {
	min-width:980px;
	height:108px;
	position: absolute;
	left:0px;
	z-index:10;
}

#carouselOuter #HomeCarousel {
	padding-left:192px;
	width:108px;
	overflow:hidden;
	position: relative;
}

#carouselOuter #HomeCarousel #aboutBtn {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#carouselOuter #HomeCarousel .slides li {
	position:relative;
	cursor:pointer;
	float:left;
}

#carouselOuter #HomeCarousel .slides li span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:192px;
	height:108px;
	z-index:10;
	background-image: url(../img/common/bg_thumbs_active.png);
}

#carouselOuter #HomeCarousel .slides li.isActive span {
	background:none;
}

#carouselOuter #HomeCarousel a.prev,
#carouselOuter #HomeCarousel a.next {
	position:absolute;
	top:0;
	display:block;
	width:28px;
	height:108px;
	background:url(../img/common/spr_pager_01.png) no-repeat;
	text-indent:-9999px;
	z-index:500;
}

#carouselOuter #HomeCarousel a.prev {
	left:192px;
	background-position:0 -87px;
}

#carouselOuter #HomeCarousel a.next {
	right:0px;
	background-position:-28px -87px;
	}




/* --------------------------------------------------
キャプション
-------------------------------------------------- */
#Caption {
	min-width:980px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(../img/common/bg_aboutcaption.png);
	z-index:200;
}

#Caption a#close {
	position:absolute;
	top:0;
	right:0;
	z-index:250;
}

#CaptionMenu {
	position:relative;
	min-width:980px;
	text-align:center;
	background-color:#000000;
}



#CaptionMenu a {
	display:inline-block;
	padding:15px 20px;
}

#CaptionMenu a:first-child {
	background: none;
}


#CaptionMenu a:hover {
}

#CaptionMenu a.isActive {
}

#CaptionMenu a span {
	display: inline-block;
	height:17px;
	width:17px;
	background-image: none;
	vertical-align:top;
	margin-right:12px;
}

#CaptionMenu a.isActive span {
	background-image:url(../img/home/icon_off.gif);
}

#CaptionMenu a span img {
	opacity:0;
}

#CaptionMenu a.isActive span img {
	opacity:1;
}



#CaptionMenu a img {
	vertical-align:top;
}



#CaptionInner {
	position:relative;
	min-width:980px;
}

#CaptionInner a {
	position:absolute;
	top:0;
	right:0;
}

#aboutJcap,
#organizationChart {
	position:absolute;
	top:0;
	left:0;
}


#aboutJcap { margin:0 auto; padding:0 400px;}
#aboutJcap h2 { margin-bottom:25px;text-align:center}
#aboutJcap p { font-size:73%;line-height:1.6;}
#aboutJcap h3 { padding:20px 0;}


@media screen and (max-width:1600px){
#aboutJcap { padding:0 300px;}
}
@media screen and (max-width:1400px){
#aboutJcap { padding:0 200px;}
}

@media screen and (max-width:1200px){
#aboutJcap { padding:0 100px;}
}

@media screen and (max-width:1024px){
#aboutJcap { padding:0 50px;}
}


@media screen and (max-height:1000px){
#aboutJcap p { font-size:100%;line-height:1.7;}
}

@media screen and (max-height:900px){
#aboutJcap p { font-size:90%;line-height:1.6;}
}

@media screen and (max-height:800px){
#aboutJcap p { font-size:80%;line-height:1.6;}
}

@media screen and (max-height:700px){
#aboutJcap p { font-size:73%;line-height:1.5;}
}





#organizationChart {
	position:relative;
	text-align:center;
	width:100%;
	height:450px;
}

#organizationChart span {
	position:absolute;
	left:50%;
}

#organizationChart span#organizationBlock1 {
top: 176px;
margin-left: -450px;
}

#organizationChart span#organizationBlock2 {
top: 176px;
margin-left: -218px;
}

#organizationChart span#organizationBlock3 {
top: 176px;
margin-left: 14px;
}

#organizationChart span#organizationBlock4 {
top: 176px;
margin-left: 249px;

}

#organizationChart span#organizationBlock5 {
top: 308px;
margin-left: -334px;
}

#organizationChart span#organizationBlock6 {
top: 308px;
margin-left: -102px;
}

#organizationChart span#organizationBlock7 {
top: 308px;
margin-left: 132px;
}

#organizationChart span#organizationBlock8 {
top: 0;
margin-left: -126px;
}

#organizationChart span#organizationBlock9 {
top: 47px;
margin-left: 145px;
}

#organizationChart span#organizationBlock10 {
top: 43px;
margin-left: -450px;
}





#CaptionTxt {
	padding:0 150px;
	margin:0 auto;
	padding:0 50px;
}

#CaptionTxt.alignC {
	text-align:center;
}
#CaptionTxt small {
	display:block;
	font-size: 137.5%;
	line-height:3;
	text-align:center;
	
}

#CaptionTxt p {
	font-size:100%;
	line-height:2.3;
}

#CaptionTxt h2 {
	display:block;
	margin:50px 0;
}

#CaptionTxt h3 {
	font-size: 187%;
	margin-bottom:20px;
	text-align:center;
}




@media screen and (max-width:1600px){
#CaptionTxt p { font-size:75%; line-height:2.0;}
#CaptionTxt h2 { margin:30px 0;}
}
@media screen and (max-width:1400px){
#CaptionTxt p { font-size:73%; line-height:1.9;}
#CaptionTxt h2 { margin:25px 0;}
}

@media screen and (max-width:1200px){
#CaptionTxt p { font-size:72%; line-height:1.8;}
#CaptionTxt h2 { margin:20px 0;}
}

@media screen and (max-width:1024px){
#CaptionTxt { width:auto; padding:30px 100px 0; margin:0 auto; }
#CaptionTxt p { font-size:72%; line-height:1.7; }
#CaptionTxt h2 { margin:15px 0;}
}




.company #CaptionTxt {
	padding:0 150px;
	margin:0 auto;
}

.company #CaptionTxt .alignC {
	text-align:center;
}
.company #CaptionTxt small {
	font-size: 137.5%;
	line-height:3
}

.company #CaptionTxt p {
	font-size:100%;
	line-height:2.3;
}

.company #CaptionTxt h2 {
	font-size:120%;
	display:block;
	padding:50px 0;
	margin:0;
}

.company #CaptionTxt h3 {
	font-size: 187%;
	margin-bottom:20px;
}




@media screen and (max-width:1600px){
#CaptionTxt p { font-size:75%; line-height:2.0;}
#CaptionTxt h2 { margin:30px 0;}
}
@media screen and (max-width:1400px){
#CaptionTxt p { font-size:73%; line-height:1.9;}
#CaptionTxt h2 { margin:25px 0;}
}

@media screen and (max-width:1200px){
#CaptionTxt p { font-size:72%; line-height:1.8;}
#CaptionTxt h2 { margin:20px 0;}
}

@media screen and (max-width:1024px){
#CaptionTxt { width:auto; padding:30px 100px 0; margin:0 auto; }
#CaptionTxt p { font-size:72%; line-height:1.7; }
#CaptionTxt h2 { margin:15px 0;}
}




/* --------------------------------------------------
pageSlide
-------------------------------------------------- */

/*物件単位のカルーセル*/

.objectCarousel {
	position:relative;
	height:108px;
	width:100%;
	min-width:980px;
}

.objectCarouselInner {
	float:left;
}

.objectCarouselInner div {
	position:relative;
	overflow:hidden;
	/*margin:0 auto;*/
}

.objectCarouselInner div li {
	float:left;
}

.objectCarouselInner div li a {
	position:relative;
}


.objectCarouselInner div li a span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:192px;
	height:108px;
	z-index:10;
	background-image: url(../img/common/bg_thumbs_active.png);
}
.objectCarouselInner div li.isActive a span {
	background-image:none;
}


.objectCarouselCaption {
	float:left;
	width:344px;
	height:78px;
	padding:30px 20px 0;
	background-color:#CC0033;
}

.objectCarouselCaption p {
	font-size:76%;
	line-height:2
}

.objectCarouselCaption h3 {
	font-size:86%;
}

/*物件詳細のスライド*/

.objectSlide {
	position: relative;
}

.objectSlideDate {
	position: absolute;
	top:0;
	left:0;
	width:384px;
}

.objectSlideDateTxt {
	padding:40px;
}
.objectSlideDateTxt h3 {
	font-size:100%;
	line-height:1.6;
	margin-bottom:30px;
}

.objectSlideDateTxt p {
	font-size:76%;
	line-height:1.6;

}

.objectSlidePhoto {
	padding-left:384px;
}

/* --------------------------------------------------
pageslider
-------------------------------------------------- */


/* wholeCarousel 全体のカルーセル */

.wholeCarousel {
	position:absolute;
	bottom:114px;
	left:0;
	height:108px;
	width:100%;
	z-index:100;
	min-width:980px;
	overflow:hidden;
}

.wholeCarouselInner {
	position: relative;
	background-color: #000;
	padding-left:384px;
	min-width:596px;
}

.wholeCarouselInner ul.slides li {
	position:relative;
	cursor:pointer;
	float:left;
}


.wholeCarouselInner ul.slides li.isActive span {
	display:none;
}


.wholeName {
	position:absolute;
	top:0;
	left:0;
	width:384px;
	height:108px;
	background-color:#CC0033;

	z-index:5000;
}

.wholeName a,
.wholeName div {
	padding:0 25px;
	display:block;
	line-height:1.3;
	font-size:100%;
	position:relative;
}

.wholeName a:hover {
	text-decoration:none;
}


.wholeName a small,
.wholeName div small {
	font-size:80%
}

.wholeName a strong,
.wholeName div strong {
	font-size:120%;
	font-weight: normal;
}

.wholeName a span,
.wholeName div span {
	font-size:80%
}

.wholeName a i {
	display:block;
	font-size:80%;
	font-style:normal;
	position: absolute;
	top: 10px;
	right: 20px;
	padding:10px;
	background-color: #8C0023;
	z-index:1000;
}










.categoryMain {
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
}

.categoryMainInner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
}

/* pageSlide 物件詳細のスライド */

.pageSlideOuter {
	position:relative;
	width:100%;
	display:none !important;
	opacity:0;
	}

.pageSlideOuter.isActive {
	display:block !important;
	opacity:1;
	}


.pageSlide {
	overflow:hidden;
}

.pageSlideMain {
	float:left;
	background:url(../img/common/bg.gif);
	overflow:hidden;
}

.pageSlideMain ul li{
	text-align:center;
	display:block;
	float:left;
	height:100%;
	overflow:hidden;
}

.pageSlideMain ul li img{
	height:100%;
}




/* pageSlideSide サイド　サムネイル*/

.pageSlideSide {
	position:relative;
	float:left;
	width:384px;
	height:100%;
	background-color:#000000;
	z-index:10;
}

.pageSlideSideDate {
	padding:40px;
}
.pageSlideSideDate h3 {
	font-size:100%;
	line-height:1.6;
	margin-bottom:30px;
}

.pageSlideSideDate p {
	font-size:76%;
	line-height:1.6;

}

.pageSlideSideThumbnail {
	width: 384px !important;
	position:absolute;
	left:0px;
	bottom:70px;
}


.pageSlideSideThumbnail ul {
}

.pageSlideSideThumbnail ul li {
	float:left;
}
.pageSlideSideThumbnail ul li span {
	position:absolute;
	display:block;
	background-image: url(../img/common/bg_thumbs_active.png);
	width:192px;
	height:108px;
}

.pageSlideSideThumbnail ul li.isActive span {
	display:none;
}

/* --------------------------------------------------
カテゴリーページ
-------------------------------------------------- */
.container {
	min-height:640px;
	min-width:980px;
}

.categoryOuter {
	height:100%;
}

.categoryInner {
	height:100%;
}

.categoryBlock {
	width:33.33%;
	height:100%;
	float:left;
}

.categoryBlock:last-child {
	width:33.34%;
}

.categoryCompany {
	width:25%;
	height:100%;
	float:left;
}

.categoryBox {
	position:relative;
	display:block;
	height:50%;
	width:100%;
	overflow:hidden;
}

.categoryBox img {
	position:absolute;
	bottom:0;
	right:0;
}

.categoryBox2 {
	position:relative;
	display:block;
	height:100%;
	width:100%;
	overflow:hidden;
}

.categoryCompany .categoryBox img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.categoryCompany .categoryBox .companyDetail {
	position:relative;
	width:100%;
	z-index:10;
}

.categoryCompany .categoryBox .companyDetail img {
	position: static;
	top:auto;
	left:auto;
	}



.categoryCompany .categoryBox .companyDetail h3 {
	text-align:center;
	display:block;
	width:100%;
	margin-bottom:30px;
}

.categoryCompany .categoryBox .companyDetail ul li {
	width:100%;
	text-align:center
}

.categoryCompany .categoryBox .companyDetail ul li:first-child {
}

.categoryCompany .categoryBox .companyDetail ul li a{
	padding:6px;
	margin:0 40px;
	display:block;
	text-align:center;
	line-height:1.8;
	background:#333333 url(../img/company/btn01.png) no-repeat right;
	font-size:80%;
	color:#FFF;
}

.categoryCompany .categoryBox .companyDetail ul li:last-child a {
	background:#CC0033 url(../img/company/btn01.png) no-repeat right;
	color:#FFFFFF;
	
}





/*
.categoryCompany .categoryBox h3 {
	position:absolute;
	top:50%;
	left:50%;
	z-index:10;
}


.categoryCompany .categoryBox ul {
	position: relative;
	z-index:10;
	bottom:50px;
	left:0;
	width:100%;
}

.categoryCompany .categoryBox ul li {
	width:50%;
}

.categoryCompany .categoryBox ul li a{
	padding:10px;
	margin:0;
	display:block;
	text-align:center;
	line-height:1.8;
}





.categoryCompany .categoryBox span {
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#FFF;
	opacity:0;
	background-image: none;
	z-index:10;
	text-align:center;
}

.categoryCompany .categoryBox span a {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	padding:25px 0;
	font-size:120%;
	background:url(../img/company/btn.gif) right #CC0033 no-repeat;
}
.categoryCompany span p{
	padding:0 35px;
	text-align:left;
}

.categoryCompany span p em{
	font-weight:normal;
}

.categoryCompany .categoryBox#jpm h3 {
	margin-left:-82px;
	margin-top:-73px;
	}
.categoryCompany .categoryBox#jpm ul {
	}





.categoryCompany .categoryBox h3#urdi { margin-top:-39px; margin-left:-123px;}
.categoryCompany .categoryBox h3#yasui { margin-top:-25px; margin-left:-165px;}
.categoryCompany .categoryBox h3#ishii { margin-top:-17px; margin-left:-162px;}
.categoryCompany .categoryBox h3#ebisawa { margin-top:-75px; margin-left:-62px;}
.categoryCompany .categoryBox h3#takano { margin-top:-52px; margin-left:-85px;}
.categoryCompany .categoryBox h3#spe { margin-top:-22px; margin-left:-176px;}
*/	

@media screen and (max-width:1400px){
.categoryCompany .categoryBox h3 img { width:200px; height:auto}
}

.categoryTtlInner {
	padding:0 35px;
}

.categoryTtl p {
}
.categoryTtl h3 {
	margin-bottom:20px

}

.categoryBox span {
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#000000;
	opacity:0;
	background-image: url(../img/common/bg_thumbs_active2.png);
	z-index:10;
	text-align:center;
}

.categoryBox img {
}


.categoryBox span strong {
	display:block;
	font-size:130%;
	line-height:1.7;
	padding:0 65px;
}

.categoryBox span p{
	font-size:75%;
	margin-top:20px;
	line-height:1.7;
	padding:0 35px;
}




.categoryTtl {
	background-color:#CC0033;
}

/*
.categoryTtlInner {
	padding:0 65px;
}
*/

.categoryTtl h3 ,
.categoryTtl strong {
	display:block;
	text-align:center;
	margin:0 0 10px;
}

.categoryTtl h3 img {
	position:static;
}


.categoryTtl p  {
	font-size:90%;
	line-height:1.8;
	color:#FFF;
}


.categoryTtl h3 img, {
	width:171px !important;
}
.categoryLogo {
	padding:0 60px;

}

.categoryLogo img {
	position:static !important;
}
.categoryLogo p {
	text-align:center;
	font-size:120%;
	margin-bottom:20px;
	
}




@media screen and (max-width:1300px){
.categoryTtlInner {
	padding:0 5px;
}

.categoryTtl p {
	font-size:60%;

}
.categoryTtl h3 {
	margin-bottom:5px

}

.categoryTtl h3 img {
	width:100px;
	height:auto;

}
.categoryCompany .categoryBox span a {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	padding:25px 0;
	font-size:120%;
	background:url(../img/company/btn.gif) right #CC0033 no-repeat;
}

.categoryCompany span strong{
	font-size:105%;
	padding:0 35px;
}

.categoryCompany span p{
	margin-top:10px;
	padding:0 35px;
	font-size:75%;
}

.categoryCompany span h3{
	padding:0 35px;
	margin-bottom:20px
}

.categoryCompany span p em{
	display:none;
}


}

@media screen and (max-height:800px){
.categoryCompany span p em{
	display:none;
}
}


@media screen and (min-height:1500px){
.categoryTtlInner {
	padding:0 15px;
}

.categoryTtl p {

	line-height: 1.4;
}
.categoryTtl h3 {
	margin-bottom:5px

}

.categoryTtl h3 img {
	width:100px;
	height:auto;

}


}

@media screen and (max-width:1600px){
.categoryTtl p  { font-size:90%;line-height:1.7;}

}
@media screen and (max-width:1400px){
.categoryTtl p  { font-size:80%;line-height:1.6;}

}

@media screen and (max-width:1200px){
.categoryTtl p  { font-size:73%;line-height:1.5;}

}

@media screen and (max-width:1024px){
.categoryTtl p  { font-size:60%;line-height:1.5;}
}



/* --------------------------------------------------
ボタン類
-------------------------------------------------- */

#carouselOuter #HomeCarousel .slides li,
.wholeCarouselInner ul.slides li {
	position:relative;
	cursor:pointer;
	float:left;
}

#carouselOuter #HomeCarousel .slides li span,
.wholeCarouselInner ul.slides li span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:192px;
	height:108px;
	z-index:10;
	background-image: url(../img/common/bg_thumbs_active.png);
}


#carouselOuter #HomeCarousel a.prev,
#carouselOuter #HomeCarousel a.next,
.wholeCarouselInner a.prev,
.wholeCarouselInner a.next {
	position:absolute;
	top:0;
	display:block;
	width:28px;
	height:108px;
	background:url(../img/common/spr_pager_01.png) no-repeat;
	text-indent:-9999px;
	z-index:500;
}

#carouselOuter #HomeCarousel a.prev,
.wholeCarouselInner a.prev {
	left:192px;
	background-position:0 -87px;
}
.wholeCarouselInner a.prev {
	left:384px;
}

.wholeCarouselInner a.show {
	display:block !important;
}


#carouselOuter #HomeCarousel a.next,
.wholeCarouselInner a.next {
	right:0px;
	background-position:-28px -87px;
	}


/*--ページ　再生・停止・ページ送り--*/

.pageSlideSideControl {
	position:absolute;
	bottom:20px;
	left:20px;
}

.pageSlideSideControl ul li {
	float:left;
	margin-right:10px;
	}

.pageSlideSideControl ul li a{
	display:block;
	height:29px;
	background:url(../img/common/spr_pager_01.png) no-repeat;
	text-indent:-999px;
}

.pageSlideSideControl ul li a:hover {
	opacity:0.7;
}

.pageSlideSideControl ul li a.prev {
	width: 77px;
	background-position: 0 -29px;
}

.pageSlideSideControl ul li a.next {
	width: 77px;
	background-position:0 -58px;
}


.pageSlideSideControl ul li a.pause {
	width: 170px;
	background-position: 0 0px;

}

.pageSlideSideControl ul li a.paused {
	background-position: -170px 0px;
}