@import url(submenu.css);
/*base*/
body{
	margin:0px;
	padding:0px;
	font-size:80%;
	line-height:140%;
	font-family:ＭＳ Ｐゴシック,Osaka;
	color:#333333;
	letter-spacing: 1px;
}

.box_pan_top{
	margin:10px 0px 10px 0px;
	padding:0px;
	line-height:120%;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}

ul {
	width:500px;
	margin:3px 0 10px 20px;
	padding:0 0 0 18px;
}

ul.no_continuing_contents_list{
	margin-bottom:0;
}

ol {
	width:490px;
	margin:3px 0 0px 20px;
	padding:0 0 0 25px;
	list-style-type: decimal;
	
}

ol li {
	padding:0;
	margin-bottom:10px;
}

ol li.last {
	padding:0;
	margin-bottom:0;
}

ol li p {
	width:465px;
	margin:0;
	padding:0;
}

ol li ul {
	width:465px;
	margin:3px 0 0 15px;
	padding:0 0 0 15px;
	list-style-type:disc;
}

ol li ul li {
	padding:1px;
	margin-bottom:5px;
	line-height:100%;
}

ol li ul li.last {
	margin-bottom:0;
}

.ol_contents {
	margin-bottom:10px;
	padding:0;
}

.ol_contents_last {
	margin-bottom:0;
	padding:0;
}

ol.no_continuing_contents_list{
	margin-bottom:0;
}


/* 画像の上下に5pxのスペースを入れる（左右は0）*/
.img_h_space_5px {
	margin:5px 0;	
}

/* 画像の上下に10pxのスペースを入れる（左右は0）*/
.img_h_space_10px {
	margin:10px 0;	
}

/* 画像の下に20pxのスペースを入れる（左右は0）*/
.img_b_space_20px {
	margin:5px 0 20px 0;	
}

div{
	margin:0px;
	padding:0px;
}

td{
	font-size:80%;
	line-height:140%;
}

h1{
	background-color:#02258B;
	background-image: url(../images/common/h1_bg.gif);
	background-repeat: no-repeat;
	background-position:10px 8px;
	width: 506px;
	height:auto;
	display:block;
	zoom:1;
	font-size: 134%;
	line-height: 110%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 8px 0px 8px 30px;
	color: #FFFFFF;
}

/* IE用ハック*/
* html h1,* html h2,* html h3{
	width /**/ : 536px;;
}

h1 .sub_title{
	font-size: 90%;
}

h2{
	background-image: url(../images/common/h2_bg.gif);
	background-repeat: no-repeat;
	border:#9C9C9C dotted 1px;
	width: 516px;
	height:auto;
	font-size: 134%;
	line-height: 110%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 7px 0px 5px 20px;
	color: #333333;
}

h2.function{
	background: url(../images/common/h2forFunction_bg.gif) no-repeat 0 100%;
	border:none;
	width: 536px;
	height: auto;
	font-size: 117%;
	line-height: 110%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 3px 12px;
	color: #333333;
}

h3{
	background-color:#EFF3FC;
	background-image: url(../images/common/h3_bg.gif);
	background-repeat: no-repeat;
	background-position:6px 7px;
	border-bottom:#2257AF solid 2px;
	width: 519px;
	height: auto;
	font-size: 117%;
	line-height: 115%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 4px 0px 5px 17px;
	color: #333333;
}

/* pタグ -------------------------------------------------------------------------------*/
#box_main p {
	width:536px;
	margin:0 0 10px 0;
	padding:0;
}

.unity{
	width:536px;
	margin:0 0 20px 0;
	padding:0;
}

.unity:after { /* Tony Aslett氏考案「clearfix」を使用 */
	font-size: 1px;
	content:".";
	display:block;
	height:0px;
	clear:both;
}

.unity{
	zoom: 1; /* after疑似要素をサポートしていないIE対策 */
}

.unity_talk_last{
	width:536px;
	margin:0;
	padding:0;
}

.require {
	padding: 0 0 0 3px;
	color: #FF0000;
	font-weight: bold;
}

/*box*/
#side_main{
	width:546px;
	margin:0px;
	background-color:#FFFFFF;
	float:right;
}

#box_main{
	padding-right:9px;
	margin:0;
	padding:0;
}


#contents{
	width:700px;
	background:url(../images/common/sidemenu_back.gif) repeat-y;
}

#left_menu {
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: 144px;
	list-style-type: none;
}

#left_menu li{
	padding-left: 25px;
	padding-top:7px;
	width:144px;
	height:25px;
	line-height:100%;
	background:url(../images/common/leftmenu_bg.gif) no-repeat bottom;
	text-align:left;
	clear:both;
}

#gotopagetop {
	padding-top:5px;
	width:536px;
	height:20px;
	line-height:100%;
	text-align:right;
	clear:both;	
}

#check_mailmagazine {
	padding-top:5px;
	margin-bottom:20px;
	width:536px;
	height:auto;
	line-height:100%;
	text-align:right;
	clear:both;	
}


.author_intro {
	width:536px;
	text-align: right;
	margin-top:0px;
	padding-bottom:10px;
}

.font_red_strong {
	color:#FF0000;
	font-weight:bold;
}

.article_end {
	width:536px;
	text-align: right;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:10px;
}

.next_intro {
	width:536px;
	text-align: center;
	margin:0px;
	margin-top:10px;
	padding:0px;
}

.contact_list {
	width:536px;
	text-align: left;
	margin-bottom:10px;
	padding:0;
	line-height:140%;
}

.annotation {
	width:536px;
	text-align: left;
	margin:0;
	padding:0;
	
	font-size:85%;
	line-height:140%;
}

#side_menu{
	margin: 0;
	padding: 10px 0 0 0;
	width: 144px;
	float:left;
}

#side_menu .side_menu_o{
	background-image: url(../images/common/leftmenu_bg.gif);
	background-repeat: no-repeat;
	width: 121px;
	line-height: 190%;
	margin: 0;
	padding: 0 0 0 23px;
	height: auto;
	overflow: visible;
	border-bottom:solid #FFFFFF 1px;
}

/* IE用ハック*/
* html #side_menu .side_menu_o{
	width /**/ : 144px;
}

/* Leftsideメニュー2 ---------------------------------------------------*/
#side_menu2{
	margin: 5;
	padding: 10px 0 0 0;
	width: 130px;
	float:left;
}

#side_menu2 .side_menu_o{
	background-image: url(../images/common/leftmenu_bg.gif);
	background-repeat: no-repeat;
	width: 121px;
	line-height: 190%;
	margin: 0;
	padding: 0 0 0 23px;
	height: auto;
	overflow: visible;
	border-bottom:solid #FFFFFF 1px;
}

/* IE用ハック*/
* html #side_menu2 .side_menu_o{
	width /**/ : 144px;
}

/* Leftsideメニュー2 end-------------------------------------------------*/

/* keyCOMPASSメニュー ---------------------------------------------------*/
#keycompass_menu {
	width:536px;
	margin:0;
	padding:0;
}

#keycompass_menu h3#keycompass_menu_title{
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:0px 0px;
	border-bottom:none;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
}

/* thinclient -----------------------------------------------------------*/
.thincliet_btn {
	margin:0;
	padding:0;
	margin-top:10px;
	width:536px;
}

.thincliet_btn a{
	float:right;
}

.talk_header_image {
	margin-bottom:20px;
	padding:0;
	width:536px;
}

ul.settle {
	margin-top:10px;
	margin-left:20px;
}

ul.case_list {
	margin-bottom:15px;
	padding-top:0;
	padding-left:25px;
	width:536px;	
}

ul.basicfunction {
	margin-bottom:20px;
}

ul.basicfunction li {
	margin-bottom:5px;
}

.three_dots {
	position:absolute;
	left:350px;
}

.three_dots_exp {
	position:absolute;
	left:390px;
	width:250px;
}

table.sys_require_table {
	width: 525px;
	margin: 0 0 0 5px;
	padding: 0;
	letter-spacing:1px;
	border-collapse: collapse;
	border: 1px solid #DFDFDF;
}

table.sys_require_table th {
	width: 75px;
	padding: 8px 5px;
	border-bottom: 1px solid #DFDFDF;
	font-weight: bold;
	font-size:75%;
	color: #333333;
	background-color: #f3f3f3;
	text-align: left;
	vertical-align: top;
}

table.sys_require_table td {
	width: auto;
	padding: 8px 0 8px 9px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	font-size:75%;
	color: #333333;
	line-height:100%;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
}

ul.sys_require_ul {
	margin-left:20px;
}

ul.sys_require_ul li {
	margin-bottom:5px;
}

/*----- フォームテーブル汎用 ---------------------------------------------------------*/
table.common_form_table {
	width: 520px;
	margin: 0 0 20px 5px;
	padding: 0;
	border-collapse: collapse;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
}

table.common_form_table th {
	width: 140px;
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 75%;
	font-weight: bold;
	color: #333333;
	background-color: #f3f3f3;
	text-align: left;
	vertical-align: middle;
}

table.common_form_table td {
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 75%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	vertical-align: middle;
}

/*----- お問い合わせフォーム ---------------------------------------------------------*/
table#contact_form_table {
	width: 520px;
	margin: 0 0 10px 5px;
	padding: 0;
	border-collapse: collapse;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
}

table#contact_form_table th {
	width: 140px;
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 75%;
	font-weight: bold;
	color: #333333;
	background-color: #f3f3f3;
	text-align: left;
	vertical-align: middle;
}

table#contact_form_table td {
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 75%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	vertical-align: middle;
}

/*----- メールマガジンフォーム ---------------------------------------------------------*/
table#mailmaga_form_table {
	width: 520px;
	margin: 0 0 20px 5px;
	padding: 0;
	border-collapse: collapse;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
}

table#mailmaga_form_table th {
	width: 100px;
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 75%;
	font-weight: bold;
	color: #333333;
	background-color: #f3f3f3;
	text-align: left;
	vertical-align: middle;
}

table#mailmaga_form_table td {
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 75%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	vertical-align: middle;
}

table#mailmaga_enquete_table {
	width: 520px;
	margin: 0 0 10px 5px;
	padding: 0;
	border-collapse: collapse;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
}

table#mailmaga_enquete_table th {
	width: 160px;
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 75%;
	font-weight: bold;
	color: #333333;
	background-color: #f3f3f3;
	text-align: left;
	vertical-align: middle;
}

table#mailmaga_enquete_table td {
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 75%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	vertical-align: middle;
}

/*--送信ボタン ----------------------------------------*/
p#btn {
	margin: 0 0 30px 0;
	padding: 0;
	text-align: center;
}

/*メルマガ　バックナンバー
----------------------------------------*/
/*---テーブル---*/
.backno_tbl {
	width: 536px;
	border: 1px #83A8E7 solid;
	border-collapse: collapse;
	margin: 5px 0 0 0;
}

.backno_tbl th {
	font-weight: normal;
	border: 1px #83A8E7 solid;
	background-color: #B3CAF0;
	text-align: center;
	font-size:80%;
	font-weight:bold;
	padding: 5px;
}

.backno_tbl td {
	border: 1px #83A8E7 solid;
	padding: 5px;
}

.backno_tbl_none td {
	border: none;
	padding: 0px;
}

th.backno_date {
	width: 55px;
}

.article12a_tbl {
	width: 170px;
	border: 1px #000000 solid;
	border-collapse: collapse;
	margin: 5px 0 0 0;
}

.article12a_tbl th {
	font-weight: normal;
	border: 1px #000000 solid;
	background-color: #000099;
	text-align: center;
	font-size:80%;
	font-weight:bold;
	padding: 5px;
	color: #FFFFFF;
}

.article12a_tbl td {
	border: 1px #000000 solid;
	padding: 5px;
}

.article12a_tbl_none td {
	border: none;
	padding: 0px;
}

th.article12a_date {
	width: 50px;
}

.article13_tbl {
	width: 536px;
	border: 1px #000000 solid;
	border-collapse: collapse;
	margin: 5px 0 0 0;
}

.article13_tbl th {
	font-weight: normal;
	border: 1px #000000 solid;
	background-color: #000099;
	text-align: center;
	font-size:70%;
	font-weight:bold;
	padding: 5px;
	color: #FFFFFF;
}

.article13_tbl td {
	border: 1px #000000 solid;
	padding: 5px;
}

th.article13_daimei1 {
	width: 90px;
}

th.article13_daimei2 {
	width: 150px;
}

.main_image {
	margin-bottom:20px;	
}

.catch_copy {
	margin-bottom:5px;	
}

.illust_right {
	margin-left:5px;	
}

.illust_left {
	margin-right:5px;	
}

img.illust_full {
	margin-top:5px;	
}

dl.expect_effect_list{
	margin:0;
	padding:0;
	width:536px;
}

dl.expect_effect_list dt {
	font-weight:bold;
	background-image: url(../images/common/list_arrow.gif);
	background-repeat: no-repeat;
	padding-left:15px;
}

dl.expect_effect_list dd {
	margin-bottom:10px;
	margin-left:15px;
}

ul#display_solution {
	width:536px;
	margin-bottom:20px;
}

ul#display_solution li {
	margin:0;
	padding:0 0 5px 0;
}

img#shinjuku_map {
	margin:10px 0 10px 25px;
	text-align:center;
}

/* dl dt ddを使用した横並び----------------------------------------*/
dl.business_hours {
	line-height: 2.4;
	margin-bottom:10px;
	width: 536px;
}

dl.business_hours dt {
	width: 80px;
	float: left;
	padding-bottom: 0px;
}
dl.business_hours dd {
	border-bottom: 1px solid #ccc;
	margin-left:0px;
}

#guidance {
	width:451px;
	text-align:left;
	margin:0 auto 0 25px;
	padding:7px 0 7px 25px;
	font-size:90%;
	line-height:140%;
	background-color:#EEEEEE;
	list-style-type: disc;
}

/* IE用ハック*/
* html #guidance {
	width /**/ : 476px;
}

p.clear_comment {
	font-size:1px;
	content: ".";
	clear:both;
	margin:0;
	padding:0;
}

#form_exp {
	margin:0;
	padding:0;
}


/* フォームのエラーメッセージ ----------------------------------------*/
#message {
	width:530px;
	padding:15px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
	border:solid 1px #000000;
	color:#000000;
	background-color:#FFFFFF;
}

.pdf_download {
	margin-top:10px;
	margin-bottom:10px;
	width:536px;
	text-align:right;
}

#keycompass_menu ul li {
	line-height: 170%;
	list-style: none;
	background-image: url(../images/list_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}

.case_study_case {
	font-size: 110%;
	line-height: 125%;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 0 0;
	color: #333333;
}

ul.case_study_list_parent {
	width:100%;
	margin:0;
	/*padding:0;*/
	list-style-type:none;
}

ul.case_study_list_parent li{
	margin:5px 0px;
	line-height:130%;
	text-align:left;
	list-style-type:none;
}

ul.case_study_list_parent li.last{
	margin-bottom:0;
}


ul.case_study_list_child {
	width:90%;
	margin-bottom:0;
}

ul.case_study_list_child li{
	margin:5px 10px;
	padding:0;
	line-height:130%;
	text-align:left;
	list-style-type:square;
}

ul.case_study_list_child li.last{
	margin-bottom:0;
}


ul.case_study_list_parent .case_study_title{
	font-weight:bold;
	background-image: url(../images/list_arrow.gif);
	background-repeat: no-repeat;
	padding-top:1px;
	padding-left: 15px;
}

.ul_bottom_margin_10px {
	margin-bottom:10px;
}

/* 対談 --------------------------------------------------------------*/
dl.interview {
	display:block;
	margin: 5px 0;
	padding: 0;
	width: 536px;
	clear:both;
}

dl.interview dt {
	width: 60px;
	float: left;
	padding-bottom: 0px;
	font-weight:bold;
}

dl.interview dd {
	float:left;
	width: 470px;
	margin-left:0px;
}

dl.interview:after { /* Tony Aslett氏考案「clearfix」を使用 */
	font-size: 1px;
	content:".";
	display:block;
	height:0px;
	clear:both;
}

dl.interview{
	zoom: 1; /* after疑似要素をサポートしていないIE対策 */
}