@charset "utf-8";

/*----------------------------------------------------------------------------*/
/*基本*/
/*--------------------------*/
body,section,article,aside,header,nav,hgroup,figure,footer,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,address,blockquote,
legend,fieldset,
form,input {
	margin:0;
	padding:0;
	text-decoration:none;
	text-align:left;
	vertical-align:top;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	list-style-type:none;
	border:none;
}
html {
	font-family:"ＭＳ Ｐゴシック","Osaka",Verdana,Arial,sans-serif;
	color:#333;
}
strong, em, b, i {
	font-style:normal;
	font-weight:normal;
}
body {
	min-width:1200px;
	text-align:center;
}
/*リンク*/
a:link, a:visited {
	color:#000;
	text-decoration:none;
}
a:hover, a:active {
	color:#c00;
	text-decoration:underline;
	background-position:bottom;
}
.section a:link, .section a:visited {
	color:#5aa75a;
	text-decoration:underline;
}
.section a:hover, .section a:active {
	color:#c00;
	text-decoration:none;
	background-position:bottom;
}
#footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover, #footer a:active {
	color:#b4e3c8;
	text-decoration:underline;
	background-position:bottom;
}
/*テキストエリア*/
textarea {
	font-size:100%;
}
/*イメージ位置*/
img {
	vertical-align:bottom;
	border:none;
}
/*不可視*/
hr {
	display:none;
}
/*----------------------------------------------------------------------------*/
/*レイアウト*/
/*--------------------------*/
/*トップページ*/
#top {
	margin:0 auto;
	padding:0 0 30px;
	width:100%;
	text-align:center;
	background:url("../images/bg_top.png") repeat-x top;
}
#header {
	position:relative;
	margin:0 auto;
	width:1200px;
	height:201px;
	background:url("../images/bg_hdr.png") no-repeat center top;
}
#content {
	margin:0 auto;
	width:1200px;
	background:url("../images/bg_tree.jpg") no-repeat right;
}
/*下層ページ*/
#sub #top {
	margin:0 auto;
	padding:0;
	text-align:center;
	background:url("../images/bg_2nd.png") repeat-x top;
}
.digitalsignage {
	background-color:#000;
}
.sai {
	background-color:#FFF;
}
#sub #header {
	position:relative;
	margin:0 auto;
	width:1200px;
	height:214px;
	background:none;
}
#sub #content, #widecontent {
	margin:0 auto;
	width:1200px;
	background:url("../images/bg_tree2nd.jpg") no-repeat 100% 20px;
}
.digitalsignage #widecontent {
	background:url("../images/bg_ds.png") no-repeat 0 0;
}
.sai #widecontent {
	background-color:#FFF;
}
/*----------------------------------------------------------------------------*/
/*ヘッダー*/
/*--------------------------*/
/*トップページ*/
.ttl_logo {
	margin:0 0 0 150px;
	padding:32px 0 0;
}
.ttl_lead {
	margin:0 0 0 150px;
}

h1 {
	margin:0 0 0 150px;
}

#index h1 {
	margin: 0 0 0 150px;
	/margin-left: 0px;
	font-size:10px;
	position:absolute;
	top:0px;
	x-index:1;
	color:#CCC;
	padding-top:10px;
}
#gnav {
	margin:0 0 0 150px;
}
#gnav li {
	float:left;
	margin:11px 1px 0 0;
}
.bnr_hdr {
	position:absolute;
	top:122px;
	left:822px;
}
/*下層ページ*/
#sub .ttl_logo {
	float:left;
	margin:0 0 0 150px !important;
	margin:0 0 0 75px;
	padding:0;
	height:73px;
}
#sub .ttl_logo a {
	display:block;
	margin:27px 0 0;
}
#sub #gnav {
	float:right;
	margin:30px 150px 0 0 !important;
	margin:30px 75px 0 0;
}
#btn_2nd {
	clear:both;
	margin:0 0 0 150px;
	padding:10px 0 0 !important;
	padding:9px 0 0;
	width:905px;
	overflow:hidden;
}
#btn_2nd li {
	float:left;
	margin:0 3px 3px 0;
}
/*----------------------------------------------------------------------------*/
/*トップページ*/
/*--------------------------*/
.btn_top {
	margin:0 0 0 160px;
	padding:50px 0 0;
	width:600px;
}
.btn_top li {
	float:left;
	margin:5px 5px 0 0;
}
.bnr_top {
	margin:30px 0 0 160px;
	width:550px;
}
.bnr_top li {
	float:left;
	margin:5px 5px 0 0;
}
.update_top {
	padding:20px 10px 20px 160px;
}
.update_top dl {
	/*float:left;*/
	margin:0 30px 20px 0;
}
.update_top dt {
	margin:0 0 10px;
}
.update_top dd {
	line-height:20px;
	font-size:93%;
}
.collapse_buttons img {
	margin: 0 20px 0 0;
}
.collapse_buttons a {
	margin: 0 0 0 10px;
	font-size:10px;
}
/*----------------------------------------------------------------------------*/
/*下層ページ*/
/*--------------------------*/
.section {
	float:left;
	margin:0 0 0 150px !important;
	margin:0 0 0 75px;
	width:712px;
}
#widecontent .section {
	float:none;
	margin:0 0 0 150px;
	width:900px;
}
p.topicpath {
	padding:10px 0 0;
	font-size:85%;
}
.topicpath strong {
	font-weight:bold;
}
.section h1 {
	margin:30px 0 0;
}
.section h2 {
	padding:20px 10px 0;
	line-height:1.5em;
	font-weight:bold;
}
.section p {
	padding:20px 10px 0;
	line-height:1.5em;
	font-size:93%;
}
.article {
	margin:0 10px;
	padding:0 0 20px;
	border-bottom:1px solid #c0c0c0;
}
.article2 {
	margin:0;
	padding:30px 0 0 20px;
	border-bottom:1px solid #c0c0c0;
}
#widecontent .article {
	border-bottom:none;
}
.outbox {
	margin:20px 0;
	padding:4px;
	background:url("../images/bg_map.png");
}
.inbox {
	text-align:center;
	background:#fcfbfa;
}
.inbox.clo-white {
	background-color:#FFF;
}
.inbox p {
	padding:10px 0 0;
}

.inbox p.text {
	width:768px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}


.tbl_dl100 {
	margin:10px 20px;
}
.tbl_dl100 dt {
	float:left;
	padding:15px 0;
	width:100px;
	font-size:93%;
	font-weight:bold;
	color:#006d5b;
	border-top:1px solid #c0c0c0;
}
.tbl_dl100 dd {
	margin:0 0 0 100px;
	padding:15px 0;
	font-size:93%;
	border-top:1px solid #c0c0c0;
}
.tbl_dl100 p {
	margin:0 0 5px 1.0em;
	line-height:1.5em;
	text-indent:-1.0em;
	font-size:100%;
}
.tbl_dl100 strong {
	font-size:108%;
	font-weight:bold;
}
.tbl_dl50 {
	margin:0 0 10px 10px;
}
.tbl_dl50 dt {
	float:left;
	padding:0;
	width:50px;
	font-weight:normal;
	color:#333;
	border:none;
}
.tbl_dl50 dd {
	margin:0 0 0 60px;
	padding:2px 0;
	border:none;
}
.tbl_dl80 {
	margin:0 0 10px;
}
.tbl_dl80 dt {
	float:left;
	padding:0;
	width:80px;
	font-weight:normal;
	color:#333;
	border:none;
}
.tbl_dl80 dd {
	margin:0 0 0 90px;
	padding:2px 0;
	border:none;
}
.tbl_dl100 li {
	padding:0 0 4px;
}
.google_map {
	margin:20px 0;
	padding:4px;
	background:url("../images/bg_map.png");
}
.accesslist li {
	padding:0 10px 4px;
}
.websolution_menu {
	margin:0 auto;
	padding:0 0 30px;
	width:770px;
}
.websolution_menu dt, .accounting_menu dt {
	margin:0 0 20px;
	padding:10px 0 0;
}
.websolution_menu dd, .accounting_menu dd {
	float:left;
}
.accounting_menu {
	margin:0 auto;
	padding:0 0 30px;
	width:804px;
}
.kittingcenter_menu {
	margin:0 auto;
	padding:0 0 30px;
	width:843px;
}
.kittingcenter_menu p {
	margin:0 auto;
	padding:0;
}
.kittingcenter_menu ul {
	margin:0 auto;
	padding:30px 0 10px;
	width:813px;
}
.contactcenter_menu ol {
	margin:0 auto;
	padding:30px 0 10px;
	width:745px;
}
.contactcenter_menu p {
	padding:40px 0 0 40px;
}
.contactcenter_menu li {
	margin:0 0 20px;
}
.datacenter_menu, .listeningpod_menu {
	padding:0 0 20px;
}
.datacenter_menu p {
	margin:0 auto;
	padding:0;
	width:778px;
}
.commission_menu {
	margin:0 auto;
	padding:20px 0;
	width:750px;
}
.commission_menu li {
	margin:0 0 20px;
}
.erp_keyword {
	margin:20px 0 0 10px;
}
.erp_keyword dt {
	font-weight:bold;
}
.erp_keyword dd {
	padding:5px 0 0;
}
.erp_menu {
	padding:10px 0 20px;
}
.erp_menu p {
	text-align:center;
}
.erp_txt {
	padding:0 40px 20px;
}
.erp_txt dl {
	width:380px;
	margin:20px 0;
}
.erp_txt dt {
	padding:0 0 5px;
	font-weight:bold;
}
.erp_txt dd {
	height:6.5em;
	line-height:1.5em;
}
.erp_dl {
	background:#f6faff;
}
.erp_dl dl {
	padding:20px;
}
.erp_dl dt {
	padding:0 0 20px;
}
.bookstore_menu {
	padding:20px 0;
	text-align:center;
}
.bookstore_menu p {
	text-align:center;
}
.bookstore_menu ul {
	margin:0 auto;
	width:710px;
}
.bookstore_menu li {
	float:left;
	margin:0 0 20px 0;
}
.bookstore_menu dl {
	margin:0 auto;
	width:773px
}
.bookstore_menu dt {
	margin:20px 0;
}
.bookstore_menu dd {
	float:left;
}
.newscontennt {
	float:left;
	width:400px;
}
.newsphoto {
	float:right;
	margin:0 20px 0 0 !important;
	margin:0 10px 0 0;
}
.btn_pgtp {
	position:relative;
	left:200px;
	margin:20px 0;
	text-align:right;
}
#widecontent .btn_pgtp {
	position:relative;
	left:0px;
	margin:20px 0;
	text-align:right;
}
.rightnav {
	float:right;
	margin:17px 150px 0 0 !important;
	margin:17px 75px 0 0;
	width:188px;
}
.rightnav ul {
	padding:5px;
	background:url("../images/bg_2ndnav.png");
}


.recruit_block table {
	margin: 20px 10px;
	width: 880px;
	border-collapse: collapse;
}
.recruit_block th, .recruit_block td {
	padding: 20px;
	border: 1px solid #666;
}
.tbl_recruit01 th {
	width: 100px;
	background: #eee;
}
.tbl_recruit02 th {
	text-align: center;
	color: #fff;
	background: #046f5d;
}
.tbl_recruit02 td {
	padding: 0 20px 10px;
}
.tbl_recruit02 dt {
	margin: 10px 0 0;
	font-weight: bold;
}
.tbl_recruit02 dd {
	margin:5px 0 0 10px;
}
.bnr_recruit {
	position: relative;
}
.bnr_recruit a {
	position: absolute;
	top: 90px;
	left: 225px;
}

/* 問合せ領域 */
#contactBL{
	border:#CCC solid 1px;
	margin-bottom:25px;
	clear:both;
	text-align:center;
	padding:0 0 20px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#FFF;
}
#contactBL h3{
	color:#FFF;
	background-color:#751932;
	text-align:center;
	padding:10px;
	font-size:150%;
	margin-bottom:10px;
	font-weight:bold;
}
#contactBL .postBox{
	text-align:center;
	font-size:120%;
	line-height:180%;
	border-bottom:#999 dotted 1px;
	margin:0 10px;
	padding-bottom:10px;
}
#contactBL .postBox strong{
	font-weight:bold;
}
#contactBL .telBox{
	text-align:center;
}

#contactBL .telBox .title-contact{
	text-align:center;
	color:#751932;
	font-size:150%;
	font-weight:bold;
}
#contactBL .telBox .tel{
	font-size:240%;
	font-weight:bold;
	text-align:center;
	font-family:"Arial Black", Gadget, sans-serif;
	padding:0 0 15px 0;
}
#contactBL .telBox .tel .telIcon{
	background-image:url(../images/icon_contact-tel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:45px;
	height:36px;
	display:inline-block;
}


#contactBL .telBox .tel .subtext{
	font-size:50%;
	font-weight:normal;
}
#contactBL dl{
	text-align:center;
}

#contactBL dl dt{
	display:inline-block;
	color:#FFF;
	background-color:#751932;
	width:4em;
	text-align:center;
	padding:5px;	
	*display: inline;
	*zoom: 1; 
}
#contactBL dl dd{
	display:inline-block;
	font-size:140%;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	padding-left:5px;
	width:150px;
	*display: inline;
	*zoom: 1; 
}
#contactBL dl dt.marginLeft{
	margin-left:10px;
}
#contactBL dl dd.mail{
	width:265px;
	background-repeat: no-repeat;
	background-position: 5px 2px;
	background-image:url(../images/mail-kowa.gif);
}
#contactBL dl dd.mail.bookanswer3{
	background-image:url(../images/mail-bookanswer3.gif);
}
#contactBL dl dd.mail.h-ekino{
	background-image:url(../images/mail-h-ekino.gif);
}
#contactBL dl dd.mail.h-komiyama{
	background-image:url(../images/mail-h-komiyama.gif);
}
#contactBL dl dd.mail.pitspot{
	background-image:url(../images/mail-pitspot.gif);
}
#contactBL dl dd.mail.web_staff{
	background-image:url(../images/mail-web_staff.gif);
}


/*---------------------------*/
/*アンドロイドアプリ開発*/
/*--------------------------*/

body#sub.android{
}

body#sub.android #titleBL{
	background-image:url(../images/img_android-titleBL-bg.png);
	background-repeat:no-repeat;
	background-position: 580px 70px;
	margin-bottom:25px;
}
body#sub.android #titleBL p,
body#sub.android #titleBL h1{
	margin:0;
	padding:0;
}

/* aブロック */
body#sub.android .contBL-a{
	margin-bottom:25px;
	clear:both;	
}
body#sub.android .contBL-a:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}
body#sub.android .contBL-a p{
	margin:0;
	padding:0;
	font-size:100%;
}
	
body#sub.android .contBL-a h2{
	margin:0 0 15px 0;
	padding:0;
}
body#sub.android .contBL-a .contbox{
	clear:both;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 60px;
}
body#sub.android .contBL-a .contbox:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}
body#sub.android .contBL-a .contbox .leftbox{
	width:140px;
	float:left;
}
body#sub.android .contBL-a .contbox .rightbox{
	width:650px;
	float:right;
}
body#sub.android .contBL-a .contbox .rightbox h3{
	color:#EB6463;
	font-size:140%;
	margin:0 0 10px 0;
	padding:0;
}

/* bブロック */
body#sub.android .contBL-b{
	margin-bottom:25px;
	clear:both;	
}
body#sub.android .contBL-b:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}
body#sub.android .contBL-b p{
	margin:0;
	padding:0;
	font-size:100%;
}
	
body#sub.android .contBL-b h2{
	margin:0 0 15px 0;
	padding:0;
}
body#sub.android .contBL-b .contbox{
	margin:10px 0 25px 60px;
	clear:both;
}
body#sub.android .contBL-b .contbox:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}
body#sub.android .contBL-b .contbox .leftbox{
	width:500px;
	float:left;
}
body#sub.android .contBL-b .contbox .leftbox h3{
	font-size:140%;
	margin:0 0 10px 0;
	padding:0;
	font-weight:bolder;
}
body#sub.android .contBL-b .contbox .rightbox{
	width:300px;
	float:right;
}

body#sub.android .contBL-b .contbox ul.pickup{
	margin-top:15px;
	
}
body#sub.android .contBL-b .contbox ul.pickup li{
	background-image:url(../images/img_android-02-ico01_s1.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:25px;
	font-size:110%;
	margin-bottom:15px;
	font-weight:bold;
	line-height:130%;	
}
body#sub.android .contBL-b .contbox ul.pickup li.no01{
	background-image:url(../images/img_android-02-ico01_s1.png);
}
body#sub.android .contBL-b .contbox ul.pickup li.no02{
	background-image:url(../images/img_android-02-ico02_s1.png);
}
body#sub.android .contBL-b .contbox ul.pickup li.no03{
	background-image:url(../images/img_android-02-ico03_s1.png);
}

/* b-2ブロック */				
body#sub.android .contBL-b .contbox .leftbox.full{
	width:840px;
}

/* contactブロック */
body#sub.android .contactBL{
	margin-bottom:25px;
	clear:both;	
}



body#sub.android{
}


/*----------------------------------------------------------------------------*/
/*フッター*/
/*--------------------------*/
#footer {
	padding:5px 0 0;
	text-align:center;
	background:#4e6357 url("../images/bg_ftr.png") repeat-x top;
}
.ftr_nav {
	margin:10px auto 0;
	width:1200px;
	text-align:center;
}
.ftr_nav ul{
	margin:0 150px;
	padding:5px 0 10px;
	width:900px;
	background:url("../images/line.png") repeat-x bottom;
}
.ftr_nav li {
	float:left;
	margin:0 15px 0 0;
	padding:0 15px 0 0;
	line-height:25px;
	font-size:85%;
	background:url("../images/split.png") no-repeat 100% 50%;
}
.ftr_info {
	margin:25px auto 0;
	width:900px;
}
.ftr_info p {
	float:left;
	margin:30px 0 0;
	font-size:85%;
}
.ftr_info p a {
	margin:0 10px;
}
.ftr_info dl {
	float:right;
	width:390px;
}
.ftr_info dt {
	width:160px;
}
.ftr_info dd {
	width:230px;
}
.ftr_info dt, .ftr_info dd {
	color:#fff;
}
.ftr_info dd p {
	float:right;
	margin:0 0 15px;
	width:190px;
}
/*----------------------------------------------------------------------------*/
/*汎用*/
/*--------------------------*/
.mp0 {margin:0px !important;padding:0px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mb0 {margin-bottom:0px !important;}
.mb3 {margin-bottom:3px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.pr0 {padding-right:0px !important;}
.pr0 {padding-right:0px !important;}
.pt0 {padding-top:0px !important;}
.pt40 {padding-top:40px !important;}
.txa_l {text-align:left !important;}
.txa_c {text-align:center !important;}
.txa_r {text-align:right !important;}
.fltL {float:left !important;}
.fltR {float:right !important;}
.none {background:none !important;border:none !important;}
/*----------------------------------------------------------------------------*/
/*回り込み解除*/
/*--------------------------*/
.cf:after {content:url(../images/c.gif);display:block;clear:both;height:0;}
.cf {display:inline-block;}
.cf {display:block;}
/*MacIEのみ適用\*//*/.cf {overflow:hidden;}
/**/