/*----------------------------*/
/*-- サブページ --*/
/*----------------------------*/

/* パン屑 */
#breadcrumbs {
	padding-top: 10px;
	padding-bottom: 10px;
    }  
#breadcrumbs li {
	display:inline;
	list-style-type:none;
	font-size: 90%;
    }  
#breadcrumbs li a {
	padding-right:10px;
	background:url(img/breadcrumbs.png) no-repeat right center;
    } 

/* サイドメニュー */
dl#sidemenu {
	margin-bottom: 30px;
}
dl#sidemenu dt {
	font-size: 160%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #2fa0ec;
	margin-bottom: 10px;
}
dl#sidemenu dd {
	margin-bottom: 20px;
}
dl#sidemenu dd li {
	font-size: 110%;
	background-image: url(img/arrow_blue.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
}
dl#sidemenu dd.head_none {
	margin-bottom: 20px;
	padding-left: 0px;
	background-image: none;
	color: #999;
	font-weight: bolder;
}
dl#sidemenu dt a,dl#sidemenu dd a {
	color: #555;
	text-decoration: none;
}
dl#sidemenu dt a:hover,dl#sidemenu dd a:hover {
	color: #2fa0ec;
}
dl#sidemenu dd ul {
	padding-top: 10px;
	padding-bottom: 1px;
	padding-left: 15px;
	font-weight: normal;
}
dl#sidemenu dd ul li {
	font-size: 90%;
	margin-bottom: 10px;
	background-image: url(img/arrow_blue2.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 10px;
}
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼サイドメニューアクティブ（先頭にwpで取得したbodyのクラスを追加する）▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/* サービス紹介 */
.page-id-39 dl#sidemenu dd a.idc-service,
.page-id-42 dl#sidemenu dd ul li a.cloud-server,
.page-id-213 dl#sidemenu dd ul li a.storage,
.page-id-45 dl#sidemenu dd ul li a.backup,
.page-id-50 dl#sidemenu dd ul li a.fitweb,
.page-id-53 dl#sidemenu dd ul li a.internet,
.page-id-56 dl#sidemenu dd ul li a.vpn,
.page-id-59 dl#sidemenu dd ul li a.connect,
.page-id-62 dl#sidemenu dd ul li a.okulot,
.page-id-64 dl#sidemenu dd ul li a.answer,
.page-id-67 dl#sidemenu dd ul li a.taimen,
.page-id-70 dl#sidemenu dd ul li a.sapP-outsourcing,
.page-id-73 dl#sidemenu dd ul li a.dps
{
	color: #2fa0ec;
	font-weight: bolder;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲/サイドメニューアクティブ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* 見出し */
.contents_area h3 {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 200%;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #2fa0ec;
}

.midashi {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #2fa0ec;
	font-size: 160%;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.midashi2{
	padding:5px 5px 5px 10px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 140%;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FFF;
	background-color: #2fa0ec;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	font-weight: bolder;
}
.midashi3 {
	font-weight: bolder;
	color: #FFFFFF;
	margin-bottom: 3px;
	background-color: #2fa0ec;
	font-size: 120%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.midashi4 {
	font-weight: bolder;
	margin-bottom: 10px;
	background-color: #f3f3f3;
	font-size: 110%;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height: 1em;
}
.midashi4 span {
	color: #FFF;
	padding: 10px;
	margin-right: 10px;
	letter-spacing: 0.1em;
}
.midashi4 span.default {
	background-color: #2fa0ec;
}
.midashi4 span.x {
	background-color: #5991c8;
}
.midashi4 span.svm {
	background-color: #b8c97d;
}
.midashi4 span.smz {
	background-color: #ca4560;
}
.midashi4 span.kanren {
	background-color: #997aa9;
}
.midashi5 {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #2fa0ec;
	font-size: 130%;
	margin-bottom: 20px;
	margin-top: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
h4.bold {
	margin: 18px 10px 5px 0px;
	font-weight: bold;
	font-size: small;
}

.subt_function {
	margin: 15px 0 0 0px;
	padding: 20px 0 0 0px;
	border: none;
	border-top: 1px dotted #0056A6;
}


h5.midashi_q {
	margin: 20px 10px 20px 0px;
	padding: 0 5px 13px 5px;
	border-bottom: 2px solid #1B2469;
	width: 620px;
	color: #1B2469;
	font-size: 16px;
	font-weight: bold;
}
h5.midashi_q img {
	margin: 0 5px 0 0;
	vertical-align: text-bottom;
}
h5.midashi_a {
	margin: 20px 10px 10px 0px;
	padding: 0 5px;
	color: #CF121B;
	font-size: 14px;
	font-weight: bold;
}
h5.midashi_a img {
	margin: 0 5px 0 0;
	vertical-align: text-bottom;
}

.faq h5,
.faqlist h5 {
	margin: 15px 0 -2px 20px;
	padding: 0 0 0 10px;
	border-left: 5px solid #2fa0ec; 
	height: 20px;
	font-weight: normal;
	font-size: 100%;
}

.faq h6 {
	margin: 15px 0 0 23px;
	padding: 0 0 0 35px;
	min-height: 22px;
	height: auto !important;
	height: 22px;
	font-weight: bolder;
	font-size: 100%;
}

.functionlist h6 ,
.function_title {
	margin: 20px 0 10px 0;
	padding: 0 0 4px 2px;
	border-bottom: 1px solid #2fa0ec;
	font-weight: bolder;
	font-size: 100%;
}
.catTTL{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #2fa0ec;
	font-size: 140%;
	padding: 5px 5px 5px 10px;
	margin-bottom: 30px;
}


/* FIT-iDC共通 */
#anchor_link {
	background-color: #eee;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 25px;
}
#anchor_link a {
	font-weight: bolder;
}
#anchor_link p {
	margin: 0;
}
.contents_area p {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.contents_area p.bold {
	font-weight: bold;
	margin-top: 18px;
	margin-bottom: -5px;
}
.contents_area hr {
	border: 1px dotted #cccccc;
	margin: 18px 0;
	height: 0px;
}
*:first-child+html body hr {	 /* for IE7 */
	margin: 13px 0 0 0;
}
* html body hr {	 /* for IE6 */
	margin: 13px 0 0 0;
}


.square {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	padding-right: 2px;
}

.contents_area .dl {
	margin: 15px 10px;
}
img.right {
	margin-left: 10px;
	float: right;
}

/* 概要 */
ol {
	margin-left: -10px;	
}
*:first-child+html body ol {
	margin-left: 35px;	
}
* html body ol {
	margin-left: 35px;	
}
/* 特徴 */
h4.midashi_tokutyo {
	margin: 20px 0;
}
h5.midashi_q {
	margin: 20px 10px 20px 10px;
	padding: 0 5px 13px 5px;
	border-bottom: 2px solid #1B2469;
	width: 620px;
	color: #1B2469;
	font-size: 16px;
	font-weight: bold;
}
h5.midashi_q img {
	margin: 0 5px 0 0;
	vertical-align: text-bottom;
}
h5.midashi_a {
	margin: 20px 10px 10px 10px;
	padding: 0 5px;
	color: #CF121B;
	font-size: 14px;
	font-weight: bold;
}
h5.midashi_a img {
	margin: 0 5px 0 0;
	vertical-align: text-bottom;
}
p.right {
	float: right;
}



/* サービス内容 */

table {
	border: 1px solid #CCCCCC;
	margin-left: 0px;
	border-collapse: collapse;
}
table tr th {
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	background: #F0F0F0;
	text-align: center;
	white-space: nowrap;
}
table tr td {
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	text-align: left;
}
table tr td.nowrap {
	white-space: nowrap;
}

.list {
	border: 1px solid #D6D6D6;
	font-size: 120%;
	font-weight: bolder;
	background: #F3F3F3;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	padding-top: 10px;
	padding-right: 10;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*----------------------------*/
/*-- 　　　ボタン関連　　　 --*/
/*----------------------------*/

/*隠しテキスト*/
a.bt_catalog_dl span, a.bt_pamphlet_dl span {
	margin:0px;
	padding:0px;
	font-size:5px;
	line-height:100%;
	visibility:hidden;
}


/*----------------------------*/
/*-- okulot --*/
/*----------------------------*/

/* 概要 */
.outline {
	width: 530px;
	margin: 20px 0 0px 20px;
	padding: 0 0 10px 50px;
}

.outline ul {
	margin: 10px 0 0 -12px;
	/margin: 10px 0 0 28px;	/* for IE6&7 */
}
.outline ul li {
	margin: 0.3em 0;
	list-style-type: circle;
}



#image_top {
	margin: 50px 0 0 10px;
}
#image_top p {
	margin: 30px 0 0 0;
}

.normal a {
	font-weight: normal;
}


/*機能*/

ol.function_image {
	margin: 20px 0 20px 0;
	list-style-type: none;
}

ol.function_image li {
	margin: 20px 0 0 -15px;
	/margin: 20px 0 0 25px;		/* for IE6&7 */
	padding: 0 0 0 30px;
	min-height: 21px;
	height: auto !important;
	height: 21px;
}

.functionlist {
	margin: 10px 0 25px 20px;
	padding: 0;
}

.anchor_link2 {	/* 管理、保護、全機能一覧、よくある質問 */
	width: 630px;
	margin: 10px 10px 18px 19px;
	text-align: center;
	padding: 10px 0;
}

.see_alllist {	/* 機能詳細ページ 「全機能一覧を見る」 */
	margin-left: 22px;
}


/* 利用料金 */
.square {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	padding-right: 2px;
}

table#charge_table1 th,table#charge_table2 th,table#charge_table3 th {
	background-color: #aaaaaa;
	color: #FFF;
}
table#charge_table1 th.th01 {
	width: 100px;
}

table#charge_table1 td, table#charge_table2 td {
	text-align: center;
}

table#charge_table2 {
	width: 400px;	
}
table#charge_table3 td.td02 {
	text-align: center;	
}
td.td01 {
	background-color: #f0f0f0;
	text-align: center;
	vertical-align: middle;
}


/*ご利用までの流れ*/

ol.flow {
	margin: 20px 0 0 10px;
	list-style-type: none;
}
ol.flow li {
	margin: 20px 0 20px -28px;
	/margin: 20px 0 20px 12px;		/* for IE6&7 */
	padding: 1px 0 0 30px;
}

.flow li .flow_title {
	line-height: 1.6;
	font-size: 110%;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #2fa0ec;
}


/* よくある質問 */

.faqlist ul {
	margin-top: 10px;
	margin-bottom: 25px;
}
.faqlist ul li {
	list-style: disc;
	margin-left: 3px;
	margin-bottom: 10px;
}

.faq {
	border-top: 1px dotted #666666;
	margin-top: 12px;
	padding-top: 5px;
	/padding-top: 15px;		/* for IE6&7 */
}


.faq .answer {
	margin: 10px 0 0 23px;
	padding: 0 0 15px 35px;
	border-bottom: 1px dotted #333333;
	min-height: 22px;
	height: auto !important;
	height: 22px;
	font-weight: normal;
}
.answer p {
	margin: 0 0 10px 0;
}
.answer p img {
	margin: 10px 0 0 0;
}
.answer li {
	list-style: disc;
	margin-left: -20px;
}

.faq .answer_noline {
	border-bottom: 0px dotted #333333;
	margin-bottom: -3px;
	/margin-bottom: -3px;	/* for IE6&7 */
	padding-bottom: 5px;
}


/*----------------------------*/
/*-- fit-answer --*/
/*----------------------------*/

.note {
	width: 628px;
	height: auto;
	background-color: #f0f0f0;
	margin: 15px 10px 25px 10px;
	padding: 1px 0 8px 5px;
}

.list2 {
	width: 660px;
	height: 32px;
	background: url(../../images/service/bg_subtitle_green.gif) left top no-repeat;
	padding: 7px 0 0 22px;
	font-size: small;
	font-weight: bold;
}


/*----------------------------*/
/*-- fitdps --*/
/*----------------------------*/

.left01 {
	float: left;
	width: 105px;
	margin: 15px 0 0 10px;
	display: inline;
}
.right01 {
	float: left;
	width: 520px;
	margin: 5px 0 0 10px;
	/margin: 0px 0 0 10px;	 /* for IE6&7 */
	display: inline;
}


.left02 {
	float: left;
	width: 460px;
	margin: -10px 0 0 0px;
	display: inline;
}
.right02 {
	float: left;
	width: 150px;
	margin: 0 0 0 10px;
	display: inline;
}

p.caption {
	margin: 0 -5px 0 0;
	font-size: 90%;
	text-align: right;
}

.left03 {
	float: left;
	width: 210px;
	margin: 10px 10px -10px 10px;
	display: inline;
}
.right03 {
	float: left;
	width: 150px;
	margin: 10px 0 -10px 10px;
	display: inline;
}
.right03 img {
	margin-top: 15px;
}

p.caption2 {
	margin-top: 0px;
	font-size: 90%;
	text-align: center;
}

.left04 {
	float: left;
	width: 280px;
	margin: -10px 0 0px 0;
	padding-bottom: 10px;
	display: inline;
}
* html body .left04  {	 /* for IE6 */
	width: 275px;
}
.left04-2 {
	float: left;
	width: 650px;
	margin: -10px 0 0px 0;
	padding-bottom: 10px;
	display: inline;
}
.right04 {
	float: left;
	width: 150px;
	margin: 0 0 0 20px;
	display: inline;
}
* html body .right04  {	 /* for IE6 */
	margin: 0 0 0 10px;
}

.left05 {
	float: left;
	width: 400px;
	margin: -20px 0 0 0px;
	display: inline;
}
.right05 {
	float: left;
	width: 200px;
	margin: 35px 0 0 10px;
	display: inline;
}



/*----------------------------*/
/*-- okulot --*/
/*----------------------------*/

.block_okulot {
	margin-bottom: 40px;
}

/*----------------------------*/
/*-- タブ --*/
/*----------------------------*/
/* tab */
.tabset{
}
.tabset_tab li{
	width:164px;
	float:left;
	text-align:center;
	line-height:40px;
	font-size: 120%;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: bolder;
	margin-bottom: 30px;
	margin-top: 20px;
	height: 40px;
}
.tabset_tab li a{
	display:block;
	outline:none; /* linkline */
	background-color:#F3F2ED;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3a3f4d;
}
.tabset_tab li a span{
	display:block;
}
.tabset_tab li a:hover{
	text-decoration:none;
	background-color:#3a3f4d;
	color: #FFF;
}

.tabset_tab li a.select{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	border-bottom:none;
	background-color: #3a3f4d;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3a3f4d;
}

/* panel */
.tabset_panel{
	clear:both;
	padding:0 0 5px 0;
}


/*----------------------------*/
/*-- cloud --*/
/*----------------------------*/

.cloud_lineup {
	padding-top: 10px;
	padding-bottom: 20px;
}
.cloud_lineupL {
	float: left;
	width: 48%;
}
.cloud_lineupR {
	float: right;
	width: 48%;
}

table#cloud_table1 th {
	background-color: #aaaaaa;
	color: #FFF;
}
table#cloud_table1 th.th01 {
	width: 100px;
}

table#cloud_table1 td {
}

table#cloud_table1 td.td01 {
	background-color: #f0f0f0;
	vertical-align: middle;
	text-align: left;
}




/*----------------------------*/
/*-- itblog --*/
/*----------------------------*/

#itblog_head {
	background-color: #000;
	height: 100px;
	margin-bottom: 20px;
	width: 100%;
	background-image: url(img/it_image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.itblog{
	text-align: center;
	padding-bottom: 30px;
}
.itblog_box{
	text-align: center;
	margin-bottom: 10px;
}
.date01:after {
    background: url(img/arr.gif) 0 0 no-repeat;
    content: "";
    height: 15px;
    position: absolute;
    right: -12px;
    top: 14px;
    width: 12px;
}
.date01 {
	background: #2fa0ec;
	color: #fff;
	display: block;
	letter-spacing: -3px;
	position: relative;
	text-align: center;
	text-indent: -6px;
	width: 100px;
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
	height: 60px;
	font-family: 'Open Sans';
	font-size: 35px;
	line-height: 1.2em;
	font-weight: 300;
}
.date01 p {
	font-size: 14px;
	color: #9ed3f7;
	letter-spacing: 0.1px;
	line-height: 0.1em;
	text-indent: 6px;
}
.itblog_txt {
	float: left;
	width: 540px;
	text-align: left;
	margin-left: 15px;
	font-size: 115%;
}
.itblog_txt h3 {
	font-size: 120%;
	line-height: 1.5em;
	letter-spacing: -.6px;
	color: #3a3f4d;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
h3.blog_single {
	font-size: 160%;
	line-height: 1.5em;
	letter-spacing: -.6px;
	color: #3a3f4d;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.date_txt p {
	line-height: 1em;
}
.thum {
	display: block;
	position: relative;
	width: 100px;
	float: left;
}
.blog_txt {
	float: left;
	width: 540px;
	text-align: left;
	margin-left: 15px;
}
.blog_txt p {
	margin: 0px;
	padding: 0px;
	font-size: 115%;
}

.more2 a {
	font-size: 95%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
	background-color: #3a3f4d;
	background-image: url(img/more.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
	letter-spacing: 0.1em;
	line-height: 2.5em;
}
.more2 a:hover {
	background-color: #5e6372;
}
.more2 a:hover {
	background-color: #5e6372;
}


/*----------------------------*/
/*-- おさんぽとやま --*/
/*----------------------------*/

#sanpo_head {
	background-color: #000;
	height: 100px;
	margin-bottom: 20px;
	width: 100%;
	background-image: url(img/sanpo_image.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}
.sanpoL {
	float: left;
	width: 100px;
}

.sanpo_date:after {
    background: url(img/arr.gif) 0 0 no-repeat;
    content: "";
    height: 15px;
    position: absolute;
    right: -12px;
    top: 14px;
    width: 12px;
}
.sanpo_date {
	background: #2fa0ec;
	color: #fff;
	display: block;
	letter-spacing: -3px;
	position: relative;
	text-align: center;
	text-indent: -6px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
	height: 60px;
	font-family: 'Open Sans';
	font-size: 35px;
	line-height: 1.2em;
	font-weight: 300;
}
.sanpo_date p {
	font-size: 14px;
	color: #9ed3f7;
	letter-spacing: 0.1px;
	line-height: 0.1em;
	text-indent: 6px;
}
.sanpo_thum {
	margin-top: 10px;
}



/*----------------------------*/
/*-- サービス紹介 --*/
/*----------------------------*/

.service_box2,.service_box4 {
	height: 282px;
}
.service_box4TTL {
	height: 286px;
}
.service_box2 {
	float: left;
	width: 717px;
	background-color: #ebebeb;
	position: relative;
	margin-bottom: 12px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #2fa0ec;
}
.service_box4 {
	float: left;
	width: 231px;
	background-color: #ebebeb;
	position: relative;
	margin-bottom: 12px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #2fa0ec;
}
.btop00 {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #2fa0ec;
}
.btop01 {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #22b871;
}
.btop02 {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #fd7931;
}
.btop03 {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #5f52a0;
}
.btop04 {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #eb6877;
}
.service_box4TTL {
	float: left;
	width: 231px;
	position: relative;
	margin-bottom: 12px;
}
.service_box2 h4,.service_box4 h4 {
	font-size: 16px;
	font-weight: bolder;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	margin-bottom: 10px;
	color: #2fa0ec;
}
.service_box4TTL h4 {
	font-size: 16px;
	font-weight: bolder;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #fff;
	position: absolute;
	bottom: 0px;
	background: #2fa0ec;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.service_box2 p,.service_box4 p {
	padding-right: 15px;
	padding-left: 15px;
	font-size: 13px;
}

.service_box2 .more3 a {
	font-size: 95%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
	background-color: #3a3f4d;
	background-image: url(img/more.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
	letter-spacing: 0.1em;
	line-height: 2.5em;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.service_box2 .more3 a:hover {
	background-color: #5e6372;
}
.service_box4 .more3 a {
	font-size: 95%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
	background-color: #3a3f4d;
	background-image: url(img/more.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
	letter-spacing: 0.1em;
	line-height: 2.5em;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.service_box4 .more3 a:hover {
	background-color: #5e6372;
}


/* 各カテゴリ */
.box3 {
	background-color: #ebebeb;
	float: left;
	width: 280px;
	color: #232323;
	padding: 10px;
}
.box3 h4 {
	font-size: 120%;
	font-weight: bolder;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	margin-bottom: 10px;
}


/*----------------------------*/
/*-- headicon --*/
/*----------------------------*/
ul#headicon {
}
ul#headicon li {
	margin-bottom: 10px;
	background-image: url(img/arrow_blue.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 12px;
	font-weight: bolder;
}

/*----------------------------*/
/*-- news --*/
/*----------------------------*/
.news_cap {
	padding-bottom: 30px;
}
.news_cap span {
	color: #FFF;
	background-color: #2fa0ec;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	margin-left: 10px;
}
.pageback {
	text-align: right;
	line-height: 3em;
	background-image: url(img/back.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}

/*----------------------------*/
/*-- ビジネスパートナー --*/
/*----------------------------*/
.maincatch {
	font-size: 120%;
	font-weight: bolder;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.maincatch2 {
	font-size: 140%;
	font-weight: bolder;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

dl#toriatukai dt {
	clear: left;
	float: left;
	margin: 0 0 1em;
	width: 20em;
	padding-left: 5px;
	font-weight: bolder;
}

dl#toriatukai dd {
	margin-bottom: 1em;
	margin-left: 20em;
	background-image: url(img/arrow_blue.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
dl#toriatukai dd span {
	margin-left: 20px;
	background-image: url(img/arrow_blue2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
}
dl#toriatukai dd.arrow_none {
	background-image: none;
}

ol#number{
padding-left:2em;
}
ol#number li{
list-style-type:decimal;
} 

/*----------------------------*/
/*-- お問い合わせ --*/
/*----------------------------*/
.inquiry {}
.inquiryL {
	float: left;
	width: 320px;
}
.inquiryR {
	float: right;
	width: 320px;
}
.tel {
	font-size: 200%;
	font-weight: bolder;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #666;
}
.tel2 {
	font-size: 130%;
	font-weight: bolder;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #666;
}



.btn_inquiry {
	overflow: hidden;
	position: relative;
	background-color: #eeeeee;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.btn_inquiry ul {
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
.btn_inquiry ul li {
    float: left;
    margin-right: 5px;
    padding: 5px;
    position: relative;
    left: -50%;
}
.btn_inquiry ul li a {
	font-size: 110%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
	background-color: #3a3f4d;
	background-image: url(img/more.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
	letter-spacing: 0.1em;
	line-height: 2.5em;
}
.btn_inquiry ul li a:hover {
	background-color: #5e6372;
}

/*PagiNavi*/
.wp-pagenavi { 
	padding-top: 10px;
	padding-bottom: 25px;
}
.wp-pagenavi a,
.pages,
.current {
	margin-right: 4px;
	padding: 3px 6px;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
}
.wp-pagenavi a:hover,
.current{
	color: #fff;
	background: #2fa0ec;
}


/*----------------------------*/
/*-- 導入事例 --*/
/*----------------------------*/
ul.donyujirei li {
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
}