@charset "UTF-8";

/*---------------------------------------------
 contact
---------------------------------------------*/
/* status */
#container.contact #contents .status {
	margin: 0 auto 25px;
	text-align: center;
}

#container.contact #contents .status li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	min-width: 7em;
	background: #eff4fa;
	border: solid 1px #9bbee6;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 115%;
	text-align: center;
	padding: 5px;
}

#container.contact #contents .status span {
	font-size: 85%;
}

#container.contact #contents .status .arrow {
	width: 30px;
	min-width: 30px;
	background: url(/contact/images/status_arrow.gif) center center no-repeat;
	border: none;
	padding: 5px;
}

#container.contact #contents .status .current {
	background: #005dc6;
	border-color: #005dc6;
	color: #fff;
}


/* select_service */

#container.contact #contents .select_service {
	position: relative;
	height: 100%;
	margin: 10px 0;
}

#container.contact #contents .select_service .category li {
	float: left;
	width: 470px;
	margin: 5px;
	box-sizing:border-box;
	border: solid 1px #9bbee6;
}
#container.contact #contents .select_service .category .switchDetail li{
	border:none !important;
	width: 400px;
}
#container.contact #contents .select_service .category .btn {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding: 12px 5px 6px;
	text-align: left;
	border:none !important;
}

#container.contact #contents .select_service .category .btn a {
	display: block;
	min-height: 30px;
	padding-left: 5px;
	text-decoration: none;
}
.switchOn a{
	background: url(/common/images/icon_arrow_b_down.png) right center no-repeat;
}
.nowOpen a{
	background: url(/common/images/icon_arrow_b_up.png) right center no-repeat !important;
	z-index:0;
}

#container.contact #contents .select_service .category a:hover {
	text-decoration: underline;
}

#container.contact #contents .select_service .category a.open {
	background: url(/common/images/icon_arrow_b_up.png) right center no-repeat;
}

.closeBtnHat {
	width: 6em;
	float: right;
    display: block;
    background: url("/common/images/btn_bg.png") repeat-x scroll center bottom #FFF;
    border: 1px solid #9BBEE6;
    border-radius: 6px;
    text-align: center;
    text-decoration: none !important;
	margin: 0 10px 10px 0;
	color: #0023A4;
}

.cat_l{
	display:block !important;
	width: 480px !important;
	float:left !important;
	left:0 !important
}

.cat_r{
	display:block !important;
	width: 480px !important;
	float:right !important;
	right:0 !important;
}

#container.contact #contents .switchDetail li {
	padding-left: 10px;
}

#container.contact #contents .select_service .category .switchDetail.network li {
	padding-left: 20px;
}

#container.contact #contents .select_service .category .switchDetail.network li.h06 {
	padding-left: 10px;
	margin-bottom: -3px;
}

#container.contact #contents .select_service .category .switchDetail a {
	background-image:none;
	display:inline;
}



/* form */
#container.contact #contents table {
	margin: 10px 10px 0;
	border-top: dotted 1px #ccc;
}

#container.contact #contents th,
#container.contact #contents td {
	padding: 10px;
}

#container.contact #contents th,
#container.contact #contents td {
	border-bottom: dotted 1px #ccc;
	padding: 10px 15px 10px 20px;
}

#container.contact #contents th {
	width: 200px;
	background: #f3f3f3;
}

#container.contact #contents .required,
#container.contact #contents th span {
	background: #fff;
	border: solid 1px red;
	color: red;
	font-size: 90%;
	padding: 0 2px;
	margin: 0 3px;
}

#container.contact #contents th span {
	float: right;
}

#container.contact #contents td p {
	font-size: 90%;
	padding-bottom: 3px;
}

#container.contact #contents input[type="text"],
#container.contact #contents textarea {
	border: solid 1px #bbb;
	padding: 4px;
}


/* error */
#container.contact #contents .error {
	border: solid 1px red;
	color: red;
	font-size: 125%;
	text-align: center;
	padding: 15px;
	margin: 25px 0;
}

#container.contact #contents td div {
	color: red;
	font-size: 105%;
	margin-bottom: 7px;
}


/* privacy */
#container.contact #contents ol.privacy {
	list-style-type: decimal;
	margin-left: 2em;
}

#container.contact #contents .privacy li {
	margin: 0.5em 0;
}

#container.contact #contents ol.privacy ul {
	list-style-type: disc;
	margin-left: 2em;
}

#container.contact #contents .privacy li {
	margin: 0.5em 0;
}


/* button */
#container.contact #contents .button {
	text-align: center;
	margin: 25px;
}

#container.contact #contents.index .button .btn,
#container.contact #contents .button form {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#container.contact #contents .button .btn {
	background-color: #005dc6;
	border-color: #005dc6;
	color: #fff;
	font-size: 110%;
	padding: 15px 30px;
	margin: 0 10px;
	cursor:pointer;
}

#container.contact #contents.confirm .button input[type="submit"] {
	width: 160px;
}

#container.contact #contents.confirm .button .back {
	width: 100px;
	background-color: #555;
	border-color: #555;
	text-decoration: none !important;
}

#container.contact #contents input[type="submit"]:hover {
	background-color: #2f81dd;
	border-color: #2f81dd;
}

#container.contact #contents.confirm .button .back:hover {
	background-color: #777;
	border-color: #777;
}


/* finish */
#container.contact #contents.finish .comment {
	width: 678px;
	margin: 0 auto 50px;
}

#container.contact #contents.finish .comment p {
	margin: 0 0 20px 2em;
}



/*---------------------------------------------
 company
---------------------------------------------*/
#container.company #contents #left_column dl {
	margin-top: 25px;
	border-bottom: dotted 1px #ccc;
}

#container.company #contents #left_column dt {
	float: left;
	font-weight: bold;
}

#container.company #contents #left_column dt,
#container.company #contents #left_column dd {
	border-top: dotted 1px #ccc;
	padding: 6px 0;
}
.Lem {
	margin-left: 3em;
}


/* index */
#container.company #contents.index #left_column dt {
	width: 11em;
}

#container.company #contents.index #left_column dd {
	margin-left: 11em;
}
 /* index_add */
 
.book {
	float: left;
	width: 100px;
	margin-right: 10px;
} 
.bookpdf {
	padding-left: 110px;
	padding-bottom: 80px;
} 
.booktext {

	padding-bottom: 5px;
} 




#container.company #contents.index #left_column table{
	 margin-left: 0 !important;
		border: 1px solid #999;
}

#container.company #contents.index #left_column table th,
#container.company #contents.index #left_column table td{
	border: 1px solid #999;
	padding: 5px 20px;
}

#container.company #contents.index #left_column table th{
  background: #eeeeee;
	text-align: center;
}

#container.company #contents.index #left_column table td{
	text-align: right;
}




/* open */
#container.company #contents.open #left_column dl,
#container.company #contents.open #left_column dt,
#container.company #contents.open #left_column dd {
	border: none;
	margin-top: 0;
}

#container.company #contents.open #left_column dt {
	width: 7em;
}

#container.company #contents.open #left_column dd {
	margin-left: 7em;
}


/* officer */
#container.company #contents.officer #left_column dt {
	width: 13em;
}

#container.company #contents.officer #left_column dt.name {
	width: 7em;
	font-weight: normal;
}

#container.company #contents.officer #left_column dd {
	margin-left: 17em;
}

#container.company #contents.officer #left_column dt,
#container.company #contents.officer #left_column dd {
	overflow: hidden;
} 


/* message */
#container.company #contents.message #left_column h3 strong {
	font-size: 115%;
}

#container.company #contents.message #left_column p {

}

#container.company #contents.message #left_column p.image {
	float: right;
}

#container.company #contents.message #left_column p.image span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 180px;
	text-align: left;
	margin-top: 5px;
	text-indent: none;
}

.bossimg {
	padding-right: 10px;
}

.bossimg2 {

}




/* access */
#container.company #contents.access dl {
	margin: 10px 0 20px !important;
}

#container.company #contents.access dt {
	float: left;
	width: 5.2em;
}

#container.company #contents.access dd {
	margin-left: 5.2em;
}


/* vision */
#container.company #contents.vision #left_column {
	text-align: center;
}

#container.company #contents.vision #left_column p {
	margin-bottom: 10px;
}

#container.company #contents.vision #left_column .image {
	margin: 25px 0;
}

#container.company #contents.vision #left_column ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 auto;
	text-align: left;
}

#container.company #contents.vision #left_column li {
	background: url(../../company/images/vision_mark.gif) left center no-repeat;
	text-indent: -1em;
	margin: 10px 1em;
	padding-left: 1.2em;
}

#container.company #contents.vision #left_column li span {
	visibility:hidden;
}
#brand_msseage {
	font-size: 126%;	
}
.shishin {
	font-size: 122%;	
}


/* history */
#container.company #contents.history #left_column dt {
	width: 7em;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: normal;
}

#container.company #contents.history #left_column dd {
	margin-left: 7em;
	padding-left: 30px;
	padding-right: 10px;
}

#container.company #contents.history #left_column dl .head {
	background: #eee;
	text-align: center;
	font-weight: bold;
}

#container.company #contents.history #left_column dl dt.head {
	border-right: solid 1px #fff;
}


/* csr */
#container.company #contents.csr #left_column .image img {
	float: left;
	border: solid 1px #ccc;
	margin: 20px 50px 0 20px;
}

#container.company #contents.csr #left_column ul {
	float: left;
	list-style-type: disc;
}

#container.company #contents.csr #left_column li {
	margin: 7px 0;
}

#container.company #contents.csr #left_column ul ul {
	float: none;
	margin-top: 0;
	list-style-type: circle;
}

#container.company #contents.csr #left_column ul ul li {
	margin-left: 1.5em;
}


/* privacy */
#container.company #contents.privacy #left_column dt {
	width: 10em;
}

#container.company #contents.privacy #left_column dd {
	margin-left: 10em;
}


/* environment */
#container.company #contents.environment #left_column h3 {
	background: #b8d9f5;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin: 20px 0 10px;
}

#container.company #contents.environment #left_column dl,
#container.company #contents.environment #left_column dt,
#container.company #contents.environment #left_column dd {
	border: none;
	margin-top: 0;
}

#container.company #contents.environment #left_column dt {
	width: 9em;
}

#container.company #contents.environment #left_column dd {
	margin-left: 9em;
}


/* group */
#container.company #contents.group #left_column li {
	background: url(/common/images/icon_arrow_b.png) left center no-repeat;
	padding-left: 16px;
	margin: 15px;
}



/*---------------------------------------------
 service
---------------------------------------------*/
/* index */
#container.service #contents.index .menu {
	background: #eee;
	padding: 6px 12px;
}

#container.service #contents.index .menu li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 3px 11px 3px 0;
}

#container.service #contents.index .menu a {
	background: url(/common/images/icon_arrow_b_down.png) left center no-repeat;
	padding-left: 15px;
	font-size: 105%;
	text-decoration: none;
	letter-spacing: -0.1em;
}

#container.service #contents.index .menu a:hover {
	text-decoration: underline;
}

#container.service #contents.index h2 {
	background: url(/common/images/title_h2_bg.jpg) center bottom repeat-x;
	border: solid 1px #c6c6c6;
	margin: 25px 0 5px;
	padding: 0;
}

#container.service #contents.index h2 em {
	display: block;
	border: solid 2px #fff;
	padding: 15px;
	font-size: 140%;
	font-weight: bold;
	line-height: 1;
}


#container.service #contents.index .network h2 em {
	background: url(/service/images/index_h2_network.png) right center no-repeat;
}
#container.service #contents.index .security h2 em {
	background: url(/service/images/index_h2_security.png) right center no-repeat;
}
#container.service #contents.index .environment h2 em {
	background: url(/service/images/index_h2_environment.png) right center no-repeat;
}
#container.service #contents.index .manion h2 em {
	background: url(/service/images/index_h2_manion.png) right center no-repeat;
}
#container.service #contents.index .system h2 em {
	background: url(/service/images/index_h2_system.png) right center no-repeat;
}
#container.service #contents.index .maintenance h2 em {
	background: url(/service/images/index_h2_maintenance.png) right center no-repeat;
}
#container.service #contents.index .construction h2 em {
	background: url(/service/images/index_h2_construction.png) right center no-repeat;
}
#container.service #contents.index .other h2 em {
	background: url(/service/images/index_h2_other.png) right center no-repeat;
}
#container.service #contents.index .sys_support h2 em{
	background: url(/service/images/index_h2_sys_support.png) right center no-repeat;
}


#container.service #contents.index h3.h03 {
	clear: both;
	margin-top: 15px;
	margin-bottom: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

#container.service #contents.index .category {
	/*overflow: hidden;*/
}


#container.service #contents.index .category div div {
	background: url(/service/images/index_item_border.gif) left top repeat-y;
	padding: 2px 0 6px 20px;
	margin: 15px 30px 0 0;
}


#container.service #contents.index .category div.right {
	margin-right: 0;
}




#container.service #contents.index .box{
		overflow: hidden;
		
}

#container.service #contents.index .box .category_img{
	width: 445px;
	text-align: center;
}




#container.service #contents.index .category_left {
	float: left;
	width: 445px;
}

#container.service #contents.index .category_left div div {
	background: url(/service/images/index_item_border.gif) left top repeat-y;
	padding: 2px 0 6px 20px;
	margin: 15px 30px 0 0;
}
	

#container.service #contents.index .category_right {
	float: right;
	width: 445px;	
}
	
#container.service #contents.index .category_right div div {
	background: url(/service/images/index_item_border.gif) left top repeat-y;
	padding: 2px 0 6px 20px;
	margin: 15px 0;
}


#container.service #contents.index .product_name{
	background: url(/common/images/icon_arrow_square.gif) left 0.5em no-repeat;
	padding: 0 0 0 18px;
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 6px;
	border: none;
}

#container.service #contents.index .category a {
	color: #005dc6;
	text-decoration: none;
}

#container.service #contents.index .category a:hover {
	text-decoration: underline;
}



/* detail */
#container.service #contents.detail .h02 span {
	display: block;
	border-bottom: dotted 1px #7fa9d9;
	padding-bottom: 6px;
	margin: 8px 15px 0;
	color: #005dc6;
	line-height: 1;
	font-weight: bold;
}

#container.service #contents.detail .h02 em {
	border-top: none;
}

#container.service #contents.detail #left_column {
	margin-top: 0;
}

#container.service #contents.detail .caption.upper {
	margin: 15px auto 5px;
}

#container.service #contents.detail .caption.bottom {
	margin: -10px auto 15px;
}

#container.service #contents.detail dl,
#container.service #contents.detail ul li {
	margin-bottom: 10px;
}

#container.service #contents.detail ul ul,
#container.service #contents.detail ul ul li,
#container.service #contents.detail .disc li {
	margin-bottom: 0;
}


/* image */
#container.case #contents .image img,
#container.service #contents.detail .image img {
	border: solid 1px #ccc;
	padding: 10px;
	margin: -1px 10px 10px;
}

#container.case #contents .image a:hover img,
#container.service #contents.detail .image a:hover img {
	border: solid 3px #0023a4;
	margin: -3px 10px 8px;
}

#container.case #contents .image a,
#container.service #contents.detail .image a {
	text-decoration: none;
}

#container.case #contents .image a:hover,
#container.service #contents.detail .image a:hover {
	text-decoration: underline;
}

#container.case #contents .image img.icon_window,
#container.service #contents.detail .image img.icon_window {
	border: none;
	padding: 0;
	margin: 0;
}


/* caption */
#container.service #contents.detail .w600 {
	width: 620px;
	margin: 15px auto 0;
}


/* table */
#container.service #contents.detail table,
#container.service #contents.detail th,
#container.service #contents.detail td {
	border: solid 1px #ccc;
	padding-left: 5px;
	padding-right: 5px;
}

#container.service #contents.detail thead th {
	background: #eee;
	text-align: center;
}

#container.service #contents.detail table {
	width: 80%;
	margin: 10px 0 20px;
}

#container.service #contents.detail td {
	text-align: right;
}

#container.service #contents.detail td.name {
	text-align: left;
}


/* case_link */
#container #contents .case_link {
	margin-left: 1.2em;
}

#container #contents .case_link li {
	background: url(/common/images/icon_arrow_square.gif) left center no-repeat;
	padding: 3px 5px 2px 17px;
	margin: 3px;
}


/* lan_wan */
#container.service #contents.detail.lan_wan dt {
	float: left;
	width: 11em;
}

#container.service #contents.detail.lan_wan dd {
	margin-left: 11em;
}

/* wireless */
#container.service #contents.detail.wireless dt {
	float: left;
	width: 4em;
}

#container.service #contents.detail.wireless dd {
	margin-left: 4em;
}

/* national */
#container.service #contents.detail.national td.name {
	text-align: center;
}

/* tech_training */
#container.service #contents.detail.tech_training .border {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border: solid 1px #ccc;
	padding: 10px 30px 10px 20px;
}

/* finish_sell */
#container.service #contents.detail.finish_sell table {
	width: 100%;
}

#container.service #contents.detail.finish_sell tbody th {
	text-align: left;
}

#container.service #contents.detail.finish_sell td {
	width: 23%;
	text-align: center;
	white-space: nowrap;
}



/*---------------------------------------------
 case
---------------------------------------------*/
/* index */
#container.case #contents.index .item div {
	float: left;
	width: 456px;
	border-top: dotted 1px #7fa9d9;
	padding: 12px 5px;
}

#container.case #contents.index .item .last {
	border-bottom: dotted 1px #7fa9d9;
}

#container.case #contents.index .item div.left {
	clear: both;
	margin-right: 28px;
}

#container.case #contents.index .item .h04 {
	background: url(/common/images/icon_arrow_square.gif) left 0.5em no-repeat;
	padding: 0 0 0 18px;
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 3px;
	border: none;
}

#container.case #contents.index .item a {
	color: #005dc6;
	text-decoration: none;
}

#container.case #contents.index .item a:hover {
	text-decoration: underline;
}

#container.case #contents.index .item p {
	margin-left: 18px;
}


/* detail */
#container.case #contents .h02 span {
	display: block;
	background: #005dc6;
	padding: 6px 6px 6px 16px;
	margin: 0;
	color: #fff;
	line-height: 1;
	font-weight: bold;
}

#container.case #contents .h02 {
	border: solid 1px #005dc6;
}

#container.case #contents .h02 em {
	border-top: none;
}

#container.case #contents .image {
	text-align: center;
}

#container.case #contents dl,
#container.case #contents ul li {
	margin-bottom: 10px;
}



/*---------------------------------------------
 concept
---------------------------------------------*/
/* support */
#container.concept #contents.support .subtitle {
	background: #b8d9f5;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin: 40px 0 7px;
}

#container.concept #contents.support .h04 {
	font-size: 115%;
	margin-bottom: 10px;
}

#container.concept #contents.support table {
	width: 100%;
	border: none;
	line-height: 1.2;
	margin-top: 25px;
}

#container.concept #contents.support td {
	text-align: left;
	vertical-align: top;
	padding: 10px;
}

#container.concept #contents.support .arrow td {
	background: #ddd url(/service/images/concept_support_arrow_bg.png) right center no-repeat;
	border-color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 6px 0;
}

#container.concept #contents.support .arrow .col1 {
	font-size: 115%;
	padding: 12px 0;
}

#container.concept #contents.support .arrow .col2 {
	width: 115px;
}

#container.concept #contents.support .arrow .col3 {
	width: 118px;
}

#container.concept #contents.support .space {
	background: #fff !important;
	border: none;
	padding: 0 !important;
}

#container.concept #contents.support .space.vertical {
	width: 3px;
}

#container.concept #contents.support .horizon {
	height: 3px;
}

#container.concept #contents.support .space span {
	display: none;
}

#container.concept #contents.support .consul {
	background: #fbfaea;
}

#container.concept #contents.support .national {
	background: #f7ebea;
}

#container.concept #contents.support .system {
	background: #f1f7e8;
}

#container.concept #contents.support .maintenance {
	background: #f7efe6;
}

#container.concept #contents.support .security {
	background: #e8edf8;
}

#container.concept #contents.support .security img {
	margin-bottom: 0;
	margin-left: 6px;
}

#container.concept #contents.support .security div {
	margin-left: 95px;
}

#container.concept #contents.support .security div div {
	display: table-cell;
	text-align: right;
	vertical-align: bottom;
}

#container.concept #contents.support td div {
	position: relative;
	text-align: center;
}

#container.concept #contents.support td div img {
	margin-bottom: 6px;
}

#container.concept #contents.support td.consul div {
	margin-top: 170px;
}

#container.concept #contents.support td.national div,
#container.concept #contents.support td.system div {
	float: left;
	width: 163px;
}

#container.concept #contents.support td.maintenance div {
	float: left;
	width: 163px;
	margin-top: 80px;
}

#container.concept #contents.support ul .h05 {
	margin-bottom: 3px;
}

#container.concept #contents.support li {
	margin-bottom: 10px;
}

#container.concept #contents.support ul p {
	margin-left: 1.5em;
}

#container.concept #contents.support ul ul {
	margin-left: 3em;
}


/* network */
#container.concept #contents.network ul.image {
	margin: 25px 0;
	overflow: hidden;
}

#container.concept #contents.network ul.image li {
	float: left;
	width: 231px;
	margin-right: 12px;
	line-height: 1.2;
	text-align: center;
}

#container.concept #contents.network ul.image li img {
	margin-bottom: 5px;
}

#container.concept #contents table,
#container.concept #contents th,
#container.concept #contents td {
	border: solid 1px #ccc;
}

#container.concept #contents th,
#container.concept #contents td {
	padding: 4px 10px;
}

#container.concept #contents th {
	text-align: center;
}

#container.concept #contents.network th.item {
	background: #444;
	color: #fff;
	white-space: nowrap;
}

#container.concept #contents.network td.item2 {
	background: #eee;
	font-weight: bold;
	white-space: nowrap;
}

#container.concept #contents.network td ul {
	list-style-type: disc;
	margin-left: 2em;
}


/* contactbox */
#container.concept #contents .contactbox {
	width: 320px;
	border: none;
	margin: 40px auto 20px;
}



/*---------------------------------------------
 search
---------------------------------------------*/
#container.search #contents.index h2 {
	background: url(/common/images/title_h2_bg.jpg) center bottom repeat-x;
	border: solid 1px #c6c6c6;
	margin-bottom: 0;
	padding: 0;
}

#container.search #contents.index h2 em {
	display: block;
	background: url(/search/images/icon_search.png) 10px center no-repeat;
	border: solid 2px #fff;
	padding: 15px 15px 15px 45px;
	font-size: 100%;
	line-height: 1;
}

#container.search #contents.index ul {
	margin: 12px 0 0 20px;
}

#container.search #contents.index ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding-right: 2em;
	margin-bottom: 10px;
}

#container.search #contents.index ul a {
	background: url(/common/images/icon_arrow_b.png) left center no-repeat;
	padding-left: 16px;
	font-size: 105%;
}

#container.search #contents.index a {
	text-decoration: none;
}

#container.search #contents.index a:hover {
	text-decoration: underline;
}



/*---------------------------------------------
 topics
---------------------------------------------*/
#container.topics #contents.index #left_column,
#container.topics #contents.index #left_column h1.h03 {
	margin-top: 0;
}

#container.topics #contents #right_column .archive_link {
	margin-top: 45px;
	border-top: solid 2px #005dc6;
	border-bottom: dotted 1px #9ec1e8;
	font-size: 90%;
}

#container.topics #contents #right_column .archive_link .h05 {
	display: block;
	border-bottom: dotted 1px #9ec1e8;
	color: #005dc6;
	font-weight: normal;
	padding: 3px 6px;
	margin: 3px;
}

#container.topics #contents #right_column .archive_link a {
	display: block;
	background: url(/common/images/icon_arrow_small_b.png) 10px center no-repeat;
	padding: 2px 20px;
	color: #005dc6;
	text-decoration: none;
}

#container.topics #contents #right_column .archive_link a:hover {
	text-decoration: underline;
}

#container.topics #contents #right_column .archive_link a img {
	vertical-align: middle;
}


/* article */
#container.topics #contents.article .head p {
	text-align: right;
	margin-top: 5px;
}

#container.topics #contents.article .head p.category {
	border-bottom: solid 2px #005dc6;
	font-size: 135%;
	text-align: left;
	margin-top: 25px;
}

#container.topics #contents.article h1 em {
	line-height: 1.3;
}

#article_area h2 {
	border-left: solid 5px #666;
	border-bottom: dotted 1px #666;
	padding: 1px 10px 3px;
	font-size: 140%;
	font-weight: bold;
	margin: 25px 0 15px;
}

#article_area h3 {
	font-size: 120%;
}

#article_area h4 {
	font-size: 110%;
}

#article_area h5 {
	font-size: 100%;
}

#article_area h6 {
	font-size: 90%;
}

#article_area h3,
#article_area h4,
#article_area h5,
#article_area h6 {
	font-weight: bold;
	margin-bottom: 0.5em !important;
}



/*---------------------------------------------
 getAdobeReader
---------------------------------------------*/
#container.root #contents.browser .getAdobeReader {
	overflow:hidden;
}

#container.root #contents.browser .getAdobeReader img {
	float: left;
	margin-top: 6px;
}

.getAdobeReader p {
	float: left;
	width: 478px;
	margin-left: 15px;
}



/*---------------------------------------------
 praivcy
---------------------------------------------*/
#container.root #contents.praivcy .left_column h3 {
	font-size: 100%;
}

/* p_contact */
#container.root #contents.praivcy.p_contact table,
#container.root #contents.praivcy.p_contact th,
#container.root #contents.praivcy.p_contact td {
	border: solid 1px #ccc;
}

#container.root #contents.praivcy.p_contact table {
	width: 100%;
	margin: 10px 0 20px;
}

#container.root #contents.praivcy.p_contact th,
#container.root #contents.praivcy.p_contact td {
	padding: 4px 10px;
}

#container.root #contents.praivcy.p_contact th {
	width: 12em;
	background: #eee;
	white-space: nowrap;
}



/*---------------------------------------------
 accessibility
---------------------------------------------*/
/* accessibility */
#container.root #contents.accessibility .mL15em,
#container.root #contents.accessibility dl
 {
	margin: 0  0 25px 1.5em;
}

#container.root #contents.accessibility dl {
	border: none;
	margin-top: 0;
}

#container.root #contents.accessibility dt {
	float: left;
	width: 30em;
	padding: 6px 0;
	font-weight: bold;
}

#container.root #contents.accessibility dd {
	margin-left: 17em;
	padding: 6px 0;
}

#container.root #contents.accessibility p {
	margin-bottom: 20px;

}
#container.root #contents.accessibility table,
#container.root #contents.accessibility th,
#container.root #contents.accessibility td {
	border: solid 1px #ccc;
}

#container.root #contents.accessibility table {
	width: 100%;
	margin: 10px 0 20px;
}

#container.root #contents.accessibility th,
#container.root #contents.accessibility td {
	padding: 4px 10px;
	text-align: center;
}

#container.root #contents.accessibility th {
	background: #eee;
	white-space: nowrap;
}



/*---------------------------------------------
 sitemap
---------------------------------------------*/
#container.root #contents.sitemap h2 {
	background: url(/common/images/title_h2_bg.jpg) center bottom repeat-x;
	border: solid 1px #9bbee6;
	padding: 0;
}

#container.root #contents.sitemap h2 em {
	display: block;
	border: solid 2px #fff;
	color: #005dc6;
	font-size: 100%;
	padding: 4px;
}

#container.root #contents.sitemap h2 a {
	display: block;
	background: url(/common/images/icon_arrow_b.png) 5px center no-repeat;
	padding-left: 20px;
	color: #005dc6;
}

#container.root #contents.sitemap h2 a:hover {
	background: url(/common/images/icon_arrow_b.png) 5px center no-repeat;
}

#container.root #contents.sitemap ul {
	margin: 12px 0 0 16px;
}

#container.root #contents.sitemap ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding-right: 2em;
}

#container.root #contents.sitemap ul a {
	display: block;
	background: url(/common/images/icon_arrow_small_b.png) left center no-repeat;
	padding-left: 10px;
	font-size: 105%;
	margin-bottom: 10px;
}

#container.root #contents.sitemap a {
	text-decoration: none;
}

#container.root #contents.sitemap a:hover {
	text-decoration: underline;
}



/*---------------------------------------------
 introduction
---------------------------------------------*/
#container.introduction #contents .unit {
	background: #046dbc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 15px 25px 20px;
	text-align: left;
	border:none !important;
	margin: 20px 100px;
	overflow: hidden;
}
#container.introduction #contents .unit2 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 15px 25px 20px;
	text-align: left;
	border: none !important;
	margin: 20px 100px;
	overflow: hidden;
	background-color: #000000;
}
#container.introduction #contents .unit  h2 {
	border: none;
	border-left: solid 5px #fff;
	padding: 1px 10px 3px;
	color: #fff;
	font-size: 140%;
	margin: 0;
}

#container.introduction #contents .unit2  h2 {
	border: none;
	border-left: solid 5px #fff;
	padding: 1px 10px 3px;
	color: #fff;
	font-size: 190%;
	margin: 0;
}


#container.introduction #contents .unit .unit2 .left {
	float: left;
}

#container.introduction #contents .unit .unit2 .right {
	float: right;
}

#container.introduction #contents .unit .unit2 .left p img {
	padding: 20px 0;
}

#container.introduction #contents .unit .unit2 ul {
	text-align: right;
	margin: 0 20px 0 0;
}

#container.introduction #contents .unit .unit2 .btn {
	border: none;
}

#container.introduction #contents .unit .unit2 .coming {
	height: 135px;
	color: #fff;
	font-size: 200%;
	text-align: center;
	padding-top: 60px;
}
#container.introduction #contents .coming {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: left;
	border: none !important;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 100px;
	margin-bottom: 30px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*---------------------------------------------
 introduction 2016.0212add
---------------------------------------------*/

#container.introduction #contents .unit2 .left2 {
	float: left;
}

#container.introduction #contents .unit2 .right2 {
	float: right;
	color: #FFF;
	padding-top: 23px;
	font-size: 85%;
}

.unit2_head {
	clear: both;
	height: 50px;
}

/*---------------------------------------------
 adopt 2015.0717add
---------------------------------------------*/
#saiyo_list ul{

	margin-bottom: 20px;
}
#saiyo_list li{
	display: inline;
	margin-right: 30px;

}
.text_margin_b20{
	margin-bottom: 20px;
}
.text_margin_b5{
	margin-bottom: 5px;
}
.text_margin_b10{
	margin-bottom: 10px;
}
.text_margin_t20{
	margin-top: 20px;
}
.text_margin_r20{
	margin-right: 20px;
}
.text_small{
	font-size: 85%;
}
.text_small_gray{
	font-size: 85%;
	color: #626262;
}
.text_right10{
	margin-left: 15px;
}
.text_right25{
	margin-left: 25px;
}

#bosyu dl {
	margin-top: 25px;
	border-bottom: dotted 1px #ccc;
}

#bosyu dt {
	float: left;
	font-weight: bold;
	border-top: dotted 1px #ccc;
	padding-top: 6px;
	width: 140px;
}


#bosyu dd {
	border-top: dotted 1px #ccc;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 140px;
}


.h02_2 {
	background: url(/common/images/title_h2_bg.jpg) center bottom repeat-x;
	border: solid 1px #c6c6c6;
	padding: 15px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	font-size: 170%;
	font-weight: bold;
	line-height: 1;	
}
/* houhou */
#houhou table {
	border-top: dotted 1px #ccc;
	width: 100%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}

#houhou th,
#houhou td {
	padding: 10px;
}

#houhou th,
#houhou td {
	border-bottom: dotted 1px #ccc;
	padding: 10px 15px 10px 20px;
}

.koumoku {
	width: 150px;
	background: #f3f3f3;
	font-weight: bold;
}

.koumoku2 {
	width: 130px;
	background-color: #FFFFE6;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}


/* 20160315 通信ネットワーク関連事業 */
.black_disc ul{
	margin-left: 17px;
}

.black_disc li{
	list-style-type: disc;
}
.black_nodisc ul{
	margin-left: 17px;
}

.black_nodisc li{
	list-style-type: none;
}
/* 20160318 会社概要　事業コンセプト */
.img_vision{
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}
.vision_text{
	text-align: center;
	padding-bottom: 5px;
	font-size: 120%;
}
.img_vision2{
	text-align: center;
	padding-bottom: 25px;
}

.block_text01{
	clear: both;
	margin-bottom: 20px;
	padding: 15px 15px 1px;
	border: solid 1px #cccccc;
	}

.h03_a,
.h03_b{
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 5px;
  font-size: 140%;
  font-weight: bold;
  border-radius: 10px;
}

.h03_a{
  background: #E7ECFF;
  color: #022F5A;
  border: 1px solid  #022F5A;
}

.h03_b{
  background: #F1FFDC;
  color: #365D0E;
  border: 1px solid  #365D0E;
}


#container.service #contents.index .plan h2 em {
	background: url(/service/images/index_h2_plan.png) right center no-repeat;
}
#container.service #contents.index .design h2 em {
	background: url(/service/images/index_h2_design.png) right center no-repeat;
}
#container.service #contents.index .build h2 em {
	background: url(/service/images/index_h2_build.png) right center no-repeat;
}
#container.service #contents.index .operation h2 em {
	background: url(/service/images/index_h2_maintenance.png) right center no-repeat;
}
#container.service #contents.index .ikusei h2 em {
	background: url(/service/images/index_h2_ikusei.png) right center no-repeat;
}

#container.service #contents.index .maintenance h2 em {
	background: url(/service/images/index_h2_maintenance.png) right center no-repeat;
}
#container.service #contents.index .nwse h2 em {
	background: url(/service/images/index_h2_ex1.png) right center no-repeat;
}


#container.service #contents.index h2.h2_01{
	padding-left: 10px;
	text-align: left;
	font-size: 160%;
	color: #FFFFFF;
	background: #17183E
}

#container.service #contents.index h2.h2_02{
	padding-left: 10px;
	text-align: left;
	font-size: 130%;
	color: #313131;
	background: #C5C6DB
}


.pamphlet {
	margin:10px 0;
	border: 5px #C1D7EC solid;
}

.pamphlet img{
	vertical-align: text-top;
}
.pamphlet a{
	display: block;
	text-align: center;
	padding: 5px;
	font-size: 110%;
	text-decoration: none;	
	background: #F5F9F9;
	color: #473B3B;
}

.pamphlet a span{
	font-size:90%;		
}