@charset "utf-8";


/*基本文字サイズ・全体背景
---------------------------------------*/
body {
	color: #333;
	font-size: 13px;
	font-family:"メイリオ", Meiryo, Osaka, Verdana, sans-serif ;
	-webkit-text-size-adjust: 100%; /* フォントサイズ自動調整OFF */
}

/*基本段落
---------------------------------------*/
p {
	line-height: 1.6;
	margin: 0 0 1em 0;
}

/*画像の自動リサイズ
---------------------------------------*/
img {
     max-width: 100%;
     height: auto;
}
	 
/*すべての要素のサイズの計算方法にボーダーとパディングを含める
---------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		 -o-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
}

/*リンク
---------------------------------------*/
a:link    { color:#339933; text-decoration: underline;}
a:visited { color:#999999; text-decoration: underline;}
a:hover   { color:#ec4536; text-decoration: underline;}
a:active  { color:#ec4536; text-decoration: underline;}

/*強調
---------------------------------------*/
em {
	color:#ec4536;
	font-style:normal;
}
strong {
	color:#ec4536;
	font-weight:bold;
}

/*全体構造
---------------------------------------*/
#wrapper {
	height:170px;
	background: url(../img/common/h_bg.gif) repeat-x;
}

header{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
#contents {
	width:960px;
	margin:0 auto 20px;
}#contents:before,#contents:after{content:"";display:table;}#contents:after {clear:both;}#contents{*zoom:1}
	#main {
		width:690px;
		float:right;
	}
	#side {
		width:240px;
		float:left;
	}
footer {
	clear:both;
	padding:20px 0;
	border-top:1px solid #339933;
}
	#footerInr{
		width:960px;
		margin:0 auto;
		font-size:12px;
	}


/*ヘッダー
---------------------------------------*/
#HT { overflow:hidden;}
#HT h1{
	float:left;
	height:25px;
	line-height:20px;
	color:#fff;
	font-size:12px;
}
#HT div{float:right; margin-right:25px;}
	#HT div a{float:left;}
#HL{float:left;}
#HR{float:right;}
#navi{clear:both;}
#navi li{float:left;}


/*フッター
---------------------------------------*/
#FL{
	width:400px;
	float:left;
}
	#FL p{line-height:1.4;}
#FR{
	width:550px;
	float:right;
	text-align:right;
}
	#FR ul{
		display:inline-block;
		margin-left:30px;
	}
	#FR ul li{
		text-align:left;
		margin-bottom:1em;
		padding-left:13px;
		background:url(../img/common/listmark01.gif) 0 50% no-repeat;
	}
	#FR ul li.cap{
		margin-left:-15px;
		font-weight:bold;
		background:url(../img/common/listmark02.gif) 0 50% no-repeat;
	}
#copyright{
	clear:both;
	padding-top:20px;
	text-align:center;
}
#pagetop{
	position:fixed;
	right:20px;
	bottom:20px;
}
#pagetop:hover{
	bottom:25px;
	transition: bottom 0.3s ease;
}
	#pagetop a img{opacity:.5}
	#pagetop a:hover img{
		opacity:1;
		transition: opacity 0.3s ease;
	}


/*サイド
---------------------------------------*/

.sideNavi h5{
	color:#fff;
	font-weight:bold;
	padding:10px 5px;
	background:#339933;
	text-align:center;
	border-radius:3px 3px 0 0;
	line-height:1.2;
	position:relative;
}
	.sideNavi h5 span{
		display:block;
		font-size:10px;
		font-weight:normal;
		margin-top:5px;
		opacity:.5;
	}
	.sideNavi h5:after{
		content:"";
		position: absolute;
		display:block;
		width:100%;
		height:10px;
		bottom:-10px;
		background: url(../img/second/side_tit_bg.gif) center no-repeat;
	}
.sideNavi ul{
	padding:20px 10px 0;
	border:1px solid #339933;
}
	.sideNavi li{
		font-size:14px;
		line-height:1.2;
		padding-left:20px;
		background: url(../img/second/side_navi_arrow.gif) 0 0 no-repeat;
		padding-bottom:.9em;
		margin-bottom:.9em;
		border-bottom:1px dotted #ddd;
	}
	.sideNavi li:last-child{
		border-bottom:none;
		margin-bottom:0;
	}
	.sideNavi li a {
		color:#333;
		text-decoration:none;
	}
	.sideNavi li a:hover {
		color:#ec4536;
		text-decoration:underline;
	}

.sideNavi02 h5{
	color:#fff;
	font-weight:bold;
	padding:10px 5px;
	background:#B41E23;
	text-align:center;
	border-radius:3px 3px 0 0;
	line-height:1.2;
	position:relative;
}
	.sideNavi02 h5 span{
		display:block;
		font-size:10px;
		font-weight:normal;
		margin-top:5px;
		opacity:.5;
	}
	.sideNavi02 h5:after{
		content:"";
		position: absolute;
		display:block;
		width:100%;
		height:10px;
		bottom:-10px;
		background: url(../img/second/side_tit_bg02.gif) center no-repeat;
	}
.sideNavi02 ul{
	padding:20px 10px 0;
	border:1px solid #B41E23;
}
	.sideNavi02 li{
		font-size:14px;
		line-height:1.2;
		padding-left:20px;
		background: url(../img/second/side_navi_arrow02.gif) 0 0 no-repeat;
		padding-bottom:.9em;
		margin-bottom:.9em;
		border-bottom:1px dotted #ddd;
	}
	.sideNavi02 li:last-child{
		border-bottom:none;
		margin-bottom:0;
	}
	.sideNavi02 li a {
		color:#333;
		text-decoration:none;
	}
	.sideNavi02 li a:hover {
		color:#ec4536;
		text-decoration:underline;
	}


/*トップページ
---------------------------------------*/


/**メイン画像スライダー******************/
.bx-wrapper{
	width: 100% !important;
	min-width:1040px;
	position: relative !important;
	overflow: hidden;
	margin:20px auto;
}
.bx-window{
	width: 1000px;
	height: 390px;
	margin: 0 auto;
	overflow: visible !important;
	overflow-x: hidden;
}
	.idxSlider{}
	.idxSlider div{
		width: 1000px;
		filter: alpha(opacity=50);
		-moz-opacity:0.5;
		opacity:0.5;
	}
	.idxSlider div.active{
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
		/* Navi */
		.bx-pager-wrapper{ display:none;}
		/* prev next */
		.prev-next{
			width: 1040px;
			margin: 0 auto;
			position: relative;
		}	
		.bx-prev,
		.bx-next{
			text-indent: -5000px;
			display: block;
			width: 30px;
			height: 60px;
			position: absolute;
			top:-220px;
			text-decoration: none;
			cursor: pointer;
			overflow: hidden;
		}
		.bx-prev:hover,
		.bx-next:hover{
			opacity:.7;
		}
		.bx-prev {
			left: 5px;		
			background: url(../lib/bxslider/h_nav_back.png) no-repeat;
		}
		.bx-next {
			right: 5px;
			background: url(../lib/bxslider/h_nav_next.png) no-repeat;
		}

/*一覧ボタン*/
.ichiran{
	position:relative;
	float:right;
	margin:-50px 10px 0 0;
}
/*ブログリスト*/
.newsList li span{
	display:block;
	color:#339933;
	position:relative;
	margin-bottom:8px;
}
	.newsList li span:before{
		display:inline-block;
		font-family: 'ElegantIcons';
		content:"E";
	}

.newsList li {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px dotted #ccc;
}
/*事例リスト*/
.caseList{
	width:585px;
	margin-right:-15px;
	overflow:hidden;
}
	.caseList li{
		width:180px;
		float:left;
		margin: 0 15px 30px 0;
	}
	.caseList li .thumb{
		text-align:center;
		width:180px;
		height:120px;
		overflow:hidden;
		display:table-cell;
		vertical-align:middle;
		border:1px solid #ddd;
	}
	.caseList li .thumb img{
		display:block;
		margin:0 auto;
		max-height:100px
	}
	.caseList li .cat{
		display:inline-block;
		font-size:11px;
		color:#fff;
		background:#339933;
		padding:3px 8px;
		margin:10px 0;
	}
	.caseList dt{
		min-height:3em;
		font-weight:bold;
		line-height:1.2;
		padding-bottom:5px;
		margin-bottom:10px;
		border-bottom:1px solid #339933;
	}
	.caseList dd{
		font-size:12px;
		line-height:1.4;
	}
	
	/*一覧ページ用拡張*/
	#caseListIndex{
		width:705px;
		margin-right:-15px;
		overflow:hidden;
	}
		#caseListIndex li{
			width:220px;
			float:left;
			margin: 0 15px 20px 0;
			padding-bottom:10px;
			border-bottom:1px dotted #ccc;
		}
		#caseListIndex li .thumb{
			width:220px;
		}

/*サイドメニュー*/
.idxSideBox{
	text-align:center;
	padding-bottom:15px;
	border:1px solid #339933;
	border-top:none;
}
.idxSideBox a{
	display:inline-block;
	margin-bottom:10px;
}

.idxSideBox02{
	text-align:center;
	padding-bottom:15px;
	border:1px solid #f9622d;
	border-top:none;
}
.idxSideBox02 a{
	display:inline-block;
	margin-bottom:10px;
}

/*共通パーツ
---------------------------------------*/

/*看板-------------*/
#headline h2{
	background: url(../img/second/headline-bg.gif?20140722) repeat-x;
	height:235px;
	text-align:center;
}

/*パンくず-------------*/
#pankuzu {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
	#pankuzu li{
		display:inline-block;
		*display: inline;
		*zoom: 1;
		font-size:10px;
		color:#666;
		white-space:nowrap;
		line-height:40px;
	}
	#pankuzu li a{
		padding-right:5px;
	}
	
/*ページ別
---------------------------------------*/

/*事例詳細*/
.caseThumb{
	float:left;
	padding:10px;
	border:1px solid #ddd;
	background:#f8f8f8;
	margin:0 20px 20px 0;
	max-width:150px;
}
.caseThumb img{
	display:block;
	margin:0 auto;
}
.CaseGallery div{
	height:150px;
	overflow:hidden;
	margin-bottom:15px;
	border:3px solid #fff;
}

/*sms*/
.catch_copy {
	font-size:30px;
	font-weight:bold;
	color:#B41E23;
	text-align:center;
}

.catch_copy02 {
	font-size:26px;
	font-weight:bold;
	color:#B41E23;
	text-align:left;
}

.red_ttl {
	background:#B41E23;
	color:#fff;
	text-align:center;
	padding:10px 20px;
}

.red_box {
	text-align:center;
	margin-bottom:40px;
}

.red_box dt {
	display:inline;
	margin-right:10px;
	background:#B41E23;
	padding:10px 20px;
	color:#fff;
	font-weight:bold;
}

.red_box dd {
	display:inline;
	font-size:15px;
	font-weight:bold;
}

.sms_box li {
	border-right:#333333 1px solid;
	padding:5px 9px;
	float:left;
	height:258px;
}

.sms_box li:nth-child(1) {
	border-left:#333333 1px solid;
}

.sms_box_ttl {
	color:#B41E23;
	font-size:13.2px;
	font-weight:bold;
	text-align:center;
	height:75px;
	display:table-cell;
	vertical-align:middle;
	width:146px;
}

.sms_box_text {
	width:145px;
}

.sub_ttl {
	border-left:#B41E23 3px solid;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	line-height:2.4em;
}

.sms_box02 li {
	border-right:#CCCCCC 1px solid;
	padding:5px 2px;
	float:left;
	height:465px;
	width:111px;
	text-align:center;
	display:table-cell;
}


.sms_box02 li:nth-child(1) {
	border-left:#CCCCCC 1px solid;
}

.sms_box02 li:nth-child(6) {
		width:115px;
}

.sms_box02 li p.sms_box02_ttl {
	color:#B41E23;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	height:45px;
	display:table-cell;
	vertical-align:middle;
	line-height:1.2em;
	width:105px;
}

.sms_box02_text {
	text-align:center;
}

.blue_text {
	background:#0070C0;
	color:#fff;
	text-align:center;
	padding:10px 20px;
	font-size:15px;
	font-weight:bold;
}

h5.new_biz {
	font-size:1.6em;
}

/*20180105追加*/
.sideNavi ul.plan_list { border:none; padding: 10px 0px 0px; }
.sideNavi ul.plan_list li { background:none; padding:10px 0 10px 0px; margin-bottom:0px; font-size:0.9em; }
.sideNavi ul.plan_list li:last-child { padding-bottom:0px; }	
.sideNavi ul.plan_list li:before { content:"⊥"; color:#339933; margin-right:10px; }

.green_border { border-bottom:#339933 2px solid; margin-bottom:10px; font-weight:bold; font-size:1.1em; padding-bottom:10px; }
.title_green { background:#339933; color:#fff; padding:15px; font-size:18px; font-weight:bold; margin-bottom:20px; }

.navy_border { border-bottom:#1c1f87 2px solid; margin-bottom:10px; font-weight:bold; font-size:1.1em; padding-bottom:10px; }
.title_navy { background:#1c1f87; color:#fff; padding:15px; font-size:18px; font-weight:bold; margin-bottom:20px; }

.red_border { border-bottom:#c30d22 2px solid; margin-bottom:10px; font-weight:bold; font-size:1.1em; padding-bottom:10px; }
.title_red { background:#c30d22; color:#fff; padding:15px; font-size:18px; font-weight:bold; margin-bottom:20px; }

#contents .in { margin:0 10px; }

.pro_list li { float:left; width:50%; margin-bottom:10px; }
.pro_list li:last-child { width:100%; }
	
/*調整用スタイル
---------------------------------------*/

/*マージン*/
.mt5 {margin-top: 5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mb5 {margin-bottom: 5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml5 {margin-left: 5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.mr 5{margin-right: 5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.noMg{margin:0 !important;}

/*左右マージン*/
.inset10{padding:0 10px;}
.inset15{padding:0 15px;}
.inset20{padding:0 20px;}
.inset25{padding:0 25px;}
.inset30{padding:0 30px;}
.inset35{padding:0 35px;}
.inset40{padding:0 40px;}
.inset45{padding:0 45px;}
.inset50{padding:0 50px;}

/*フロート*/
.fltL{float:left;}
.fltR{float:right;}

/*アライン*/
.alC{text-align: center !important;}
.alL{text-align: left   !important;}
.alR{text-align: right  !important;}

/*フォント*/
big   {font-size:1.1em}
small {font-size:0.9em}

.learge    {font-size:1.1em}
.x_learge  {font-size:1.2em}
.small     {font-size:0.9em}
.x_small   {font-size:0.8em}

/*画像透過*/
a.imgHover:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter:"alpha( opacity=70)";
	transition: opacity 0.3s ease;
}
/*回りこみ解除禁止（簡易crearfix）*/
.ovh{overflow:hidden;}

/*boeder*/
hr.border{
	clear:both;
	padding:0;
	display:block;
	height:1px;
	border:0;   
	border-top:1px dotted #ccc;
}

hr.border-solid{
	clear:both;
	padding:0;
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #ccc;
}