/*
Theme Name: 北大阪受発注ビジネス大交流会
Theme URI: 
Theme URI: 
Author: the WordPress team 改 NSTS
Author URI: http://www.nsts.co.jp/
Description: NSTS #1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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

body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	line-height: 1.5;
	min-width: 1200px;
	background-image: url(images/header_bk.png);
	background-repeat: repeat-x;
	background-position: center top;
}

img { border-style: none; }
a img:hover { opacity: 0.5 ; }
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
a { color: #f8b500; text-decoration: none; }
a:hover { color: #444; }
em { color: #FF0000; font-style: normal; }
strong { }
.b { font-weight: bold; }

.clear {
  margin: 0;
  padding: 0;
  clear: both;
}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/* 回り込み解除 */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix { min-height: 1px; }

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

#wrap {
	margin: 0px;
	padding: 0px;
}

header {
	margin: 0px;
	padding: 0px 0px 5px;
	height: 60px;
	background-image: url(images/header_bk.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
header nav {
	margin: 0px auto;
	padding: 0px;
	width: 1200px;
	height: 60px;
}
header nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 1200px;
	position: relative;
}
header nav ul li {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 150px;
	display: block;
	position: absolute;
	top: 0px;
}
header nav ul li a {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
}
header nav ul li#nav-top { left: 0; }
header nav ul li#nav-top a { background-position: 0 0; }
header nav ul li#nav-top a:hover { background-position: 0 -60px; }
body.home header nav ul li#nav-top a { background-position: 0 -60px; }

header nav ul li#nav-about { left: 150px; }
header nav ul li#nav-about a { background-position: -1050px 0; }
header nav ul li#nav-about a:hover { background-position: -1050px -60px; }
body.page-id-156 header nav ul li#nav-about a { background-position: -1050px -60px; }

header nav ul li#nav-list { left: 300px; }
header nav ul li#nav-list a { background-position: -150px 0; }
header nav ul li#nav-list a:hover { background-position: -150px -60px; }
body.page-id-16 header nav ul li#nav-list a { background-position: -150px -60px; }

header nav ul li#nav-lect { left: 450px; }
header nav ul li#nav-lect a { background-position: -300px 0; }
header nav ul li#nav-lect a:hover { background-position: -300px -60px; }
body.page-id-18 header nav ul li#nav-lect a { background-position: -300px -60px; }

header nav ul li#nav-acc { left: 600px; }
header nav ul li#nav-acc a { background-position: -450px 0; }
header nav ul li#nav-acc a:hover { background-position: -450px -60px; }
body.page-id-20 header nav ul li#nav-acc a { background-position: -450px -60px; }

header nav ul li#nav-dl { left: 750px; }
header nav ul li#nav-dl a { background-position: -600px 0; }
header nav ul li#nav-dl a:hover { background-position: -600px -60px; }
body.page-id-22 header nav ul li#nav-dl a { background-position: -600px -60px; }

header nav ul li#nav-res { left: 900px; }
header nav ul li#nav-res a { background-position: -750px 0; }
header nav ul li#nav-res a:hover { background-position: -750px -60px; }
body.page-id-24 header nav ul li#nav-res a { background-position: -750px -60px; }

header nav ul li#nav-inq { left: 1050px; }
header nav ul li#nav-inq a { background-position: -900px 0; }
header nav ul li#nav-inq a:hover { background-position: -900px -60px; }
body.page-id-26 header nav ul li#nav-inq a { background-position: -900px -60px; }

div#main {
	margin: 0px auto 20px;
	padding: 0px;
	width: 1050px;
}
div#main article {
	margin: 0px;
	padding: 0px;
}

div#main h2.entry-title {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 10px;
	font-size: 21px;
	background-color: #f8b500;
	color: #FFFFFF;
	border-radius: 5px;
	width: 1040px;
	height: 50px;
	line-height: 50px;
}

div#main p.commingsoon {
	text-align: center;
	margin: 50px 0px 0px;
	padding: 0px;
	height: 450px;
	font-size: 20px;
}

div#main section#top {
	margin: 20px auto 0px;
	padding: 0px;
	width: 1050px;
}
div#main section#top h1 {
	margin: 0px;
	padding: 0px;
	height: 270px;
	width: 1050px;
	background-image: url(images/title02.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
}
div#main section#top p {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 1050px;
	background-image: url(images/title01.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
}
div#main section#top div {
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 1050px;
	background-image: url(images/title03.png);
	background-repeat: no-repeat;
	background-position: 38px 28px;
	text-indent: -9999px;
}
div#main section#time {
	margin: 0px 0px 40px;
	padding: 0px;
	width: 1050px;
}
div#main section#time h2 {
	background-image: url(images/time_title.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px auto 20px;
	padding: 0px;
	height: 40px;
	width: 1020px;
	display: block;
	text-indent: -9999px;
}
div#main section#time div.box {
	background-color: #FFF3BF;
	margin: 0px auto;
	padding: 20px;
	width: 950px;
}
div#main section#time div.box table {}
div#main section#time div.box table td img { vertical-align: bottom; }

div#main section#layer {
	margin: 15px auto;
	padding: 0px;
	width: 1020px;
}
div#main section#layer h1 {
	margin: 0px;
	padding: 0px;
	height: 215px;
	width: 510px;
	float: left;
	display: block;
	background-image: url(images/title01_ulayer.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#main section#layer h1 a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 215px;
	width: 510px;
	text-indent: -9999px;
}
div#main section#layer p {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 215px;
	width: 510px;
	background-image: url(images/title02_ulayer.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}

div#main section#info {
	margin: 0px auto 15px;
	padding: 0px;
	width: 1050px;
}
div#main section#info div#schedule {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 510px;
}
div#main section#info div#schedule p {
	margin: 0px auto 5px;
	padding: 0px;
	height: 40px;
	width: 250px;
	background-color: #ff7e00;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	display: block;
}
div#main section#info div#schedule table {
	border-collapse: collapse;
	border-bottom: 1px solid #ff7e00;
	border-right: 1px solid #ff7e00;
	background-color: #fff1a2;
	font-weight: bold;
}
div#main section#info div#schedule table th {
	border-top: 1px solid #ff7e00;
	border-left: 1px solid #ff7e00;
	text-align: left;
	vertical-align: top;
}
div#main section#info div#schedule table td {
	border-top: 1px solid #ff7e00;
	font-size: 16px;
	border-left: 1px solid #ff7e00;
}

div#main section#info div#venue {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 510px;
}
div#main section#info div#venue p {
	margin: 0px auto;
	padding: 0px;
	height: 96px;
	width: 414px;
	background-position: 0px 0px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
div#main section#info div#venue p#time {
	background-image: url(images/img_date.png);
	margin-top: 40px;
	margin-bottom: 20px;
}
div#main section#info div#venue p#place {
	background-image: url(images/img_place.png);
}

div#main div#btn-list {
	margin: 0px auto 40px;
	padding: 0px;
	height: 60px;
	width: 700px;
}
div#main div#btn-list a {
	background-color: #ed6c00;
	color: #FFFF00;
	font-size: 30px;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 700px;
	line-height: 60px;
	letter-spacing: 0.2em;
	display: block;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
}
div#main div#btn-list a:hover {
	background-color: #f8b500;
}
div#main dl#sponsor {
	margin: 0px auto 40px;
	padding: 0px;
	font-size: 16px;
	width: 760px;
	display: block;
}
div#main dl#sponsor dt{
	border: 1px solid #333333;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 90px;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 5px;
	float: left;
	height: 30px;
	line-height: 30px;
}
div#main dl#sponsor dt#sponsorship {
	background-color: #ff6161;
	margin-bottom: 10px;
}
div#main dl#sponsor dt#organizer { background-color: #209dbc; }
div#main dl#sponsor dd {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	line-height: 30px;
	height: 30px;
	display: block;
	font-weight: bold;
}
div#main section#lecture {
	margin: 0px auto 20px;
	padding: 0px;
	width: 1020px;
}
div#main section#lecture div#title {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 1020px;
	height: 50px;
	position: relative;
	background-color: #ed6c00;
	border-radius: 5px;
}
div#main section#lecture div#title h2 {
	color: #FFFFFF;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 50px;
	line-height: 50px;
	display: block;
	position: absolute;
	left: 10px;
	top: 0px;
}
div#main section#lecture div#title p#btn-appli {
	font-style: normal;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 180px;
	position: absolute;
	top: 10px;
	right: 10px;
}
div#main section#lecture div#title p#btn-appli a {
	background-image: url(images/btn_appli.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 180px;
	text-indent: -9999px;
}
div#main section#lecture div#title p#btn-appli a:hover { background-position: 0 -30px; }

div#main section#lecture div#set {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
}
div#main section#lecture div#set div.left, 
div#main section#lecture div#set div.right {
	margin: 0px;
	padding: 0px;
	width: 480px;
}
div#main section#lecture div#set div.left { float: left; } 
div#main section#lecture div#set div.right { float: right; }
div#main section#lecture div#set div.left h3, 
div#main section#lecture div#set div.right h3 {
	font-size: 18px;
	border-left: 5px solid #f8b500;
	margin: 0px 0px 15px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #333;
	position: relative;
}
div#main section#lecture div#set div.left h3 span, 
div#main section#lecture div#set div.right h3 span {
	color: #f8b500;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 150px;
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: right;
}

div#main section#lecture div#set h4 {
    color: #5872d6;
    font-size: 18px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}

div#main section#lecture div#set table {
    margin: 0px;
    padding: 0px;
}

div#main section#lecture div#set table td ul {
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 20px;

}
div#main section#lecture div#set table td ul li {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
}
div#main section#lecture div#set table td ul li span {
    font-size: 12px;
    font-weight: normal;
}

div#main table#inq {
	margin: 0px auto;
	padding: 0px;
	width: 80%;
	border-collapse: collapse;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

div#main table#inq th {
	margin: 0px;
	padding: 5px;
	width: 20%;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

div#main table#inq td {
	margin: 0px;
	padding: 5px;
	width: 80%;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

div#main article#list {}

div#main article#list h3 {
	font-size: 18px;
	margin: 0px 10px 20px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
}
div#main article#list div#seizou h3 {
	border-left: 5px solid #006CFF;
	color: #3E4C60;
}
div#main article#list div#seizou ul.company-list li a {
	background-image: url(images/nav_arrow02_blue.png);
	color: #006CFF;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 10px 5px;
	padding: 0px 0px 0px 15px;
}

div#main article#list div#kensetsu h3 {
	border-left: 5px solid #16902e;
	color: #295231;
}
div#main article#list div#kensetsu ul.company-list li a {
	background-image: url(images/nav_arrow02.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 10px 5px;
	padding: 0px 0px 0px 15px;
	color: #16902e;
}

div#main article#list div#oroshi h3 {
	border-left: 5px solid #9A46B9;
	color: #543062;
}
div#main article#list div#oroshi ul.company-list li a {
	background-image: url(images/nav_arrow02_perple.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 10px 5px;
	padding: 0px 0px 0px 15px;
	color: #9A46B9;
}

div#main article#list div#service h3 {
	border-left: 5px solid #CD6620;
	color: #5E3A22;
}
div#main article#list div#service ul.company-list li a {
	background-image: url(images/nav_arrow02_orange.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 10px 5px;
	padding: 0px 0px 0px 15px;
	color: #CD6620;
}
div#main article#list div#service ul.company-list li.none {
	background-image: url(images/nav_arrow02_orange.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 15px;
	width: 315px;
}

div#main article#list ul.company-list {
	list-style: none;
	margin: 0px 0px 30px;
	padding: 0px;
	width: 100%;
	font-size: 13px;
}
div#main article#list ul.company-list li {
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	float: left;
	width: 350px;
}
div#main article#list div.list-box {
	margin: 0px 20px 20px;
	padding: 0px;
}
div#main article#list div.list-box table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
div#main article#list div.list-box table th {
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fed66a;
	color: #b75900;
	width: 15%;
}
div#main article#list div.list-box table th sup {
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 10px;

}
div#main article#list div.list-box table td {
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
div#main article#list div.list-box table td#company {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ed6c00;
}
div#main article#list div.list-box table td sup {
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 10px;
}
div#main article#list div.list-box table td.hp a {
	text-decoration: underline;
}

div#main article div#lecture {
	margin: 0px 20px;
	padding: 15px;
	background-color: #fff3bf;
}
div#main article div#lecture div.box {
	background-color: #FFFFFF;
	margin: 0px 0px 15px;
	padding: 10px 0px 0px;
}
div#main article div#lecture div.box h3 {
	background-color: #FFFFFF;
	font-size: 20px;
	margin: 0px 10px 10px;
	padding: 0px 10px;
	width: 935px;
	height: 50px;
	line-height: 50px;
	position: relative;
	border-left: 5px solid #f8b500;
	border-bottom: 1px solid #ccc;
}
div#main article div#lecture div.box h3 span {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	width: 200px;
	text-align: right;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #f8b500;
}
div#main article div#lecture div.box table {
	margin: 0px 10px;
	padding: 0px;

}
div#main article div#lecture div.box table td {}
div#main article div#lecture div.box table td span.sub {
	margin: 0px;
	padding: 0px;
	display: block;
}
div#main article div#lecture div.box table td p {
	margin: 0px;
	padding: 0px;
}

div#main article div#lecture div.box table td p.btn {
    font-size: 16px;
    margin: 10px;
    padding: 0px;
    width: 220px;
    text-align: center;
    float: left;
}
div#main article div#lecture div.box table td p.btn a {
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	display: block;
	background-color: #f8b500;
	border-radius: 5px;
}
div#main article div#lecture div.box table td p.btn a:hover {
    background-color: #ed6c00;
}

div#main article div#lecture div.box table td span.waku {
    background-color: #f8b500;
    color: #FFFFFF;
    margin: 0px auto 20px;
    padding: 0px;
    height: 40px;
    width: 80px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px
}

div#main article div#lecture dl {
	font-size: 22px;
	margin: 0px;
	padding: 0px;
}
div#main article div#lecture dl dt {
	font-weight: bold;
	margin: 0px 0px 10px;
	padding: 0px;
	display: block;
	width: 150px;
	float: left;
}
div#main article div#lecture dl dd {
	margin: 0px 0px 10px 150px;
	padding: 0px;
	display: block;
	font-weight: bold;
}
div#main article div#lecture dl dd span { display: block; }

div#main article ul#icon {
	margin: 0px 20px 20px;
	list-style: none;
	padding: 0px;
}
div#main article ul#icon li {
	border-bottom: 1px solid #ccc;
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
}

div#main article ul#banner {
	margin: 0px;
	list-style: none;
	padding: 0px;
}
div#main article ul#banner li {
	padding: 0px;
	margin: 0px 20px 70px;
}
div#main article div#dl {
	margin: 0px 0px 70px;
	padding: 0px;
	text-align: center;
}
div#main article ul#map {
	margin: 0px auto;
	padding: 0px;
	display: block;
	width: 350px;
}
div#main article ul#map li {
	margin: 0px;
	padding: 0px;
}
div#main article table#result {
	display: block;
	margin: 50px auto;
	padding: 0px;
	font-size: 24px;
}
div#main article table#result th {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	height: 70px;
	line-height: 70px;
}
div#main article table#result td {
	margin: 0px;
	padding: 0px;
}
div#main article table#result td a {
	margin: 0px auto;
	padding: 0px;
	width: 140px;
	display: block;
	background-color: #f8b500;
	color: #FFFFFF;
	font-size: 21px;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
}

div#main article table#result td a:hover {
	background-color: #ed6c00;
}

div#main article ol#privacy {
	margin: 0px 50px;
	padding: 0px;
}
div#main article ol#privacy li {
	margin: 0px 0px 20px;
	padding: 0px;
}
div#main article ol#privacy li ol li {
	margin: 0px;
	padding: 0px;
}
div#main article ol#privacy li span {
	color: #f8b500;
	font-weight: bold;
	display: block;
}

footer {
	background-color: #f8b500;
}
footer div#box {
	margin: 0px auto;
	padding: 0px;
	width: 1050px;
	height: 180px;
	position: relative;
	color: #FFFFFF;
}
footer div#box h5 {
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 280px;
	display: block;
	position: absolute;
	left: 0px;
	top: 30px;
	background-color: #FFFFFF;
}
footer div#box h5 a {}
footer div#box a {
	color: #000000;
}
footer div#box a:hover {
	text-decoration: underline;
}
footer div#box div#set {
	width: 350px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 25px;
	left: 300px;
	font-size: 12px;
}
footer div#box div#set ul {
	width: 150px;
	height: 75px;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
footer div#box div#set ul li {
	margin: 0px;
	padding: 0px;
	line-height: 25px;
	height: 25px;
	display: block;
}
footer div#box div#set ul.s01 { width: 100px; }
footer div#box div#set ul.s02 { width: 150px; }
footer div#box div#set ul li a {
	background-image: url(images/arrow02_17.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	height: 25px;
	display: inline-block;
}
footer div#reference {
	width: 400px;
	position: absolute;
	left: 650px;
	top: 25px;
}
footer div#reference h6 {
	font-size: 16px;
	color: #000000;
}

footer div#reference address {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	color: #000000;
}
/* マージン（中に対しての隙間） */
.mg5 { margin: 5px; }
.mg10 { margin: 10px; }

.mgt0 { margin-top: 0px; }
.mgt5 { margin-top: 5px; }
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt25 { margin-top: 25px; }
.mgt30 { margin-top: 30px; }
.mgt35 { margin-top: 35px; }
.mgt40 { margin-top: 40px; }
.mgt45 { margin-top: 45px; }
.mgt50 { margin-top: 50px; }

.mgb0 { margin-bottom: 0px; }
.mgb5 { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
.mgb20 { margin-bottom: 20px; }
.mgb25 { margin-bottom: 25px; }
.mgb30 { margin-bottom: 30px; }
.mgb35 { margin-bottom: 35px; }
.mgb40 { margin-bottom: 40px; }
.mgb45 { margin-bottom: 45px; }
.mgb50 { margin-bottom: 50px; }

.mgl0 { margin-left: 0px; }
.mgl5 { margin-left: 5px; }
.mgl10 { margin-left: 10px; }
.mgl15 { margin-left: 15px; }
.mgl20 { margin-left: 20px; }
.mgl25 { margin-left: 25px; }
.mgl30 { margin-left: 30px; }
.mgl35 { margin-left: 35px; }
.mgl40 { margin-left: 40px; }
.mgl45 { margin-left: 45px; }
.mgl50 { margin-left: 50px; }

.mgr0 { margin-right: 0px; }
.mgr5 { margin-right: 5px; }
.mgr10 { margin-right: 10px; }
.mgr15 { margin-right: 15px; }
.mgr20 { margin-right: 20px; }
.mgr25 { margin-right: 25px; }
.mgr30 { margin-right: 30px; }
.mgr35 { margin-right: 35px; }
.mgr40 { margin-right: 40px; }
.mgr45 { margin-right: 45px; }
.mgr50 { margin-right: 50px; }

/* パディング（外に対しての隙間） */
.pd5 { padding: 5px; }
.pd10 { padding: 10px; }

.pdt0 { padding-top: 0px; }
.pdt5 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt25 { padding-top: 25px; }
.pdt30 { padding-top: 30px; }
.pdt35 { padding-top: 35px; }
.pdt40 { padding-top: 40px; }
.pdt45 { padding-top: 45px; }
.pdt50 { padding-top: 50px; }

.pdb0 { padding-bottom: 0px; }
.pdb5 { padding-bottom: 5px; }
.pdb10 { padding-bottom: 10px; }
.pdb15 { padding-bottom: 15px; }
.pdb20 { padding-bottom: 20px; }
.pdb25 { padding-bottom: 25px; }
.pdb30 { padding-bottom: 30px; }
.pdb35 { padding-bottom: 35px; }
.pdb40 { padding-bottom: 40px; }
.pdb45 { padding-bottom: 45px; }
.pdb50 { padding-bottom: 50px; }

.pdl0 { padding-left: 0px; }
.pdl5 { padding-left: 5px; }
.pdl10 { padding-left: 10px; }
.pdl15 { padding-left: 15px; }
.pdl20 { padding-left: 20px; }
.pdl25 { padding-left: 25px; }
.pdl30 { padding-left: 30px; }
.pdl35 { padding-left: 35px; }
.pdl40 { padding-left: 40px; }
.pdl45 { padding-left: 45px; }
.pdl50 { padding-left: 50px; }

.pdr0 { padding-right: 0px; }
.pdr5 { padding-right: 5px; }
.pdr10 { padding-right: 10px; }
.pdr15 { padding-right: 15px; }
.pdr20 { padding-right: 20px; }
.pdr25 { padding-right: 25px; }
.pdr30 { padding-right: 30px; }
.pdr35 { padding-right: 35px; }
.pdr40 { padding-right: 40px; }
.pdr45 { padding-right: 45px; }
.pdr50 { padding-right: 50px; }

/* フォント関連 */

.f8 { font-size: 8px; } /* フォント8px */
.f10 { font-size: 10px; } /* フォント10px */
.f12 { font-size: 12px; } /* フォント12px */
.f14 { font-size: 14px; } /* フォント14px */
.f16 { font-size: 16px; } /* フォント16px */
.f18 { font-size: 18px; } /* フォント18px */
.f20 { font-size: 20px; } /* フォント20px */
.f22 { font-size: 22px; } /* フォント20px */
.f24 { font-size: 24px; } /* フォント20px */
.f26 { font-size: 26px; } /* フォント20px */
.f28 { font-size: 28px; } /* フォント20px */
.f30 { font-size: 30px; } /* フォント20px */

.f-red { color: #F00; } /* 赤 */
.f-org { color: #F60; } /* オレンジ */
.f-ylw { color: #F90; } /* 黄色 */
.f-gyl { color: #CC0; } /* 黄緑 */
.f-gre { color: #690; } /* 緑 */
.f-dgr { color: #f8b500; } /* 濃緑 */
.f-aqa { color: #3C9; } /* 水色 */
.f-sky { color: #0CC; } /* 空色 */
.f-ble { color: #06C; } /* 青 */
.f-nvy { color: #039; } /* 紺 */
.f-ppl { color: #339; } /* 紫 */
.f-fji { color: #96C; } /* 藤色 */
.f-pnk { color: #F6C; } /* ピンク */
.f-smn { color: #F66; } /* サーモン */
.f-bju { color: #C63; } /* ベージュ */
.f-brn { color: #630; } /* ブラウン */

.bk-red { color: #FFF; background: #F00; } /* 赤・文字白 */
.bk-org { color: #FFF; background: #F60; } /* オレンジ・文字白 */
.bk-ylw { color: #FFF; background: #F90; } /* 黄色・文字白 */
.bk-gyl { color: #FFF; background: #CC0; } /* 黄緑・文字白 */
.bk-gre { color: #FFF; background: #690; } /* 緑・文字白 */
.bk-dgr { color: #FFF; background: #f8b500; } /* 濃緑・文字白 */
.bk-aqa { color: #FFF; background: #3C9; } /* 水色・文字白 */
.bk-sky { color: #FFF; background: #0CC; } /* 空色文字白 */
.bk-ble { color: #FFF; background: #06C; } /* 青・文字白 */
.bk-nvy { color: #FFF; background: #039; } /* 紺・文字白 */
.bk-ppl { color: #FFF; background: #339; } /* 紫・文字白 */
.bk-fji { color: #FFF; background: #96C; } /* 藤色・文字白 */
.bk-pnk { color: #FFF; background: #F6C; } /* ピンク・文字白 */
.bk-smn { color: #FFF; background: #F66; } /* サーモン・文字白 */
.bk-bju { color: #FFF; background: #C63; } /* ベージュ・文字白 */
.bk-brn { color: #FFF; background: #630; } /* ブラウン・文字白 */

form { padding: 0; margin: 0; }


label {
	padding: 0;
	margin: 0;
	display: inline;
}

.w25 { width: 25px; }
.w35 { width: 35px; }
.w50 { width: 50px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w175 { width: 175px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w325 { width: 325px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w475 { width: 475px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w650 { width: 650px; }

.w95p { width: 95%; }
.w90p { width: 90%; }
.w85p { width: 85%; }
.w80p { width: 80%; }
.w75p { width: 75%; }
.w70p { width: 70%; }
.w65p { width: 65%; }
.w60p { width: 60%; }
.w55p { width: 55%; }
.w50p { width: 50%; }
.w45p { width: 45%; }
.w40p { width: 40%; }
.w35p { width: 35%; }
.w30p { width: 30%; }
.w25p { width: 25%; }
.w20p { width: 20%; }
.w15p { width: 15%; }
.w10p { width: 10%; }
.w5p { width: 5%; }