@charset "UTF-8";
/* ======================================================
 layout.css
 ====================================================== */
.nofloat {
	clear:both;
}
/* 全体 */
div#wrapper {
	position:relative;
    /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	/*font-family: Verdana,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
    font-size: 12pt; 
    font-weight: normal;
}

.contents {
	clear:both;
	position:relative;
	display:block;
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.contents_wrapper {
	position:relative;
	display:inline-block;
	width:auto;
}

/* 共通 */
h1 {
	display:block;
	width:864px;
	height:400px;/*274px;*/
	text-indent:-99999px;

    /*-moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;*/
    border-radius: 18px;
	overflow:hidden;
	/*padding-top:100px;*/
	/*margin-bottom:30px;*/
	margin-left:auto;
	margin-right:auto;
}
h2 {
	display:block;
	background: url(../images/icon01.png) no-repeat;
	font-family: Verdana,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	height:30px;
	font-size: 14pt;
	font-weight: bold;
	padding-left:32px;
	color:#9a1a31;
	line-height:30px;
	text-align:left;
	margin-top:6px;
	margin-bottom:12px;
}
h3 {
	width:410px;
	height:24px;
	padding-left:20px;
	line-height:24px;

    border-radius: 12px;
	background-color:#e0e0e0;
	color:#600000;
	font-weight:bold;
	text-align:left;
}

a {
	color:#eeeeee;
}
a:hover {
	color:#ffffff;
}

/* なにかとボタン */
span.button {
   	display:inline-block;
    min-width:24px;
    height:12pt;
    padding:6px 16px 6px 18px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
  	white-space: nowrap;
        background: -webkit-gradient(linear,left top, left bottom, from(#ccc), to(#666));
        background: -webkit-linear-gradient(top, #ccc, #666);
        background: -moz-linear-gradient(top, #ccc, #666);
        background: linear-gradient(top, #ccc, #666);

    text-align:center;
    font-size:12pt;
    font-weight:normal;
    line-height:100%;
    text-decoration:none;
    cursor:pointer;

    color:#eee;
    text-shadow: -1px -1px 2px #333;
}
span.red {
        background: -webkit-gradient(linear,left top, left bottom, from(#c88), to(#666));
        background: -webkit-linear-gradient(top, #c88, #666);
        background: -moz-linear-gradient(top, #c88, #666);
        background: linear-gradient(top, #c88, #666);
    color:#f99;
}
span.yellow {
        background: -webkit-gradient(linear,left top, left bottom, from(#cc8), to(#666));
        background: -webkit-linear-gradient(top, #cc8, #666);
        background: -moz-linear-gradient(top, #cc8, #666);
        background: linear-gradient(top, #cc8, #666);
    color:#ff8;
}
span.blue {
        background: -webkit-gradient(linear,left top, left bottom, from(#88c), to(#666));
        background: -webkit-linear-gradient(top, #88c, #666);
        background: -moz-linear-gradient(top, #88c, #666);
        background: linear-gradient(top, #88c, #666);
    color:#8ff;
}

span.back {
        background: -webkit-gradient(linear,left top, left bottom, from(#88c), to(#666));
        background: -webkit-linear-gradient(top, #88c, #666);
        background: -moz-linear-gradient(top, #88c, #666);
        background: linear-gradient(top, #88c, #666);
    color:#8ff;
}


/* ヘッダー */
div#header {
	display:block;
	background: url(../images/line01.png) repeat-x;
	width:100%;
	height:50px;
	text-align:center;
}
div#header .contents {
	text-align: left;
	width:1060px;
}

/* ロゴ */
div#logo {
	display:inline-block;
	float:left;
	width:66px;
	text-align:center;
}
div#logo img {
	width:66px;
	height:41px;
	border:none;
	margin:5px 0px 0px 0px;
}
div#bhe {
	display:inline-block;
	float:left;
	width:302px;
	height:50px;
	text-indent:-9999px;
	background: url(../images/company_name01.png) no-repeat 0px 9px;
	overflow:hidden;
}


/* トップナビ */
div#topnavi {
}
div#topnavi ul {
}
div#topnavi ul li {
	display:block;
	float:left;
	min-width:110px;
	background: url(../images/line02.png) no-repeat;
	text-align:center;
}
div#topnavi ul li a {
	display:inline-block;
	width:auto;/*100%;*/
	height:50px;
	line-height:50px;
	font-size: 8pt;
	text-align:center;
	color:#eedddd;
	margin:0px 20px;
	cursor:pointer;
}
div#topnavi ul li a:hover {
	color:#ffffff;
}

/* サブナビ */
.subtabs ul.subindexs {
	display:inline-block;
	float:left;
	background-color:#f18459;

    border-radius: 20px;

	border-top: solid 16px #f18459;
	border-bottom: solid 16px #f18459;

	margin-right:20px;
	margin-bottom:76px;
}
.subtabs ul.subindexs li {
	display:block;
	width:164px;
	height:55px;
	font-size:13pt;
	line-height:55px;

	background: url(../images/triangle01.png) no-repeat 6px 17px;
	text-align: left;
	padding-left:32px;
}
.subtabs ul.subindexs li a {
}
.subtabs ul.subindexs li a.hovered {
	color:#ffffff;
}
.subtabs ul.subindexs li.selected {
	background-color:#c80a0a;
}
.subtabs ul.subindexs li.selected a {
	color:#ffffff;
}

/* サブコンテンツ */
.subcontents {
	display:block;
	float:left;

}
.contentsbox {
	position:relative;

	width:788px;  /* 864 -16(border) 848 - padding*/
	padding-left:30px;
	padding-right:30px;
	/*margin-bottom:76px;*/

	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
	background-color:#ffffff;
}
.contentsframe {
	/*border: solid 4px #fe223c;
	outline: solid 4px #fcccab;*/
	box-shadow: 0 0 0 4px #fe223c, 0 0 0 8px #fcccab;
    border-radius: 18px;
	margin-left:8px;
	margin-bottom:8px;
}

.subcontents .contentsbox {
	width:628px; /*660 - pad*/
	padding-left:16px;
	padding-right:16px;
}
.subcontents .contentsframe {
	width:612px; /*660 - pad - contentsframe border(4*2+8)*/
	padding-left:16px;
	padding-right:16px;
}

.contentsbox hr {
	width:100%;
	height:0px;
	border:none;
	border-bottom: 2px solid #e0e0e0;
	margin-top:12px;
	margin-bottom:6px;
}

/* スライド画像 */
div#slideimage {
	heidht:380px;
	text-align: center;
	background-color:#000;
}
div#slideimage .contents {
	color:#ffffff;
	text-align: center;
	padding-top:20px;
	width:910px;
	font-size:0px;
}
div#slideimage .bx-wrapper {
	margin-bottom:47px;
}
div#slideimage .bx-wrapper .bx-viewport {
	box-shadow: 0 0 20px #ccc; /*none;*/
	border:none;
	background:none;
	left:0px;

    border-radius: 30px;
}
div#slideimage .bx-wrapper .bx-prev {
	left:-16px;
}
div#slideimage .bx-wrapper .bx-next {
	right:-16px;
}

div#slideimage div.base {
	position:absolute;
	text-align: center;
	width:100%;
	height:400px;
	background-color:#200;
}
div#slideimage div.slidebg {
	position:absolute;
	text-align: center;
	width:100%;
	height:400px;
	background-color:#000;
}
div#slideimage div.slidebg img.slidebg {
	width:100%;
	height:400px;
	opacity: 0.3;
}


div#slideimage img.slideimg {
	display:inline-block;
	width:910px;
	height:320px;
}

/* スライドサムネール */
div#slidethumbs {
	display:block;
	background: url(../images/bg01.png) repeat-x;
	width:100%;
	height:560px;
	text-align:center;
}

div#slidethumbs .contents {
	display:inline-block;
	text-align: left;
	font-size:0px;
	margin-top:12px;
	width:936px;
}
div#slidethumbs div.thumbsrail {
	position:relative;
	width:936px;
	height:268px;
	overflow:hidden;
}


div#slidethumbs div.slidesum {
	position:relative;
	display:inline-block;
	width:224px;
	height:260px;
	overflow:hidden;
	margin:4px 5px 4px 5px;
}
div#slidethumbs div.carrier {
	position:relative;
	display:inline-block;
	width:216px;
	height:252px;
	border: solid 4px #000000;

    border-radius: 10px;

	background-color:#000000;
	color:#ffffff;
	overflow:hidden;
}
div#slidethumbs div.slidesum div.carrier:hover {
/*	animation: rotateplane 1.2s ease-in-out; */
/*	color:#ffffff;*/
/*	border: solid 4px #ff0000; */
}
@keyframes rotateplane {
  0% { transform: perspective(500px) rotateY(0deg) }
  100% { transform: perspective(500px) rotateY(359.9deg) }
}

div#slidethumbs div.slidesum img.thumbimg {
	display:block;
	width:216px;
	height:162px;
}

div#slidethumbs div.slidesum div.thumbtitle {
	position:absolute;
	width:216px;
	top:168px;
	text-align:center;
}
div#slidethumbs div.slidesum div.thumbtitle span {
	color:#a31111;
	font-size:10pt;
	line-height:10pt;
	font-weight:bold;
}

div#slidethumbs div.slidesum div.thumbexp {
	position:absolute;
	width:204px;
	top:184px;
	padding:0px 6px;
}
div#slidethumbs div.slidesum div.thumbexp p {
	font-size:10pt;
	line-height:120%;
}

/* ニュースベース */
div#newsbase {
	display:block;
	/*background: url(../images/bg02.png) repeat-x;*/
	background-color:#ffffff;
	width:100%;
	/*height:614px;*//*646px*/
	text-align:center;
	padding-top:32px;
}
div#newsbase .contents {
}

div#newsbase h2 {
	/*font-size: 10pt;*/
	margin-top:0px;
	margin-left:6px;
	margin-bottom:8px;
}
div#newsbase div.pad1 {
	display:block;
	clear:both;
	width:100%;
	height:100px;
}

#snscontents {
	display:block;
	margin: 0px auto;
	text-align:right;
	margin-bottom:10px;
}
ul.social-button {
	display:inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.social-button li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

.social-button li div {
	display: inline;
}

.social-button:before,
.social-button:after {
	content: " ";
	display: table;
}

.social-button:after {
	clear: both;
}

.social-button {
	*zoom: 1;
}

.social-button iframe.twitter-share-button {
    width: 90px !important;
}

#snscontents .social-button span {
	vertical-align: top !important;
}

/* ニュース */
div#news {
	display:block;
	float:left;
	width:600px;
	/*height:560px;*/
	text-align:left;
}

div#news .box {
	width:540px;
	height:520px;
	border: solid 2px #be0203;
	padding:8px 18px;

    border-radius: 20px;

	/*background-color: rgba(255,255,255,0.3);*/
	background-color:#f6f6f6;
	overflow:scroll;
}

div#news .newstabs {
}
div#news .newstabs ul.newstabindexs {
	display:block;
	height:26px;
	margin-bottom:20px;
}
div#news .newstabs ul.newstabindexs li {
	display:inline-block;
	float:left;
	height:22px;
	min-width:180px;
	text-align:center;
	border-bottom: solid 2px #e5e5e5;
}
div#news .newstabs ul.newstabindexs li a {
	color:#8e8e90;
}
div#news .newstabs ul.newstabindexs li a.hovered {
	color:#ffffff;
}
div#news .newstabs ul.newstabindexs li.selected {
	height:20px;
	border-bottom: solid 6px #c91e4a;
}
div#news .newstabs ul.newstabindexs li.selected a {
	color:#303030;
}

div#news .newstabs div.newscontens {
	clear:both;
	display:block;
	height:460px;
	overflow:scroll;
}
div#news .newstabs div.newscontens p {
	text-align:center;
	color:#606060;
	font-size:11pt;
	margin-top:20px;
}
div#news .newstabs div.newscontens table {
	border:none;
	border-collapse: separate;
	border-spacing: 12px 18px;
}
div#news .newstabs div.newscontens table tr {
}
div#news .newstabs div.newscontens table th.mark {
	width:6px;
    border-radius: 3px;
	background-color:#5a4fc9;
}
div#news .newstabs div.newscontens table td {
	padding-top: 2px;
	padding-bottom: 2px;
	width:480px;
}


div#news .newstabs div.newscontens ul {
}
div#news .newstabs div.newscontens ul li {
}
div#news .newstabs div.newscontens ul li span.newsdate {
	display:inline-block;
	color:#a08090;
	font-size:9pt;
}
div#news .newstabs div.newscontens ul li span.newstag {
	display:inline-block;
	margin-left:12px;
	min-width:176px;
	height:24px;
	color:#ffffff;
	line-height:24px;
	text-align:center;
	background-color:#253ce2;
	font-size:11pt;
    border-radius: 12px;
}
div#news .newstabs div.newscontens ul li span.newstag.tag_game {
	background-color:#b825e3;
}
div#news .newstabs div.newscontens ul li span.newstag.tag_notice {
	background-color:#253ce2;
}

div#news .newstabs div.newscontens ul li span.newsnote {
	display:block;
	color:#000;
	line-height:30px;
	margin-top:4px;
}

div#news .space {
	height:24px;
}

div#news .box2 {
	width:540px;
	max-height:240px;
	border: solid 2px #0202be;
	padding:8px 18px;

	overflow:scroll;
}

/* Traffic */
div#traffic {
}
div#traffic.box2 {
	position:relative;
	overflow:visible;
}
div#traffic div.tflist {
	position:relative;
	overflow:scroll;
	width:540px;
	max-height:240px;
}
div#traffic div.tfbox {
  clear:both;
  margin:6px 0px;
}

div#traffic span.icon {
	float:left;
	margin-right:8px;
}
div#traffic span.icon img {
	width:40px;
	height:48px;
}


div#traffic span.p3 {
  display: inline-block;
  margin-right: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 9pt;
  font-weight: bold;
  color: #666;
}
div#traffic span.dt {
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 8pt;
/*margin-left:24px;*/
float:right;

}
div#traffic span.c2 {
  display: inline-block;
  padding: 3px 4px 0px 4px;
  margin-left: 4px;
  border-radius: 4px;
  background-color: #888;
  font-size: 8pt;
  font-weight: normal;
  line-height:8pt;
  color: #fff;
}
div#traffic span.cc60 { /*列車遅延*/
  background-color: #F84;
  color: #fff;
}
div#traffic span.cc11 { /*運転状況*/
  background-color: #a82;
  color: #fff;
}
div#traffic span.cc10 { /*運転再開*/
  background-color: #583;
  color: #fff;
}
div#traffic span.cc9 { /*運転見合わせ*/
  background-color: #c00;
  color: #fff;
}
div#traffic span.cc56 { /*平常運転*/
  background-color: #47a;
  color: #fff;
}
div#traffic span.cd { /*コード*/
  font-size:6pt;
  color: #888;
}
div#traffic span.c2 span.cd { /*コード*/
  font-size:6pt;
  color: #fff;
}

div#traffic p {
    width:auto;
	margin-top: 4px;
	margin-bottom: 8px;
	padding:4px;
    border: 1px solid #e0cfc2;
	font-size: 8pt;
	line-height:125%;
}
div#traffic p.ss {
	margin-left: 16px;
}

div#traffic p.noinfo {
	padding: 16px 4px;
	text-align:center;
	color: #284;
	font-size: 8pt;
}

div#traffic div.padd {
	width:10px;
	height:32px;
}

div#traffic div.chara1 {
	position:absolute;
	bottom:-72px;
	right:0px;
}
div#traffic div.chara2 {
}



/* Twitter */
div#twitter {
	display:block;
	float:left;
	width:332px;
	/*height:500px;*/
	text-align:left;
}
div#twitter .box {
	width:280px;/*316px;*/
	height:400px;/*440px;*/
	border: solid 2px #aca8a7;
	padding:20px 24px;

    border-radius: 20px;

	background-color: #ffffff;
}

div#twitter .box2 {
	margin-top:24px;

	width:280px;/*316px;*/
	height:430px;/*440px;*/
	border: solid 2px #aca8a7;
	padding:20px 24px;

    /*border-radius: 20px;*/

	background-color: #ffffff;
}
div#twitter h4 {
	text-align:center;
	font-size:18px;
	color:#338844;
	margin-bottom:12px;
}

/* 会社概要 */
div#company {
	text-align:center;
}
div#company .contents {
	text-align:center;
	width:864px;
}
div#company h1 {
	background: url(../images/headline02.png) no-repeat 0px 100px;
}
div#company h2 {
}
div#company .subtabs ul {
}
div#company .subtabs ul li {
}
div#company .subtabs ul li.selected {
}
div#company .subtabs ul li a {
}
div#company .subcontents {
}
div#company .contentsbox {
	margin-bottom:76px;
}

div#company .contentsbox p {
	line-height:30px;
	text-align:left;
	text-indent:1em;
}

div#company .contentsbox table {
	border:none;
	width:100%;
	text-align:left;
	border-collapse: separate;
	border-spacing: 0px 8px;
}
div#company .contentsbox table tr {
}
div#company .contentsbox table th {
	padding-top:0px;
	padding-bottom:18px;
}
div#company .contentsbox table td {
	padding-top:0px;
	padding-bottom:18px;
}
div#company .contentsbox table tr.line {
	height:0px;
}
div#company .contentsbox table tr.line td {
	border-top: 1px solid #e0e0e0;
	padding:0px;
	height:0px;
}

div#company .contentsbox table th.head {
	vertical-align:top;
}
div#company .contentsbox table th.head span {
	display:inline-block;
	width:138px;
	height:22px;
	padding-left:18px;
	margin-right:12px;
	line-height:22px;

    border-radius: 11px;
	background-color:#e0e0e0;
	color:#600000;
	font-weight:bold;
}
div#company .contentsbox table td.mark {
	width:6px;
    border-radius: 3px;
	background-color:#fecaa2;

}
div#company .contentsbox table td.item {
	vertical-align:top;
	padding-left:18px;
	line-height:30px;
}
div#company .contentsbox ol {
	margin-top:2px;
	list-style-type: decimal;
	list-style-position:inside;
}
div#company .contentsbox ol li {
	line-height:30px;
}

/* ごあいさつ */
div#company-greeting .contentsbox  {
	font-size:13pt;
}
div#company-greeting .contentsbox h4  {
	text-align:left;
	line-height:30px;
}
div#company-greeting .contentsbox p  {
	text-indent:0.5em;
	margin-top:30px;
}
div#company-greeting .contentsbox div.part1  {
	clear:both;
	margin-top:30px;
	color:#ed9c02;
}
div#company-greeting .contentsbox div.part2  {
	clear:both;
	margin-top:30px;
	color:#dd78f0;
}
div#company-greeting .contentsbox img  {
	float:right;
	margin:16px 0px;
}

/* 企業理念 */
div#company-philosophy .contentsbox  {
	font-size:18px;
	/* width:100% */
	width:660px;
	padding-top:10px;/*override .contentsbox*/
	padding-left:0px;/*override .contentsbox*/
	padding-right:0px;/*override .contentsbox*/
}
div#company-philosophy .contentsbox div.part1 { /*660x432 .. star 40x40*/
	/*width:660px;
	height:360px;*/
	text-align:center;
    border-radius: 16px;
	padding-top:36px;
	padding-bottom:36px;
	background: url(../images/icon_star01.png) no-repeat left 32px top 24px,
	url(../images/icon_star01.png) no-repeat right 32px top 24px,
	url(../images/icon_star01.png) no-repeat left 32px bottom 24px,
	url(../images/icon_star01.png) no-repeat right 32px bottom 24px,
	#dadada;
}
div#company-philosophy .contentsbox div.part1 p {
	text-align:center;
	line-height:72px;
	color:#777777;
}

div#company-philosophy .contentsbox div.part2 {
	text-align:center;
	margin-top:60px;
}
div#company-philosophy .contentsbox div.part2 p {
	text-align:center;
	line-height:30px;
	color:#999999;
	margin-top:30px;
	margin-bottom:30px;
}
/* アクセス */
div#company-access .contentsbox  {
}
div#company-access .contentsbox div.guide {
	margin:20px 0px;
	line-height:30px;
}
div#company-access .contentsbox div.map {
	margin:20px 0px;
}
div#company-access .contentsbox div.map iframe {
	width:500px;
	height:400px;
	border:none;
	overflow:hidden;
	margin:0;
}
div#company-access .contentsbox div.chara1 {
	position:absolute;
	bottom:0px;
	right:-32px;
}

/* 開発タイトル */
div#develop {
	text-align:center;
	background-color:#f7f3aa;
}
div#develop .contents {
	background-color:#ffffff;
	text-align:center;
	width:100%;
	padding-top:16px;
}
div#develop h1 {
	background: url(../images/headline01.png) no-repeat 0px 100px;
}
div#develop .subcontents {
	margin-left:20px;
	text-align:left;
}
div#develop .contentsbox { /* .subcontents .contentsbox width:612 = 660-pad 16,16 */
	margin-bottom:40px;
	/*width:636px;*/ /*660 - pad*/
	width:580px;
	padding-left:24px;/*override .contentsbox*/
	padding-right:0px;/*override .contentsbox*/
	margin-right:24px;
	padding-top:0px;/*override .contentsbox*/
	border-top:2px solid #e2e2e2;
}
div#develop h4 {
	display:inline-block;
	height:36px;
	min-width:350px;
	padding:0px 20px;
	font-height:24px;
	line-height:36px;
	background-color:#df5354;
    border-radius: 18px;
	color:#ffffff;
	text-align:elft;
	font-weight:bold;
	margin-bottom:36px;
}

div#develop .subtabs {
	display:inline-block;
	text-align:center;
	width:864px;
	background-color:#ffffff;
}

div#develop div.pad1 {
	display:block;
	clear:both;
	width:100%;
	height:140px;
}

div#develop .developitem {
	padding-top:20px;
	border-bottom:2px dotted #e2e2e2;
	color:#8f8f8f;
}
div#develop .devhead {
}
div#develop .devhead div {
	display: table-cell;
	vertical-align: middle;
}
div#develop .devhead div.devimg {
}
div#develop .devhead div.devtitle {
	padding-left:32px;
	font-size:18pt;
	line-height:120%;
	color:#c20809;
	text-align:center;
}
div#develop .devhead img {
	max-width:192px;
	max-height:128px;
}
div#develop .devhead div.devtitle span.t1 {
}
div#develop .devhead div.devtitle span.s1 {
	font-size:12pt;
}
div#develop .devhead div.devtitle span.y1 {
    margin-left:16px;
}

div#develop table.devparam {
	margin-top:22px;
	margin-bottom:22px;
	margin-left:40px;
	width:496px;
	border-left:6px solid #f4a8a8;
	border-right:6px solid #f4a8a8;
	font-size:10pt;
}
div#develop .devparam tr {
	height:26px;
}
div#develop .devparam tr th {
	width:90px;
	padding-left:10px;
}
div#develop .devparam tr td {
}

div#develop .devparam .publishdate {
}
div#develop .devparam .genre {
}
div#develop .devparam .order {
}
div#develop .devparam .publisher {
}
div#develop .devimage {
	text-align:right;
}
div#develop .devimage img {
	max-width:270px;
}
div#develop .devcopy {
	text-align:right;
	margin:8px 0px;
	font-size:10pt;
}


/* 採用情報 */
div#recruit {
	text-align:center;
	background-color:#b8edff;
}
div#recruit .contents {
	background-color:#ffffff;
	text-align:center;
	width:100%;
}
div#recruit h1 {
	background: url(../images/headline03.png) no-repeat 0px 100px;
}
div#recruit .contentsbox {
	margin-bottom:45px;
	width:644px;
	padding-right:0px;/*override .contentsbox*/
}

div#recruit .subtabs {
	display:inline-block;
	text-align:center;
	width:864px;
	background-color:#ffffff;
}

div#recruit div.pad1 {
	display:block;
	clear:both;
	width:100%;
	height:140px;
}

div#recruit div.recpict {
	padding-top:10px;
	padding-bottom:20px;
	background-color:#fff;
	text-align:center;
}
div#recruit div.recpict div.imgbox {
	display:inline-block;
	width:865px;
	height:544px;
}
div#recruit div.recpict div.imgbox div {
	width:865px;
	height:544px;
}
div#recruit div.recpict div.imgbox img {
	width:865px;
	height:544px;
}
div#recruit div.bx-wrapper div.bx-viewport {
	box-shadow: none;
	border:none;
	background:none;
	left:0px;
}

div#recruit h4 {
	display:inline-block;
	padding-top:0px;
	padding-bottom:16px;
	font-size:28px;
	color:#fbd8a2;
	font-weight:bold;
	width:96%;
	border-bottom:2px solid #e2e2e2;
}
div#recruit h4.center {
	margin-left:2%;
	text-align:center;
	padding-top:36px;
	padding-bottom:60px;
}

div#recruit p {
	line-height:32px;
	text-align:center;
	font-size:13pt;
	color:#888888;
	margin-top:36px;
}

div#recruit div.shortcut {
	text-align:center;
	margin-top:40px;
}
div#recruit ul.shortcut {
	display:inline-block;
	width:540px;
}
div#recruit ul.shortcut li {
	display:inline-block;
	float:left;
	margin:0px 10px;
	text-align:center;
}
div#recruit ul.shortcut li span.iconbox {
	display:inline-block;
	width:140px;
	height:40px;
	padding-top:130px;
	font-size:13pt;
	font-weight:bold;
	color:#000;
}
div#recruit ul.shortcut li span.icon-planner {
	background: url(../images/job_icon01.png) no-repeat;
}
div#recruit ul.shortcut li span.icon-programmer {
	background: url(../images/job_icon02.png) no-repeat;
}
div#recruit ul.shortcut li span.icon-designer {
	background: url(../images/job_icon03.png) no-repeat;
}
div#recruit ul.shortcut li a {
	display:block;
	width:160px;
	height:40px;
	line-height:40px;
	font-size:13pt;
	color:#fff;
	background-color:#f18459;
	border-radius: 6px;
	text-align:center;
	cursor:pointer;
}

div#recruit .admissions {
}

div#recruit .admissions h5 {
	font-size:20pt;
	color:#000;
	margin-left:16px;
	margin-top:24px;
	margin-bottom:16px;
}

div#recruit table.admissions {
	vertical-align:middle;
	width:100%;
}
div#recruit table.admissions tr {
	border:3px solid #c6c6c6;
}
div#recruit table.admissions th {
	width:115px;
	text-align:center;
	background-color:#eeeeee;
	font-size:12pt;
}
div#recruit table.admissions td {
	text-align:left;
	padding:16px 0px;
	font-size:11pt;
}

div#recruit .admissions span.subject {
	display:block;
	line-height:30px;
	text-align:left;
	margin-left:8px;
}
div#recruit .admissions ul {
	margin-left:16px;
	list-style: disc inside;
}
div#recruit .admissions ul li {
	line-height:30px;
	text-align:left;
}

div#recruit .norecruit {
	margin:24px 24px;
	font-size:16pt;
	color:#c44;
	font-weight:bold;
	text-align:center;
}


/* スタッフルーム */
div#staffroom {
	text-align:center;
	background-color:#c5fac6;
}
div#staffroom .contents {
	text-align:center;
	/*width:864px;*/
	width:100%;
	background-color:#ffffff;
}
div#staffroom h1 {
	background: url(../images/headline04.png) no-repeat 0px 100px;
}

div#staffroom .contentsbox {
}

div#staffroom div.pad0 {
	display:block;
	clear:both;
	width:100%;
}

div#staffroom h4 {
	display:inline-block;
	font-size:32px;
	color:#fbd8a2;
	font-weight:bold;
	width:800px;
	border-bottom:2px solid #e2e2e2;
	text-align:center;
	padding-top:80px;
	padding-bottom:80px;
}
div#staffroom .indexbox {
	display:inline-block;
	width:750px;
	font-size:0px;
	margin-bottom:30px;
}
div#staffroom .indexbox a {
	cursor:pointer;
}

div#staffroom .indexbox h5 {
	clear:both;
	font-size:28px;
	text-align:left;
	padding-left:40px;
}
div#staffroom .indexbox h5.cyan {
	color:#1a5eed;
	background: url(../images/icon02.png) no-repeat 0px 0px;
}
div#staffroom .indexbox h5.green {
	color:#d5c148;
	background: url(../images/icon03.png) no-repeat 0px 0px;
}
div#staffroom .indexbox h5.red {
	color:#ff18a6;
	background: url(../images/icon04.png) no-repeat 0px 0px;
}
div#staffroom .indexbox h5.orange {
	color:#ff181a;
	background: url(../images/icon01.png) no-repeat 0px 0px;
}
div#staffroom .indexbox h5.blue {
	color:#0113f1;
	background: url(../images/icon05.png) no-repeat 0px 0px;
}
div#staffroom .indexbox h5.purple {
	color:#7753fd;
	background: url(../images/icon06.png) no-repeat 0px 0px;
}

div#staffroom .indexbox ul {
	margin-top:36px;
	height:240px;
	margin-bottom:45px;
}
div#staffroom .indexbox ul li {
	display:inline-block;
	float:left;
	width:180px;
	height:240px;
	text-align:center;
	margin-left:90px;
}
div#staffroom .indexbox ul li:first-child {
	margin-left:15px;
}
div#staffroom .indexbox ul li .icatch {
	position:relative;
	display:inline-block;
	width:180px;
	height:180px;
	border-radius: 50%;
}
div#staffroom .indexbox ul li img {
	position:relative;
	display:inline-block;
	width:180px;
	height:180px;
	border-radius: 50%;
}
div#staffroom .indexbox ul li .icatch:after {
	position:absolute;
	display:block;
	content:"hoee";
	top:0; left:0;
	width:180px;
	height:180px;
	box-shadow: inset 0 0 8px 6px #fff;
	border-radius: 50%;
}

div#staffroom .indexbox ul li a.button {
	display:block;
	width:180px;
	height:40px;
	line-height:40px;
	font-size: 12pt;
	text-align:center;
	color:#eeeeee;
	background-color:#aaa;
	margin-top:20px;
	border-radius: 6px;
}
div#staffroom .indexbox ul li a.button:hover {
	color:#ffffcc;
}
div#staffroom .indexbox ul.cyan li a.button {
	background-color:#35baff;
}
div#staffroom .indexbox ul.green li a.button {
	background-color:#3cce3d;
}
div#staffroom .indexbox ul.red li a.button {
	background-color:#f01130;
}
div#staffroom .indexbox ul.orange li a.button {
	background-color:#f18459;
}
div#staffroom .indexbox ul.blue li a.button {
	background-color:#2e37f6;
}
div#staffroom .indexbox ul.purple li a.button {
	background-color:#bf3bfe;
}

div#staffroom div.pad1 {
	display:block;
	clear:both;
	width:100%;
	height:140px;
}

div#staffroom p.abstruct {
	font-size:28px;
	color:#a8a8a8;
	line-height:56px;
	margin-top:20px;
	margin-bottom:54px;
}

/* スタッフルーム 戻るボタン */
div#staffroom div.backstafftop {
	clear:both;
	padding-top:140px;
	padding-bottom:80px;
	text-align:center;
}
div#staffroom div.backstafftop span {
	display:inline-block;
	width:290px;
	height:40px;
	background-color:#f18459;
	border-radius: 8px;
	color:#eeeeee;
	text-align:center;
	font-size:14pt;
	line-height:40px;
	cursor:pointer;
}
div#staffroom div.backstafftop span:hover {
	color:#ffffcc;
}

/* スタッフルーム インタビュー */
div#staffroom div.interview {
	width:800px;
	margin:0px auto;
	text-align:left;
}
div#staffroom div.interview div.title {
	text-indent:-9999px;
}
div#staffroom div#staffroom02 div.pad0 {
	height:40px;
}
div#staffroom div#staffroom02 div.title {
	width:770px;
	height:186px;
	margin:0px auto 0px auto;
	background: url(../images/staffroom/staffroom_interview02_title.png) no-repeat 0px 0px;
}
div#staffroom div.interview div.header {
	border-top: 2px solid #e2e2e2;
	width:800px;
}
div#staffroom div.interview div.header p {
	color:#888888;
	padding-top:55px;
	font-size:32px;
	line-height:36px;
	font-weight:normal;
	text-align:left;
}
div#staffroom div.interview div.question {
	display:block;
	clear:both;
	padding-top:100px;
	margin-bottom:25px;
}
div#staffroom div.interview div.question span {
	display:inline-block;
	padding-left:70px;
	height:24px;
	background: url(../images/line03.png) no-repeat 4px 8px;

	color:#d35555;
	font-size:24px;
	font-style:italic;
}
div#staffroom div.interview div.question.q1 {
	padding-top:50px;
}
div#staffroom div.interview div.question.q2 {
	margin-left:auto;
	width:626px;
}
div#staffroom div.interview div.question.q3 {
}
div#staffroom div.interview div.question.q4 {
	text-align:right;
}
div#staffroom div.interview div.question.q5 {
}
div#staffroom div.interview div.answer {
}
div#staffroom div.interview div.answer p {
	font-size:18px;
	color:#848484;
	line-height:30px;
}
div#staffroom div.interview div.answer.a1 {
	width:432px;
}
div#staffroom div.interview div.answer.a2 {
	margin-left:auto;
	width:626px;
}
div#staffroom div.interview div.answer.a3 {
	width:626px;
}
div#staffroom div.interview div.answer.a4 {
	margin-left:auto;
	width:540px;
}
div#staffroom div.interview div.answer.a5 {
	width:640px;
}

div#staffroom div.interview div.c1 {
	float:right;
}
div#staffroom div.interview div.c2 {
	float:left;
}

/* スタッフルーム ミーティング */
div#staffroom div.meeting {
	width:800px;
	margin:0px auto;
	text-align:center;
}
div#staffroom div.meeting div.title {
	text-indent:-9999px;
}
div#staffroom div#staffroom05 div.pad0 {
	height:70px;
}
div#staffroom div#staffroom05 div.title {
	width:640px;
	height:100px;
	margin:0px auto 0px auto;
	background: url(../images/staffroom/staffroom_meeting02_title.png) no-repeat 80px 0px;
	padding:0px 80px 24px 80px;
	border-bottom: 2px solid #e2e2e2;
}
div#staffroom div.meeting div.outline {
	width:800px;
}
div#staffroom div.meeting div.outline p {
	color:#888888;
	padding-top:34px;
	font-size:13pt;
	line-height:30px;
	font-weight:normal;
	text-align:center;
}

div#staffroom div.meeting div.talk {
	padding:30px 0px;
}
div#staffroom div.meeting div.talk p {
	font-size:13pt;
	line-height:30px;
	font-weight:left;
	color:#505050;
	text-align:left;
}

div#staffroom div.meeting div.talk span.zulu {
	color:#ff4040;
}
div#staffroom div.meeting div.talk span.al {
	color:#0000ff;
}
div#staffroom div.meeting div.talk span.brah {
	color:#ffa000;
}
div#staffroom div.meeting div.talk span.char {
	color:#ff00f8;
}
div#staffroom div.meeting div.talk span.eck {
	color:#00e0ff;
}
div#staffroom div.meeting div.talk span.foks {
	color:#18de18;
}
div#staffroom div#staffroom05 div.p1 {
	margin-top:58px;
}
div#staffroom div.meeting div.talk.t1 {
	margin-top:90px;
}
div#staffroom div.meeting div.talk.t2 p {
	text-align:right;
}
div#staffroom div.meeting div.talk.t3 {
	width:39em;	/*620px*/
}
div#staffroom div#staffroom05 div.p2 {
	float:right;
}
div#staffroom div.meeting div.talk.t4 {
	width:23em;
}
div#staffroom div.meeting div.talk.t5 {
	width:23em;
}
div#staffroom div.meeting div.talk.t6 {
	clear:both;
	width:38em;
	margin:0px 0px 0px auto;
}
div#staffroom div.meeting div.talk.t7 {
}
div#staffroom div.meeting div.talk.t8 {
	width:38em;
	margin:0px 0px 0px auto;
}
div#staffroom div.meeting div.talk.t9 {
}
div#staffroom div#staffroom05 div.p3 {
	float:left;
	margin-top:20px;
}
div#staffroom div.meeting div.talk.t10 {
	margin-left:450px;
}
div#staffroom div.meeting div.talk.t11 {
	margin-left:450px;
}
div#staffroom div.meeting div.talk.t12 {
	clear:both;
	width:38em;
	margin:0px 0px 0px auto;
}
div#staffroom div.meeting div.talk.t13 {
	width:38em;
}
div#staffroom div.meeting div.talk.t14 p {
	text-align:right;
}

/* スタッフルーム レポート */
div#staffroom div.report {
	width:860px;
	margin:0px auto;
}

div#staffroom div.report div.title {
	text-indent:-9999px;
}
div#staffroom div.report div.header {
}
div#staffroom div.report div.header p {
	background-color:#f07273;
	font-size:30px;
	font-weight:bold;
	color:#ffffff;
	width:100%;
	height:60px;
	line-height:60px;
	border-radius: 6px;
	text-align:center;
}

div#staffroom div.report div.base {
	position:relative;
	width:100%;
}

div#staffroom div.report div.box {
	position:relative;
	text-align:left;
}

div#staffroom div.report div.textbox p {
	font-size:24px;
	line-height:40px;
	text-align:left;
	font-weight:bold;
}


/* staffroom06 roport TGS2015 */
div#staffroom div#staffroom06 div.pad0 {
	height:90px;
}
div#staffroom div#staffroom06 div.imagebox.p1 {
	float:left;
}
div#staffroom div#staffroom06 div.imagebox.p2 {
	float:right;
}
div#staffroom div#staffroom06 div.header {
	width:576px;
	float:right;
	margin-top:26px;
}
div#staffroom div#staffroom06 div.base {
	clear:both;
	padding-top:140px;
	font-size:0px;
}
div#staffroom div#staffroom06 div.box.box1 {
}
div#staffroom div#staffroom06 div.imagebox.p3 {
	float:left;
}
div#staffroom div#staffroom06 div.textbox.t1 {
	color:#ed760e;
	margin-left:320px;
}
div#staffroom div#staffroom06 div.box.box2 {
	clear:both;
	padding-top:100px;
}
div#staffroom div#staffroom06 div.textbox.t2 {
	color:#7046ff;
	float:left;
}
div#staffroom div#staffroom06 div.imagebox.p4 {
	float:left;
	margin-left:45px;
}
div#staffroom div#staffroom06 div.imagebox.p5 {
	float:right;
}
div#staffroom div#staffroom06 div.box.box3 {
	float:left;
	padding-top:105px;
}
div#staffroom div#staffroom06 div.textbox.t3 {
	color:#4798e9;
}
div#staffroom div#staffroom06 div.imagebox.p6 {
	margin-bottom:10px;
}
div#staffroom div#staffroom06 div.box.box4 {
	clear:both;
	float:right;
	padding-top:30px;
}
div#staffroom div#staffroom06 div.textbox.t4 {
	color:#15437e;
}
div#staffroom div#staffroom06 div.imagebox.p7 {
	margin-top:10px;
}
div#staffroom div#staffroom06 div.box.box5 {
	clear:both;
	float:right;
	padding-top:16px;
}
div#staffroom div#staffroom06 div.textbox.t5 {
	color:#e92ae9;
	float:right;
}
div#staffroom div#staffroom06 div.imagebox.p8 {
	float:right;
	margin-right:30px;
}
div#staffroom div#staffroom06 div.box.box6 {
	clear:both;
	padding-top:70px;
}
div#staffroom div#staffroom06 div.imagebox.p9 {
	float:left;
}
div#staffroom div#staffroom06 div.imagebox.p10 {
	float:right;
}
div#staffroom div#staffroom06 div.backstafftop {
	padding-top:100px;
}
/* スタッフルーム 池袋 */
div#staffroom div.ikebukuro {
	width:860px;
	margin:0px auto;
}
div#staffroom div.ikebukuro div.pad0 {
	height:50px;
}

div#staffroom div.ikebukuro div.title {
	text-indent:-9999px;
}
div#staffroom div.ikebukuro div.header {
}
div#staffroom div.ikebukuro div.header p {
	margin:0px auto;
	background-color:#da8080;
	font-size:30px;
	font-weight:bold;
	color:#ffffff;
	width:100%;
	height:60px;
	line-height:60px;
	border-radius: 6px;
	text-align:center;
	margin-top:45px;
	margin-bottom:35px;
}

div#staffroom div.ikebukuro div.base {
	position:relative;
	width:100%;
}

div#staffroom div.ikebukuro div.box {
	position:relative;
	text-align:left;
}

div#staffroom div.ikebukuro div.textbox p {
	font-size:24px;
	line-height:43px;
	text-align:left;
	font-weight:bold;
}
/* staffroom07 WACCA */
div#staffroom div#staffroom07 div.title {
	width:860px;
	height:250px;
	background: url(../images/photos/staffroom_ikebukuro01_picture01.jpg) no-repeat 0px 0px;
}
div#staffroom div#staffroom07 div.base {
	height:950px;
}
div#staffroom div#staffroom07 div.box.box1 {
}
div#staffroom div#staffroom07 div.imagebox.p1 {
	float:left;
}
div#staffroom div#staffroom07 div.textbox.t1 {
	color:#38afe9;
	margin-left:460px;
}
div#staffroom div#staffroom07 div.box.box2 {
	clear:both;
	margin-left:430px;
	top:-100px;
	text-align:right;
}
div#staffroom div#staffroom07 div.textbox.t2 {
	display:inline-block;
	color:#2cb44e;
	margin-top:20px;
}
div#staffroom div#staffroom07 div.box.box3 {
	position:absolute;
	bottom:0px;
}
div#staffroom div#staffroom07 div.textbox.t3 {
	color:#c356e3;
	margin-bottom:20px;
}
/* staffroom08 ハロウィン */
div#staffroom div#staffroom08 div.title {
	width:860px;
	height:428px;
	background: url(../images/photos/staffroom_ikebukuro02_picture01.jpg) no-repeat 0px 0px;
}
div#staffroom div#staffroom08 div.base {
	height:850px;
}
div#staffroom div#staffroom08 div.box.box1 {
	padding-top:30px;
	margin-bottom:55px;
}
div#staffroom div#staffroom08 div.imagebox.p1 {
	float:left;
}
div#staffroom div#staffroom08 div.imagebox.p2 {
	float:right;
}
div#staffroom div#staffroom08 div.textbox.t1 {
	clear:both;
	color:#4fb9e1;
	padding-top:20px;
}
div#staffroom div#staffroom08 div.box.box2 {
	clear:both;
}
div#staffroom div#staffroom08 div.textbox.t2 {
	color:#c74fe4;
	float:right;
}
div#staffroom div#staffroom08 div.imagebox.p3 {
	float:left;
}
div#staffroom div#staffroom08 div.imagebox.p4 {
	position:absolute;
	right:0px;
	top:100px;
}

/* スタッフルーム アートフォーラム */
div#staffroom div.artforum {
	position:relative;
	width:800px;
	margin:0px auto;
	text-align:center;
}
div#staffroom div.artforum div.title {
	text-indent:-9999px;
}
div#staffroom div#staffroom09 div.pad0 {
	height:52px;
}
div#staffroom div#staffroom09 div.title {
	width:760px;
	height:130px;
	margin:0px auto 0px auto;
	background: url(../images/staffroom/staffroom_forum_title.png) no-repeat 20px 0px;
	padding:0px 20px 10px 20px;
	border-bottom: 2px solid #e2e2e2;
}
div#staffroom div.artforum div.outline {
	position:relative;
	left:-24px;
	margin-top:15px;
	width:848px;
	height:120px;
	background: url(../images/staffroom/staffroom_forum_sentences.png) no-repeat 0px 0px;
}
div#staffroom div.artforum div.outline p {
	display:none;
}

div#staffroom div.artforum div.box {
	position:relative;
}
div#staffroom div.artforum div.box div.textbox p {
	font-size:18px;
	line-height:30px;
	padding:12px 4px;
}

div#staffroom div.artforum div.box.box1 {
	float:left;
	width:320px;
	margin-top:75px;
	text-align:left;
}
div#staffroom div.artforum div.box.box1 .imagebox img {
	width:448px;
	height:336px;
}
div#staffroom div.artforum div.box.box1 .textbox p {
	width:305px;
	color:#00c000;
}
div#staffroom div.artforum div.box.box2 {
	float:right;
	width:320px;
	margin-top:120px;
	text-align:right;
}
div#staffroom div.artforum div.box.box2 .imagebox img {
	width:323px;
	height:243px;
}
div#staffroom div.artforum div.box.box2 .textbox p {
	color:#00c0a0;
}
div#staffroom div.artforum div.box.box3 {
	float:right;
	width:740px;
	height:335px;
	position:relative;
	top:-90px;
}
div#staffroom div.artforum div.box.box3 .imagebox {
	float:right;
}
div#staffroom div.artforum div.box.box3 .imagebox img {
	width:446px;
	height:335px;
}
div#staffroom div.artforum div.box.box3 .textbox {
	position:absolute;
	bottom:0px;
}
div#staffroom div.artforum div.box.box3 .textbox p {
	color:#ff6000;
	padding-bottom:0px;
}

div#staffroom div.artforum div.pad4 {
	clear:both;
	height:30px;
}
div#staffroom div.artforum div.box.box4 {
	float:left;
	width:440px;
	text-align:left;
}
div#staffroom div.artforum div.box.box4 .imagebox img {
	width:438px;
	height:329px;
}
div#staffroom div.artforum div.box.box4 .textbox {
}
div#staffroom div.artforum div.box.box4 .textbox p {
	width:416px;
	color:#c000c0;
}

div#staffroom div.artforum div.box.box5 {
	float:right;
	width:342px;
	text-align:left;
}
div#staffroom div.artforum div.box.box5 .imagebox img {
	width:341px;
	height:265px;
}
div#staffroom div.artforum div.box.box5 .textbox {
}
div#staffroom div.artforum div.box.box5 .textbox p {
	color:#c000c0;
}

div#staffroom div.artforum div.pad6 {
	clear:both;
}
div#staffroom div.artforum div.box.box6 {
	margin-top:100px;
	width:100%;
	text-align:left;
}
div#staffroom div.artforum div.box.box6 .imagebox {
	float:left;
	width:365px;
}
div#staffroom div.artforum div.box.box6 .imagebox img {
	width:365px;
	height:487px;
}
div#staffroom div.artforum div.box.box6 .textbox {
	float:left;
	margin-left:80px;
	margin-top:120px;
}
div#staffroom div.artforum div.box.box6 .textbox p {
	color:#0030c0;
}

div#staffroom div.artforum div.box.box7 {
	position:relative;
	float:right;
	width:620px;
	height:200px;
}
div#staffroom div.artforum div.box.box7 .imagebox {
	float:right;
}
div#staffroom div.artforum div.box.box7 .imagebox img {
	position:relative;
	bottom:120px;
	width:356px;
	height:320px;
}
div#staffroom div.artforum div.box.box7 .textbox {
	position:absolute;
	bottom:0px;
}
div#staffroom div.artforum div.box.box7 .textbox p {
	color:#c04000;
	padding-bottom:0px;
}



/* スタッフルーム アンケート */
div#staffroom div.questionnaire {
	width:800px;
	margin:0px auto;
	text-align:left;
}
div#staffroom div.questionnaire div.title {
	text-indent:-9999px;
	width:490px;
	height:110px;
	margin:0px auto 0px auto;
	background: url(../images/staffroom/staffroom_questionnaire_title.png) no-repeat 155px 0px;
	padding:0px 155px 30px 155px;
	border-bottom: 2px solid #e2e2e2;
}
div#staffroom div.questionnaire div.pad0 {
	height:55px;
}

div#staffroom div.questionnaire div.bgcanvas {
	position:absolute;
	width:800px;
	height:3900px;
}

div#staffroom div.questionnaire div.fgcontents {
	position:relative;
	width:800px;
}

div#staffroom div.questionnaire div.photo {
	text-align:right;	
}
div#staffroom div.questionnaire div.photo img {
	margin-top:105px;
}

div#staffroom div.questionnaire div.pager {
	text-align:center;
	padding-top:55px;
	padding-bottom:65px;
}
div#staffroom div.questionnaire div.pager ul {
	display:inline-block;
}
div#staffroom div.questionnaire div.pager ul li {
	float:left;
	margin:0px 10px;
}
div#staffroom div.questionnaire div.pager ul li a {
	display:inline-block;
	width:52px;
	height:52px;
	line-height:52px;
	color:#b6b6b6;
	border:3px solid #b6b6b6;
	border-radius: 6px;
	font-size:36px;
	text-align:center;
	cursor:pointer;
}
div#staffroom div.questionnaire div.pager ul li a.linked:hover {
	border-color:#e0e0e0;
}
div#staffroom div.questionnaire div.pager ul li a.selected {
	background-color:#b6b6b6;
	color:#f0f0f0;
	cursor:default;
}

div#staffroom div.questionnaire div.questbox {
}
div#staffroom div.questionnaire div.question {
	position:relative;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	height:50px;
	width:630px;
	background-color:#ececec;
	color:black;
	font-size:30px;
	line-height:50px;
	font-style:italic;
	border-radius: 25px;
	overflow:visible;
}
div#staffroom div.questionnaire div.question span {
	margin-left:24px;
}
div#staffroom div.questionnaire div.question img {
	position:absolute;
	right:8px;
	bottom:3px;
	width:90px;
	height:90px;
}


div#staffroom div.questionnaire div.graph {
}
div#staffroom div.questionnaire div.legend {
	display:inline-block;
	margin-top:55px;
	width:340px;
}
div#staffroom div.questionnaire div.legend table {
	color:black;
	font-size:18px;
}
div#staffroom div.questionnaire div.legend table th {
	padding:4px 10px;
}
div#staffroom div.questionnaire div.legend table th span {
	display:inline-block;
	width:30px;
	height:30px;
	border-radius: 10px;
}
div#staffroom span.Lfb6767 { background-color:#fb6767; }
div#staffroom span.Lffda93 { background-color:#ffda93; }
div#staffroom span.Le57bb9 { background-color:#e57bb9; }
div#staffroom span.Lf3e868 { background-color:#f3e868; }
div#staffroom span.Ld06464 { background-color:#d06464; }
div#staffroom span.Lf6c346 { background-color:#f6c346; }
div#staffroom span.Lba8267 { background-color:#ba8267; }
div#staffroom span.Lc45bd2 { background-color:#c45bd2; }
div#staffroom span.Le59e06 { background-color:#e59e06; }
div#staffroom span.Lba3709 { background-color:#ba3709; }
div#staffroom span.Le54f75 { background-color:#e54f75; }
div#staffroom span.Lf7751f { background-color:#f7751f; }
div#staffroom span.Lf787d9 { background-color:#f787d9; }

div#staffroom span.L5b55eb { background-color:#5b55eb; }
div#staffroom span.L62e7ec { background-color:#62e7ec; }
div#staffroom span.L5eae4d { background-color:#5eae4d; }
div#staffroom span.L8fdf5a { background-color:#8fdf5a; }
div#staffroom span.Lbc77e2 { background-color:#bc77e2; }
div#staffroom span.L2e7ad8 { background-color:#2e7ad8; }
div#staffroom span.L6cdeaa { background-color:#6cdeaa; }
div#staffroom span.Ld987d1 { background-color:#d987d1; }

div#staffroom div.questionnaire div.legend table td.item {
}
div#staffroom div.questionnaire div.legend table td.ratio {
	display:none;
}

div#staffroom div.questionnaire div.notes {
	width:750px;
	height:118px;
	border:2px solid #d9d9d9;
	border-radius: 6px;
	margin: 0px auto 100px auto;
}
div#staffroom div.questionnaire div.notes p {
	margin:12px 16px;
	color:#d45659;
	font-size:18px;
	line-height:34px;
}

div#staffroom div.questionnaire div.legend.left {
}
div#staffroom div.questionnaire div.legend.right {
	float:right;
}
div#staffroom div.questionnaire div.graph.left {
	margin-top:45px;
}
div#staffroom div.questionnaire div.graph.right {
	float:right;
	margin-top:50px;
}

div#staffroom div.questionnaire div.q1 div.legend {}
div#staffroom div.questionnaire div.q1 div.graph {}

div#staffroom div.questionnaire div.q1 div.notes {margin-top: 35px;}
div#staffroom div.questionnaire div.q2 div.notes {margin-top: 26px;}
div#staffroom div.questionnaire div.q3 div.notes {margin-top: 38px;}
div#staffroom div.questionnaire div.q4 div.notes {margin-top: 65px;}
div#staffroom div.questionnaire div.q5 div.notes {margin-top: 40px;}
div#staffroom div.questionnaire div.q6 div.notes {margin-top: 110px;}
div#staffroom div.questionnaire div.q7 div.notes {margin-top: 36px;}
div#staffroom div.questionnaire div.q8 div.notes {margin-top: 26px;}
div#staffroom div.questionnaire div.q9 div.notes {margin-top: 216px;}
div#staffroom div.questionnaire div.q10 div.notes {margin-top: 66px;}


/* お問い合わせ */
div#contact {
	text-align:center;
	background-color:#ffffff;
}
div#contact .contents {
	text-align:center;
	width:864px;
}
div#contact h1 {
	background: url(../images/headline05.png) no-repeat 0px 100px;
}
div#contact .contentsbox {
	margin-bottom:76px;
}

div#contact h3 {
	margin-top:16px;
	margin-bottom:8px;
}

div#contact hr {
	margin-bottom:8px;
}

div#contact input.text-name {
	margin:3px 8px;
	width:480px;
	font-size:11pt;
	padding:2px 4px;
}
div#contact input.text-mail {
	margin:3px 8px;
	width:480px;
	font-size:11pt;
	padding:2px 4px;
}

div#contact textarea.text-comment {
	margin:3px 8px;
	width:660px;
	height:230px;
	font-size:11pt;
	line-height:150%;
	padding:2px 4px;
}

div#contact input.text-btn {
	width:110px;
	font-size:12pt;
	font-weight:bold;
	margin-left:8px;
	margin-top:20px;
}

div#contact p {
	line-height:30px;
	text-align:left;
	text-indent:0.2em;
	margin-left:8px;
}

/* プライバシーポリシー */
div#privacypolicy {
}
div#privacypolicy .contents {
	text-align:center;
	width:864px;
}
div#privacypolicy .contentsbox {
}

div#privacypolicy ol {
	margin-left:48px;
	margin-top:16px;
	margin-bottom:16px;
	line-height:150%;
	list-style-type: decimal;
}
div#privacypolicy ol li {
	line-height:150%;
}
div#privacypolicy p {
	margin-top:16px;
	margin-bottom:16px;
	margin-left:16px;
}
div#privacypolicy div.history {
	margin-top:16px;
	margin-bottom:8px;
	text-align:right;
}
div#privacypolicy div.history table {
	display:inline-block;
}
div#privacypolicy div.history th {
	width:4em;
	height:20px;
	text-align:left;
}
div#privacypolicy div.history td {
	height:20px;
	text-align:right;
}
div#privacypolicy div.myname {
	text-align:right;
}
div#privacypolicy p.supple {
	text-align:left;
}

/* その他リンク */
div#links {
	display:block;
	background-color: #101010;
	width:100%;
	height:300px;
	text-align:center;
}

div#links .contents {
	text-align: left;
}

div#links .linkbox {
	display:block;
	/*width:320px;*/
	margin-left:80px;
	float: left;
}
div#links .linkbox h4 {
	font-size:10pt;
	color:#e0e0e0;
	margin-top:30px;
}
div#links .linkbox ul {
}
div#links .linkbox li {
	font-size:10pt;
	margin-top:20px;
}
div#links .linkbox li a {
	color:#a9a9a9;
	cursor:pointer;
}

/* フッター */
div#footer {
	clear:both;
	display:block;
	background-color : #363636;
	width:100%;
	height:40px;
	text-align:center;
}
div#footer .contents {
	text-align: right;
}
div#footer .copyright {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 40px;
}
/* 戻るボタン */
#topbutton {
	/* ▼表示位置を画面の右下に固定 */
	position: fixed; /* ←表示場所を固定 */
	bottom: 18px;   /* ←下端からの距離 */
	right: 18px;    /* ←右端からの距離 */
	width:100%;
	text-align:center;
}
#topbutton .contents{
	position:relative;
}

#topbutton .contents span {
	position:absolute;
	bottom:0px;
	right:0px;
	display:block;
    width: 100px;
    height: 100px;
	text-indent:-9999px;
	background: url(../images/triangle02.png) no-repeat;

    border-radius: 50px;

	box-shadow: 0 0 8px 4px #ffffff;
	
}

/* 戻るボタン */
div.backbutton {
	margin:16px auto;
	text-align:center;
}

/* 制作中 */
div.underconstruction {
	margin-top:80px;
	margin-bottom:80px;
}
div.underconstruction img {
	/*width:829px;
	height:548px;*/
	width:80%;
}