@charset  "UTF-8";

/* == フォントサイズ設定 ==================================== */

.graylink					{font-size:110%;line-height:140%;}
.graylink a:link				{color:#333333;}
.graylink a:visited			{color:#333333;}
.graylink a:hover				{color:#3366FF;}
.graylink a:active				{color:#3366FF;}


.graylink2					{font-size:90%;line-height:160%;}
.graylink2 a:link				{color:#333333;}
.graylink2 a:visited			{color:#333333;}
.graylink2 a:hover				{color:#3366FF;}
.graylink2 a:active				{color:#3366FF;}

.graylink3					{line-height:160%;}
.graylink3 a:link				{color:#333333;}
.graylink3 a:visited			{color:#333333;}
.graylink3 a:hover				{color:#3366FF;}
.graylink3 a:active				{color:#3366FF;}


.whitelink					{color:#FFF;}
.whitelink a:link				{color:#FFF;}
.whitelink a:visited			{color:#FFF;}
.whitelink a:hover				{color:#FFF;}
.whitelink a:active				{color:#FFF;}



.jp1 {  font-size: 75%; line-height: 140%}
.jp2 {  font-size: 85%; line-height: 140%}
.jp2s {  font-size: 85%; line-height: 120%}
.jp3 {  font-size: 90%; line-height: 160%}
.jp32 {  font-size: 90%; line-height: 140%}
.jp3l {  font-size: 90%; line-height: 180%}
.jp33 {  font-size: 100%; line-height: 160%}
.jp33l {  font-size: 100%; line-height: 180%}
.jp4 {  font-size: 110%; line-height: 150%}
.jp4l {  font-size: 110%; line-height: 180%}
.jp5 {  font-size: 120%; line-height: 150%}
.jp5l {  font-size: 120%; line-height: 180%}
.jp4blue {  font-size: 110%; line-height: 140%; color: #537ECB; font-weight:bold}
.jp4whiteb {  font-size: 110%; line-height: 140%; color: #fff; font-weight:bold}
.jp2l { font-size: 85%; line-height: 160%}
.jp6 {
	font-size: 140%;
	line-height: 140%;
}
.jp6l {
	font-size: 140%;
	line-height: 180%;
}
.jp8 {
	font-size: 160%;
	line-height: 140%;
}

.alart {   color: #FF0000;}
.alart2 {   color: #339966; font-weight:bold}
.orange {   color: #f46a34;}
.blue {   color: #264baa;}
.blue2 {   color: #13799b;}
.lblue {   color: #1ec9f5;}
.white {   color: #FFFFFF;}
.purple {   color: #561156;}
.purple2 {	color: #885BAD;}
.pink {   color: #c71a71;}
.pink2 {color: #F480BA;}
.greent {   color: #2e923a;}
.brownt {   color: #2e923a;}
.yellow{   color: #FFFF99;}
.yellowt{   color: #cd9723;}
.qa_q {
	font-size: 110%;
	line-height: 140%;
	color: #561156;
}

.black { color: #000}
.blackb { color: #000; font-weight:bold}

.contact {
	font-size: 100%;
	line-height: 140%;
	padding-left: 6px;
	background-color: #EFEFEF;
}

img {border: 0;}
.border1{border:1px solid #CCC; }
form{margin: 0;padding: 0;}

.space10{margin: 0px;padding: 15px;}

/* ================================================ */
/* == リンク色設定 ===================================== */
/* ================================================ */

a:link			{color: #3366FF;text-decoration: none;}
a:visited		{color: #3366FF;text-decoration: none;}
a:hover		{color: #FF6666;text-decoration: underline;}
a:active		{color: #3366FF;text-decoration: none;}

.container {max-width: 990px;}



/* ================================================ */
/* == スタイル設定 ==================================== */
/* ================================================ */

body {
	margin:0;
	background-color: #FFFFFF;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",meiryo, "ＭＳ Ｐゴシック", "MS PGothic",helvetica, arial ;
	color:#333333;
}

body#index {
	margin:0;
	background-color: #FFFFFF;
	background-image:none;
	font-family:   "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",meiryo, "ＭＳ Ｐゴシック", "MS PGothic",helvetica, arial;
	color:#333333;
}

#nobg {
	margin:0;
	background-color: #FFFFFF;
	background-image:none;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",meiryo, "ＭＳ Ｐゴシック", "MS PGothic",helvetica, arial;
	color:#333333;
}

#bluebg {
	background-color: #444487;
	
}

/*コピーライト*/
.copyright	{
	font-family: verdana, sans-serif;
	font-size: 80%;
	color: #036;
}

/*コピーライト*/
.copyline	{
	background:url(../shared/img/footline.gif) 	repeat-x;
	 }




/* 20120422追記 */
p.pankuzu			{font-size:80%;text-decoration: none;}
.sidenavi .graylink	{font-size:12px;}



.block_blue a {
	display:block;
	width:200px;
	text-align:center;
    background:#2C81C7;
	color:#FFF;
	border:1px solid #AAA;
	margin: 4px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 90%;
	 border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 

}
.block_blue a.r {width:50px; border:none;}   /* 上書き */
/* link */
.block_blue a:link    {color:#fff; text-decoration:none;} 
.block_blue a:visited {color:#fff; text-decoration:none;}
.block_blue a:hover   {color:#333; background:#A9DAFF;} 
.block_blue a:active  {color:#333; background:#A9DAFF;} 

.headpad {margin: 10px; padding: 5px;} 



 /* トップページイメージスライダー */
.topimgwrap{height:320px;}

 /* ハンバーガーメニュー */

.hmenu
{ width: 50px; height:50px; top: 0px; position:relative; cursor:pointer; }
.hmenu1
{ width:26px; height:3px; background-color:#FFF; top:15px; left:10px; position:absolute; } 
.hmenu2
{ width:26px; height:3px; background-color:#FFF; top:23px; left:10px; position:absolute; } 
.hmenu3
{ width:26px; height:3px; background-color:#FFF; top:31px; left:10px; position:absolute; }

/* ハンバーガーメニュー */


/* リンクボックス */

.link_box 
{
　background-color: white; display: block; 　border:1px solid #AAA; padding: 10px; margin:0px; 
color: #333;
}

a .link_box { background-color:#fff; color:#333;
border:1px solid #CCC; }
a:hover .link_box { background-color:#F0F0F0; color:#333; text-decoration: none;}

 
  /* イメージ中央 */
.centerimg {  display: block;
 margin-left: auto;
 margin-right: auto; }

   /* イメージマージン左 */
.m4px_left { 
 margin-left: 4px;}
.mg12_left { 
 margin-left: 12px;}
.mg20_left { 
 margin-left: 20px;}
.mg_12_right{ 
 margin-right: 12px;}
 
    /* イメージマージン上下 */
.mpx_tb { 
 margin-top: 2px;
 margin-bottom: 4px;}
 
     /* イメージマージン上下 */
.mpx_tb_l { 
 margin-top: 5px;
 margin-bottom: 6px;}
 
 .mpx_tb_l2 { 
 margin-top: 10px;
 margin-bottom: 10px;}



     /* イメージマージン上下左右 */
.mpx_tb_sm { 
 margin: 3px;
 }
 
 .mpx_tb_lg { 
 margin: 6px;
 }
 .mpx_tb_ll { 
 margin: 12px;
 }
 
 
      /* パディング左右 */
.pd_lg { 
  padding-left: 16px;
 padding-right: 16px;
 }
 
       /* パディング大 */
.pd_l { 
  padding: 13px;
 }

.pd_ll { 
  padding: 30px;
 }
 
       /* パディング中 */
.pd_m { 
  padding: 8px;
 }
 
 
  
      /* テキスト本文 */
.naiyou { 
margin-top: 8px;
margin-bottom: 20px;
margin-left: 8px;
margin-right: 3px;
 }


  
      /* テキスト本文 */
.naiyou2 { 
margin-top: 5px;
margin-bottom: 7px;
margin-left: 5px;
margin-right: 5px;
 }
 
 
 
 /* 見出し */
 .selector01{
	background:#FCFCFC;
	border-left:7px double #7EBA03;
	padding:.4em .5em;
	width:98%;
	margin:5px;
	font-size:140%;
	border-bottom:1px solid #ccc;
}

.selector02{
	background:#FCFCFC;
	padding:.4em .5em;
	width:98%;
	margin:5px;
	font-size:140%;
	line-height: 1.5em;
	border:1px solid #ccc;
}

 /* 下のボーダー点線 */
.dash_bottom{   
    border-bottom:1px dashed #ccc;  
    padding:.3em .3em  
} 

 /* 下のボーダー点線なし */
.dash_bottom_no{   
    padding:.3em .3em  
} 




 /* テキスト色 */
 .green{
	color:#7EBA03;
}

.bigger {  font-size: 140%;}

 /* テキスト人文字空ける */
.chui {
 margin-left:2em;
 text-indent:-1em;
}

 /* 改行 */
.br:before {
	content: "\A" ;
	white-space: pre ;
}


 /* colの幅を狭くする */
.no-gutter > [class*='col-'] {
    padding-right:6;
    padding-left:6;
}


 /* 字下げ1文字 */
.jisage{
 margin-left:1em;
 text-indent:-1em;
}

 /* 見出し */
.midashi_a {
	padding: .5em;
	border: 1px solid #ccc;
	font-size: 1.7em;
	border-left: 6px solid #f46a34;

}
.midashi_a span {
	display: block;
	margin-bottom: .2em;
	font-weight:bold;
	
	font-size: .7em;
}

.midashi_b {
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3143ab;
	border-bottom: 1px solid #ccc;
}


.midashi_c {
	padding: .5em;
	border: 1px solid #ccc;
	font-size: 1.7em;
	border-left: 6px solid #3143ab;

}
.midashi_c span {
	display: block;
	margin-bottom: .2em;
	font-weight:bold;
	
	font-size: .7em;
}


.midashi_d {
	padding: .5em;
	border: 1px solid #ccc;
	font-size: 1.7em;
	border-left: 6px solid #7AC63A;
}
.midashi_d span {
	display: block;
	margin-bottom: .2em;
	font-weight:bold;
	font-size: .7em;
}



.midashi_e {
	padding: .5em;
	border: 1px solid #ccc;
	font-size: 1.7em;
	border-left: 6px solid #5599EE;
}
.midashi_e span {
	display: block;
	margin-bottom: .2em;
	font-weight:bold;
	font-size: .7em;
}



.midashi_f {
	padding: .3em;
	border: 1px solid #ccc;
	font-size: 1.7em;
	border-left: 6px solid #ac63d2;
    
}
.midashi_f span {
	display: block;
	margin-bottom: .2em;
	font-weight:bold;
	
	font-size: .7em;
}



.midashi_g {
	padding: .5em;
	border: 1px solid #ccc;
	font-size: 1.7em;
	border-left: 6px solid #cd9723;

}
.midashi_g span {
	display: block;
	margin-bottom: .2em;
	font-weight:bold;
	
	font-size: .7em;
}


#kensaku{
	width:350px;
}

 /*Googleカスタム検索フォーム用 */
.gsc-control-cse * {    box-sizing: content-box;}
.gsc-input {    line-height: 1;}


 
  /*マウスオーバーはふわっと */
 .btn {
   transition-property: all;
  transition: 0.3s linear;}
 .list-group-item {
   transition-property: all;
  transition: 0.3s linear;}


  
  
/* Opacity #1 画像をマウスオーバーで光らせる*/
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: 0.7;
}  

/* 横見出し*/
.bluem{
  display: inline-block;
  border: 1px solid #4167D8;
  padding: 10px;
  background: #4167D8;
  width: 30%;
  text-align: center;
  color:#FFFFFF;
}

.bluem_wcom{
  display: inline-block;
  border: 1px solid #4167D8;
  padding: 10px;
  background: #EFEFEF;
  width: 70%;
}
/* youtubeレスポンシブ*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.ad_img{vertical-align: middle;
	display: table-cell;
}