<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*共通部分のスタイルシート

■目次：

・共通指定
・配置
・全体レイアウト
・ヘッダー
・グローバルナビゲーション
・サイドバー
・フッター
・パン屑リンク
・前のページへ戻る
・ページの先頭へ戻る
・音声ブラウザ用　隠しリンク
・トップページ及び2階層目共通


*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

body {
	font-size:14px;
	color:#333333;
	font-family:"メイリオ", Meiryo, "verdana", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, sans-serif;
	background:url(../image/bg_body.jpg) repeat-x center top;
	}

/*FireFox文字サイズ用hack*/
html&gt;/**/body body{
	font-size:85%;
}

html:first-child body{
	font-size:80%;
}

.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0.1px;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*---------------共通指定---------------*/

img {
	border:0;
	vertical-align:bottom;/*html5隙間*/
}

/*---------------リンクカラーの設定---------------*/

a{
	outline:none;
		
}

a:link {
	color:#68b82d;
	/*text-decoration:none;*/
}

a:visited {
	color:#68b82d;
	/*text-decoration:none;*/
}

a:hover {
	color:#b4d100;
	text-decoration:underline;
}

a:active {
	color:#b4d100;
	text-decoration:underline;
}

/*a:link {
	color:#000;
	text-decoration:none;
	
}

a:visited {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#666;
	text-decoration:underline;
}

a:active {
	color:#666;
	text-decoration:underline;
}*/

/*ヘッダー*/
#header a{
	color:#186411;
	text-decoration:none;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 	
}

#header a:link{
	color:#186411;
	text-decoration:none;
}

#header a:visited{
	color:#186411;
	
}

#header a:hover{
	color:#b4d100;

}

#header a:active{
	color:#b4d100;

}

#globalnavi a{
	color:#000;
	text-decoration:none;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 	
}

#globalnavi a:link{
	color:#666;
}

#globalnavi a:visited{
	color:#666;
}

#globalnavi a:hover{
	color:#CCC;
}

#globalnavi a:active{
	color:#CCC;
}


/*フッター*/
#footer a{
	color:#FFF;
	text-decoration:none;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 
}


#footer a:link{
	color:#FFF;
}

#footer a:visited{
	color:#FFF;
}

#footer a:hover{
	color:#b4d100;
}

#footer a:active{
	color:#b4d100;
}


/*#footer_link2 a:link{
	color:#FFF;
	text-decoration:none;
}

#footer_link2 a:visited{
	color:#FFF;
	text-decoration:none;
}

#footer_link2 a:hover{
	color:#b4d100;
	text-decoration:underline;
}

#footer_link2 a:active{
	color:#b4d100;
	text-decoration:underline;
}

*/



/*---------------全体レイアウト---------------*/
#container {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding:0 20px;
}

#content {
	width:980px;
	margin-bottom:30px;
}


/*---------------ヘッダー---------------*/

#header {
	width:980px;
	height:140px;
	margin:0 auto 30px;
	position:relative;
}

#header #discription{
	font-weight:normal;
	line-height:1.2em;
	color:#FFF;
	position:absolute;
	top:8px;
}

#header #title{
	position:absolute;
	top:53px;
	left:-34px;
}

#header #fukidashi{
	position:absolute;
	background:url(../image/header/hokuo_fukidashi.png) no-repeat center top;
	top:47px;
	left:250px;
	width:98px;
	height:67px;
	background-size:contain;
	text-indent:-9998px;
}

#header .contact{
	position:absolute;
	top:50px;
	right:0;
	font-size:12px;
}

#header #h_banner{
	position:absolute;
	top:50px;
	right:300px;
	font-size:12px;
}

#header .contact li{
	float:left;
	list-style-type:none;
	margin-left:20px;
	}
	
#header .contact li.bgbtn{	
	margin-top:-5px;
	}
	


#footer_link2 li {
	list-style-type:none;
	display:inline;
	margin:0 0 0 25px;
	float:left;
	/*color:#FFF;
	margin:0 0 0 25px;
	padding:5px 30px;
	background:#3a9117;*/
}

#header .contact li.bgbtn a {  
    display:block;  
    padding:5px 15px;
    background:#3a9117;
	color:#FFF;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 	
}  

#header .contact li.bgbtn a:hover { 
	background:#6eb851; 
	color:#FFF;
	text-decoration:none;
} 
	


#header .tel{
	position:absolute;
	top:80px;
	right:0;
}





/*---------------メインビジュアル、メインバナー---------------*/

#mainvisual {
	margin:0 0 10px;
	position: relative;
}


#mainvisual a{
	/*display:block;*/
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
}

#mainvisual a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	
}

#mainvisual .mbox_l{
	width:485px;
	height:365px;
	overflow: hidden;
    position: relative;
	background:url(../image/top/bg_mainvisual.png) no-repeat center top;
	float:left;
}

#mainvisual .mbox_l img {
    top: 1px;
    left: 1px;
    position: absolute;
}


#mainvisual .mbox_r img {
    top: 1px;
    left: 1px;
    position: absolute;
}

#mainvisual .mbox_r{
	width:485px;
	height:365px;
	overflow: hidden;
    position: relative;
	background:url(../image/top/bg_mainvisual.png) no-repeat center top;
	float:right;
}


#mainvisual .mbox_l_btn{
	position: absolute;
	top:240px;
	left:375px;
}

#mainvisual .mbox_r_btn{
	position: absolute;
	top:240px;
	right:10px;
}

/*スキャンDバナー*/

.ba_l {
	position:relative;
    width:100%;
	clear:both;
	text-align:center;
	margin:0 0 15px;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;

}

.ba_l a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
	
}

.ba_l:hover { 
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}



/*---------------グローバルナビゲーション---------------*/

#globalnavi {
	clear:both;
	position:absolute;
	top:115px;
	right:0;
	margin-bottom:10px;
}

#globalnavi ul li {
	float:left;
	list-style-type:none;
	margin-left:20px;
	font-weight:600;
	text-indent:-9999px;
}

#globalnavi ul li a {
	display:block;
	height:25px;
	
}
#globalnavi ul li:nth-child(1) a {
	width:125px;
	background:url(../image/gnavi/gnavi01_btn.gif) no-repeat left top;
}


#globalnavi ul li:nth-child(2) a {
	width:50px;
	background:url(../image/gnavi/gnavi08_btn.gif) no-repeat left top;
}

#globalnavi ul li:nth-child(3) a {
	width:52px;
	background:url(../image/gnavi/gnavi02_btn.gif) no-repeat left top;
}

#globalnavi ul li:nth-child(4) a {
	width:65px;
	background:url(../image/gnavi/gnavi03_btn.gif) no-repeat left top;
}

#globalnavi ul li:nth-child(5) a {
	width:74px;
	background:url(../image/gnavi/gnavi04_btn.gif) no-repeat left top;
}

#globalnavi ul li:nth-child(6) a{
	width:49px;
	background:url(../image/gnavi/gnavi05_btn.gif) no-repeat left top;
}

#globalnavi ul li:nth-child(7) a {
	width:52px;
	background:url(../image/gnavi/gnavi06_btn.gif) no-repeat left top;
}

#globalnavi ul li a:hover{
	opacity:0.5;
}
/*#globalnavi ul li:nth-child(1) a {
	width:125px;
	background:url(../image/gnavi/gnavi01_btn.gif) no-repeat left top;
}


#globalnavi ul li:nth-child(2) a {
	width:52px;
	background:url(../image/gnavi/gnavi02_btn.gif) no-repeat left top;
}

#globalnavi ul li:nth-child(3) a {
	width:65px;
	background:url(../image/gnavi/gnavi03_btn.gif) no-repeat left top;
}

#globalnavi ul li:nth-child(4) a {
	width:74px;
	background:url(../image/gnavi/gnavi04_btn.gif) no-repeat left top;
}

#globalnavi ul li:nth-child(5) a {
	width:49px;
	background:url(../image/gnavi/gnavi05_btn.gif) no-repeat left top;
}

#globalnavi ul li:nth-child(6) a{
	width:52px;
	background:url(../image/gnavi/gnavi06_btn.gif) no-repeat left top;
}

#globalnavi ul li:nth-child(7) a {
	width:38px;
	background:url(../image/gnavi/gnavi07_btn.gif) no-repeat left top;
}

#globalnavi ul li a:hover{
	opacity:0.5;
}*/




/*カスタムメニュー対応*/
#globalnavi li.current-menu-item a{
	color:#3a9117; 
	border-bottom:2px solid #3a9117;
}  

#globalnavi li.current-page-ancestor a{
	color:#3a9117; 
	border-bottom:2px solid #3a9117;
}  


/*---------------メイン部分---------------*/

#main {
	float:left;
	width:630px;
	line-height:1.4;
}

#one_clm{
	line-height:1.4;
}

#main p,
#one_clm p{
	margin-bottom:15px;	
	line-height:1.6;
}

.content_box{
	margin-bottom:30px;
	clear:both;	
}

/*見出し*/
/*h2 small{
	font-weight:normal;
	font-size:14px;	
	float:right;
}

h3 small{
	font-weight:normal;
	font-size:14px;	
	float:right;
}*/

#index #main h2{
	margin-bottom:10px;
	clear:both;
}

#p2nd #main h2,
#p2nd #one_clm h2{
	font-weight:normal;
	font-size:24px;
	color:#3a9117;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}

#p2nd #main h3,
#p2nd #one_clm h3{
	font-size:18px;
	font-weight:600;
	border-bottom:1px solid #CCC;
	padding:8px 0;
	margin-bottom:15px;
	clear:both;	
}



p.subtext{
	font-size:12px;
	text-align:right;	
}


#main h4,
#one_clm h4{
	clear:both;
	font-weight:600;
	font-size:16px;
	padding:7px 10px;
	margin:0 0 10px;
	border-left:3px solid #68b82d;
	/*background:#ecf7d9;*/
}

#main h5,
#one_clm h5{
	clear:both;
	font-weight:600;
	font-size:14px;
	padding:8px 0;
	margin:0 0 10px;
	border-bottom:1px dotted #ccc;
	/*border-bottom:1px dashed #999;*/
}

#main h6{
	clear:both;
	font-weight:600;
	font-size:12px;
	}

/*top キャンペーン*/
#main .campaign_box{
	border:1px solid #CCC;
	background:#FFF;
	padding:10px;
	margin-bottom:20px;
	clear:both;
}


dl.campaign{
	width:610px;
	float:left;
}

dl.campaign dt {
	float:left;
	width:100px;
	margin-top:10px;
	padding:0 0 0 10px;
	font-weight:600;
}

dl.campaign dd {
	float:left;
	width:495px;
	margin-top:10px;
	padding:0 5px 10px 0;
}

.icon{
	margin-right:5px;
	margin-top:-2px;	
}

/*top スタッフブログ*/

.thumb_box{
	width:630px;
	height:180px;
	clear:both;
	position: relative;
	border-bottom:1px solid #CCC;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	overflow:hidden;
}
.thumb_box a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding:10px 0;
	color:#000;
}

.thumb_box .point_new img{
	vertical-align:middle;	
}


.thumb_box:hover{
	background:#EEE;
	color:#666;
}


.thumb_box .lbox{
	width:160px;
	
	float:left;
	margin-right:25px;
}

/*.thumb_img{
	width:150px;
	height:130px;
	overflow:hidden;
  border: 1px solid #dddddd;
}

.thumb_img img{
	
}*/

.thumb_box .rbox{
	width:445px;
	float:left;
}

#main .thumb_box h3{
	font-size:18px;
	font-weight:600;
	border-bottom:1px solid #CCC;
	padding:0 0 5px;
	margin-bottom:10px;
	clear:both;	
}

.thumb_box .rbox dt{
	font-size:18px;
	color:#666;
	margin-bottom:10px;
}



.editor{
	padding:10px 0 10px 40px;
	margin:0 0 0 20px;
}

.user1{
	background:url(../image/content/user01.jpg) no-repeat left center;
}	
.user2{
	background:url(../image/content/user02.jpg) no-repeat left center;
}	
.user3{
	background:url(../image/content/user03.jpg) no-repeat left center;
}	
.user4{
	background:url(../image/content/user04.jpg) no-repeat left center;
}	
.user5{
	background:url(../image/content/user05.jpg) no-repeat left center;
}
.user6{
	background:url(../image/content/user06.jpg) no-repeat left center;
}
.user7{
	background:url(../image/content/user07.jpg) no-repeat left center;
}
.user8{
	background:url(../image/content/user08.jpg) no-repeat left center;
}

.user9{
	background:url(../image/content/user09.jpg) no-repeat left center;
}	

	


/*お知らせ系*/
#tab_box{
	width:630px;
	margin:6px 0 20px;
}
/*ul.tab{
	padding:0;
}
ul.tab li{
	list-style-type:none;
	width:193px;
	height:42px;
	float:left;
	text-indent:-9998px;
}
ul.tab li.t01 a{
	outline:none;
	width:193px;
	height:42px;
	background:url(../image/top/tab01.jpg);
	display:block;
	line-height:42px;
}

ul.tab li.t02 a{
	outline:none;
	width:193px;
	height:42px;
	background:url(../image/top/tab02.jpg);
	display:block;
	line-height:42px;
}

ul.tab li.t03 a{
	outline:none;
	width:193px;
	height:42px;
	background:url(../image/top/tab03.jpg);
	display:block;
	color:blue;
	line-height:42px;
	text-align:center;
}

ul.tab li.t01 a.selected{
	background:url(../image/top/tab01_selected.jpg);
	cursor:default;
}

ul.tab li.t02 a.selected{
	background:url(../image/top/tab02_selected.jpg);
	cursor:default;
}

ul.tab li.t03 a.selected{
	background:url(../image/top/tab03_selected.jpg);
	cursor:default;
}
.panel{
	clear:both;
	padding-top:10px;
	margin:0;
}

#main .panel p{
	
}*/

/*.panel dl{
	width:630px;
	border-bottom: 1px dotted #abacad;
	float:left;
}

.panel dl.last{
	background:none;
	border:none;
}

.panel dl dt {
	float:left;
	width:100px;
	margin-top:10px;
	margin-left:10px;
	font-weight:bold;
	color:#333;
}

.panel dl dd {
	float:left;
	width:490px;
	margin-top:10px;
	padding:0 0 10px 0;
}*/

dl.date{
	width:630px;
	border-bottom:1px dotted #CCC;
	float:left;
}

dl.date dt {
	float:left;
	width:100px;
	margin-top:15px;
	padding:0 0 0 10px;
	font-weight:600;
}

dl.date dd {
	float:left;
	width:515px;
	margin-top:14px;
	padding:0 0 15px 0;
}

dl.date dd img {
	vertical-align:bottom;
}

.point_new{
	padding-left:5px;	
}


/*追加 tab2はtopのブログ部分*/
ul.tab,
ul.tab2{
	padding:0;
	height:42px;
	border-bottom:2px solid #3d9023;
}
ul.tab li,
ul.tab2 li{
	list-style-type:none;
	width:240px;
	height:42px;
	margin-right:10px;/*ads*/
	float:left;
}

ul.tab li a,
ul.tab2 li a{
	outline:none;
	width:240px;
	height:42px;
	/*background:url(../image/top/tab01.jpg);*/
	background:#a9d355;
	text-align:center;
	display:block;
	line-height:42px;
	color:#FFFFFF;
	font-weight:bold;
	/*font-size:18px;*/
	text-decoration:none;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 	
}

ul.tab li a:hover,
ul.tab2 li a:hover { 
	/*filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;*/
	background-color:#3d9023;
}


ul.tab li a.selected,
ul.tab2 li a.selected{
	background-color:#3d9023;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
	cursor:default;
}

.panel,
.panel2{
	clear:both;
	padding-top:10px;
	margin:0;
}

#main .panel p,
#main .panel2 p{
	margin-top:10px;
	/*padding:0;*/	
}


#p2nd .content_box ul {
	/*margin:0 10px;前後リンクで修正*/	
	margin:10px;	
}

#p2nd .content_box ul li{
	list-style-type:none;
	background:url(../image/point/p_glay.gif) no-repeat left top;
	padding:0 0 8px 15px;	
}
/*olの揃え*/
#p2nd .content_box ol {
	margin:0 40px;	
}

#p2nd .content_box ol ol {
	margin:0 30px;	
}


#p2nd .content_box ol li {
	margin:0 0 10px;	
}

#p2nd .content_box ol ul {
	margin:0;	
}


.thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}


.con_btn_more{
	clear:both;
	text-align:center;
	padding:15px 0;
}

.con_btn_more a{
	position: relative;/*2個目の背景画像が消えるのが直る*/
	background:#68b82d;
	/*border:1px solid #68b82d;*/
	padding:10px 30px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	behavior: url(/wp/wp-content/themes/KGN/common/css/PIE.htc);
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 
}

.con_btn_more a:link{
	color:#FFF;
	text-decoration:none;
}

.con_btn_more a:visited {
	color:#FFF;
	text-decoration:none;
}

.con_btn_more a:hover {
	color:#b4d100;
	background:#e4f8c2;
	text-decoration:underline;
}

.con_btn_more a:active {
	color:#b4d100;
	background: #e4f8c2;
	text-decoration:underline;
}
/*投稿の前後リンク*/
.previous_link{
	width:313px;
	float:left;
}

.next_link{
	width:312px;
	float:right;
	text-align:right;
}


/*ウェブページの表*/
dl.dlist {
	margin:0 0 30px;
}

dl.dlist dt {
	clear: left;
	float: left;
	margin: 0 0 0.5em;
	width: 9em;
	border-top: solid 1px #50b546;
	color: #1a6f0a;
	background: #edf8eb;
	padding: 7px 7px 7px 10px;
}
dl.dlist dd {
	border-top: dotted 1px #50b546;
	margin-bottom: 0.5em;
	margin-left: 11em;
	clear: none;
	padding: 7px;
}
.dlist ol li {
	list-style-type: decimal;
	margin-left: 20px;
}




/*---------------表組---------------*/

table {
	margin: 0 auto 15px;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #DDD;
	padding: 0;
	line-height:1.4em
}

#main table p {
	padding:0;	
	margin-bottom:8px;	
}


th {
	font-weight: 600; 
	text-align: left;
	background:#f9f9f9;
	border: 1px solid #CCC;
	padding: 8px;
	text-align:center;
	vertical-align:middle;
}


td {
	border: 1px solid #CCC;
	background: #FFFFFF;
	padding: 8px;
}

/*---------------1カラム---------------*/
#one_clm{
	width:980px;	
}

.img_box{
	width:238px;
	margin-right:9px;
	float:left;	
}

.img_box a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
	display:block;
	width:100%;
	height:100%;
	margin-right:9px;
	float:left;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 	
}

.img_box a:hover { 
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	text-decoration:none;
	font-weight:normal;
	color:#666;
}  


.img_box img{
	border:1px solid #CCC;
	margin-bottom:10px;
}

.img_box .detail{
	text-align:center;	
}

/*現場中継*/
.live_box{
	margin-bottom:10px;	
}

.live_box img{
	border:1px solid #CCC;	
	float:left;
	margin:0 20px 20px 0;
}

.down_arrow{
	border-top:1px solid #CCC;
	padding-top:15px;
	text-align:center;	
}

/*キット価格*/
.kit_main{
	width:978px;
	height:331px;
	background:#3a9117;
	color:#FFF;
	border:1px solid #CCC;
	position:relative;
	overflow:hidden;
	margin-bottom:40px;	
}
.kit_img{
	position:absolute;
	top:0;
	left:0;
	width:489px;
	height:331px;
	overflow:hidden;
}


.kit_info{
	position:absolute;
	/*top:50px;*/
	top:30px;
	left:580px;
	
}


.kit_btn1{
	position:absolute;
	bottom:91px;
	right:248px;
	
}

.kit_btn2{
	position:absolute;
	bottom:91px;
	right:58px;
	
}
.kit_btn3{
	position:absolute;
	bottom:20px;
	right:58px;
	
}

.model{
	font-size:22px;
	font-weight:bold;	
}
#one_clm p.type{
	margin-bottom:5px;
	font-weight:bold;	
	
}

.kit_info .price{
	font-size:30px;
	font-weight:bold;		
}



.kit_detail{
	margin-bottom:40px;	
}

.kit_detail .lbox{
	width:490px;
	float:left;
}

.kit_detail .rbox{
	width:490px;
	float:left;
	text-align:right;
}

dl.country dt{
	margin-bottom:3px;
}

dl.country dt.fin{
	background: url(../image/point/p_fin.gif) no-repeat left center;
	padding:0 0 0 25px;
	color:#0d259f;
}

dt.china{
	background: url(../image/point/p_ch.gif) no-repeat left center;
	padding:0 0 0 25px;
	color:#ff0033;
}


dd.k_price{
	/*font-weight:bold;*/
	margin-bottom:5px;
}

/*シミュレーション*/
#total_box {
	background-image: url(../image/content/bg_price_box.png);
	background-repeat: no-repeat;
	position: relative;
	width: 980px;
	height: 105px;
	margin-bottom: 25px;
	}
	

#total_box #kPrice {
	position: absolute;
	top: 63px;
	left: 20px;
	width: 120px;

	}
/*#total_box #kit {
	position: absolute;
	top: 65px;
	left: 25px;
	width: 130px;
	background:#F00;
	}
*/
#total_box #op {
	position: absolute;
	top: 65px;
	left: 170px;
	width: 130px;

	}

#total_box #sub {
	position: absolute;
	top: 65px;
	left: 335px;
	width: 130px;

	}

#total_box #tax {
	position: absolute;
	top: 65px;
	left: 503px;
	width: 120px;
	}

#total_box #total {
	color: black;
	font-size: 30px;
	font-weight: bold;
	text-align: right;
	position: absolute;
	top: 50px;
	right: 20px;
	width: 300px;

	}


table.kit_tb,
table.op_tb{
	border:none;
	margin-bottom:30px;
}

/*table.kit_tb td{
	border:none;	
}*/

table.kit_tb td,
table.op_tb td{
	border-bottom:1px solid #CCC;
	background:none;/*trに背景色をつけるため一度off*/
}

table.kit_tb td.title,
table.op_tb td.title{
		
}

table.kit_tb td.price,
table.op_tb td.price{
	width:80px;	
}


table.kit_tb td.marker,
table.op_tb td.marker{
	width:80px;	
}

table.kit_tb td.detail,
table.op_tb td.detail{
	width:380px;	
}

table.kit_tb td.check,
table.op_tb td.check{
	text-align: center;
	width: 20px;
	}

table.kit_tb_total td.price_total{
	width:380px;
	font-weight:bold;	
}


table.kit_tb tr:hover,
table.op_tb tr:hover{
	background-color: #f3f0d6;
	}
	
table.kit_tb tr input[type=checkbox],
table.op_tb tr input[type=checkbox] {
	position: relative;
	z-index: 3;
	}

table.kit_tb tr:hover,
table.op_tb tr:hover {
	background-color: #f2f9eb;
	}
table.kit_tb tr.on,
table.op_tb tr.on {
	background-color: #f2f9eb;
	}
/*
	建築実績詳細

#products_example {

}*/
#products {
	width:980px;
	/*height:450px;*/
	position:relative;	
}


/*#p2nd #products h3 {
	border-bottom:none;
}*/

#products .slides_container {
	width:980px;
	overflow:hidden;
	float:left;
	position:relative;
	display:none;
	/*border:1px solid #CCC;*/
}


.slides_container a {
	width:980px;
	height:450px;
	display:block;
}


#products .next,
#products .prev {
	position:absolute;
	top:200px;
	left:0;
	width:19px;
	height:0;
	padding-top:27px;
	overflow:hidden;
	display:block;
	z-index:101;
}

#products .prev {
	left:-29px;
	background-image: url(../image/content/arrow-prev.png);
}

#products .next {
	left:990px;
	background-image: url(../image/content/arrow-next.png);
}


#products .pagination {
	padding-top:30px;
	width:380px;
	min-height:300px;
	float:right;
}


#p2nd .content_box #products .pagination li{
	width:85px;
	height:85px;
	float:left;
	margin:5px;
	list-style-type:none;
	background:none;
	padding:0 0 0 0;	
}

#products .pagination li a {
	display:block;
	width:80px;
	height:80px;
	margin:5px;
	float:left;
	background:#f9f9f9;
	
}

/*#products .pagination li a:link {
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 	
}

#products .pagination li a:hover {
	
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}*/

#products .pagination li.current a {
	border:5px solid #3a9117;
	margin: 0px;
}




#products .lbox{
	width:530px;
	margin:30px 0 0 10px;
	float:left;
	text-align:left;
}



#products .lbox table{
	margin:20px 0 20px 0;
	border-collapse: collapse;
	width: 100%;
}

#products .lbox th{
	width:100px;
}

#products .lbox th ,
#products .lbox td{
	text-align:left;
	padding:8px;
	border:1px solid #CCC;
}

#products .lbox span{
	padding-left:5px;
}


/*---------------お客さまの声---------------*/
dl.talk{
 clear:both;	
}


dl.talk dt{
	font-weight:bold;
	width:15%;
	float:left;
	/*padding:0 0 3px 15px;	*/
}

dl.talk dd{
	width:85%;
	float:left;
	margin-bottom:20px;
	/*float:left;*/
	/*padding-left:15px;
	margin-bottom:15px;	*/
}


dl.talk dt.kgn{
	color:#68b82d;
}

dl.talk dt.man{
	color:#2d65b8;
}

dl.talk dt.woman{
	color:#fb668d;
}

dl.talk dt.other{
	color:#f8b62b;
}

dl.talk dt.other2{
	color:#a57133;
}
dl.talk dt.all{
	color:#e83228;
}

/*不動産 ベースは建築実績*/
#p2nd .content_box ul.tb_cell{
	display:table;
	table-layout: fixed;
    width:100%;
	list-style-type:none;
	margin:0 0 15px 0;/*p2nd全体をリセット再定義*/
}

#p2nd .content_box ul.tb_cell li{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
	list-style-type:none;
	padding:0 0 0 15px;/*p2nd全体をリセット*/
	background:none;
	
}

#p2nd .content_box ul.tb_cell li:first-child{
   padding-left:0;
}


#p2nd .content_box ul.tb_cell li a{
	color:#000;
	text-decoration:none;
	background-image: linear-gradient(to bottom, #fefefe, #eee);
	padding:10px;
	display:block!important;
	border-radius:4px; border:1px solid #ddd;
	/*transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out*/
				}
#p2nd .content_box ul.tb_cell li.current-cat a{
	color:#fff;!important;
	text-decoration:none;!important;
	background:#3a9117;!important;
}	
	
#p2nd .content_box ul.tb_cell li a:hover{
	color:#fff;
	text-decoration:none;
	background:#3a9117;
	}

.googlemap{
	text-align:center;
	clear:both;
	margin-bottom:20px;
}

dl.price_set{
	clear:both;
}

dl.price_set dt {
	float:left;
	width:60px;
	padding:5px 0;
	font-weight:600;
}

dl.price_set dd {
	float:left;
	width:170px;
	padding:3px 0;
}

.estate_title{
	color:#3a9117;
	font-weight:600;
	margin-bottom:3px;	
	clear:both;
}

.img_box .status{
	margin-bottom:5px;
}

.img_box .status img{
	border:none;
	margin-right:7px;
	margin-bottom:0;
}
	


/*---------------サイドバー---------------*/

#side_bar {
	float:right;
	width:300px;
	line-height:1.4;
	
}
.sbanner li{
	list-style-type:none;
	margin-bottom:10px;
}



/*サイドメニュー*/


#side_bar .nav-menu{
	width:300px;
	margin:0 0 20px ;	
}


#side_bar .nav-menu ul {
	width:300px;
	margin:0 auto;
}

#side_bar .nav-menu li {
	list-style-type:none;
	width:300px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#side_bar .nav-menu li:first-child {
	border-top: 1px solid #CCC;
}

#side_bar .nav-menu dd:last-child {
	border-bottom: none;
}

#side_bar .nav-menu li a{
	background:url(../image/point/p_menu.gif) no-repeat 15px center #FFF;
		padding:10px 10px 10px 30px ;
		display:block;
		width:260px;
		height:100%;	
		    transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 
}

#side_bar .nav-menu li a:hover { 
	background:url(../image/point/p_menu.gif) no-repeat 15px center #EEE; 
	text-decoration:none;
}  

#side_bar .nav-menu li.current-menu-item a{ 
	background:url(../image/point/p_menu.gif) no-repeat 15px center #EEE; 
	text-decoration:none;
	font-weight:bold;
}  

.side_menu{
	width:300px;
	margin:0 0 20px ;
}

.side_menu ul {
	width:300px;
	margin:0 auto;
}

.side_menu li {
	list-style-type:none;
	width:300px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.side_menu li:first-child {
	border-top: 1px solid #CCC;
}

.side_menu dd:last-child {
	border-bottom: none;
}

.side_menu li a{
	background:url(../image/point/p_menu.gif) no-repeat 15px center #FFF;
		padding:10px 10px 10px 30px ;
		display:block;
		width:260px;
		height:100%;	
		    transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 
}

.side_menu li a:hover { 
	background:url(../image/point/p_menu.gif) no-repeat 15px center #EEE; 
	text-decoration:none;
}

.side_menu li.current-cat a { 
	background:url(../image/point/p_menu.gif) no-repeat 15px center #EEE; 
	text-decoration:none;
}





/*---------------フッター---------------*/


#back-top {
	position: fixed;
	bottom: 150px;
	right: 15px;
}


#footer_all {	
	background:url(../image/footer/bg_footer.gif) repeat-x center top #FFF;
	font-size:12px;
	line-height:1.4;
	padding:0 20px;
	min-width:980px;/*スマホ背景切れ対策*/
}

#footer {
	width:980px;
	height:140px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}

#footer_link{
	width:980px;
	margin:0 auto;	
	padding:10px 0;
}

#footer_link li {
	list-style-type:none;
	display:inline;
	color:#FFF;
	margin:0 15px 0 0;
	padding:0 0 0 10px;
	border-left:1px solid #FFF;
}


#footer_link2{
	position:absolute;
	right:0;
	top:60px;
}

#footer_link2 li {
	list-style-type:none;
	display:inline;
	margin:0 0 0 25px;
	float:left;
}

#footer_link2 li a {  
    display:block;  
    padding:5px 30px; 
    background:#3a9117;  
    transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 	
}  
#footer_link2 li a:hover { 
	background:#6eb851; 
	color:#FFF;
	text-decoration:none;
}  



#address{
	position:absolute;
	left:0;
	top:50px;
	margin-bottom:15px;
	
}	

#copyright{
	position:absolute;
	color:#FFF;
	right:0;
	top:10px;
}


/*sns*/
/*social*/
.sns_set{
	clear:both;
}
.socialbox {
    float: left;
    display: inline-block;
    margin: 0 15px 15px 0;
}

.hatena-box{min-width:80px;max-width:125px;}
.facebook-box{min-width:70px;max-width:115px;}
.facebook-share-box{min-width:60px;max-width:115px;}
.twitter-box{min-width:70px;max-width:90px;}
/*.twitter-box{min-width:87px;max-width:90px;}*/
.gplus-box{min-width:50px;max-width:80px;}
.pocket-box{min-width:60px;max-width:115px;}

/*---------------前のページへ戻る---------------*/

.link_back {
	width:630px;
	clear:both;
	text-align:center;
	margin:15px 0 15px;
	border:1px solid #CCC;
	background:#FFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/common/css/PIE.htc);
	position:relative;
}

.link_back a{
	display:block;
	color:#666;
	text-decoration:none;
	width:610px;	
	height:100%;
	padding:10px;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out; 	
}

.link_back a:hover { 
	background:#EEE;
	text-decoration:none;
}

#one_clm .link_back{
	width:980px;
	
}

#one_clm .link_back a{
	width:960px;
	
}






/*---------------パン屑リンク---------------*/
#p2nd ol#bread{
	clear:both;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:15px 0;
	font-size:12px;
	line-height:1.0;
	margin-bottom:40px;
	
}

#p2nd ol#bread li{
	background:url(../image/point/p_bread.gif) no-repeat left center;
	list-style-type:none;
	display:inline;
	margin-right:20px;
	padding-left:20px;
	}

#p2nd ol#bread li.home{
	background:url(../image/point/p_home.gif) no-repeat left center;
	padding-left:15px;
}

#p2nd ol#bread li:last-child{
	font-weight:600;
	}

/*ページング（wp_pagenavi） cssを設定で切っておくこと*/	
.wp-pagenavi {
	text-align:center;
	padding:20px;
	clear:both;
}

.wp-pagenavi a, .wp-pagenavi span {
	padding:0.4em 0.8em;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	text-decoration:none;
	margin:5px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {

	color:#FFFFFF;
	background:#67b82d;
	border:1px solid #67b82d;
}

.wp-pagenavi span.current {
	/*font-weight: bold;*/
	padding:0.4em 0.8em;
	border:1px solid #67b82d;
	background:#e4f8c2;
	color:#000000;
}


/*ページング（プラグインなし）
.tablenav {
	text-align:center;
	padding:20px;
	clear:both;
}

a.page-numbers, .tablenav .current {
	padding:0.4em 0.8em;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	text-decoration:none;
}

a.page-numbers:hover {
	color:#FFFFFF;
	background:#67b82d;
	border:1px solid #67b82d;
}

.tablenav .current {
	padding:0.4em 0.8em;
	border:1px solid #67b82d;
	background:#e4f8c2;
	color:#000000;
}
*/



/*---------------フォーム---------------*/

/*入力フォーム*/

.input1 {
	width:50px;
}

.input2 {
	width:100px;
}

.input3 {
	width:230px;
}

.input4 {
	width:260px;
}

.textarea1 {
	width:280px;
}

.textarea_entry {
	width:100%;
	margin-bottom:10px;
}

.txt_supplement {
	font-size:0.85em;
	margin:0 0 0 3px;
}

label {
	margin:0 5px 0 0;
}

.submit_box{
	text-align:center;	
}
#thanks{
	margin:100px 0 120px;	
}

/*---------------テキストカラーの設定---------------*/

.txt_attention {
	color:#FF0000;
	font-weight:normal;
}

.txt_fff {
	color:#FFFFFF;
}


.txt_green {
	color:#3a9117;
}

.bld{
	font-weight:bold;	
}

/*---------------テキストサイズの設定---------------*/

.txt_large {
	font-size:18px;
}

.txt_small {
	font-size:10px;
}

.txt_very_small {
	font-weight:normal;
	font-size:8px;
}

/*---------------テキストの配置---------------*/

.txt_center {
	text-align:center;
}

.txt_right {
	text-align:right;
}

.txt_left {
	text-align:left;
}

/*---------------ポイント時装飾---------------*/

.link01,
.link1 {
	background:url(../image/point/p_link.gif) no-repeat left center;
	padding:0 0 0 17px;
	/*margin:0 0 0 2px;*/
}



/*---------------装飾---------------*/
.photo {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
/*デザイン1*/

/*共通お問い合わせで使用（div）*/
/*.message_box{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #68b82d;
	background:#e4f8c2;
	behavior: url(/common/css/PIE.htc);
	padding:15px;
	margin-bottom:20px;
	clear:both;
}*/

.message_box{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #CCC;
	/*background:#EEE;*/
	behavior: url(/common/css/PIE.htc);
	padding:15px;
	margin-bottom:20px;
	clear:both;
}

.green_border_box p{
	padding:0 0 5px;
	margin:0;	
}

/*pタグに使う装飾*/

.blue_box{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/common/css/PIE.htc);
	background:#d3eaf9;
	padding:15px;
	clear:both;
}

.red_box{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/common/css/PIE.htc);
	background:#f8c2ca;
	padding:15px;
	clear:both;
}


.glay_box{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	background:#EEE;
	behavior: url(/common/css/PIE.htc);
	padding:15px;
	margin-bottom:20px;
	clear:both;
}

.glay_border_box{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #d0d0d0;
	behavior: url(/common/css/PIE.htc);
	padding:15px;
	margin-bottom:20px;
	clear:both;
}

.green_box{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	background:#e4f8c2;
	behavior: url(/common/css/PIE.htc);
	padding:15px;
	margin-bottom:20px;
	clear:both;	
}
/*minilog追加*/
.box19 {
    position: relative;
    padding:0.25em 1em;
	margin:0 auto 30px;
	width:86%;
}
.box19:before,.box19:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.box19:before{
    border-left: solid 2px #3a9117;
    border-top: solid 2px #3a9117;
    top:0;
    left: 0;
}
.box19:after{
    border-right: solid 2px #3a9117;
    border-bottom: solid 2px #3a9117;
    bottom:0;
    right: 0;
}
.box19 p {
    margin: 0; 
    padding: 0;
}

.lead_txt{
	font-size:24px;
	text-align: center;
}


#p2nd h3.title.type02{
  color: white!important;/*文字色*/
  padding: 20px;/*文字周りの余白*/
  /*display: inline-block;おまじない*/
  line-height: 1;/*行高*/
  background: #86bc71;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/font-weight:normal;
border-bottom:1px solid #86bc71;
}

#p2nd h3.title.type02:before {
  content: '●';
  color: white;
  margin:0 8px;
}

/*数字*/
dl.flow {
  counter-reset: my-counter;
  list-style: none;
  padding: 0 10px;
  margin: 0;
}
dl.flow dt {
  font-size: 24px;
color:#3a9117;
  line-height: 1;
  padding-left: 35px;
  position: relative;
}
dl.flow dt:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #3a9117;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 28px;
  color: #ffffff;
  font-size: 90%;
  line-height: 1.8;
  position: absolute;
  top: 0;
  left: 0;
}

dl.flow dd{
	margin:0 0 0;
	padding:10px 0 20px 35px;
	/*padding:0 0 20px 35px;*/
	/*position: relative;矢印用*/
}

dl.flow dd:last-child {
  margin-bottom: 30px;

}


/*---------------配置---------------*/

.f_left {
	float:left;
}

.f_right {
	float:right;
}

.f_clear {
	clear:both;
}

.f_left_img {
	float:left;
	margin:0 20px 20px 0;
}

.f_right_img {
	float:right;
	margin:0 0 20px 20px;

}

/*mt過去記事用*/
.mt-image-left {
    float: left;
	margin: 0 10px 10px 0;
}

.mt-image-center {
    display: block;
    margin: 0 auto 10px;
    text-align: center;
}

.mt-image-right {
    float: right;
    margin: 0 0 10px 10px;
}

/* Alignment(WP ORG) */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
	margin-bottom:1.625em;/*ADS*/
}
.alignright{
	display: inline;
	float: right;
	margin-left: 1.625em;
	margin-bottom:1.625em;/*ADS*/
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:1.625em;/*ADS*/
}


/*調整要*/
.non_disp{
	display:none;
}

.txt_inde{
	text-indent:-9998px;
}

.mt5{
	margin-top:5px;
}

.mt7{
	margin-top:7px;
}

.mt10{
	margin-top:10px;
}

.mt15{
	margin-top:15px;
}

.mt18{
	margin-top:18px;
}

.mt20{
	margin-top:20px;
}

.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}

.mb20{
	margin-bottom:20px;
}

.ml5{
	margin-left:5px;
}

.ml10{
	margin-left:10px;
}

.ml15{
	margin-left:15px;
}

.ml20{
	margin-left:20px;
}

.mr0{
	margin-right:0;
}

.mr5{
	margin-right:5px;
}

.mr10{
	margin-right:10px;
}

.mr15{
	margin-right:15px;
}

.mr20{
	margin-right:20px;
}
.pl10{
	padding-left:10px;	
}

.spacer_h{
	margin-bottom:500px;	
}
</pre></body></html>