/* コンテンツ */
div#contents {
	clear:both;
	width:100%;
}

div#main_contents {
	margin:0 auto;
	width:810px;
	height:640px;
	text-align:center;
	position:relative;
}

div#post_menu {
	height:100px;
	background-color:#FFFFFF;
	position:relative;
}

div#contents li {
	float:left;
	display:inline;
	width:269px;
	height:80px;
	border-left:solid 1px #BBBBBB;
}

div#contents li a {
  display:block;  
  width: 100%;
  font-size:12px;
  color:#888888;
}

div#contents li.line-right {
	border-right:solid 1px #BBBBBB;
	width:268px;
}

div#post_menu {
	position:absolute;
	top:533px;
	left:0px;
	opacity:0.8;
}

div#post_menu div.line_top {
	height:2px;
	width:261px;
	border-top:solid 2px #FFDE00;
	position:absolute;
	top:4px;
	left:0px;
	display:none;
}

div#post_menu ul.contents_menu {
	margin:10px 0 0 0;
	list-style:none outside none;
}

div#post_menu li img {
	margin:0 0 18px 0;
}

div#middle {
	clear:both;
	width:100%;
	background-color:#E71E1B;
	position:absolute;
	top:263px;
	left:0px;
	display:none;
}

div#middle_contents {
	margin:0 auto;
	width:810px;
	height:120px;
	text-align:left;
	position:relative;
}

div#middle p {
	margin:0;
	padding:15px 0 0 0;
}

div#middle p.product {
	display:none;
}

div#middle p.graphic {
	display:none;
}

div#middle p.multimedia {
	display:none;
}

div#middle div.arrow {
	position:absolute;
	top:119px;
	left:0px;
	display:block;
}

/* 会社概要 ・ 採用情報 */
div.about {
	clear:both;
	width:100%;
}

div.about_contents {
	margin:0 auto;
	width:810px;
	text-align:left;
}

div.about_contents p.title{
	margin:20px 0 20px 0;
}

div.about_contents h2 {
	margin:40px 0 20px 0;
	padding:0px;
	height:40px;
	border-left:solid 2px #FFDE00;
}

div.about_contents h2 img {
	margin:8px 0 0 20px;
}

div.about_contents p {
	margin:0 0 0 3px;
	padding:0;
	font-size:15px;
	line-height:20px;
	color:#000000;
}

div.about_contents p.space {
	margin:20px 0 20px 3px;
	padding:0;
	font-size:15px;
	line-height:20px;
	color:#000000;
}

div.about_contents p.space2 {
	margin:35px 0 35px 3px;
	padding:0;
	font-size:15px;
	line-height:20px;
	color:#000000;
}

div.about_contents p span {
	font-weight:bold;
}

div.about_contents p.privacy {
	margin:20px 0 20px 30px;
	padding:0;
	text-indent:-30px;
	font-size:15px;
	line-height:20px;
	color:#000000;
}

div.about_contents .photo {
	margin:30px 0 0 0;
	text-align:center;
}

div.about_contents .space_bottom{
	margin:0 0 12px 0;
}

div.about_contents .human {
	margin:30px 6px 60px 0;
	float:left;
	width:266px;
	height:235px;
	text-align:center;
}

div.about_contents .human-right {
	margin:30px 0 60px 0;
	float:left;
	width:266px;
	height:235px;
	text-align:center;
}

div.about_contents .photo1 {
	margin:50px 0 60px 0;
	text-align:center;
}

div.about_contents .photo2 {
	margin:30px 0 40px 0;
	text-align:center;
}

div.about_contents p.b_title {
	margin:50px 0 25px 0;
	background-color:#FFDE00;
	width:810px;
	height:40px;
}

div.about_contents p.b_title2 {
	margin:50px 0 15px 0;
	background-color:#FFDE00;
	width:810px;
	height:40px;
}

div.about_contents p.b_title img,
div.about_contents p.b_title2 img {
	margin:10px 0 0 10px;
}

div.about_m {
	clear:both;
	width:100%;
	background-color:#FFDE00;
}

div.about_middle {
	margin:0 auto;
	width:810px;
	height:120px;
	text-align:left;
}

div.about_middle p {
	margin:0;
	padding:45px 0 0 0;
}

div.about_middle p.two-line {
	margin:0;
	padding:15px 0 0 0;
}

div.about_contents dl {
	padding-bottom:30px;
}

div.about_contents dt {
	float:left;
	width:90px;
	padding:0;
	font-size:15px;
	line-height:20px;
}

div.about_contents dt.long {
	width:700px;
}

div.about_contents dd {
	float:left;
	width:720px;
	padding:0;
	font-size:15px;
	line-height:20px;
}
div.about_contents dd.long {
	width:110px;
}

div.about_contents .top_line {
	padding:30px 0 0 0;
	border-top:dotted 1px #AAAAAA;
}

div.profile dt {
	float:left;
	width:160px;
	padding:12px 0 12px 0;
	font-size:15px;
	line-height:17px;
	font-weight:bold;
}

div.profile dd {
	float:left;
	width:650px;
	padding:12px 0 12px 0;
	font-size:15px;
	line-height:17px;
}


/* フレッシャー */
div.about_contents p.fresher_graphic {
	margin:50px 0 25px 0;
	background-color:#FFFF00;
	width:810px;
	height:40px;
}

div.about_contents p.fresher_multimedia {
	margin:50px 0 25px 0;
	background-color:#28A8E0;
	width:810px;
	height:40px;
}

div.about_contents .human_intro {
	margin:35px 6px 10px 0;
	float:right;
	width:314px;
	height:240px;
	text-align:center;
}

div .about_contents .human_multimedia {
	height:260px;
}

div.about_contents p.fresher_graphic img,
div.about_contents p.fresher_multimedia img {
	margin:10px 0 0 10px;
}

div.about_contents h2.graphic {
	border-left:solid 2px #FFFF00;
}

div.about_contents h2.product {
	border-left:solid 2px #E71E1B;
}

div.about_contents h2.multimedia {
	border-left:solid 2px #28A8E0;
}

div.product,div.about_contents p.product {
	background-color:#E71E1B;
}

div.graphic,div.about_contents p.graphic {
	background-color:#FFFF00;
}

div.multimedia,div.about_contents p.multimedia {
	background-color:#28A8E0;
}

div.about_contents div.voice_left {
	width:460px;
	float:left;
}

div.about_contents p.question {
	font-size:20px;
	font-weight:bold;
	margin-bottom:6px;
}

div.about_contents p.answer {
	margin-bottom:30px;
}

div.about_contents div.timeschedule {
	height:590px;
}

div.about_contents .timeschedule_left {
	float:left;
}

div.about_contents .timeschedule_right {
	float:right;
}

div.about_contents div.timeschedule_right p {
	margin-bottom:10px;
}

div.reason_back {
	position:relative;
}

div.fresher_arrow {
	position: absolute;
  right: 140px;
  top: 119px;
}

/* contact */
div.about_contents dl.contact {
	margin:0 0 0 0;
	
}

div.about_contents dl.contact dt {
	float:left;
	width:180px;
	padding:10px;
	font-size:15px;
	line-height:20px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background-color:#EEEEEE;
}

div.about_contents dl.contact dd {
	float:left;
	width:585px;
	padding:10px;
	font-size:15px;
	line-height:20px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

div.about_contents dl.contact .bottom_line {
	border-bottom:1px solid #CCCCCC;
}


div.about_contents div.photos3 {
	margin-top:30px;
	margin-bottom:30px;
	height:474px;
}

div.about_contents div.photos2 {
	margin-top:30px;
	margin-bottom:30px;
	height:316px;
}

div.about_contents div.photos1 {
	margin-top:30px;
	margin-bottom:50px;
	height:158px;
}

div.about_contents div.space_bottom {
	margin-bottom:50px;
}

div.about_contents div.photos3 img,
div.about_contents div.photos2 img,
div.about_contents div.photos1 img {
	width:270px;
	height:158px;
	float:left;
}

/*****/

div.about_contents div.figure {
	margin:10px 0 50px 0;
}

div.about_contents div.figure2 {
	margin:10px 0 50px 0;
	height:670px;
}

div.figure2 div.left_item {
	float:left;
	width:550px;
	height:140px;
	background-color:#DDDDDD;
}

div.figure2 .left_word {
	float:left;
	margin:	10px 0 0 20px;
}

div.figure2 .left_word span {
	font-weight:bold;
}

div.figure2 .right_image {
	float:right;
	margin:10px 10px 0 0;
}

div.figure2 .right_image img {
	vertical-align: middle;
}

div.figure2 .right_item {
	float:right;
	width:230px;
	height:65px;
	background-color:#DDDDDD;
}

div.figure2 .right_item p {
	margin:10px 0 0 20px;
}


div.about_contents div.middle_title {
	margin:10px 0 10px 0;
}

div.about_contents div.middle_title_product {
	margin:10px 0 10px 0;
	border-bottom:1px solid #E71E1B;
}

div.about_contents div.middle_title_graphic {
	margin:10px 0 10px 0;
	border-bottom:1px solid #FFDE00;
}

div.about_contents div.middle_title_multimedia {
	margin:10px 0 10px 0;
	border-bottom:1px solid #28A8E0;
}

div.figure .small_title {
	height:16px;
	margin:10px 0 5px 0;
}

div.figure .small_title2 {
	height:29px;
	margin:10px 0 5px 0;
}

div.figure .small_title2 .title_left {
	margin-top:6px;
	float:left;
	width:320px;
}

div.figure .small_title2 .title_middle {
	float:left;
	width:60px;
}

div.figure .small_title2 .title_right {
	margin-top:6px;
	float:left;
	width:50px;
}

div.figure .title_left {
	float:left;
	width:409px;
}

div.figure .title_right {
	float:left;
	width:390px;
}

div.figure .arrow_title {
	height:39px;
	margin:5px 0 5px 0;
}

div.figure .arrow_title .title_left {
	margin-top:23px;
	float:left;
	width:175px;
}

div.figure .arrow_title .title_arrow {
	float:left;
	width:50px;
}

div.figure .arrow_title2 {
	height:30px;
	margin:5px 0 5px 0;
}

div.figure .arrow_title2 .title_left {
	margin-top:14px;
	float:left;
	width:430px;
}

div.figure .arrow_title2 .title_arrow {
	float:left;
	width:50px;
}

div.about_contents div.movie {
	margin:40px 0 40px 0;
	width:810px;
	text-align:center;
}

div.about_contents .arrow_center {
	margin:20px 0 20px 0;
	width:810px;
	text-align:center;
}

div.figure .normal_title {
	margin:10px 0 5px 0;
}

div.figure .normal_image {
	margin:10px 0 5px 0;
}

div.figure .left_space15 {
	margin-left:15px;
}

div.figure .left_space20 {
	margin-left:20px;
}

div.figure .normal_arrow {
	margin:10px 0 5px 35px;
}

div.figure .normal_arrow_m {
	margin:10px 0 5px 45px;
}

div.figure .reel_item {
	margin-left:35px;
	text-align:center;
}

div.figure .reel_item .item1 {
	position: relative; 
	width:740px;
	z-index:1;
}

div.figure .reel_item .item2 {
	margin:0;
	position:absolute;
	top:94px;
	left:20px;
	z-index:2;
}

div.figure .reel_item p.space_top,
div.figure .arrow_center p.space_top
 {
	margin-top:5px;
}

a.mail:link {
	color:#000080;
}

a.mail:visited {
	color:#000000;
}

a.mail:hover {
	color:#ff0000;
} 

a.mail:active {
	color:#ff8000;
}

a.mail {
	text-decoration: underline;
}

/********************************/
#slide_panel {
	position: fixed;
	top:70px;	
	right:0px;
	*right:195px;
	margin: 0;	padding: 0 0 0 0;
	/* ポイント：横幅指定とはみ出し非表示にする事で、横幅が0に近づいても文字の改行を押さえる(改行させない) */
	overflow: hidden;	/* ←重要 */
	z-index:1000;
	font-weight:bold;
}

#slide_panel.product_menu {
	width:378px;	
	height: 650px;
	background: url("../images/product_menu.png") no-repeat;
}

#slide_panel.graphic_menu {
	width:378px;	
	height: 480px;
	background: url("../images/graphic_menu.png") no-repeat;
}

#slide_panel.multimedia_menu {
	width:378px;	
	height: 400px;
	background: url("../images/multimedia_menu.png") no-repeat;
}

#slide_panel.about_menu {
	width:378px;	
	height: 250px;
	background: url("../images/about_menu.png") no-repeat;
}

#slide_panel .wrap {
	width: 380px;
	overflow:hidden;	/* IE対策のおまじない */
	z-index:1001;
}

/* 出し入れのスイッチ */
#slide_panel .wrap h2 {
	margin:0 10px 0 0;
	padding:0;
	width:10px;
	height:680px;	/* 背景画像の幅／高さ */
	float:left;
	overflow:hidden;
	text-indent:-1000px;
	background-repeat: no-repeat;
	background-position:0 0;
	z-index:1002;
}

/* 出し入れのスイッチ */
#slide_panel .wrap h3.top {
	margin:00;
	padding:0;
	width:380px;
	height:10px;	/* 背景画像の幅／高さ */
	/*float:left;*/
	/*overflow:hidden;*/
	text-indent:-1000px;
	background-repeat: no-repeat;
	background-position:0 0;
	z-index:1002;
}

/* 出し入れのスイッチ */
#slide_panel .wrap h3.bottom {
	margin:0 10px 0 0;
	padding:0;
	width:380px;
	height:10px;	/* 背景画像の幅／高さ */
	/*float:left;*/
	/*overflow:hidden;*/
	text-indent:-1000px;
	background-repeat: no-repeat;
	background-position:0 0;
	z-index:1002;
	position:absolute;
	bottom:0px;
}

/* active用(メニューの背景画像切替) */
#slide_panel .wrap h2.menu_active {
	background-position: -20px 0;
	z-index:1003;
}

#slide_panel .panel_main {
	margin-left:0px;
	padding: 5px;
}

/* メニュー内容のcss */	
#slide_panel ul {
	margin:0 0 0 5px;
	padding: 0 0 0 0;
}

#slide_panel li {
	margin:0; padding:0;
	list-style: none;
	display:inline;
}

#slide_panel li a {
	display:block;
	margin: 0;
	text-decoration:none;
}

#slide_panel.product_menu a:link,#slide_panel.product_menu a:visited,
#slide_panel.product_menu a:hover,#slide_panel.product_menu a:active {
	color:#FFFFFF;
	opacity:1;
}

#slide_panel.graphic_menu a:link,#slide_panel.graphic_menu a:visited,
#slide_panel.graphic_menu a:hover,#slide_panel.graphic_menu a:active {
	color:#000000;
	opacity:1;
}

#slide_panel.multimedia_menu a:link,#slide_panel.multimedia_menu a:visited,
#slide_panel.multimedia_menu a:hover,#slide_panel.multimedia_menu a:active {
	color:#FFFFFF;
	opacity:1;
}

#slide_panel .dots {
	float:left;
	margin-top:12px;
	width:25px;
}

#slide_panel .dots_s {
	float:left;
	margin-top:4px;
	width:25px;
}

#slide_panel li span.selected {
  background: url("../images/menu_03.png") no-repeat;
}

#slide_panel li span {
  background: url("../images/menu_04.png") no-repeat;
  display: block;
  height: 15px;
  width: 15px;
}

#slide_panel.about_menu li span.selected,
#slide_panel.graphic_menu li span.selected {
  background: url("../images/graphic_circle_b1.png") no-repeat;
}

#slide_panel.about_menu li span,
#slide_panel.graphic_menu li span {
  background: url("../images/graphic_circle_b2.png") no-repeat;
  display: block;
  height: 15px;
  width: 15px;
}

#slide_panel li span#small.selected {
  background: url("../images/menu_05.png") no-repeat;
}

#slide_panel li span#small {
  background: url("../images/menu_06.png") no-repeat;
  display: block;
  height: 7px;
  width: 7px;
  margin:0 0 0 4px;
}

#slide_panel.about_menu li span#small.selected,
#slide_panel.graphic_menu li span#small.selected {
  background: url("../images/graphic_circle_s1.png") no-repeat;
}

#slide_panel.about_menu li span#small,
#slide_panel.graphic_menu li span#small {
  background: url("../images/graphic_circle_s2.png") no-repeat;
  display: block;
  height: 7px;
  width: 7px;
  margin:0 0 0 4px;
}

#slide_panel li {
	cursor: pointer;
}

#slide_panel li .title {
	font-size:18px;
	margin:10px 0 0 10px;
	float:left;
	width:320px;
	height:35px;
	font-weight:bold;
}

#slide_panel li .title_s {
	font-size:15px;
	margin:0 0 0 17px;
	float:left;
	width:313px;
	height:30px;
}

#slide_panel .homeimg {
	margin:10px 0 0 10px;
	cursor: pointer;
	font-weight:bold;
	font-size:16px;
}

#slide_panel .black {
	color:#000000;
}

#slide_panel .white {
	color:#FFFFFF;
}