@charset "utf-8";
/* CSS Document */

/* safari only \*/
body:first-of-type {
    padding-left: 1px;
}
/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}
/*allが1pxずれる*/
-webkit-body:first-of-type {
    padding-left: 1px;
}
-o-all:first-of-type { 
    padding-left: 1px;
}
-ms-body:first-of-type {
    padding-left: 1px;
}
-moz-body:first-of-type {
    padding-left: 1px;
}

/***pで囲んだimgに余白ができるのを修正***/
img {
  vertical-align: bottom;
}

/***iphon対応***/
body {
    -webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased; /* Safariでフォントが太くなったり細くなったりするのを防止 */
}
/***リンクの色と下線をリセット***/
a:link,
a:visited,
a:hover{
	text-decoration:none;
	color:#3e454d;
}
/**********************************************************/
/*見出し*/
/**********************************************************/
/* 見出し(青い文字)*/
.md-basic {
	font-size: 32px;
    font-weight: 700;
    font-family: "A-OTF 新ゴ Pro";
    line-height: 1.2em;
    color: #106299;
    margin: 0 0 25px 0;
}
/* 見出し(背景が薄い青)*/
.md-bg-blue {
	font-size: 24px;
    font-weight: 500;
    font-family: "A-OTF 新ゴ Pro";
    line-height: 1;
    color: #106299;
	padding: 10px 10px 15px;
    margin: 50px 0 10px 0;
	background-color: rgba(15,111,189,0.25);
}
/*.md-bg-blue {
  border-bottom: solid 3px #cce4ff;
  position: relative;
	font-size: 24px;
    font-weight: 500;
    font-family: "A-OTF 新ゴ Pro";
    color: #106299;
	line-height: 2;
	margin-bottom: 20px;
}
.md-bg-blue::after {
	  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}*/
/**********************************************************/
/*body*/
/**********************************************************/
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;	
	font-size: 13px;
	line-height: 1.9em;
	background-color: #FFFFFF;
	color:#3e454d;
}

/**********************************************************/
/*all*/
/**********************************************************/
#all{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

/**********************************************************/
/*header*/
/**********************************************************/
#header {
	height:131px;
	background-color: #0f6fbd;
	height: 25px;
	line-height:25px;
	text-align:center;
}
/*************サイトのタイトルｈ１************/
#header h1{
	font-size: 10px;
	color:#FFFFFF;
}

/**************************************************************************/
    /******ふわっとするエフェクトボタンhttp://www.tomono.jp/参考*******/
/*************************************************************************/
.btn2 {
	position: relative;
	width: 100%;
	margin: 44px 0 0 155px;
}
.btn2 > li {
	position: absolute;
}
.btn2 > li > div {
	position: absolute;
	height: 48px;
}
.btn2 > li > div:before,
.btn2 > li > div:after {
	content: "";
	position: absolute;
	z-index: -1;
	border-radius: 80%;
	-webkit-transition-property: width, height, top, left, opacity;
	-webkit-transition-duration: .3s;
	transition-property: width, height, top, left, opacity;
	transition-duration: .3s;
}
.btn2 > li > div:before {
	width: 204px;
	height: 204px;
	top: -34px;
	left: -26px;
	background: none;
	opacity: 0;
    border: solid 3px;
	z-index: -2;
}
.btn2 > li > div:after {
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
}
.btn2 .g_nav1 {
	left: 12px;
}
.btn2 .g_nav2 {
	left: 174px;
}
.btn2 .g_nav3 {
	left: 334px;
}
.btn2 .g_nav4 {
	left: 496px;
}
.btn2 .g_nav5 {
	left: 659px;
}
.btn2 .g_nav1 div:before {border-color: #ffe0e0;}
.btn2 .g_nav1 div:after {background: #ffeaea;}
.btn2 .g_nav2 div:before {border-color: #ffe0e0;}
.btn2 .g_nav2 div:after {background: #ffeaea;}
.btn2 .g_nav3 div:before {border-color: #ffe0e0;}
.btn2 .g_nav3 div:after {background: #ffeaea;}
.btn2 .g_nav4 div:before {border-color: #ffe0e0;}
.btn2 .g_nav4 div:after {background: #ffeaea;}
.btn2 .g_nav5 div:before {border-color: #ffe0e0;}
.btn2 .g_nav5 div:after {background: #ffeaea;}

.btn2 li div:hover:after {
	width: 160px;
	height: 160px;
	top: -16px;
	left: 0px;
}
.btn2 li div:hover:before {
	width: 160px;
	height: 160px;
	top: -18px;
	left: -2px;
	opacity:1;
}
/**********************************************************/
/*グローバルナビ g_nav*/
/**********************************************************/
#g_nav{
	height:106px;
}
#g_nav .g_nav_inner{
    width: 1000px;
    margin: 0 auto;
    padding: 14px 0 0 40px;
}
/* グローバルナビ（採用情報ボタン）*/
#g_nav .g_nav_recruit {
    float: right;
	display: block;
    margin-right: 23px;
}
#g_nav .g_nav_recruit a {
  background: #0f6fbd;
    color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  display: inline-block;
  /*padding: 5px 20px;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 30px;
}
#g_nav a.g_nav_recruit-btn {
  overflow: hidden;
  padding: 12px 50px 12px 51px;
  /*padding: 12px 70px 12px 69px;*/
  color: #fff;
  border-radius: 0;
  background: #000;
}

#g_nav a.g_nav_recruit-btn span {
  position: relative;
}

#g_nav a.g_nav_recruit-btn:before {
  position: absolute;
  top: 0;
  /*left: 0;*/
  left: 26px;
  /*left: 72px;*/

  /*width: 150%;
  height: 500%;*/
  width: 200%;
  height: 700%;

  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);

  /*background: #00b7ee;*/
  background: #0f6fbd;
}

#g_nav a.g_nav_recruit-btn:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
/**********************************************************/
/*隠れている　g_navbar*/
/**********************************************************/
/*スクロールの途中で出てくるメニューバー*/
#g_nav_bar {
	/********* ▼上端に固定するCSS *********/
	position: fixed;
	top: 0px;
	width: 100%;
	z-index:10000;
	
	/********* ▼バーの装飾 ********/
	background-color:#FFFFFF;
	box-shadow: 3px 3px 3px rgba(75,66,56,0.5); /* 影 */
	height:55px;
	display:none;
   /* overflow: hidden;*/
}
#g_nav_bar .btn2 > li > div {
	height: 55px;
	overflow:hidden;
}
#g_nav_bar .btn2 > li > div img{
	margin-top:10px;
}


#g_nav_bar a img:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#g_nav_bar .g_nav_inner{
	text-align:center;
	width:1000px;
	margin:0 auto;
}
#g_nav_bar .g_nav_inner > ul{
	margin: 0 0 0 162px;
	text-align: right;
}
#g_nav_bar .logo_min{
	margin: 30px 90px 0;
}
#g_nav_bar .g_nav_inner p{
	margin:-20px auto;
}
/**********************************************************/
/*没になった★ふわっとさせるボタンのアニメーション******/
/******http://nakazilab.com/mouse-over-circle-spread-button/*/
/*****http://photoshopvip.net/archives/80846****/
/*****Rotating Icon Buttons****/
/*****http://easings.net/ja#easeInOutBack イージング
/*****http://liginc.co.jp/web/tool/other-tool/30621***

#btn a {
    position: relative;
}
#btn a:after {
    position: absolute;
    left: 25px;
    top: -50px;
    border-radius: 50%;
    box-sizing: border-box;
    width: 65%;
    height: 500%;
    content: "";
    opacity: 0;
    transition: .8s ease-in-out;
    -webkit-transition: all .9s cubic-bezier(0.7, -0.2, 0.265, 1.81);
    -moz-transition: all .9s cubic-bezier(0.7, -0.2, 0.265, 1.81);
    -o-transition: all .9s cubic-bezier(0.7, -0.2, 0.265, 1.81);
    -ms-transition: all .9s cubic-bezier(0.7, -0.2, 0.265, 1.81);
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transition: scale(0, 0);
}
#btn a:hover:after {
	transform: scale(1);
	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
	border-color: #cd8484;
	background-color: #ec9f83;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}
********************************************************/

/**********************************************************/
/*main_image イメージ画像*/
/**********************************************************/
.main_image{
	margin:0 auto;
	width:100%;
	background:url(../img/top/top1.jpg) top center no-repeat;
	height:370px;
	float:left;
    box-shadow: rgba(140, 137, 137, 0.862745) -11px 10px 21px -9px;
    -webkit-box-shadow: rgba(140, 137, 137, 0.862745) -11px 10px 21px -9px;
    -moz-box-shadow: rgba(140, 137, 137, 0.862745) -11px 10px 21px -9px;
}
/********* 当社の強みページのイメージ画像css ********/
.edge_main_image{
	background:url(../img/edge/edge1.jpg) top center no-repeat;
	height:158px;
}
/********* 広告代理店ページのイメージ画像css ********/
.adagency_main_image{
	background:url(../img/adagency/adagency1.jpg) top center no-repeat;
	height:158px;
}
/********* 建築士ページのイメージ画像css ********/
.architect_main_image{
	background:url(../img/architect/architect1.jpg) top center no-repeat;
	height:158px;
}
/********* 店舗・施設ページのイメージ画像css ********/
.shop-facility_main_image{
	background:url(../img/shop-facility/shop-facility1.jpg) top center no-repeat;
	height:158px;
}
/********* 制作・施工事例ページのイメージ画像css ********/
.work_main_image{
	background:url(../img/work/work1.jpg) top center no-repeat;
	height:158px;
}
/********* シルクページのイメージ画像css ********/
.silk_main_image{
	background:url(../img/silk/silk1.jpg) top center no-repeat;
	height:158px;
}
/********* 大型印刷ページのイメージ画像css ********/
.large_print_main_image{
	background:url(../img/large_print/large_print1.jpg) top center no-repeat;
	height:158px;
}
/********* ネットワークページのイメージ画像css ********/
.network_main_image{
	background:url(../img/network/network1.jpg) top center no-repeat;
	height:158px;
}
/********* ３Ｄディスプレイのイメージ画像css ********/
.large_print_main_image2{
	background:url(../img/large_print/large_print1_2.jpg) top center no-repeat;
	height:158px;
}
/********* 取り扱いメディア（マテリアル）のイメージ画像css ********/
.material_main_image{
	background:url(../img/material/material1.jpg) top center no-repeat;
	height:158px;
}
/********* 会社案内のイメージ画像css ********/
.company_main_image{
	background:url(../img/company/company1.jpg) top center no-repeat;
	height:158px;
}
/********* 会社概要のイメージ画像css ********/
.summary_main_image{
	background:url(../img/summary/summary1.jpg) top center no-repeat;
	height:158px;
}
/********* 交通・アクセスマップのイメージ画像css ********/
.access_main_image{
	background:url(../img/access/access1.jpg) top center no-repeat;
	height:158px;
}
/********* よくある質問イメージ画像css ********/
.faq_main_image{
	background:url(../img/faq/faq1.jpg) top center no-repeat;
	height:158px;
}
/********* お問い合わせイメージ画像css ********/
.inquiry_main_image{
	background:url(../img/inquiry/inquiry1.jpg) top center no-repeat;
	height:158px;
}
/********* 入稿方法イメージ画像css ********/
.notice_main_image{
	background:url(../img/notice/notice1.jpg) top center no-repeat;
	height:158px;
}
/********* 発注の流れイメージ画像css ********/
.flow_main_image{
	background:url(../img/flow/flow1.jpg) top center no-repeat;
	height:158px;
}
/********* 採用イメージ画像css ********/
.recruit_main_image{
	background:url(../img/recruit/recruit1.jpg) top center no-repeat;
	height:158px;
}
/**********************************************************/
/*pankuzu トップ以降のパンクズ*/
/**********************************************************/
.pankuzu{
	background-color:#ffebe0;
}
.pankuzu_inner{
	margin:0 auto;
	width:1000px;
	height:38px;
	font-size:12px;
	font-weight:bold;
	line-height:38px;
}
.pankuzu_inner img{
	display:inline-block;
}
.pankuzu_inner .right img,
.pankuzu_inner .left img{
	margin-bottom:10px;
}
.pankuzu_inner a:link,
.pankuzu_inner a:visited{
	text-decoration:underline;

	color:#3e454d;
}
.pankuzu_inner a:hover{
	text-decoration:none;
	color:#3e454d;
}
/**********************************************************/
/*ｍａｉｎ　共通規定*/
/**********************************************************/
.tensen{
	border-bottom:2px dashed #9A9A9A;
	width:90%;
	margin:57px auto 30px;
}

/**********************************************************/
/*ｍａｉｎ　３つのミカタ　背景がピンクベージュ*/
/**********************************************************/
.top .main{
	background-color:#ffebe0;
}
.top .main_inner{
	margin:0 auto;
	width:1000px;
	padding:54px 0;
	font-size:14px;
	font-weight:bold;
	line-height:1.6em;
}
/*************topの３つのミカタ***************/
.top .box1{
    width: 28%;
    padding-right: 5.3%;
	float:left;
}
.top .box1 p:nth-child(2){
	height:105px;

}
.top .box1 a img:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
/***************詳しくみるのボタン*******************/
.button{
	width:109px;
	text-align:center;
	border:1px solid #3e454d;
	padding:8px;
	line-height:1.2em;
	margin:25px 25%;
	font-size:13px;
	color:#3e454d;
	float:left;
}
.button:link{
	color:#3e454d;
	background-color:#cec2bc;
}
.button:vistied{
	color:#3e454d;
	background-color:#cec2bc;
}
.button:hover{
	color:#3e454d;
	background-color:#cec2bc;
}

/**********************************************************/
/*ｍａｉｎ２　背景がグレー ワードプレスの表示*/
/**********************************************************/
.main2{
	background-color:#eeeeee;
}
.main_inner2{
	margin:0 auto;
	width:1000px;
	padding:54px 0;
	font-size:13px;
	font-weight:bold;
	line-height:1.6em;
}
.main_inner2 ul{
	width:100%;
}
.main_inner2 li {
    float: left;
    width: 17.45%;
	margin:0 0.95% 15px 0;
    word-break: break-all;
    padding: 8px;
	background-color:#106299;
    height: auto;
	color: #ffffff;
	line-height: 1.4em;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}
.cap{
	margin:.5em;
}
.cap a:link{
	color:#ffffff;
}
.cap a:visited{
	color:#ffffff;
}
.cap a:hover{
	color:#fed904;
}

/* 写真がタテヨコ、サイズ大小に関係なく、切り取ってサムネイル表示させる */
.main_inner2 li img{
	object-fit: cover;
	height: 119px;
	width: 175px;
}
.li_span1{
    display: block;
	margin: .3em 0 0 0;
}
.li_span2,
.li_span3{
    display: block;
}
/**************写真がタテヨコ、サイズ大小に関係なく、切り取ってサムネイル表示させる******************/
.main_inner2 li .cut{
	position: relative;
	overflow: hidden;
	height: 119px;
	display: block;
	margin: 0 0 10px 0;
}


/***************マウスオーバーすると枠が緑色に変わる*******************/
.main_inner2 li:link {
      box-shadow: inset 0px 0px 0px 4px #00a651;
}
.main_inner2 li:vistied {
      box-shadow: inset 0px 0px 0px 4px #00a651;
}
.main_inner2 li:hover {
      box-shadow: inset 0px 0px 0px 4px #00a651;
}

/**********************************************************/
/*ｍａｉｎ３　背景がホワイト*/
/**********************************************************/
.main3{
	background-color:#ffffff;
}
.main_inner3{
	margin:0 auto;
	width:1000px;
}
.top .main_inner3_inner{
	padding:54px 0;
	width:960px;
	font-size:16px;
	font-weight:bold;
	line-height:1.8em;
}
.top .main_inner3_inner ul{
    margin-left: -2.08%;
}
.top .main_inner3_inner li{
	width: 31.25%;
	float: left;
    margin-bottom: 47px;
    margin-left: 2.08%;
    word-break: break-all;
}
/**********************************************************/
/*to_topボタン*/
/**********************************************************/
.blue_button {
	 position:absolute;
	 right:0;
	 top:-78px;
	 cursor:pointer;
}
.pagetop {
	background:url(../img/footer/page_top.png) top center no-repeat;
	width:81px;
	height:51px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.pagetop:link{
	color:#fed904;
	cursor:pointer;
}
.pagetop:visited{
	color:#fed904;
	cursor:pointer;
}
.pagetop:hover{
	background:url(../img/footer/page_top_on.png) top center no-repeat;
	color:#fed904;
	cursor:pointer;
}


/**********************************************************/
/*footer_green　背景がグリーン*/
/**********************************************************/
.footer_green{
	background-color:#00a651;
	height:385px;
	text-align:center;
	padding:55px 0 0 0;
	font-family: Arial,Helvetica,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #ffffff;
	font-size:16px;
	font-weight:bold;
	line-height:1.7em;
}
.footer_green_inner{
	width: 1000px;
	margin: 0 auto;
}
/* メールフォームボタン */
.footer_green a.btn_form {
    width: 330px;
    height: 43px;
    display: block;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    vertical-align: middle;
    font-size: 23px;
    padding-top: 18px;
    color: #fff;
}
.footer_green a.btn_form:hover {
	background-color:#038040;
}
/**********************************************************/
/*footer２　サイト一覧　背景がグレー*/
/**********************************************************/
.footer2{
	padding-top: 27px;
	background-color: #eeeeee;
}
.footer_inner2{
	width: 1000px;
	margin: 0 auto;
	padding-top: 8px;
}

/*****リスト******/
.footer2 .midasi{
	margin-bottom: 5%;
	font-size:14px;
}
.footer2 ul{
	width: 19.08%;
	float:left;
	font-weight:bold;
	color:#0e629b;
	margin-right: 1.6%;
}
/******文頭一文字下げる　指定******/
.footer_inner2 li{
    line-height: 2.6em;
	font-size:12px;
}

.footer_inner2 ol li{
	text-indent: 1.2em;
    margin-left: 0.6em;
}

/******矢印をiconクラスにつける******/
.footer2 .midasi ol li{
	background:url(../img/arrow.gif) no-repeat left;
}

/******ロゴがあるliだけ、行間変更******/
#footer_logo{
	width: 36.08%;
	border-left:1px solid #0f6fbd;
	background:url(../img/footer/footer4.jpg) bottom left  no-repeat;
	padding-bottom: 1em;
}

#footer_logo li{
	line-height:1.8em;
	margin:2px 0 0 35px;;
	color:#3e454d;
}
/******フッターの街のイラストを背景にする******/
.footer_ill{
	margin-top:40px;
	background:url(../img/footer/footer3.gif) no-repeat bottom center;
	height:128px;
}

/**********************************************************/
/*footer_white　背景がホワイト　当社の強み部分のみ*/
/**********************************************************/
.footer_white{
	padding: 55px 0;
	background-color: #ffffff;
}
.footer_white_inner{
	width: 1000px;
	margin: 0 auto;
}

/*****リスト******/
.footer_white ul{
    float: left;
    font-weight: bold;
    color: #0e629b;
}
.footer_white li{
    text-indent: 1.8em;
	line-height: 3em;
}
.ml7p { margin-left :5.9%;}

/*****黄色の矢印をiconクラスにつける******/
.footer_white li.icon{
	background:url(../img/arrow_yellow.png) no-repeat left;
}

/**********************************************************/
/*back_blue　コピーライト　背景がブルー*/
/**********************************************************/
.back_blue{
	background-color:#0f6fbd;
	color:#FFFFFF;
	height:45px;
	padding:5px 0 5px 0;
}
.back_blue_inner{
	width: 1000px;
	margin: 0 auto;
	font-size:12px;
}
.copyright {
    font-size: 10px;
    text-align:right;
	color:#FFFFFF;
}

/******リンク時の指定******/
.footer_white a:link,
.footer2 a:link {
	color: #0e629b;  
	text-decoration: none;/*****アンダーラインなし*****/
}
.footer_white a:visited,
.footer2 a:visited {  /******クリックしたあと、アンダーラインあり******/
	text-decoration: underline;
	color: #0e629b;  
}
.footer_white a:hover,
.footer2 a:hover {  /*****カーソルを置いたとき、アンダーラインあり*****/
	text-decoration: underline;
	color: #0e629b;  
}

/**********************************************************/
/*実績：クライアント別*/ 　
/**********************************************************/
/* ページ内リンク（ヘッダー分のずれ対策）*/
#client_ad,
#client_arch,
#client_shop,
#client_other
{
    margin-top:-100px;
    padding-top:100px;
    display:inline-block;
}

/**********************************************************/
/*規定*/ 　
/**********************************************************/
.disp_pc{
	display:block;
}
.disp_mobile{
	display:none;
}
/*****シャドウの指定******/
.shadow2 {
    box-shadow: rgba(140, 137, 137, 0.862745) 6px 6px 13px -3px;
    -webkit-box-shadow: rgba(140, 137, 137, 0.862745) 6px 6px 13px -3px;
    -moz-box-shadow: rgba(140, 137, 137, 0.862745) 6px 6px 13px -3px;
}

/*******positionの指定*********/
.relat{
	position:relative;
}
.abuso{
	position:absolute;
}


/********フロートの指定*********/
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
/***線**/
.sen {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #8895a1;
}
.sen2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8895a1;
	width: 684px;
}
/********文頭に■*********/
.shikaku:before{
	content:'';
	background:url(../img/sikaku.gif) left no-repeat;
    padding-right: 20px;
}


/**********************************************************/
/*マージン、パディングの指定*/
/**********************************************************/
.mb0 { margin-bottom:0px !important; }
.mb3 { margin-bottom:3px; }
.mb5 { margin-bottom:5px; }
.mb8 { margin-bottom:8px; }
.mb10 { margin-bottom:10px; }
.mb12 { margin-bottom:12px; }
.mb14 { margin-bottom:14px; }
.mb15 { margin-bottom:15px; }
.mb17 { margin-bottom:17px; }
.mb18 { margin-bottom:18px; }
.mb20 { margin-bottom:20px; }
.mb22 { margin-bottom:22px; }
.mb25 { margin-bottom:25px; }
.mb27 { margin-bottom:27px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb48 { margin-bottom:48px; }
.mb50 { margin-bottom:50px; }
.mb53 { margin-bottom:53px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }
.mb68 { margin-bottom:68px; }
.mb100 { margin-bottom:100px; }
.mr5 { margin-right:5px; }
.mr12 { margin-right:12px; }
.mr15 { margin-right:15px; }
.mr10 { margin-right:10px; }
.mr18 { margin-right:18px; }
.mr20 { margin-right:20px; }
.mr23 { margin-right:23px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr50 { margin-right:50px; }
.mr60 { margin-right:60px; }
.ml10p { margin-left:9%; }
.ml35p { margin-left:35%; }
.ml-8 { margin-left:-8px; }
.ml-10 { margin-left:-10px; }
.ml-20 { margin-left:-20px; }
.ml-40 { margin-left:-40px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml12 { margin-left:12px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml22 { margin-left:22px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml75 { margin-left:75px; }
.ml80 { margin-left:80px; }
.ml95 { margin-left:95px; }
.ml180 { margin-left:180px; }
.mt-13 { margin-top:-13px; }
.mt-8 { margin-top:-8px; }
.mt0 { margin-top:0px; }
.mt2 { margin-top:2px; }
.mt3 { margin-top:3px; }
.mt5 { margin-top:5px; }
.mt7 { margin-top:7px; }
.mt13 { margin-top:13px; }
.mt14 { margin-top:14px; }
.mt15 { margin-top:15px; }
.mt17 { margin-top:17px; }
.mt18 { margin-top:18px; }
.mt20 { margin-top:20px; }
.mt22 { margin-top:22px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt32 { margin-top:32px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt55 { margin-top:55px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt10 { margin-top:10px; }
.mt100 { margin-top:100px; }
.mt130 { margin-top:130px; }
.pb3 { padding-bottom:3px; }
.pb5 { padding-bottom:5px; }
.pb12 { padding-bottom:12px; }
.pb14 { padding-bottom:14px; }
.pt4 { padding-top:4px; }
.pt20 { padding-top:20px; }

/*テキスト配置の指定*/
.txt_l { text-align:left; }
.txt_r { text-align:right; }
.txt_c { text-align:center; }

/*フォントサイズの指定*/
.p11 { font-size:11px; }
.p12 { font-size:12px; }
.p13 { font-size:13px; }
.p14 { font-size:14px; }
.p15 { font-size:15px; }
.p16 { font-size:16px; }
.p18 { font-size:18px; }
.p20 { font-size:20px; }
.p25 { font-size:25px; }
.p33 { font-size:33px; }
.p36 { font-size:36px; }

/**文字の色**/
.black{
	color:#000000;
}
.green{
	color:#037c39;
}
.blue{
	color:#024a8a;
}
.red { 
	color:#CE5446;
	font-weight: bold;
}
/***文字の強調*/                   
.bold {
	font-weight: bold !important;
}
.normal {
	font-weight: normal !important;
}
/******文字の書体*******/
/****明朝*****/
.txt_min{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; 
}
/****ゴシック（塚田さん指定20160122）*****/
.txt_goth{
	font-family:"Hiragino Kaku Gothic Pro","Meiryo",sans-serif;
	font-family:"Square Market",Helvetica,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
/****30px以上の太い数字*****/
.txt_ari{
	font-family:arial black; 
}

/*ラインハイト*/
.line_h15{line-height:1.5em; }
.line_h18{line-height:1.8em; }
#line_h18{line-height:1.8em; }

/*テキストインデント１文字文頭空ける*/
.txt_indent{text-indent: 1em; }

/*幅*/
.w174{	width:174px; }
.w182{	width:180px; }
.w282{	width:282px; }
.w344{	width:344px; }
.w347{	width:347px; }
.w380{	width:380px; }
.w442{  width:442px; }


/******インライン*******/
.inline_block {  
	display: inline-block;  
}
.inline{
	display:inline;
}