/*** ----------------------------------------------------------------------------- 

reset

-----------------------------------------------------------------------------  ***/
.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
.clearfix {
	display:inline-table;
	zoom:1;
}
/*Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0px;
	padding:0px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
 *font-size:100%;
}
legend {
	color:#000000;
}
img {
	vertical-align:bottom;
}
/*** ------------------------------------------------------------------------------ 

common

-----------------------------------------------------------------------------  ***/
html {
	overflow-y:scroll;
}
body {
	color:#333;
	line-height: 1.6;
	font-size: 12px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}
/*** ------------------------------------------------------------------------------ 

header

-----------------------------------------------------------------------------  ***/
#header .header-top {
	width:auto;
	height:30px;
	background:url(../img/header_top.jpg) repeat-x scroll;
}
#header .header-top .header-top-cont {
	width:980px;
	height:auto;
	margin:0 auto;
	padding:5px 0 0;
}
#header .header-top .header-top-cont .description {
	float:left;
}
#header .header-top .header-top-cont ul {
	float:right;
}
#header .header-top .header-top-cont ul li {
	background:url(../img/icon_arrow_circle.png) no-repeat scroll center left;
	padding:0 0 0 1em;
	margin:0 0 0 13px;
	float:left;
}
#header .logo {
	width:980px;
	margin:0 auto;
	padding:20px 0 0;
}
/*** ------------------------------------------------------------------------------ 

nav

-----------------------------------------------------------------------------  ***/

#gnav {
	width:980px;
	height:auto;
	margin:0 auto 24px;
	padding:20px 0 0;
}
#gnav ul li {
	float:left;
	border-left:1px dotted #ccc;
}
#gnav ul li ul{
	background:none;
	text-indent:0;
}
#gnav ul .nav01 a{
	background:url(../img/nav_btn01.png) no-repeat scroll 0 0;
	width:155px;
	height:34px;
	text-indent:-99999px;
	display:block;
}
#gnav ul .nav02 a{
	background:url(../img/nav_btn02.png) no-repeat scroll 0 0;
	width:281px;
	height:34px;
	text-indent:-99999px;
	display:block;
}
#gnav ul .nav03 a{
	background:url(../img/nav_btn03.png) no-repeat scroll 0 0;
	width:169px;
	height:34px;
	text-indent:-99999px;
	display:block;
}
#gnav ul .nav04 a{
	background:url(../img/nav_btn04.png) no-repeat scroll 0 0;
	width:169px;
	height:34px;
	text-indent:-99999px;
	display:block;
}
#gnav ul .nav05 a{
	background:url(../img/nav_btn05.png) no-repeat scroll 0 0;
	width:199px;
	height:34px;
	text-indent:-99999px;
	display:block;
}
#gnav ul li a:hover{
	background-position: 0 -34px;
}
.home #gnav ul .nav01 a,
.solution #gnav ul .nav02 a,
.product #gnav ul .nav03 a,
.company #gnav ul .nav04 a{
	background-position: 0 -34px;
}
#gnav ul .last {
	border-right:1px dotted #ccc;
}
#gnav ul li ul li{
	border-left:none;
}
#gnav ul li ul a{
	text-indent:0 !important;
	background:none repeat scroll #333 !important;
	text-align:center;
	height:auto !important;
	padding:10px 0;
	color:#fff
}
#gnav ul li ul a:hover{
	background:none repeat scroll #BD2443 !important;
	text-indent:0 !important;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
#gnav ul li ul li ul a{
	text-indent:0 !important;
	background:none repeat scroll #BD2443 !important;
	text-align:center;
	height:auto !important;
	padding:10px 0;
}
#gnav ul li ul li ul a:hover{
	background:none repeat scroll #931815 !important;
	text-indent:0 !important;
	text-align:center;
	text-decoration:none;
}
*:first-child+html #gnav ul li ul{
	display:none;
}
* html #gnav ul li ul{
	display:none;
}
* html #gnav ul li ul li{
	line-height:0;
	z-index:1;
}
* html #gnav ul li ul li a{
	line-height:normal;
	zoom:1;
}
/*** ------------------------------------------------------------------------------ 

visual

-----------------------------------------------------------------------------  ***/
#visual{
	background:url(../img/visual_border_under.png) repeat-x scroll;
	height:175px;
	padding:2px 0 0;
}
#visual .main {
	background:url(../img/header_border_top_shadow.png) no-repeat scroll top center;
	margin:0 auto;
	padding:17px 0 4px;
}
#visual .main p{
	text-align:center;
}
#home #visual{
	background:url(../img/visual_border.jpg) repeat-x scroll;
	height:375px;
	padding:2px 0 0;
}
#home #visual .main {
	background:url(../img/header_border_top_shadow.png) no-repeat scroll top center;
	margin:0 auto;
	padding:14px 0 4px;
}
/*** ----------------------------------------------------------------------------- 

#cont

-----------------------------------------------------------------------------  ***/
#cont {
	width:980px;
	margin:0 auto 80px;
	;
}
/*** ----------------------------------------------------------------------------- 

main

-----------------------------------------------------------------------------  ***/
#main {
	width:726px;
	float:left;
}
#home #main {
	padding:60px 0 0;
}
#security #wrapper #cont #main #sec03 .section-cont .right dl{
	width:480px;	
}
#security #wrapper #cont #main #sec03 .section-cont .right dt{
	font-weight:bold;
	float:left;
	width:200px;
}
#security #wrapper #cont #main #sec03 .section-cont .right dt, dd{
	padding:3px 0;
	border-bottom:solid 1px #B2B2B2;
}

/*** ------------------------------------------------------------------------------ 

sub

-----------------------------------------------------------------------------  ***/
#sub {
	width:220px;
	float:right;
}
#sub p {
	margin:0 0 20px;
}
#home #sub {
	padding:63px 0 0;
}
#sub h4{
	font-size:1.250em;
	font-weight:bold;
	background:url(../img/sub_title.png) no-repeat scroll;
	width:220px;
	height:37px;
	padding:7px 0 0 16px;
}
#sub ul{
	margin:0 0 20px;
}
#sub ul li{
	font-size:1.083em;
	border-bottom:1px solid #ccc;
	padding:15px 0 15px 10px;
	background:url(../img/icon_arrow_circle.png) no-repeat scroll 10px center;
}
#sub ul li a{
	margin:0 0 0 15px;
}
#sub ul .class02{
	background:url(../img/sub_under_img.png) no-repeat scroll 25px center;
	padding:12px 0 12px 29px;
}
#telephony #sub .sub-nav01 a,
#company #sub .sub-nav01 a,
#ip-pbx #sub .sub-nav02 a,
#rec #sub .sub-nav03 a,
#nurse #sub .sub-nav04 a,
#privacy #sub .sub-nav04 a,
#reception #sub .sub-nav05 a,
#consul #sub .sub-nav06 a,
#network #sub .sub-nav06 a,
#camera #sub .sub-nav08 a,
#security #sub .sub-nav08 a,
#newsflash #sub .sub-nav09 a,
#ups #sub .sub-nav10 a,
#mainte #sub .sub-nav12 a,
#cable #sub .sub-nav13 a,
#web-mtg #sub .sub-nav14 a,
#wi-fi #sub .sub-nav15 a,
#lan_environment #sub .sub-nav16 a{
	color:#B81F1B;
	text-decoration:underline;
}
/*** ----------------------------------------------------------------------------- 

footer

-----------------------------------------------------------------------------  ***/

#footer {
	background:url(../img/header_top.jpg) repeat scroll;
	border-top:1px solid #DDDDDD;
}
#footer .footer-cont {
	width:980px;
	margin:0 auto 54px;
	padding:42px 0 0;
	position:relative;
}
#footer .footer-cont .footer-sub {
	width:221px;
	float:left;
}
#footer .footer-cont .footer-sub .logo {
	margin:0 0 15px;
}
#footer .footer-cont .footer-sub .inquiry {
	margin:0 0 40px;
}
#footer .footer-cont .footer-main {
	float:right;
	width:557px;
}
#footer .footer-cont .footer-main dl {
	margin:0 0 30px;
}
#footer .footer-cont .footer-main dl dt {
	font-size:1.083em;
	font-weight:bold;
	color:#B81F1B;
}
#footer .footer-cont .footer-main dl dt a {
	color:#B81F1B;
}
#footer .footer-cont .footer-main dl dd ul li {
	background:url(../img/icon_arrow_circle.png) no-repeat scroll center left;
	padding:0 0 0 1em;
	margin:0 0 0 10px;
}
#footer .footer-cont .privacy {
	position:absolute;
	bottom:-34px;
	right:0;
}
#footer .copyright {
	border-top:1px solid #D5D5D5;
	width:980px;
	margin:0 auto;
	padding:0 0 20px;
}
#footer .copyright p {
	text-align:right;
	padding:17px 0 0;
	font-size:0.917em;
}
/*** ----------------------------------------------------------------------------- 

リンク

-----------------------------------------------------------------------------  ***/

a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#B81F19;
	text-decoration:underline;
}
.opacity a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}
a:focus{
	outline:none;
}
/*** ------------------------------------------------------------------------------ 

トピックパス

-----------------------------------------------------------------------------  ***/
.topicpass {
	padding:5px 0 0;
	height:30px;
	margin:0 0 10px;
	line-height:30px;
	color:#333;
}
#home .topicpass {
	padding:5px 0 0 20px;
}
.topicpass a{
	color:#B81F19;
	text-decoration:none;
}
.topicpass a:hover{
	color:#B81F19;
	text-decoration:underline;
}
#home .topicpass {
	display:none;
}
.topicpass li{
	float:left;
	height:30px;
}
.topicpass li span{
	display:inline-block;
	padding:0 5px;
}
/*** ----------------------------------------------------------------------------- 

共通

-----------------------------------------------------------------------------  ***/
body {
	overflow:hidden;
}
#main p, #main ul, #main dl, #main table {
	font-size:1.167em;
	font-color:#ccc;
}
#home #main p, #home #main ul, #home #main dl, #home #main table {
	font-size:1.083em;
	font-color:#ccc;
}
#main table ul,
#main table dl,
#main dl ul,
#main dl p,
#main ul ul{
	font-size:1em;
}
#home #main p, #home #main ul, #home #main dl, #home #main table {
	font-size:1em;
}
#main .section {
	margin:0 0 40px;
}
#home #main .section {
	margin:0 0 30px;
}
#main .section p {
	margin:0 0 1em;
}
#main .title,
.pickup .title{
	border-bottom:2px solid #ccc;
	position:relative;
}
#main .title{
	margin:0 0 30px;
}
#home #main h2,
#main h1{
	font-size:1.667em;
	font-weight:bold;
	border-bottom:2px solid #B81F19;
	display:inline;
	padding:0 0 1px;
}
.pickup h2 {
	font-size:1.667em;
	font-weight:bold;
	border-bottom:2px solid #B81F19;
	display:inline;
}
#main .section h2{
	background:url(../img/h2_img.jpg) no-repeat scroll;
	height:39px;
	padding:5px 0 0 32px;
	font-size:1.500em;
	font-weight:bold;
	margin:0 0 30px;
}
#home #main .section h2{
	background:none;
}
#main .section h3{
	background:url(../img/h3_arrow_img.png) no-repeat scroll 8px 11px;
	border-bottom:2px dotted #ccc;
	padding:5px 0 0 32px;
	font-size:1.500em;
	font-weight:bold;
	margin:0 0 20px;
}
#main .section h4{
	color: #B81F19;
	font-size:1.500em;
	font-weight:bold;
	margin:0 0 10px;
}
.section-cont{
	margin:0 0 50px;
}
.section-cont.last{
	margin:0 0 30px;
}
#scroll {
	bottom:25px;
	height:50px;
	left:50%;
	margin:0 0 0 500px;
	position:fixed;
	width:50px;
	z-index:9999;
}
#scroll ptop {
	bottom:25px;
	left:50%;
	margin:0 0 0 500px;
	position:fixed;
}

/*** ----------------------------------------------------------------------------- 

wordpress

-----------------------------------------------------------------------------  ***/

.news-page .date{
	border-top:1px dotted #ccc;
	font-size:0.913em !important;
	padding:10px 0 0;
	text-align:right;
	margin:20px 0 1em !important;
}
#pager{
	background:none repeat scroll 0 0 #EFEFEF;
	margin:0 0 30px;
	padding:5px 0;
	position:relative;
	text-align:center;
}
#pager .nav-next{
	position:absolute;
	right:10px;
	top:5px;
}
#pager .nav-prev{
	position:absolute;
	left:10px;
	top:5px;
}

/*** ------------------------------------------------------------------------------ 

WordPress設定 投稿画面設定

-----------------------------------------------------------------------------  ***/

/* =Headings
-------------------------------------------------------------- */

.news-page .news-content h1,
.news-page .news-content h2,
.news-page .news-content h3,
.news-page .news-content h4,
.news-page .news-content h5,
.news-page .news-content h6 {
	clear: both;
	line-height: 1.846153846;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.news-page .news-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.news-page .news-content h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
}
.news-page .news-content h3 {
	font-size: 16px;
	font-size: 1.142857143rem;
}
.news-page .news-content h4 {
	font-size: 14px;
	font-size: 1rem;
}
.news-page .news-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
}
.news-page .news-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
}
.news-page .news-content hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}


/* =Text elements
-------------------------------------------------------------- */

.news-page .news-content p {
	margin:0 !important;
	padding:0 !important;
}
.news-page .news-content ul,
.news-page .news-content ol {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
	padding: 0;
}
.news-page .news-content ul {
	list-style: disc outside;
}
.news-page .news-content ol {
	list-style: decimal outside;
}
.news-page .news-content ul ul,
.news-page .news-content ol ol,
.news-page .news-content ul ol,
.news-page .news-content ol ul {
	margin-bottom: 0;
}
.news-page .news-content li {
	margin: 0 0 0 24px;
	margin: 0 0 0 1.714285714rem;
}
.news-page .news-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.news-page .news-content dt {
	font-weight: bold;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.news-page .news-content dd {
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.news-page .news-content strong {
	font-weight: bold;
}
.news-page .news-content cite,
.news-page .news-content em,
.news-page .news-content i {
	font-style: italic;
}
.news-page .news-content cite {
	border: none;
}
.news-page .news-content big {
	font-size: 128.571429%;
}
.news-page .news-content .mceContentBody blockquote {
	font-style: italic !important;
	font-weight: normal;
	margin: 0;
	padding: 24px;
	padding: 1.714285714rem;
}
.news-page .news-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.news-page .news-content code,
.news-page .news-content kbd,
.news-page .news-content samp,
.news-page .news-content var {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.news-page .news-content abbr,
.news-page .news-content acronym,
.news-page .news-content dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.news-page .news-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.news-page .news-content del {
	color: #333;
}
.news-page .news-content ins {
	background: #fff9c0;
	border: none;
	color: #333;
	text-decoration: none;
}
.news-page .news-content sup,
.news-page .news-content sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
.news-page .news-content sup {
	top: -0.5em;
}
.news-page .news-content sub {
	bottom: -0.25em;
}
.news-page .news-content input[type="text"] {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
.news-page .news-content textarea {
	border: 1px solid #d5d2ca;
	border-radius: 3px;
	font-family: inherit;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 96%;
}


/* =Links
-------------------------------------------------------------- */

.news-page .news-content a,
.news-page .news-content a em,
.news-page .news-content a strong {
	color:#B81F19;
	text-decoration:underline;
}
.news-page .news-content a:active,
.news-page .news-content a:hover {
	color:#B81F19;
	text-decoration:none;
}
.news-page .news-content a:focus{
	outline:none;
}


/* =Alignment
-------------------------------------------------------------- */

.news-page .news-content .alignleft {
	display: inline;
	float: left;
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.news-page .news-content .alignright {
	display: inline;
	float: right;
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.news-page .news-content .aligncenter {
	clear: both;
	display: block;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}


/* =Tables
-------------------------------------------------------------- */

.news-page .news-content table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.news-page .news-content tr th {
	color: #636363;
	font-size: 11px;
	font-size: 0.785714286rem;
	font-weight: bold;
	line-height: 2.181818182;
	text-align: left;
	text-transform: uppercase;
}
.news-page .news-content td {
	border-top: 1px solid #ededed !important;
	color: #757575;
	font-size: inherit;
	font-weight: normal;
	padding: 6px 10px 6px 0;
	text-align: left;
}


/* =Images
-------------------------------------------------------------- */

.news-page .news-content img,
.news-page .news-content .editor-attachment {
	border: 0;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	max-width: 100%;
}
.news-page .news-content img.size-full {
	width: auto/9; /* Prevent stretching of full-size images in IE8 */
}
.news-page .news-content img[class*="wp-image-"] {
	height: auto;
	max-width: 100%;
}
.news-page .news-content img[class*="align"],
.news-page .news-content img[class*="wp-image-"],
.news-page .news-content img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.news-page .news-content img.mceWPnextpage {
	border-radius: 0;
	box-shadow: none;
}
.news-page .news-content img.wp-smiley {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.news-page .news-content .wp-caption {
	background: transparent;
	border: none;
	margin: 0;
	padding: 4px;
	text-align: left;
}
.news-page .news-content .wp-caption-dt {
	margin: 0;
}
.news-page .news-content .wp-caption .wp-caption-text,
.news-page .news-content .wp-caption-dd {
	color: #757575;
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.71429rem;
}