/*!
Theme Name: macoi
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: macoi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

macoi is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

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

body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	font-size: 14px;
	background-color: #dddddd;
	line-height: 1.5;
	min-width: 100%;
}

body, html, main {
    /* important */
    height: 100%;
}

img { border-style: none; }
a img:hover { opacity: 0.5 ; transition: 1.0s ; }
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
a { color: #333; text-decoration: none; }
a:hover { color: #DA462C; transition: 1.0s ; }
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;
	font-family: "Rounded Mplus 1c";
	transform: rotate( 0.05deg );
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing;
}

/* 回り込み解除 */
.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 { z-index: 1; }


/* トップページ
-------------------------------------------- */
article#top {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

article#top section#slide {
	background-color: #FFFFFF;
	margin: 0px 0px 25px;
	padding: 20px 0px;
	width: 100%;
	height: auto;
}

article#top section#slide div.set {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
}
article#top section#slide div.set h2 {
  text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
}

article#top section#outline {
	margin: 0px auto 0px;
	padding: 20px 0px;
	width: 100%;
	background-color: #FFFFFF;
}

article#top section#outline div#servise {}

article#top section#outline div#servise div#idea,
article#top section#outline div#servise div#design,
article#top section#outline div#servise div#iot {
	margin: 0px 20px 20px 0px;
	padding: 20px;
	width: 360px;
	float: left;
	border-radius: 10px;
}
article#top section#outline div#servise div#iot { margin: 0px 20px 0px 0px; }

article#top section#outline div#servise div#idea { background-color: #ff96a8; }
article#top section#outline div#servise div#design { background-color: #cae87b; }
article#top section#outline div#servise div#iot {
	margin-right: 0px;
	background-color: #7dc8f6;
}

article#top section#outline div#servise div div.img {
	margin: 0px 0px 20px;
	padding: 0px;
	height: 150px;
	width: 360px;
}
article#top section#outline div#servise div div.img img { vertical-align: text-bottom; }
article#top section#outline div#servise div div.box {
	background-color: #FFFFFF;
	padding: 20px 10px 10px;
}
article#top section#outline div#servise div div.box h3 {
	font-size: 24px;
	text-align: center;
	letter-spacing: 0.3em;
	font-family: "Rounded Mplus 1c";
	transform: rotate( 0.05deg );
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing;
	margin: 0px 0px 10px;
	padding: 0px;
	display: block;
	height: 24px;
	line-height: 24px;
}
article#top section#outline div#servise div div.box h3 a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 24px;
}

/* --- IoT --- */
article#page div#iot-set {}
article#page div#iot-set div.box {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 100;
}
article#page div#iot-set div.box dl {
	margin: 0px;
	padding: 0px;
}
article#page div#iot-set div.box dl dt {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #575757), color-stop(0.00, #000));
	background: -webkit-linear-gradient(#000, #575757);
	background: -moz-linear-gradient(#000, #575757);
	background: -o-linear-gradient(#000, #575757);
	background: -ms-linear-gradient(#000, #575757);
	background: linear-gradient(#000, #575757);
	display: block;
	margin: 0px 0px 10px;
	padding: 0px;
	color: #23C5FF;
	font: 24px/100px Impact;
	text-align: center;
	font-style: italic;
	font-family: Impact;
	font-size: 22px;
}

article#page div#iot-set div.box dl dd {
	margin: 0px;
	padding: 0px;
}
article#page div#iot-set div.box dl dd p {
	margin: 0px;
	padding: 0px;
}
article#page div#iot-set div.box dl dd h4 {
	font-family: "Rounded Mplus 1c";
	margin: 5px 0px 10px;
	padding: 5px 0px 5px 20px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-image: url(images/arrow02_ble.png);
	background-repeat: no-repeat;
	background-position: 0px 11px;
	font-size: 16px;
}

article#top section#outline div#servise div div.box p {
	margin: 0px;
	padding: 0px;
	line-height: 2;
}

article#top section#news-box {
	margin: 0px auto;
	padding: 20px 10px 0px;
	width: 1260px;
	background-color: #FFFFFF;
}

article#top section#news-box div.feedbox {
	margin: 0px 10px 20px;
	padding: 20px;
	width: 358px;
	border: 1px solid #DDDDDD;
	display: block;
	border-collapse: separate;
	float: left;
}

article#top section#news-box div.feedbox dl {
	margin: 0px;
	padding: 0px;
	width: 358px;
}
article#top section#news-box div.feedbox dl dt {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	height: 190px;
	width: 190px;
}
article#top section#news-box div.feedbox dl dd {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 158px;
}
article#top section#news-box div.feedbox dl dd h4 {
	display: inline-block;
	margin: 0px;
	padding: 0px 0px 5px;
	font-size: 14px;
}
article#top section#news-box div.feedbox dl dd span {
	color: #FFF;
	background-color: #da462c;
	padding: 0px 5px;
	border-radius: 5px;
}
article#top section#news-box div.feedbox dl dd p {
	margin: 0px 0px 5px;
	padding: 0px;
}
article#top section#news-box div.feedbox dl dd p.time {
	text-align: right;
}

/* タイトル
-------------------------------------------- */
h2.entry-title {
	font-size: 24px;
	margin: 0px 0px 25px;
	padding: 20px 0px;
	text-align: center;
	line-height: 24px;
	font-style: normal;
	letter-spacing: 0.5em;
	background-color: #F7F7F7;
	box-shadow: 0px 0px 0px 5px #CCCCCC;
	border: solid 1px #333333;
	color: #333333;
		
}
h3.privacy {
	font-size: 16px;
	margin: 0px 0px 10px;
	padding: 10px 0px 10px 20px;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCC;
	background-image: url(images/arrow02_ygr.png);
	background-repeat: no-repeat;
	background-position: 0px 15px;
}
article#page div#iotcontent div.box h3 {
	font-size: 16px;
	color: #F60;
	text-align: center;
	margin: 0px 0px 20px;
	padding: 0px;
}
article#blog section#blog-set h3.entry-title {
	font-size: 18px;
	margin: 0px 0px 20px;
	padding: 5px 0px 5px 20px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(images/arrow02_org.png);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}
article#blog aside h4 {
	margin: 0px 0px 10px;
	padding: 5px 0px 5px 25px;
	font-size: 16px;
	background-color: #F7F7F7;
	background-image: url(images/arrow03_org.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
article#blog aside ul {
	margin: 0px 0px 20px;
	list-style: none;
	padding: 0px 0px 0px 25px;
}
article#blog aside ul li {
	background-image: url(images/arrow01_ylw.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

article#page div#iotcontent div.box {
	margin: 0px 0px 20px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
article#page div#iotcontent div.box p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
article#page div#iotcontent div.box p img {
	vertical-align: bottom;
}
article#blog aside section {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

div.btn-top {
	padding: 0px;
	margin: 50px 0px 0px;
}
div.btn-top a {
	margin: 0px 0px 0px auto;
	padding: 0px;
	display: block;
	width: 150px;
	height: 30px;
	text-align: center;
	background-color: #D9442A;
	line-height: 30px;
	color: #FFF;
	font-family: "Rounded Mplus 1c";
	transform: rotate( 0.05deg );
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing;
	border-radius: 5px 5px 0px 0px;
}
div.btn-top a:hover { background-color: #E57E6C; }

/* 固定ページ
-------------------------------------------- */
article#page, 
article#blog {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #B1B1B1;
}
article div#catch {
	margin: 0px 0px 25px;
	padding: 0px;
}
article div#catch img {
	padding: 0px;
	width: 100%;
	height: auto;
}
article#page a, article#blog a { text-decoration: underline; }
article#page a:hover, article#blog a:hover { text-decoration: none; }
article section {
	margin: 0px auto;
	padding: 0px;
	width: 100%;s
}
article#page section div.entry-content, 
article#blog section#blog-set {
	width: 80%;
	margin: 0px auto;
	padding: 0px;
}
article#blog section div.entry-content p {
	padding: 0px;
	margin: 0px;
}
article#page section table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
article#page section table th {
	width: 20%;
	text-align: left;
	vertical-align: top;
	background-image: url(images/arrow02_red.png);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	margin: 0px;
	padding: 10px 10px 10px 30px;
	background-color: #EEEEEE;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	white-space: nowrap;
}
article#page section table td {
	width: 80%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	vertical-align: top;
	margin: 0px;
	padding: 10px;
}
article#page section table td ol {
	margin: 0px 0px 0px 30px;
	list-style: decimal outside;
	padding: 0px;
}
article#page section table td ol li {
	margin: 0px 0px 5px;
	padding: 0px;
}
article div#pan {
	margin: 0px 0px 20px;
	padding: 0px;
}

table#wp-calendar {
	empty-cells: show;
	margin: 0px 0px 10px;
	padding: 0px;
	border-collapse: collapse;
	width: 100%;
}

#wp-calendar caption {
	border: 1px solid #ccc;
	border-bottom: 0;
	margin: 0px;
	padding: 5px 0px;
	background: #FFF;
}

#wp-calendar tbody {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #FFF;
}

#wp-calendar th {
	background: #FFF;
	padding: 2px 2px;
	text-align: center;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#wp-calendar td {
	padding: 2px 2px;
	text-align: center;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#wp-calendar tfoot td { 
	background: #FFF;
	padding: 2px 2px;
	border: none;
}
#wp-calendar tfoot td#prev {
	border-bottom-left-radius: 5px;
} 
#wp-calendar tfoot td#next {
	border-bottom-right-radius: 5px;
}

/* フッター
-------------------------------------------- */
footer {
	margin: 0px auto;
	padding: 25px 0px 10px;
	width: 100%;
	font-family: "Rounded Mplus 1c";
	transform: rotate( 0.05deg );
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing;
}
footer h3 {
	font-size: 24px;
	text-align: center;
	letter-spacing: 0.3em;
	margin: 0px 0px 25px;
	padding: 0px;
	display: block;
	height: 24px;
	line-height: 24px;
}
footer address {
	font-style: normal;
	text-align: center;
	font-size: 16px;
	margin: 0px 0px 25px;
	padding: 0px;
}
footer div#copy {
	text-align: center;
	font-size: 16px;
}
footer div#btn-contact {
	margin: 0px auto 25px;
	padding: 0px;
	height: 60px;
	width: 360px;
	letter-spacing: 0.3em;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
}
footer div#btn-contact a {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 360px;
	border-radius: 5px;
	background-color: #9d6aca;
	display: block;
	color: #FFFFFF;
}
footer div#btn-contact a:hover { background-color: #C396EB; }


@media print, screen and (min-width:1281px) {
/*pc用のcssを記述*/

/* ヘッダー
-------------------------------------------- */
header {
	margin: 0px auto;
	padding: 0px;
	width: 1280px;
	height: 250px;
	position: relative;
}
header h1 {
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 220px;
	display: block;
	font-size: 12px;
	text-indent: -9999px;
	position: absolute;
	left: 530px;
	top: 0px;
}
header h1 a {
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 220px;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}

/* ヘッダーナビ
-------------------------------------------- */
header nav {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 200px;
	height: 50px;
	width: 1280px;
}
header nav ul {
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	height: 50px;
	width: 1000px;
}
header nav ul li {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 200px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	font-family: "Rounded Mplus 1c";
	transform: rotate( 0.05deg );
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing;
}
header nav ul li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 200px;
}
header nav ul li a:hover {
	color: #FFF;
}

/* 以下、ドロップダウン */
header nav li.menu-item-has-children { position: relative; }
header nav li.menu-item-has-children ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
header nav li.menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
    top: 52px;
}
header nav .menu li a {
    background: rgba( 255, 255, 255, 0 );
}
header nav .menu li a:hover { background: #da462c; }
header nav .menu li ul li a {
    background: #fff;
    border-top: solid 1px #da462c;
    border-bottom: solid 1px #da462c;
}
.menu li ul li a:hover {
    background: #da462c;
}
.menu li:hover > a {
    background: rgba( 255, 255, 255, 0 ); }

header nav li.menu-item-has-children ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50px;
}
header nav li.menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
    top: 50px;
}

/* トップページ
-------------------------------------------- */
article#top section#slide {
	background-color: #FFFFFF;
	margin: 0px 0px 25px;
	padding: 20px 0px;
	height: 410px;
	width: 100%;
}

article#top section#slide div.set {
	margin: 0px auto;
	padding: 0px;
	height: 410px;
	width: 1280px;
}
article#top section#slide div.set h2 {
  text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
}
article#top section#outline {
	margin: 0px auto 25px;
	padding: 20px;
	width: 1240px;
	background-color: #FFFFFF;
}

/* 固定ページ
-------------------------------------------- */
article#page section, 
article#blog section { width: 1280px; }

/* --- IoT --- */
article#page div#iotcontent {
	padding: 0px;
	width: 960px;
	margin: 0px auto 35px;
}
article#page div#iotcontent div.box {
	margin: 0px 20px;
	float: left;
	width: 258px;
}

article#page div#iotcontent div.box h3 span {
	display: block;
	margin: 0px;
	padding: 0px;
}


article#page div#iot-set {}
article#page div#iot-set div.box {
	margin: 0px 10px 10px;
	padding: 0px;
	height: 300px;
	width: 320px;
	float: left;
}

/* 投稿ページ
-------------------------------------------- */
article#blog div#contentbox {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 750px;
}

article#blog aside {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 250px;
}
article#blog aside section {
	margin: 0px;
	padding: 0px;
	width: 250px;
}

/* フッター
-------------------------------------------- */
footer { width: 1280px; }

}

@media screen and (min-width:769px) and (max-width:1280px) {
/*tablet用のcssを記述*/

/* ヘッダー
-------------------------------------------- */
header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 150px;
	position: relative;
}

header h1 {
	margin: 0px auto;
	padding: 0px;
	width: 300px;
	height: 88px;
}
header h1 a {
	margin: 0px;
	padding: 0px;
	width: 300px;
	height: 88px;
	display: block;
	background-image: url(images/mobile_logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}

/* ヘッダーナビ
-------------------------------------------- */
header nav {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 100%;
	position: absolute;
	top: 100px;
	left: 0px;
}
header nav ul {
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	height: 50px;
	width: 100%;
}
header nav ul li {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 20%;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	font-family: "Rounded Mplus 1c";
	transform: rotate( 0.05deg );
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing;
	white-space: nowrap;
}
header nav ul li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 100%;
}
header nav ul li a:hover {
	color: #FFF;
}


header nav ul li ul li { width: 100%; }
header nav ul li ul li a {
	display: block;
	width: 100%;
}
header nav .menu::after {
    content: "";
    display: table;
    clear: both;
}

/* 以下、ドロップダウン */
header nav li.menu-item-has-children { position: relative; }
header nav li.menu-item-has-children ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
header nav li.menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
    top: 52px;
}
header nav .menu li a {
    background: rgba( 255, 255, 255, 0 );
}
header nav .menu li a:hover { background: #da462c; }
header nav .menu li ul li a {
    background: #fff;
    border-top: solid 1px #da462c;
    border-bottom: solid 1px #da462c;
}
.menu li ul li a:hover {
    background: #da462c;
}
.menu li:hover > a {
    background: rgba( 255, 255, 255, 0 ); }

header nav li.menu-item-has-children ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50px;
}
header nav li.menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
    top: 50px;
}

}


@media screen and (max-width:768px) {
/*スマホ用のcssを記述*/

/* ヘッダー
-------------------------------------------- */
header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 108px;
}

header h1 {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 300px;
	height: 88px;
}
header h1 a {
	margin: 0px;
	padding: 0px;
	width: 300px;
	height: 88px;
	display: block;
	background-image: url(images/mobile_logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}

article#page div#catch {
	display: none;
}

article#top section#outline div#servise div#idea,
article#top section#outline div#servise div#design,
article#top section#outline div#servise div#iot {
	float: none;
	margin: 0px auto 20px;
	padding: 20px;
}

article#top section#outline div#servise p { text-align: center; }

article#top section#outline div#servise div.img, 
article#top section#outline div#servise div.box {
	margin: 0px auto;
	padding: 0px;
}

article#top section#outline div#servise div.img img {
}

section#news-box {
	display: none;
}

/* ヘッダーナビ
-------------------------------------------- */
header nav {
	display: none;
}

}

/* Fruruスタイルシート
---------------------------------------------------- */

ul.list,
ul.list2, 
ul.list3 {
	list-style: none;
	padding: 0px;
	margin-top: 0px;
}

ul.list li, 
ul.list3 li {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 15px;
	list-style: none;
}
ul.list2 li {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	list-style: none;
}

ul.list li ul, 
ul.list2 li ul, 
ul.list3 li ul {
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
}

ul.ar01-ble li { background: url(images/arrow01_ble.png) no-repeat 0px 5px; }
ul.ar01-aqa li { background: url(images/arrow01_aqa.png) no-repeat 0px 5px; }
ul.ar01-grn li { background: url(images/arrow01_grn.png) no-repeat 0px 5px; }
ul.ar01-gry li { background: url(images/arrow01_gry.png) no-repeat 0px 5px; }
ul.ar01-org li { background: url(images/arrow01_org.png) no-repeat 0px 5px; }
ul.ar01-pnk li { background: url(images/arrow01_pnk.png) no-repeat 0px 5px; }
ul.ar01-ppl li { background: url(images/arrow01_ppl.png) no-repeat 0px 5px; }
ul.ar01-red li { background: url(images/arrow01_red.png) no-repeat 0px 5px; }
ul.ar01-rse li { background: url(images/arrow01_rse.png) no-repeat 0px 5px; }
ul.ar01-ygr li { background: url(images/arrow01_ygr.png) no-repeat 0px 5px; }
ul.ar01-ylw li { background: url(images/arrow01_ylw.png) no-repeat 0px 5px; }

ul.ar02-ble li { background: url(images/arrow02_ble.png) no-repeat 0px 2px; }
ul.ar02-aqa li { background: url(images/arrow02_aqa.png) no-repeat 0px 2px; }
ul.ar02-grn li { background: url(images/arrow02_grn.png) no-repeat 0px 2px; }
ul.ar02-gry li { background: url(images/arrow02_gry.png) no-repeat 0px 2px; }
ul.ar02-org li { background: url(images/arrow02_org.png) no-repeat 0px 2px; }
ul.ar02-pnk li { background: url(images/arrow02_pnk.png) no-repeat 0px 2px; }
ul.ar02-ppl li { background: url(images/arrow02_ppl.png) no-repeat 0px 2px; }
ul.ar02-red li { background: url(images/arrow02_red.png) no-repeat 0px 2px; }
ul.ar02-rse li { background: url(images/arrow02_rse.png) no-repeat 0px 2px; }
ul.ar02-ygr li { background: url(images/arrow02_ygr.png) no-repeat 0px 2px; }
ul.ar02-ylw li { background: url(images/arrow02_ylw.png) no-repeat 0px 2px; }

ul.ar03-ble li { background: url(images/arrow03_ble.png) no-repeat 0px 3px; }
ul.ar03-aqa li { background: url(images/arrow03_aqa.png) no-repeat 0px 3px; }
ul.ar03-grn li { background: url(images/arrow03_grn.png) no-repeat 0px 3px; }
ul.ar03-gry li { background: url(images/arrow03_gry.png) no-repeat 0px 3px; }
ul.ar03-org li { background: url(images/arrow03_org.png) no-repeat 0px 3px; }
ul.ar03-pnk li { background: url(images/arrow03_pnk.png) no-repeat 0px 3px; }
ul.ar03-ppl li { background: url(images/arrow03_ppl.png) no-repeat 0px 3px; }
ul.ar03-red li { background: url(images/arrow03_red.png) no-repeat 0px 3px; }
ul.ar03-rse li { background: url(images/arrow03_rse.png) no-repeat 0px 3px; }
ul.ar03-ygr li { background: url(images/arrow03_ygr.png) no-repeat 0px 3px; }
ul.ar03-ylw li { background: url(images/arrow03_ylw.png) no-repeat 0px 3px; }

/* マージン（中に対しての隙間） */
.mg0 { margin: 0px; }
.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; }

/* パディング（外に対しての隙間） */
.pd0 { padding: 0px; }
.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; } /* フォント22px */
.f24 { font-size: 24px; } /* フォント24px */
.f26 { font-size: 26px; } /* フォント26px */
.f28 { font-size: 28px; } /* フォント28px */
.f30 { font-size: 30px; } /* フォント30px */
.f32 { font-size: 32px; } /* フォント32px */
.f34 { font-size: 34px; } /* フォント34px */
.f36 { font-size: 36px; } /* フォント36px */
.f38 { font-size: 38px; } /* フォント38px */
.f40 { font-size: 40px; } /* フォント40px */

.f-red { color: #F00; } /* 赤 */
.f-org { color: #F60; } /* オレンジ */
.f-ylw { color: #F90; } /* 黄色 */
.f-gyl { color: #CC0; } /* 黄緑 */
.f-gre { color: #690; } /* 緑 */
.f-dgr { color: #063; } /* 濃緑 */
.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: #063; } /* 濃緑・文字白 */
.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%; }