@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul{list-style:none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
color:#333;
body{
font-family:YuGothic , ‘游ゴシック’ , ‘Hiragino Kaku Gothic ProN’ , ‘ヒラギノ角ゴ ProN’ , Meiryo , メイリオ , sans-serif ;
background:#fff;}

/* PC以外のフォント　1024px以下
------------------------------------------------------------*/ 
@media screen and (max-width: 1024px) {
body{ font-family:YuGothic , ‘游ゴシック’ , ‘Hiragino Kaku Gothic ProN’ , ‘ヒラギノ角ゴ ProN’ , Meiryo , メイリオ , sans-serif ;}
#content br{display:none;}
}

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

emphstrong {
   -webkit-text-emphasis: filled dot White;
   text-emphasis: filled  dot White;
}
emphstrong1 {
   -webkit-text-emphasis: filled dot;
   text-emphasis: filled  dot;
}

subx1 {
    vertical-align:sub;
}

/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#000;
}

a:hover{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#999;
text-decoration:none;
}


/**** Clearfix ****/
nav .panel:before,nav .panel:after, nav#menu:before,nav#menu:after, .newsTitle:before,.newsTitle:after, #footerInfo:before,#footerInfo:after{content: ""; display: table;}
nav .panel:after,nav#menu:after,.newsTitle:after,#footerInfo:after{clear: both;}
nav .panel,nav#menu,.newsTitle,#footerInfo{zoom: 1;}

/*文字カラー
*****************************************************/
.box-yellow{ padding:2px;background-color: #ff9; font-weight:bold; font-size:18px; }/*黄色*/
.box-yellow2{ padding:2px;background-color: #ff9; font-weight:bold; font-size:12px; }/*黄色*/
.box-yellow3{ padding:2px;background-color: #ff9; font-weight:bold; font-size:15px; }/*黄色*/
.box-gr{ padding:2px;background-color: #e6e6e6; font-weight:bold; font-size:18px; }/*グレー*/
.sbk_noline{ color: #000000; font-size:17px; font-weight:bold; }/*黒*/
.bk_noline{ color: #000000; font-size:20px; font-weight:bold; }/*黒*/
.bk{ color: #000000; font-size:17px; font-weight:bold;  text-decoration:underline; }/*黒*/
.black{ color: #000!important; font-size:17px; font-weight:bold; text-decoration:underline;}/*黒*/
.red_noline{ color: #ff0000; font-size:17px; font-weight:bold; }/*赤*/
.red{ color: #ff0000; font-size:17px; font-weight:bold;  text-decoration:underline; }/*赤*/
.red2{ color: #ff0000; font-size:18px; font-weight:bold; }/*赤*/
.red3{ color: #ff0000; font-size:18px; font-weight:bold; text-decoration:underline; }/*赤*/
.blue{ color: #1663b6; font-size:17px; font-weight:bold;}/*青*/
.green{ color: #008000; font-weight:bold; font-size:17px; }/*緑*/
.orange{ color: #ff6600!important; font-size:17px; font-weight:bold;}/*橙*/

/* パン屑リスト
------------------------------------------------------------*/
ul.breadcrumbs {
	list-style: none;
	padding: 0;
	margin-top: 10px;
	font-size:12px;
}
ul.breadcrumbs li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}



/* レイアウト
------------------------------------------------------------*/
#wrapper, #header,.inner{
margin: 0 auto;
width: 1200px;
}

#header{
padding:0;
font-size:90%;
}

#content{
float:right;
width:865px;
font-size:100%;
line-height:1.5;
}

#sidebar{
float:left;
width:300px;
padding-top:15px;
}

#footer{
clear:both;
background:#e6e6e6;
} 


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

/* サイト説明文
----------------------------------*/
#header h1{
padding:5px 0;
font-size:50%;
font-weight:normal;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2.logo{
float:left;	
padding-top: 15px;
font-size:160%;
font-weight:bold;
}

.contact {
    float: right;
    width: 250px;
    margin-right:2%;
    text-align:center;
}

.contact a {
display: block;
font-weight:bold;
color: #ffffff;
font-size: 18px;
margin-bottom:5px;
padding:10px 35px 10px 35px;
text-decoration: none;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background:-moz-linear-gradient( center top, #c50f24 5%, #940d1c 100% );
background:-ms-linear-gradient( top, #c50f24 5%, #940d1c 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c50f24', endColorstr='#940d1c');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c50f24), color-stop(100%, #940d1c) );
background-color:#c50f24;
display:inline-block;
text-shadow:1px 1px 0px #940d1c;
-webkit-box-shadow:inset 1px 1px 0px 0px #940d1c;
-moz-box-shadow:inset 1px 1px 0px 0px #940d1c;
box-shadow:inset 1px 1px 0px 0px #940d1c;
}
 
.contact a:hover {
	background:-moz-linear-gradient( center top, #940d1c 5%, #c50f24 100% );
	background:-ms-linear-gradient( top, #940d1c 5%, #c50f24 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#940d1c', endColorstr='#c50f24');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #940d1c), color-stop(100%, #c50f24) );
	background-color:#940d1c;
        color:#ffffff;
}

/* メニュー
*****************************************************/
@media screen and (min-width: 736px) {
nav#menu{
	clear:both;
	position:relative;
        z-index:200;
	background:url(images/menu_bk.jpg) repeat-x;
	}
	
	nav#menu ul{
	content:""; display: table;clear: both;zoom:1;
	border-right:1px solid #3241ae;
	border-left:1px solid #3241ae;
	}

	nav#menu ul li{
	float: left;
	position: relative;
	border-left:1px solid #3241ae;
	border-right:1px solid #161e5a;
	}
	
	nav#menu ul li:first-child{
	border-left:1px solid #161e5a;
	}
	nav#menu ul li a{
	display: block;
	text-align: center;
	_float:left;
	color:#fff;
	height:40px;
	line-height:18px;
	font-size:90%;
        font-weight:bold;
	padding:12px 53px 8px;
	}
		
	nav#menu ul li a span{
	font-size:80%;
	color:#fff;
        font-weight:bold;
	}

	nav div.panel{
	display:block !important;
	float:left;
	}
  
	a#menu{display:none;}
  
	nav#menu ul li.current-menu-item, nav#menu ul li:hover, nav#menu ul li.current-menu-parent{
	background:url(images/menu_bk.jpg) repeat-x 0 100%;
	}
  
	nav#menu ul ul{width:160px;}
  
	nav#menu ul li ul{display: none;}
  
	nav#menu ul li:hover ul{
	display: block;
	position: absolute;
	top:60px;
	left:0;
	z-index:500;
	border:0;
	}
	
	nav#menu ul li li,nav#menu ul li li:first-child{
	padding:0 0 0 10px;
	margin:0;
	float: none;
	height:40px;
	line-height:40px;
	width:250px;
	border:0;
	background:url(images/menu_bk.jpg) repeat-x 0 -10px;
	}
	
	nav#menu ul li li a{
	width:100%;
	height:40px;
	padding:0 0 0 ;
	line-height:40px;
	font-size:75%;
	text-align:left;
	}
	
	nav#menu ul li li.current-menu-item a{font-weight:bold;}
	nav#menu ul li li:hover{background:url(images/menu_bk.jpg) repeat-x 0 100%;}
	nav#menu ul li:hover ul li:last-child{border:0;}
}

/* コンテンツ
*****************************************************/
.dateLabel{
margin:-10px 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#content p{padding-bottom:15px; line-height:2.0;}
#content ul{padding:0 0 1.0em 0;}
#content li{padding: 0.5em;}
#content ol{margin: 0 0 10px 30px;}

#content ol li{list-style:decimal;}

#content h1{
margin:20px 0;
font-size:150%;
color:#555;
background:url(images/border.png) repeat-x 0 100%;
}

#content h2{
　　margin: color: #111;
    font-size:1.5em;
    font-weight: bold;
    margin:0.5em 0 0.7em;
    padding:-1em;
    border-bottom: 2px solid #202b7c;
    box-shadow: 0 1px 0 #aaaaaa;
    -webkit-box-shadow: 0 1px 0 #aaaaaa;
    -moz-box-shadow: 0 1px 0 #aaaaaa;
}

#content h3{
color:#fff;
    margin:1.5em 0 1.0em 0;
    padding: 0.8em;
    font-size: 1.143em;
    font-weight: bold;
    border-top: 2px solid #e8b01e;
    border-bottom: 2px solid #e8b01e;
    background: #14207d;
　　
}
#content h4{
    border-bottom:1px dotted #ccc;
    margin:1.5em 0 1.0em 0;
    font-weight: bold;
    color: #27338f;
    padding-left:5px;
    font-size: 1.143em;
}
#content a{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#0044CC;
}

#content a:hover,#content a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#0044CC;
text-decoration:none;
}
blockquote {
padding:10px;
background:#FFFCC8;
}
 
blockquote p{padding:5px 0;}

table {
  border-spacing: 0;
  width:100%;
  margin:0 0 20px 0;
border-collapse: collapse;
}

table th {
  color: #fff;
  padding: 8px 15px;
  background: #5e5e5e;
  background:-moz-linear-gradient( center top, #c0c0c0 5%, #a7a7a7 100% );
  background:-ms-linear-gradient( top, #c0c0c0 5%, #a7a7a7 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#a7a7a7');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c0c0c0), color-stop(100%, #a7a7a7) );
  font-weight: bold;
  border-left:1px solid #e0e0e0;
  border-top:1px solid #e0e0e0;
  border-bottom:1px solid #e0e0e0;
  text-align: left;
}

table th:last-child {
  border-right:1px solid #e0e0e0;
}
table tr td {
  padding: 8px 15px;
  border: 1px solid #e0e0e0;
  text-align: left;
}
table tr td:last-child {
  border-right: 1px solid #e0e0e0;
}

table tr {
  background: #fff;
}
table tr:nth-child(2n+1) {
  background: #fff;
}

dt{font-weight:bold;}

dd{padding-bottom:10px;}

#content img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
padding:4px;
background:#fff;
border:1px solid #ccc;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
background:#fff;
border:1px solid #ccc;
}

img.alignleft{margin: 0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float: left; margin-left:30px;}
.cl{clear: both;}

/* TOPページ
*****************************************************/

/* TOPナビ
----------------------------------------------- */
* html .topNavi {
    height:1em;
    overflow:visible;
}

.topNavi {
    overflow:hidden;
    position:relative;
    margin-right:-2%;
    margin-top:20px;
    margin-bottom:20px;
}

.topNaviColumn {
    display:inline;
    width:23.5%;
    height:400px;
    float:left;
    margin-right:1%;
    position:relative;
    box-sizing:border-box;
    overflow:hidden;
    padding:15px 10px 0 10px;
    text-decoration:none;
    color:#000;
    background:#fff;
    border:1px solid #c0c0c0;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
    border-radius:4px;
}

.topNaviColumn p {
    margin:10px; font-size:12.5px;
}

.topNaviPhoto img {
    width:100%;
}
@media screen and (max-width:779px) {
    .topNavi {
        margin-right:0;}

    .topNaviColumn {
        display:block;
        box-sizing:border-box;
        width:100%;
        float:none;
        margin-right:0;
        margin-bottom:10px;}
}

/* TOP service voice
----------------------------------------------- */
.service_box{
margin-bottom:1em;
border-left:5px solid #14207d;
border-right:5px solid #14207d;
}

.service_box:before,
.service_box:after{
content:"";
display:block;
height:5px;
background: linear-gradient(to right, #14207d 0%,#5a6ade 48%,#14207d 100%);
}
.service_box p{
padding:10px;
}
.service_tit {
    margin-bottom:0.5em;
    padding:10px;
    color:#000;
    font-size:16px;
    font-weight: bold;
    border-bottom:1px solid #14207d;
}
/* 技術解説集
----------------------------------------------- */
.knowhow_box {
    overflow:hidden;
    margin:20px 0;
    padding:10px;
    border:5px solid #ddd;
    background:#fff;
}

.knowhow_tit {
    margin-bottom:0.5em;
    padding:2px 5px;
    color:#14207d;
    font-size:16px;
    font-weight: bold;
    border-bottom:1px solid #14207d;
}
.imgR {
    float:right;
    margin:0 0 10px 10px;
    padding:10px;
}

/* プロフィール
------------------------------------------------------------*/
.profile-img{float: right;}
.profile-txt{ margin:0;}

/* ノウハウ・ブログ
------------------------------------------------------------*/
.blog_img{float: left; padding:5px 10px 0 0;}
.clear{clear: both;}
.dotted {border: dotted 1px #c0c0c0;}
#content a.button_blog {
font-size:15px;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:1px 10px;
text-decoration:none;
background:-moz-linear-gradient( center top, #c50f24 5%, #940d1c 100% );
background:-ms-linear-gradient( top, #c50f24 5%, #940d1c 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c50f24', endColorstr='#940d1c');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c50f24), color-stop(100%, #940d1c) );
background-color:#c50f24;
color:#ffffff;
display:inline-block;
margin-top:-10px;
}
#content a.button_blog:hover {
background:-moz-linear-gradient( center top, #940d1c 5%, #c50f24 100% );
background:-ms-linear-gradient( top, #940d1c 5%, #c50f24 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#940d1c', endColorstr='#c50f24');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #940d1c), color-stop(100%, #c50f24) );
background-color:#940d1c;
color:#ffffff;
}

/* よくある質問
----------------------------------------------- */
dl.qaItem{display:block;overflow:hidden; padding:0 0 20px; margin:0 0 10px; width:100%;}
dl.qaItem dt{margin-bottom:30px;background:url(images/icon/q_icon.jpg) left top no-repeat;padding:5px 0 5px 32px;border:none;}
dl.qaItem dd{margin-bottom:0;background:url(images/icon/a_icon.png) #FFECEC left top no-repeat; padding:5px 0 5px 32px;}

/* ご相談の流れ
----------------------------------------------- */
#flowbox { margin-bottom: 30px; display:block; overflow:hidden; width:100%;}

.flowcont{border:3px solid #e5e5e5; padding-bottom:40px;
margin-bottom:15px;
display:block;
overflow:hidden;
background:url(images/icon/next.jpg) center bottom no-repeat;}
.flowcont:last-child{background:0 0;padding-bottom:0;margin-bottom:0;}
.flowcont dl dt{ padding:10px; border-bottom:1px dotted #ccc;margin-bottom:10px;font-size:1.2em;}
.flowcont dl dd{margin-bottom:0; padding:10px;}

/* ボタン
----------------------------------*/
#content a.button_or {
	font-size:14px;
        width:220px;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a40617;
	padding:7px 14px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #940d1c 5%, #50081c 100% );
	background:-ms-linear-gradient( top, #940d1c 5%, #50081c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#940d1c', endColorstr='#50081c');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #940d1c), color-stop(100%, #50081c) );
	background-color:#940d1c;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #50081c;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #50081c;
 	-moz-box-shadow:inset 1px 1px 0px 0px #50081c;
 	box-shadow:inset 1px 1px 0px 0px #50081c;
        margin:10px 10px 0 0;
}
#content a.button_or:hover {
	background:-moz-linear-gradient( center top, #50081c 5%, #940d1c 100% );
	background:-ms-linear-gradient( top, #50081c 5%, #940d1c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#50081c', endColorstr='#940d1c');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #50081c), color-stop(100%, #940d1c) );
	background-color:#50081c;
        color:#ffffff;
}
#content a.button_or2 {
	font-size:17px;
        width:470px;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #36b685;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #81e3bd 5%, #36b685 100% );
	background:-ms-linear-gradient( top, #81e3bd 5%, #36b685 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#81e3bd', endColorstr='#36b685');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #81e3bd), color-stop(100%, #36b685) );
	background-color:#36b685;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #36b685;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #c9fde9;
 	-moz-box-shadow:inset 1px 1px 0px 0px #c9fde9;
 	box-shadow:inset 1px 1px 0px 0px #c9fde9;
        margin:10px 10px 0 10px;
}
#content a.button_or2:hover {
	background:-moz-linear-gradient( center top, #36b685 5%, #81e3bd 100% );
	background:-ms-linear-gradient( top, #36b685 5%, #81e3bd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36b685', endColorstr='#81e3bd');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #36b685), color-stop(100%, #81e3bd) );
	background-color:#36b685;
        color:#ffffff;
}
#content a.button_or3 {
	font-size:16px;
        width:100px;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ff5f03;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ff9602 5%, #ff5f03 100% );
	background:-ms-linear-gradient( top, #ff9602 5%, #ff5f03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9602', endColorstr='#ff5f03');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9602), color-stop(100%, #ff5f03) );
	background-color:#ff9602;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #de5100;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffb68c;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffb68c;
 	box-shadow:inset 1px 1px 0px 0px #ffb68c;
        margin:10px 10px 0 0;
}
#content a.button_or3:hover {
	background:-moz-linear-gradient( center top, #ff5f03 5%, #ff9602 100% );
	background:-ms-linear-gradient( top, #ff5f03 5%, #ff9602 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5f03', endColorstr='#ff9602');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff5f03), color-stop(100%, #ff9602) );
	background-color:#ff5f03;
        color:#ffffff;
}
#content a.button_orpdf {
	font-size:20px;
        width:370px;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ff5f03;
	padding:9px 18px;
	text-decoration:none;
	text-align:center;
	background:-moz-linear-gradient( center top, #ff9602 5%, #ff5f03 100% );
	background:-ms-linear-gradient( top, #ff9602 5%, #ff5f03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9602', endColorstr='#ff5f03');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9602), color-stop(100%, #ff5f03) );
	background-color:#ff9602;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #de5100;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffb68c;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffb68c;
 	box-shadow:inset 1px 1px 0px 0px #ffb68c;
        margin:10px 10px 0 0;
}
#content a.button_orpdf:hover {
	background:-moz-linear-gradient( center top, #ff5f03 5%, #ff9602 100% );
	background:-ms-linear-gradient( top, #ff5f03 5%, #ff9602 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5f03', endColorstr='#ff9602');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff5f03), color-stop(100%, #ff9602) );
	background-color:#ff5f03;
        color:#ffffff;
}i.fa{margin-right:7px;}

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="tel"],input[type="email"],textarea{
vertical-align:middle;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
width: 500px;
margin:10px;
}

textarea{
height:auto;
line-height:1.5;
font-size: 16px;
width: 500px;
}

input[type="submit"],input[type="reset"],input[type="button"] {
    font-weight:bold;
    color: #ffffff;
    font-size: 16px;
    padding:10px 30px 10px 30px;
    text-decoration: none;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
    background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) );
    background-color:#fe1a00;
}
 
input[type="submit"]:hover {
        background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	background:-ms-linear-gradient( top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ce0100), color-stop(100%, #fe1a00) );
	background-color:#ce0100;
        color:#ffffff;
}
.m-alert{
padding:5px;
background:#f00;
color:#fff;
margin:5px 5px 0 0;
font-weight:bold;
font-size:13px;
}

/* 画像ホバー
----------------------------------*/
.expansion {
width: 300px;
height: 250px;
margin:0 0 20px 0;
background: #b3b7dc;
}

.expansion img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.expansion:hover img {
	opacity: .5;
}

.expansion2 {
width: 300px;
height: 125px;
background: #b3b7dc;
margin:0 0 20px 0;
}

.expansion2 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.expansion2:hover img {
	opacity: .5;
}

/* サイドバー　ウィジェット
*****************************************************/
section.widget{
padding-bottom:20px;
margin-bottom:20px;
}

section.widget h3{
  background: #14207d;
  line-height: 1;
  margin:-7px 0 10px 0;
  padding: 10px 5px 10px 5px;
  box-shadow:1px 3px 7px 0px #666666 ;
  border-bottom:3px solid #a6b0fd;
}
section.widget h3 span{
  color: #fff;
  font-weight: bold;
  padding-left:10px;
}

section.widget a{
	font-size: 12px;
	font-weight: bold;
	display: block;
	position: relative;
	z-index: 10;
	margin: 0;
	padding: 10px 10px 10px 50px;
	background: #eeeeee;
	color: #333;
	line-height: 150%;
	text-decoration: none;
}
section.widget a:hover{
	background: #e4e7fc;
	text-decoration: none;
	color: #14207d;
	
}
section.widget a:before {	
    display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 19px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;
	background: #fff;}
section.widget a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #14207d;}

/* ページ上部へ戻る
*****************************************************/
#pagetop{
clear:both;
display:block;
overflow:hidden;
padding-top:30px;
margin-bottom:-1px;
}

#pagetop a{
float:right;
display:block;
position:relative;
padding:5px 15px 2px;
font-size:90%;
border:1px solid #dadade;
border-bottom:0;
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
background:#f2f2f2;
}

*:first-child+html #pagetop{margin-bottom:-10px;}

*:first-child+html #pagetop a{
position:static;
padding:5px 15px 5px;
}


/* フッター
*****************************************************/
#footerInfo{
padding:20px 10px;
margin-bottom:20px;
border:1px solid #dadade;
background:#f2f2f2;
}

#footerLogo{
float:left;
padding:10px;
}

.contactInfo{float:right;text-align:right;}

#footer ul{
text-align:center;
font-size:95%;
padding-bottom:20px;
}

#footer ul ul{padding-bottom:0;}

#footer ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:5px 0;
background:url(images/arrow.png) no-repeat 0 12px;
}

#footer ul li	a{
display:block;
padding:0 20px 0 12px;
overflow:hidden;
font-size:80%;
}

#footer ul li	li{
display:block;
padding:0;
margin:0;
background:url(images/sub1.png) no-repeat 0 50%;
}

#footer ul li	li:last-child{background-image:url(images/subLast.png);}

#footer ul li	li a{
padding:0 10px;
}

*:first-child+html #footer ul{width:920px;margin:0 auto;}
*:first-child+html #footer ul ul{width:auto;}
*:first-child+html #footer ul li{float:left;}



#copyright{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:80%;
color:#fff;
background:#b9b9b9;
zoom:1;
}

/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#666;
text-align:center;
}


/* PC 横幅が1025px以上(メニュー)　★ここからレスポンシブ
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){

#main_bk{background:url(../../uploads/2015/12/TOP_bkob.jpg) no-repeat #eaeaea; padding-top:10px; text-align:center;}
.mainimg{margin: 0 auto;　width: 1200px;}
.button_orbox{ margin-top:-20px;}
}

/* tablet  横幅が961px以上～1024px以下
------------------------------------------------------------*/
@media only screen and (min-width: 961px) and (max-width: 1024px){
	#wrapper, #header,.inner{
	margin: 0 auto;
	padding-bottom:10px;
	width: 100%;
	}

	#header{
	padding:10px 0;
	}

	#content{
	float:right;
	width:72%;
        padding-right:15px;
	}

	#sidebar{
	float:left;
	width:22%;
	padding:30px 0 0 15px;
	}
.expansion{width:100%; height:150px; margin-bottom:50px;}
.expansion2{width:100%; height:70px; margin-bottom:40px;}
	#footer{
	clear:both;
	background:#e6e6e6;
	} 

.contact { margin-right: 5px;}
	nav#menu ul li a{
	height:30px;
	line-height:15px;
	padding:10px 35px 10px;
        font-size:70%;
	}		
	nav#menu ul li a span{font-size:65%;}  
	nav#menu ul li:hover ul{top:50px;}

	nav#menu ul li li a{
	font-size:65%;
	}
	nav#menu ul li li,nav#menu ul li li:first-child{
	width:200px;
	}
.topNaviColumn {
    width:23.5%;
    height:450px;
}
}
/* tablet  横幅が737px以上～960px以下 
------------------------------------------------------------*/ 
@media only screen and (min-width: 737px) and (max-width: 960px) {

	#wrapper, #header,.inner{
	margin: 0 auto;
	padding-bottom:10px;
	width: 100%;
	}

	#header{
	padding:10px 0;
	}

	#content{
	float:right;
	width:70%;
        padding-right:15px;
	}

	#sidebar{
	float:left;
	width:22%;
	padding:30px 0 0 15px;
	}
#fbbox{width:22%;}
.expansion{width:100%; height:130px; margin-bottom:20px;}
.expansion2{width:100%; height:70px; margin-bottom:10px;}

#header h2.logo{width:60%;}

.contact { margin-right: 5px; padding-top:0em;}
	#footer{
	clear:both;
	background:#e6e6e6;
	} 
	nav#menu ul li a{
	height:30px;
	line-height:13px;
	padding:10px 20px 4px;
        font-size:65%;
	}
	nav#menu ul li a span{font-size:60%;}  
	nav#menu ul li:hover ul{top:50px;}
	nav#menu ul li li a{
	font-size:65%;
	}
	nav#menu ul li li,nav#menu ul li li:first-child{
	width:200px;
	}

.topNaviPhoto{width: 50%; margin:0 auto;}
.topNaviColumn {
    height:310px;
}
#footerLogo{width:50%;}
}

/* smartPhone 736px以下 
------------------------------------------------------------*/ 

@media screen and (max-width: 736px) {
#wrapper, #header, .inner{width:100%;}

	#header h1, #header h2{padding-left:10px;}
	#main_bk{margin:-20px 0 -10px 0;}
	.mainimg{width:100%; height:auto;}

	#content, #sidebar{
	clear:both;
	float:none;
	width:95%;
	margin:0 auto;
	padding:10px 0;
	}
#content h2{font-size:1.2em;}
        #sidebar{margin-bottom:-70px;}
        .expansion,.expansion2,#fbbox{text-align:center; margin:0 auto; margin-bottom:10px;}
        img.alignright,img.alignleft{float:none;}
	#footer{margin:0; text-align:center;}
	
	#footerInfo,#footer ul{
	float:none;
	width:auto;
	text-align:center;
	}

	#pagetop a{margin-right:15px;}

	nav#menu ul li a br{display:none;}
	.thumbWrap,.thumbWrap_PR{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap_PR ul.thumb li{width:30%;}
	.thumbWrap_PR ul.thumb li{margin:0 1% 0 2%;}
	.thumbWrap_PR img{width:100%;height:auto;}
	.thumbWrap ul.thumb li{width:100%;margin:0 auto;text-align:left;}
	#footerInfo .contactInfo{float:none;text-align:center;}

	#header{text-align:center;}
	#header h2.logo,#headerInfo,#footerLogo{float:none; padding:0; text-align:center;}
.contact {display:none;}

	#footerInfo p{font-size:90%;}
	#footerInfo p.tel{font-size:200%;}
	#footer ul{text-align:left; padding-left:25px;}

	nav#menu{
	background:none;
	border:0;
	padding:0;
	margin:0 0 30px 0;
	width:100%;
	}
	
	nav#menu a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	border:1px solid #25329e;
	color:#fff;
	background: #14207d url(images/menuOpen.png) no-repeat 1em 50%;
	}
	
	nav#menu a#menu span{padding-left:3em;}
	
	nav#menu a.menuOpen{
	border-bottom:0;
	color:#fff;
	background: #14207d url(images/menuClose.png) no-repeat 1em 50%;
	}
	
	nav#menu a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	border:1px solid #ccc;
	border-top:0;
	}
	
	.panel ul{margin:0;padding:0;}
	
	.panel ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.4;
	}
	
	.panel ul li a,.panel ul li.current-menu-item li a{
	display: block;
	width:100%;
	padding:1em 0;
	height:auto;
	text-align: left;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f7f6));
	background: -webkit-linear-gradient(top, #fff, #f6f7f6);
	background: -moz-linear-gradient(top, #fff, #f6f7f6);
	background: -o-linear-gradient(top, #fff, #f6f7f6);
	background: -ms-linear-gradient(top, #fff, #f6f7f6);
	background: linear-gradient(top, #fff, #f6f7f6);
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	}
	
	.panel ul li a span{
	padding-left:1em;
	}
	
	.panel ul li.current-menu-item a,.panel ul li a:hover,.panel ul li.current-menu-item a,.panel ul li a:active, .panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover, .panel ul li.current-menu-item li a:active{
	color:#888;
	}
	
	.panel ul li.current-menu-item li a{color:#333;}
	
	.panel ul li li{
	float:left;
	border:0;
	}
	
	.panel ul li li a, .panel ul li.current-menu-item li a, .panel ul li li.current-menu-item a,.panel ul li li a:hover,.panel ul li.current-menu-item li a:hover{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #fff;
	background:url(images/sub1.png) no-repeat 15px 50%;
        padding-left:1.5em;
	}
	
	.panel ul li li.first-child a{border:0;}
	
	.panel ul li li:last-child a,.panel ul li li:last-child a:hover,.panel ul li.current-menu-item li:last-child a:hover{background:url(images/subLast.png) no-repeat 15px 50%;}
	
	.panel ul li li a span{padding-left:25px;}
	
	nav div.panel,#searchHead{float:none;}
.topNaviPhoto{width: 70%;  margin:0 auto;}	
	#searchHead{margin-top:10px;text-align:right;}
.topNaviColumn { height: 100%;}
#content a.button_or {font-size:14px; width:210px;}
.button_orbox{ text-align: center;}

/* youtube動画　likeboxリサイズ
------------------------------------------------------------*/
iframe{
  width: 100%;}


/* table
------------------------------------------------------------*/

#footer ul li	a{
display:block;
padding:0 10px 0 8px;
overflow:hidden;
font-size:60%;
}
dl{width: 100%;}
.form-field{margin:0 auto; margin:20px 10px 10px 20px; width: 82%;}
.submit-button {margin:0 auto; width: 80%;}
.breadcrumbs{display:none;}
.m40{margin-top:-40px;}
input[type="text"], input[type="tel"],input[type="email"],textarea{width: 97%;}
.alignleft{float: left;}
/*--------------------------------
スマホのフッターメニュー
---------------------------------*/
ul.footer_menu {
	margin: 0 auto;
	padding: 3px 0;
	width: 100%;
	overflow: hidden;
	display: table;
}

ul.footer_menu li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align:middle;
	list-style-type: none;
	font-size: 10px;
}

ul.footer_menu li a i{
	font-size: 24px;
}

ul.footer_menu li a {
	border: none;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.footer_menu {
	position: fixed;
	bottom: 0;
	left:0;
	background: #000;
	z-index: 9999999999;
	-moz-opacity: 0.9;
	opacity: 0.9;
}

/*--------------------------------
Sidr (light)
---------------------------------*/

.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}

}