@charset "shift_jis";

/* body -------------------------------------------------------------- */

html {
overflow-y:scroll;
}

html, body {
margin: 0;
padding: 0;
height: 100%;
background-color: #FFFFFF;
color: #333333;
background-image:url(/company/img/img_01.gif);
background-position:center;
background-repeat:repeat-y;
}

form,input{
margin:0;
padding:0;
line-height:150%;
}

.wrapper {
min-height: 100%;
height:auto !important;
height: 100%;
margin: 0 auto -60px;
}

.bold{
font-weight: bold;
}

th {
font-weight:normal;
}

img { 
border: 0px;
}

ul,ol,li,dl,dd,dt{
list-style:none;
margin:0;
padding:0;
}

.header:after {
content: "";
display: block;
clear: both;
}

.header{
width: 960px;
border-right:1px solid #eeeeee;
border-left:1px solid #eeeeee;
}

.header-left{
width:500px ;
padding: 8px 10px 8px 31px;
float: left;
text-align: left;
}

.header-right{
margin: 30px 10px 5px 0;
float: right;
font-size: 120%;
}

.header-under{
width: 960px;
background-color: #CCCCCC;
height: 5px;
border-right:1px solid #eeeeee;
border-left:1px solid #eeeeee;
}

.copyright:after {
content: "";
display: block;
clear: both;
}

.copyright{
width: 100%;
font-size:80%;
text-align: center;
height: auto;
}

.copyright ul{
text-align: center;
width: 100%;
list-style: none;
background: #eeeeee;
}

.copyright ul li{
margin: 0 8px;
display: inline;
background: url(/company/img/arrow_footer.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 12px;
line-height: 200%;
}


.copyright-print{
width: auto;
text-align: right;
height: 40px;
}

.footer {
height:80px;
border-top:solid 1px #eeeeee;
}

/* link -------------------------------------------------------------- */

A:link {
color: #0000ff;
}
A:visited {
color: #800080;
}
A:active {
color: #ff0000; text-decoration:none;
}
A:hover {
color: #ff0000; text-decoration:none;
}
a.subgenre:link {
color: #6666FF;
}
a.subgenre:visited {
color: #800080;
}
a.subgenre:active {
color: #ff0000; text-decoration:none;
}
a.subgenre:hover {
color: #ff0000; text-decoration:none;
}

a.tab_count
{
font-size: 12px;
text-decoration:none;
}
a.toppr {
text-decoration:none;
font-size: 80%;
color: #009900;
}

.subnavi ul li a:link {
color: #000000;
}
.subnavi ul li a:visited {
color: #000000;
}
.subnavi ul li a:active {
color: #aaaaaa; text-decoration:none;
}
.subnavi ul li a:hover {
color: #aaaaaa; text-decoration:none;
}

.copyright ul li a:link {
color: #000000;
}
.copyright ul li a:visited {
color: #000000;
}
.copyright ul li a:active {
color: #aaaaaa; text-decoration:none;
}
.copyright ul li a:hover {
color: #aaaaaa; text-decoration:none;
}

dl dd a:link {
color: #000000;text-decoration:none
}
dl dd a:visited {
color: #000000;text-decoration:none
}
dl dd a:active {
color: #aaaaaa; text-decoration:none;
}
dl dd a:hover {
color: #aaaaaa; text-decoration:none;
}

.photo-round a img{
border: solid 1px #eeeeee;
}

.photo-round a:hover img{
border: solid 1px #12b2e6;
}


/* text size --------------------------------------------------------- */

.box1214
{
font-size: 80%;
line-height: 130%;
}
.box80110
{
font-size: 80%;
line-height: 110%;
}
.box90130
{
font-size: 90%;
line-height: 130%;
}
.box90150
{
font-size: 90%;
line-height: 150%;
}
.box80150
{
font-size: 80%;
line-height: 150%;
}
.box80200
{
font-size: 80%;
line-height: 200%;
}

.box80300
{
font-size: 80%;
line-height: 300%;
}

/* --------------------インデックス----------------------- */

.main-index:after {
content: "";
display: block;
clear: both;
}

.main-index{
width: 960px;
text-align: center;
position: relative;
margin:9px auto;
}

.main-index .left-banner{
width: 232px;
background: #cccccc;
margin: 0 11px 0 0;
float: left;
height: 140px;
}

.main-index .center-banner{
width: 232px;
background: #cccccc;
margin: 0 10px 0 0;
float: left;
height: 140px;
}

.main-index .right-banner{
width: 232px;
background: #cccccc;
margin: 0;
float: left;height:140px;
}

.main-index-under:after {
content: "";
display: block;
clear: both;
}

.main-index-under{
text-align: center;
width: 960px;
margin: 0 auto 9px;
}

.main-index-under .main-under-left{
text-align: left;
width: 717px;
float: left;
}

.main-index-under .main-under-left-title{
text-align: left;
width: 717px;
background: #eeeeee;
}

.main-index-under .main-under-left dl{
padding:5px 0;
}

.main-index-under .main-under-left dt:after {
content: "";
display: block;
clear: both;
}

.main-index-under .main-under-left dt{
width: 80px;
float: left;
padding: 5px 0 0 18px;
line-height:100%;
}

.main-index-under .main-under-left dd{
width: 610px;
float: left;
padding: 5px 0px;
line-height:100%;
}

.main-index-under .main-under-right{
margin-left: 11px;
text-align: left;
width: 232px;
float: left;
}

.main-index-under .main-under-right-title{
text-align: left;
width: 232px;
background: #eeeeee;
float: left;
}

.main-index-under .main-under-right-site{
text-align: center;
}


/* ------------------------------------------------------------ */

.vmiddle{
vertical-align: middle;
}
.vtop{
vertical-align:top;
}
.vbottom{
vertical-align:bottom;
}

/*NormalCSS*/
.global-menu{
width: 960px;
padding-bottom:10px;
background:#efefef;
border-right:1px solid #eeeeee;
border-left:1px solid #eeeeee;
}

.flash-area{
margin-top:9px;
background-position: center;
}

.container{
width: 960px;
text-align: left;
border-right:1px solid #eeeeee;
border-left:1px solid #eeeeee;
}

.container-blog-print{
width: 100%;
text-align: left;
border-right:1px solid #eeeeee;
border-left:1px solid #eeeeee;
}

.contents-name{
font-size: 16px;
margin: 15px 15px 5px 0;
padding: 10px;
border-bottom: solid 2px #000099;
color: #000099;
}

.contents-name02{
width:75%;
font-size: 16px;
margin: 15px 5px auto;
padding: 10px;
border-bottom: solid 2px #000099;
color: #000099;
}

.subnavi
{
float: left;
width: 200px;
background-color:#efefef;
height:100%;
background-image:url(/company/img/subnavi_bg.gif);
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom:20px;
margin-left:4px;
}

.li-none{
margin:15px 0 10px 5px;
background-repeat:no-repeat;
line-height:180%;
font-size:120%;
border-bottom:1px dashed #CCCCCC;
text-indent:5px;
}

.li-none02{
margin:10px 0 10px 10px;
line-height:180%;
background-position:3px;
text-indent:17px;
}

.li01{
margin:10px 0 10px 10px;
line-height:180%;
background-image:url(/company/img/sub_navi_arrow.gif);
background-repeat:no-repeat;
background-position:3px;
text-indent:17px;
}

.li01-sub{
margin:10px 0 10px 24px;
line-height:180%;
background-image:url(/company/img/sub_navi_arrow.gif);
background-repeat:no-repeat;
background-position:3px;
text-indent:17px;
}

.li01-win{
margin:10px 0 10px 10px;
line-height:180%;
background-image:url(/company/img/subnavi_win.gif);
background-repeat:no-repeat;
background-position:3px;
text-indent:17px;
}

.li02{
margin:10px 0 10px 10px;
line-height:180%;
color:#FFFFFF;
background-image:url(/company/img/sub_navi_on_arrow.gif);
background-repeat:no-repeat;
background-position:3px;
background-color:#12b2e6;
text-indent:17px;
}

.li02-sub{
margin:10px 0 10px 24px;
line-height:180%;
color:#FFFFFF;
background-image:url(/company/img/sub_navi_on_arrow.gif);
background-repeat:no-repeat;
background-position:3px;
background-color:#12b2e6;
text-indent:17px;
}

.li-none{
margin:15px 0 10px 5px;
background-repeat:no-repeat;
line-height:180%;
font-size:120%;
border-bottom:1px dashed #CCCCCC;
text-indent:5px;
}

.map-area{
padding: 10px;
background-color: #F6F6F6;
}

.map-osaka{
margin: 0 0 10px 0;
padding: 10px;
background-color: #F6F6F6;
}

.map-area02{
margin: 0 0 10px 0;
padding: 10px;
background-color: #F6F6F6;
}

.map-print{
margin: 0 15px;
text-align:right;
}

.dt-date02{
clear: left;
float: left;
width: 4em;
line-height:150%;
margin-bottom: 20px;
font-weight:bold;
}

.dd-text02{
width:550px;
margin:auto 4em 20px;
padding-bottom:10px;
line-height:150%;
border-bottom:1px dashed #cccccc;
}

.photo-side{
float:left;
margin:auto 10px;
width:200px;
height:auto;
}

.photo-center{
float:left;
width:200px;
height:auto;
}

.sitemap-01{
float:left;
width:180px;
margin-right:5px;
line-height:180%;
}

.sitemap-02{
float:left;
width:180px;
line-height:180%;
}

.sitemap-li{
width:auto;
margin:10px 0 10px 10px;
line-height:180%;
background-image:url(/company/img/sub_navi_arrow.gif);
background-repeat:no-repeat;
background-position:3px;
text-indent:17px;
}

.sitemap-li-title{
margin:15px 0 10px 5px;
background-repeat:no-repeat;
line-height:180%;
font-size:120%;
border-bottom:1px dashed #CCCCCC;
text-indent:5px;
}

.sitemap-li-none{
margin:15px 0 10px 5px;
background-repeat:no-repeat;
line-height:180%;
font-size:120%;
text-indent:5px;
}


.contact{
float:left;
width:100%;
padding:5px auto;
margin-bottom:15px;
line-height:180%;
border:1px solid #cccccc;
}

.contact-contents{
 margin:5px 5px 10px;
 line-height:150%;
}

.recruit-thum{
width:150px;
height:160px;
float:left;
text-align:left;
margin:10px auto;
line-height:150%;
font-size:12px;
}

.main-container:after {
content: "";
display: block;
clear: both;
}

.main-container{
margin-left: 210px;
padding: 10px 0 0 10px;
line-height:150%;
}

.main-container02:after {
content: "";
display: block;
clear: both;
}

.main-container02{
margin-left: auto;
padding: 10px 0 0 10px;
line-height:180%;
}

.main-container03:after {
content: "";
display: block;
clear: both;
}

.main-container03{
width: 750px;
margin: auto;
padding: 10px 0 0 10px;
line-height: 180%;
}

.main-box{
width: 630px;
padding-bottom: 50px;
margin: 30px 0 0 45px;
}

.main-box-mission{
width: 630px;
padding-bottom: 50px;
margin: 30px 0 0 45px;
background: url(/company/img/img_mission_bg.jpg);
background-repeat: no-repeat;
background-position: top;
}

.main-box-mission .inner-box{
width: 90%;
padding: 20px 30px;
}

.main-box-mission .inner-box .title{
font-weight: bold;
font-size: 16px;
margin-top: 2px;
}

.main-box-mission .inner-box .title02{
font-weight: bold;
font-size: 16px;
margin-bottom: 18px;
}

.main-box-mission .inner-box .text-top{
padding: 3px 0;
margin-bottom: 18px;
}

.main-box-mission .inner-box .text{
padding: 5px 0;
line-height: 160%;
}

/* -------------------------------最近のラクーンここから----------------------------- */

.raccoon-news-box{
width:630px;
float:left;
}

.raccoon-news-box .left-box{
width:300px;
height:auto;
margin-top:20px;
float:left;
}

.raccoon-news-box .right-box{
width:300px;
height:auto;
margin:20px 0 0 30px;
float:left;
}

.raccoon-news-box .photo-box{
width:66px;
float:left;
}

.raccoon-news-box .text-box{
width:210px;
float:left;
padding-left:20px;
}

.raccoon-news-box .under-line{
margin:5px 0;
border-bottom:dashed 1px #cccccc;
}

.photo-caption{
font-size:80%;
color:#666666;
}



/* -------------------------------最近のラクーンここまで----------------------------- */



/* -------------------------------スタッフの素顔----------------------------- */


.main-box .staff-qa-title{
width: 630px;
height: auto;
margin-top: 20px;
text-align: center;
}

.main-box .staff-qa-box:after{
content: "";
display: block;
clear: both;
}

.main-box .staff-qa-box{
width: 534px;
text-align: center;
margin: auto;
}

.main-box .staff-qa-box .photo{
width: 178px;
float: left;
}


.main-box .staff-qa-box .photo a img{
border: solid 1px #eeeeee;
}

.main-box .staff-qa-box .photo a:hover img{
border: solid 1px #12b2e6;
}



/* -------------------------------スタッフの素顔ここまで----------------------------- */


/* -------------------------------ラクーンヒストリーここから----------------------------- */

.history-box{
width:630px;
border-top:dotted 1px #cccccc;
border-bottom:dotted 1px #cccccc;
margin:15px auto;
padding:10px 0;
text-align:left;
}

.history-box-no-padding-bottom{
width:630px;
border-top:dotted 1px #cccccc;
border-bottom:dotted 1px #cccccc;
margin:15px auto;
padding:10px 0 0;
text-align:left;
}

.history-box:after {
content: "";
display: block;
clear: both;
}

.history-box-no-padding-bottom:after {
content: "";
display: block;
clear: both;
}

.history-box .photo-box{
width:170px;
text-align:left;
}

.history-box .people-box{
vertical-align:bottom;
text-align:right;
}


.history-box-no-padding-bottom .photo-box{
width:170px;
text-align:left;
}

.history-box-no-padding-bottom .people-box{
vertical-align:bottom;
text-align:right;
}

/* -------------------------------ラクーンヒストリーここまで----------------------------- */


/* -------------------------------組織図ここから----------------------------- */


.org-box {
	width: 505px;
	height: 390px;
	background: url(./img/org_new_00.gif) no-repeat left top;
	position: relative;
	margin-left: 50px;
}
.org-box-inner a {
	display: block;
	position: absolute;
	text-indent: -9999px;
	cursor: pointer;
}
.org-box-inner .org01 a {
	width: 84px;
	height: 29px;
	background: url(./img/org_new_01.gif) no-repeat left top;
	top: 76px;
	left: 322px;
}
.org-box-inner .org01 a:hover {
	background-image: url(./img/org_new_01_on.gif);
}
.org-box-inner .org02 a {
	width: 121px;
	height: 29px;
	background: url(./img/org_new_02.gif) no-repeat left top;
	top: 164px;
	left: 0;
}
.org-box-inner .org02 a:hover {
	background-image: url(./img/org_new_02_on.gif);
}

.org-box-inner .org03 a {
	width: 121px;
	height: 29px;
	background: url(./img/org_new_03.gif) no-repeat left top;
	top: 164px;
	left: 127px;
}
.org-box-inner .org03 a:hover {
	background-image: url(./img/org_new_03_on.gif);
}


.org-box-inner .org04 a {
	width: 121px;
	height: 29px;
	background: url(./img/org_new_04.gif) no-repeat left top;
	top: 164px;
	left: 256px;
}
.org-box-inner .org04 a:hover {
	background-image: url(./img/org_new_04_on.gif);
}


.org-box-inner .org05 a {
	width: 121px;
	height: 29px;
	background: url(./img/org_new_05.gif) no-repeat left top;
	top: 164px;
	left: 383px;
}
.org-box-inner .org05 a:hover {
	background-image: url(./img/org_new_05_on.gif);
}

.org-box-inner .org06 a {
	width: 28px;
	height: 178px;
	background: url(./img/org_new_06.gif) no-repeat left top;
	top: 212px;
	left: 56px;
}
.org-box-inner .org06 a:hover {
	background-image: url(./img/org_new_06_on.gif);
}

.org-box-inner .org07 a {
	width: 28px;
	height: 178px;
	background: url(./img/org_new_07.gif) no-repeat left top;
	top: 212px;
	left: 116px;
}
.org-box-inner .org07 a:hover {
	background-image: url(./img/org_new_07_on.gif);
}

.org-box-inner .org08 a {
	width: 28px;
	height: 178px;
	background: url(./img/org_new_08.gif) no-repeat left top;
	top: 212px;
	left: 175px;
}
.org-box-inner .org08 a:hover {
	background-image: url(./img/org_new_08_on.gif);
}

.org-box-inner .org09 a {
	width: 28px;
	height: 178px;
	background: url(./img/org_new_09.gif) no-repeat left top;
	top: 212px;
	left: 234px;
}
.org-box .org09 a:hover {
	background-image: url(./img/org_new_09_on.gif);
}

.org-box-inner .org10 a {
	width: 28px;
	height: 178px;
	background: url(./img/org_new_10.gif) no-repeat left top;
	top: 212px;
	left: 294px;
}
.org-box-inner .org10 a:hover {
	background-image: url(./img/org_new_10_on.gif);
}


/* -------------------------------組織図ここまで----------------------------- */




/* -------------------------------サービス紹介ここから----------------------------- */


.headline-service{
padding: 5px;
font-size: 13px;
border-left: solid 10px #EEEEEE;
margin: 20px 0 10px;
font-weight:bold;
border-bottom:1px dashed #EEEEEE;
}

.service-text{
padding-left:13px;
}

/* -------------------------------サービス紹介ここまで----------------------------- */

.main-box-print{
width:auto;
padding-bottom:30px;
margin:30px;
text-align:left;
}

.main-box-blog{
margin: 20px 20px 10px 5px;
padding:10px;
border:solid 1px #efefef;
}

.main-box-blog-print{
margin: 2px;
padding:10px;
border:solid 1px #efefef;
text-align:left;
}

.main-box-blog{
margin: 20px 20px 10px 5px;
padding:10px;
border:solid 1px #efefef;
}

.headline{
padding: 5px;
font-size: 13px;
border-left: solid 10px #EEEEEE;
margin: 0 0 10px;
font-weight:bold;
border-bottom:1px dashed #EEEEEE;
}

.underline{
border-bottom:1px dotted #cccccc;
}


@media print{
html{background-image:none;text-align:center;}
body{background-image:none;}
.header{border:none;}
.header-under{display:none;}
.container{border:none;}
.subnavi{display:none;}
.flash-area{display:none;}
.global-menu{display:none;}
.main-left{width:620px;float:none;}
.main-container{width:620px;float:none;margin:0px;padding:0;text-align:left;}
.main-container02{width:620px;float:none;margin:0px;padding:0;}
.main-container03{width:620px;float:none;margin:0px;padding:0;}
.main-box{width:590px;margin:0;padding:0;}
.main-box-blog{width:590px;margin:0;padding:0;border:none;}
.contents-name{color:#000000;border-bottom: solid 1px #000000;width:100%;}
.contents-name02{color:#000000;border-bottom: solid 1px #000000;width:100%;}
.copyright{width:590px;}
.main-box-print{width:590px;margin:0;padding:0;}
.main-box-blog-print{width:590px;margin:0;padding:0;border:none;}
}

/* diary用 -------------------------------------------------------------- */

.li-diary{
margin:8px 0 8px 5px;
background-image:url(/company/img/sub_navi_arrow.gif);
vertical-align:top;
background-position:left 5px;
background-repeat:no-repeat;
padding-left:15px;
}

.li-ul-ol{
margin:15px 0;
padding-left:15px;
}

.li-ul-ol-list{
margin:5px 0;
}

/* IR  -------------------------------------------------------------------*/

main-box2{
	margin: 15px 15px 5px 0;
}

/* IR  -------------------------------------------------------------------*/

/* Blog  -------------------------------------------------------------------*/

div.blog-box{
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.blog-title-box {
	border-left: solid 5px #000099;
	padding: 0;
	margin-bottom: 10px;
}

div.blog-title-box p.date {
	margin: 0 0 2px 0;
	padding: 0 0 0 5px;
}

div.blog-title-box p.day-title {
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 120%;
	font-weight: bold;
}

div.blog-title-box p.day-title img {
	vertical-align: middle;
	padding-bottom: 3px;
}

div.blog-img-box {
	width: 200px;
	height: 150px;
	float: left;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

div.blog-txt-box {
	width: 405px;
	float: right;
}

div.blog-url-box {
	text-align: right;
	margin-top: 5px;
}

div.blog-archive-box {
	margin-top: 20px;
	border: 1px solid #999999;
}

div.blog-archive-box p.blog-archive-title {
	margin: 0 0 10px 0;
	background-color: #999999;
	color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
}

div.blog-archive-box p.blog-archive-date {
	margin: 0 0 0 10px;
	padding-left: 5px;
	text-align: left;
	border-left: 3px solid #999999;
}

div.blog-archive-box ul {
	padding-left: 15px;
	margin-bottom: 10px;
	text-align: left;
}

div.blog-archive-box li {
	display: inline;
	border-right: 1px solid #cccccc;
	padding: 0 5px;
}

div.blog-archive-box li.selected-m {
	font-weight: bold;
}

div.blog-archive-box li.last-m {
	border: none;
}

/* Blog  -------------------------------------------------------------------*/

/* clearfix  -------------------------------------------------------------------*/
.co-clearfix:before,
.co-clearfix:after {
	content:"";
	display:block;
	overflow:hidden;
}
 
.co-clearfix:after {
	clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.co-clearfix {
	zoom:1;
}
/* clearfix  -------------------------------------------------------------------*/