@charset "utf-8";

*{margin:0;padding:0;}

body{
font: 16px/1.8 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
}

a{color:#1C1F87;text-decoration:none;}
a:hover{color:#5ed1ff;}
a:active, a:focus {outline: 0;}
a img:hover{opacity:0.7;}
img{border:0;}
.bold{font-weight:bold;}
.TXT-L{font-size:120%  !important;}
.TXT-LL{font-size:140%  !important;}
.TXT-XL{font-size:200%  !important;}
.MG-B30{margin-bottom:30px;}
.MG-B50{margin-bottom:50px;}
.alignright{float:right;}
.alignleft{float:left;}
.center{text-align:center;}
.right{text-align:right;}
.clear{clear:both;}
.clearfix:after{content:""; display: table;clear: both;}

h2{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-bottom:1px solid #ccc;
margin-bottom:15px;
letter-spacing:2px;
}
h2.image{border-bottom:none;}
.cont{padding:15px; margin-bottom:40px;}
#content p{margin-bottom:10px;} 


img.alignleft{float:left;margin:0 15px 15px 0;}
img.alignright{float:right;margin:0 0 15px 15px;}

/* モーダルウィンドウ
------------------------------------------------------------*/
#pop-up ,#pop-up + .overlay{display: none;}
#pop-up:checked + .overlay{
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.window{
	width: 85%;
	max-width: 500px;
	background-color: #fff;
	border-radius: 20px;
	padding: 35px 25px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
}
.close{
	display: block;
	cursor: pointer;
	background: #ea5710;
	color: #fff;
	text-align: center;
	padding: 13px 0;
	border-radius: 80px;
	font-size: 18px;
	font-weight: bold;
}
.modal-window h2{
	padding-bottom: 10px;
	margin-bottom: 23px;
}
.modal-window p{
	margin-bottom: 20px;
	font-size: 17px;
}

/*************
レイアウト
*************/

#wrapper, .inner{
margin:0 auto;
width:980px;
}
#content{
float:right;
width:690px;
padding:20px 0 0;
}

#sidebar{
float:left;
width:265px;
padding:20px 0 0;
}
.pagetop{text-align:right;margin-top:20px;}
/*************
/* ヘッダー
*************/
#header .inner{
position:relative;
background: url(images/bg_header.png) repeat-x ;
height: 170px;
}
#header h1 {
padding: 1px 5px;
font-size: 11px;
font-weight: normal;
color:#fff;
text-align:right;
}
#header p {
position:absolute;
top:2px;
left:20px;
font-size:18px;
color:#F7B524;
font-weight:bold;
line-height:1.15;
padding:5px;
}
#header #logo {
position:absolute;
top:45px;
left:20px;
}
#header #tel{
position:absolute;
top:23px;
right:10px;
}
#header #logo2{
position:absolute;
bottom:18px;
right:15px;
}
#header a img:hover, .tel2 a img:hover{
	opacity:1.0 !important;
}
/*************
/* ナビゲーション
*************/
#mainNav{
height: 46px;
margin:1px 0px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-weight:bold;
}
nav#mainNav ul li{
float: left;
width:195px;
margin-right:1px;
list-style:none;

}
nav#mainNav ul li a{
display: block;
text-align: center;
_float:left;
color:#FFF;
line-height:45px;
font-size:18px;
border-radius:10px;
background-color:#F29600;
box-shadow:2px 5px 5px #999;
}
#mainNav a:hover, #company #mainNav a.on1, #flow #mainNav a.on2, #product #mainNav a.on3, #results #mainNav a.on4, #contact #mainNav a.on5{background-color:#EA5710;}

/* メインとフッターのリスト位置調節 */
#main ul{margin-left: 20px;}
#main li{margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading2.png) no-repeat;
}
#sidebar ul.cate li{background:url(images/list.png) no-repeat left 8px; list-style:none; padding-left:15px;margin:5px 0;}

#sidebar #archives-dropdown option{background-color:#FFF;}

#sidebar ul#sidemenu{
padding: 10px 0 20px;
font-size:20px;
font-weight:bold;
}

#sidebar ul#sidemenu li{
list-style: none;
}

#sidebar ul#sidemenu li a{
background: url(images/listbox.png) no-repeat 0 50%;
display: block;
padding:10px 0 10px 35px;
}

#toppage #sidebar a.on0, #company #sidebar a.on1, #flow #sidebar a.on2, #product #sidebar a.on3, #results #sidebar a.on4, #contact #sidebar a.on5{
background: url(images/listbox_on.png) no-repeat 0 50%;
}

/*************
/* フッター
*************/
#footer{clear:both; color:#FFF; line-height:1.1;}
#footer a{color:#FFF;}
#footer a:hover{text-decoration:underline;}
#footer .inner{overflow: hidden; background: url(images/bg_footer.png) repeat-x ;}
#footer .list {width:95%; margin:5px auto;}
#footer .list li:first-child{border-left:1px dotted #FFF;}
#footer .list li{
float:left;
padding: 0px 32px;
border-right:1px dotted #FFF;
list-style:none;
}
#footer #info{
padding: 10px;
}
#footer #info li{list-style:none; color:#FFF;}
address{
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
padding:5px 0;
color:#FFF;
background-color:#C61922;
}

/************* トップページ　　************/
.news h3{background-color:#F39700; padding:5px 15px; color:#FFF;letter-spacing:3px;}
.news ul{padding:15px;}
.news li{list-style:none; border-bottom:1px dotted #333; padding:5px 0;}


/************* 会社概要　　************/
.name{font-size:28px; font-family:"HGS行書体", "HGP行書体", "HG行書体","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", sans-serif;}
#company table{width:100%;}
#company th,#company td{padding:5px; border-bottom:1px dotted #ccc;}
#company th{text-align:left; vertical-align:top;}

/************* ご注文から納品まで　　************/

.list_flow li{
	list-style:none;
	display:block;
	border:1px solid #E4007E;
	border-radius:15px;
	background: #E4007E;
	behavior:url(PIE.htc);
}
.list_flow li li{
	border:none;
	list-style:circle !important;
	display:list-item;
	background:none;
	padding:0;
	margin-left:1em;
}
.list_flow li.center{
	background:none;
	border:none;
	padding:10px;
}
.list_flow dt{padding:10px 20px; color:#FFF; font-weight:bold;}
.list_flow span{
	display:inline-block;
	background-color:#FFF;
	padding:0px 6px;
	color:#E4007E;
	border:1px solid #E4007E;
	border-radius:5px;
	behavior:url(PIE.htc);
}
.list_flow dd{
	background-color:#FFFBD0;
	padding:20px;
	border-radius:0 0 14px 14px;
	behavior:url(PIE.htc);
}
/************* 看板の種類　　************/

.inline li{float:left; margin:0 10px 15px 0; width:218px; text-align:center; border:1px solid #DDD;background-color:#FAFAFA; list-style:none;}
.inline li img{ vertical-align:bottom;}
.inline li.last{margin-right:0px;}
.button{padding:10px 30px; background:#2BA4DF; border-radius:10px; color:#FFF;}

/************* 施工事例　　************/
ul.signlist li, ul.signlist2 li{ list-style:none; margin-bottom:15px; padding:5px;border:5px solid #efefef; background-color:#FFF;}
ul.signlist img{float:left;margin-right:15px;}
ul.signlist2 li div.asset img{max-width:160px; max-height:160px; vertical-align:bottom;}
ul.signlist li a{display:block;	background:url(images/arrow.png) no-repeat right 50%; padding-right:25px;height:130px;}
ul.signlist2 li a{display:block;	background:url(images/arrow.png) no-repeat right 50%; padding-right:25px;height:160px;}
ul.signlist2 li div.asset{border:1px solid #DDD; padding:5px; width:160px; height:160px; text-align:center;float:left; margin-right:15px;background-color:#FFF;}

ul.signlist li h3{border-bottom:1px dotted #999;margin-bottom:10px;}
/*ページジング設定*/
.pagenate {
margin:15px 0 25px 0;
text-align:center;
}
.pagenate ul li {
list-style-type: none;
font-size:16px;
display: inline;
}
.pagenate ul li a {
text-decoration: none;
border: 1px solid #e2e2d8;
padding: 5px 7px;
color: #4D678C;
margin: 2px;
}
.pagenate ul li a:hover,.pagenate ul li a.link_next:hover, .pagenate ul li a.link_before:hover{
color: #B7A5B1;
border: 1px solid #B7A5B1;
color: #B7A5B1;
}
.pagenate li a:visited {
color: #4D678C;
}
.pagenate ul span.current_page {
padding: 2px 8px;
margin: 1px;
color: #4D678C;
background-color: #f6f8ed;
}
.pagenate ul li a.link_next,.pagenate ul li a.link_before{background-color:#578FBD;color:#FFF;}

.jirei img{max-width:100%; height:auto;}

/*社長ブログ*/
.entry{border:1px solid #DDD;}
.entry h3{border-bottom:1px solid #DDD;}
.thumb{margin-right:15px;}