@charset "utf-8";
/* ======================== 目次 ==========================

	[01]:メインビジュアル
	[02]:コンセプト
	[03]:お客様のメリット
	[04]:サービス内容
	[05]:トピックス
	[06]:気になる導入事例
	
======================================================== */


/* -------------------------[01]:共通スタイル */
div#clientData	{ width: 674px; position: relative; }

div#clientData .panList	{ font-size: 12px; text-align: left; padding: 3px; position: absolute; top: 53px; left: 5px; }
div#clientData .panList h2	{ font-size: 12px; font-weight: bold; display: inline; }

div#clientData .cap	{ width: 674px; height: 51px; }
div#clientData h3.mesTit{ width: 621px; height: 18px; background: url(/img/client/client_detail_cap.gif) no-repeat; font-size: 14px; font-weight: bold; color: #FFF; padding: 9px 15px 7px; }
div#clientData .inBox	{ width: 651px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 25px 10px 10px 11px; }
div#clientData .inBoxBtm{ width: 651px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 0px 10px 0px 11px; }

div#clientData .clientBox	{ width: 651px; margin: 0px auto; }
div#clientData .clientBox .thumbs	{ width: 200px; height: 150px; float: left; }
div#clientData .clientBox .detailData		{ width: 436px; float: right; }
div#clientData .clientBox .detailData .icon	{ width: 124px; height: 24px; float: left; }
div#clientData .clientBox .detailData .place		{ width: 312px; height: 14px; font-size: 10px; color: #C00; text-align: right; float: right; padding: 10px 0px 0px; }
div#clientData .clientBox .detailData p				{ clear: both; font-size: 12px; line-height: 16px; padding: 8px 0px; text-align: left; }
div#clientData .clientBox .detailData .iconBox		{ width: 436px; height: 23px; }
div#clientData .clientBox .detailData .iconBox div	{ height: 23px; float: left; padding: 0px 12px 0px 0px; }
div#clientData .clientBox .detailData .address		{ clear: both; width: 436px; padding: 0px 0px 10px; font-size: 12px; line-height: 20px; }
div#clientData .clientBox .detailData .address .head	{ background: url(/img/client/arrow.gif) no-repeat right; padding: 0px 13px 0px 0px; float: left; }
div#clientData .clientBox .detailData .address .data	{ padding: 0px 0px 0px 3px; float: left; }
.underText		{ font-size: 10px; height: 27px; color: #C00; line-height: 14px; text-align: left; padding: 3px 0px; }

div#clientData .entryBox	{ width: 651px; padding: 20px 0px 0px; margin: 0px auto; position: relative; }
div#clientData .entryBox .errorArrow{ width: 59px; height: 57px; margin: 0px auto; padding: 13px 0px 0px; }
div#clientData .entryBox .leftBox	{ width: 197px; height: 140px; float: left; }
div#clientData .entryBox .rightBox	{ background: url(/img/client/client_entry_bg.gif) no-repeat right; float: left; width: 434px; height: 125px; padding: 15px 20px 0px 0px; }
div#clientData .entryBox .rightBox p		{ font-size: 12px; height: 48px; font-weight: bold; line-height: 16px; color: #FFF; text-align: left; }
div#clientData .entryBox .rightBox p		{  }
*html div#clientData .entryBox .rightBox p	{ padding: 0px 0px 15px; }
*:first-child+html  div#clientData .entryBox .rightBox p	{ padding: 0px 0px 15px; }
/* div#clientData .entryBox .rightBox select	{ width: 150px; } */
div#clientData .entryBox .rightBox table	{ width: 420px; }
div#clientData .entryBox .rightBox th		{ text-align: left; color: #FFF; font-weight: bold; padding: 3px; }
div#clientData .entryBox .rightBox td		{ text-align: left; font-weight: normal; padding: 3px; }
div#clientData .entryBox .rightBox .entry_cap		{ width: 35px; height: 24px; float: left; padding: 0px; }
div#clientData .entryBox .rightBox .entry_bt		{ background: url(/img/client/entry_bt.gif) no-repeat; width: 123px; height: 24px;  font-size: 14px; font-weight: bold; float: left; text-align: center; }
div#clientData .entryBox .rightBox .entry_bt a		{ text-decoration: none; }
div#clientData .entryBox .rightBox .entry_bt span	{ padding: 5px 0px; display: block; }
div#clientData .entryBox .rightBox .entry_btbox		{ width: 123px; height: 24px;  font-size: 14px; font-weight: bold; float: left; text-align: center; }

div.error	{ font-size: 12px; color: #C00; padding: 5px 0px; }


/* -------------------------[02]:クライアント一覧 */
div#clientData .dataList	{ background: url(/img/client/conbg.gif) repeat-y; width: 674px; }
div#clientData .dataList h3.bnrBox	{ width: 124px; height: 24px; margin: 0px auto; }
div#clientData .dataLeft	{ width: 222px; float: left; }
div#clientData .dataLeft2	{ width: 223px; float: left; padding: 0px 0px 0px 3px; }
div#clientData .dataRight	{ width: 222px; float: right; }
div#clientData .dataList p	{ height: 120px; }

div#clientData .detailBox	{ width: 190px; padding: 15px 15px 9px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
div#clientData .dataLeft2 .detailBox	{ width: 192px; padding: 15px 15px 9px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
div#clientData .detailBox p				{ padding: 10px 0px 0px; font-size: 10px; line-height: 16px; text-align: left; }
div#clientData .detailBox .detailLink	{ font-size: 10px; text-align: right; }
div#clientData .detailBox .detailLink a	{ color: #333; }
div#clientData .detailBox .iconBox		{ text-align: left; padding: 2px 0px 0px; }
div#clientData .detailBox .underText	{ font-size: 10px; color: #C00; line-height: 14px; text-align: left; }
div#clientData .detailBox .btmBox		{ width: 222px; height: 10px; font-size: 0px; line-height: 0px; }


/* -------------------------[03]:クライアント詳細 */
div#clientData .listBox		{ width: 651px; padding: 20px 0px 10px; }

div#clientData .listBox .Left	{ padding: 30px 0px 0px; width: 430px; float: left; }
div#clientData .listBox .Left h4	{ background: url(/img/client/client_detail_scap.gif) no-repeat bottom; width: 400px; font-size: 14px; font-weight: bold; padding: 5px 15px 15px; }
div#clientData .listBox .Left p		{ font-size: 12px; line-height: 18px; text-align: left; padding: 8px; }

div#clientData .listBox .Right	{ width: 190px; float: right; padding: 15px 0px 0px; }
div#clientData .listBox .Right .detailSide	{ width: 190px; margin: 0px auto; padding: 15px 0px 10px; }
div#clientData .listBox .Right .detailSide .facePhoto		{ width: 51px; height: 57px; float: left; }
div#clientData .listBox .Right .detailSide .nameData		{ width: 125px; float: right; text-align: center; }
div#clientData .listBox .Right .detailSide .nameData span	{ display: block; font-size: 10px; }
div#clientData .listBox .Right .detailSide .nameData .conName{ font-size: 12px; font-weight: bold; }
div#clientData .listBox .Right .detailSide p				{ padding: 10px 0px 0px; height: 85px; font-size: 10px; line-height: 16px; text-align: left; }
div#clientData .listBox .Right .detailSide p a				{ font-size: 10px; }
div#clientData .listBox .Right .detailSide .detailLink		{ font-size: 10px; line-height: 14px; text-align: right; }
div#clientData .listBox .Right .detailSide .detailLink a	{ color: #333; }
div#clientData .listBox .Right .detailSide .iconBox			{ text-align: left; padding: 2px 0px 0px; }
div#clientData .listBox .Right .detailSide .iconBox img		{ padding: 0px 3px 0px 0px; }

div#clientData .comdataBox	{ width: 651px; font-size: 12px; padding: 15px 0px; }
div#clientData .comdataBox table		{ width: 631px; margin: 0px auto; padding: 15px 0px; }
div#clientData .comdataBox tr			{ background: url(/img/client/dotted.gif) repeat-x bottom; }
div#clientData .comdataBox th			{ width: 100px; padding: 5px; text-align: left; vertical-align: top; }
div#clientData .comdataBox td			{ padding: 5px; text-align: left; vertical-align: top; }
div#clientData .comdataBox td strong	{ font-weight: bold; display: block; }


/* -------------------------[04]:エントリーシート */
div#clientData .entryForm	{ width: 649px; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background: #f9f9f9; padding: 20px 0px; }
div#clientData .entryForm table	{ width: 575px; margin: 0px auto; background: #ffc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div#clientData .entryForm th	{ width: 90px; font-weight: bold; padding: 8px 8px 7px 15px; text-align: left; border-bottom: 1px solid #ccc; line-height: 22px; }
div#clientData .entryForm td	{ font-weight: bold; padding: 8px 8px 7px; text-align: left; border-bottom: 1px solid #ccc; }
div#clientData .entryForm td.red{ font-size: 10px; color: #F00; width: 40px; }
div#clientData .entryForm td span	{ font-weight: normal; font-size: 10px; color: #600; line-height: 12px; padding: 0px 5px; }
div#clientData .entryForm div.error	{ color:#FF0000; font-size: 12px; text-align: left; padding: 5px; margin:20px;border:1px solid #FF0000;background-color:#ffffcc;}

div#clientData .entryForm .wid120	{ width: 120px; }
div#clientData .entryForm .wid150	{ width: 150px; }
div#clientData .entryForm .wid200	{ width: 200px; }
div#clientData .entryForm .wid250	{ width: 250px; }
div#clientData .entryForm .hei200	{ height: 200px; }
div#clientData .entryForm .mar5		{ margin: 5px 0px; }
div#clientData .entryForm .mar25	{ margin: 25px 0px 0px; }
div#clientData .entryForm .mar5-2	{ margin: 5px 0px 0px; }
div#clientData .entryForm .inText	{ font-size: 12px; line-height: 18px; padding: 20px 0px; display: block; font-weight: bold; }
div#clientData .entryForm .attention{ font-size: 10px; color: #F00; font-weight: normal; line-height: 14px; }
div#clientData .entryForm table.inTab	{ width: 200px; border: 0px; margin: 0px; }
div#clientData .entryForm table.inTab td{ border: 0px; padding: 2px; }

table.calendar	{ border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin: 5px; }
table.calendar td	{ border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 3px; font-size: 12px; }

div#clientData .entryForm p	{ background: #FFC; padding: 20px; width: 540px; margin: 0px auto; text-align: left; }
div#clientData .entryForm p span	{ display: block; float: right; }

div#clientData .smarticon	{text-align:right; margin:10px 10px 0px 0px; }