@charset "UTF-8";
/* @Style license ID.0328 */
/* =============================================================== */
/* Reset */
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,blockquote,cite,q,address {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

/* =============================================================== */

div {
	display:block;
}
div:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/* =============================================================== */

/* 全体の設定 */

/* 画像ボーダー */
img {
border-style: none;
}

/* 強調 */
strong {
	color: #FF6600;
	background-color: #ffffff;
}
/* 読み飛ばし */
.skip{
	position: absolute;
	left: -9999px;
}
/* 非表示 */
.none{
	display: none;
}
/* 区切り */
hr {
	clear: both;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0;
	height: 1px;
	border-style: solid none none none;
	color: #ccc;
}

/* =============================================================== */

/* Layout */
body {
	font-family: Arial, "Trebuchet MS Verdana", sans-serif;
	color: #333333;
	background-color: #ffffff;
	text-align: center;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	min-width: 760px; max-width: 1200px;
}

div#header {
	color: #333333;
	background-color: #f7f6fb;
	background-image: url(blogimg/image.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	text-align: left;
	width: 100%;
}
div#wrapper {
	margin: auto;
	width: 98%;
}

div#contents {
	text-align: left;
	width: 65%;
	float: left;
}

div#sub1 {
	text-align: left;
	width: 34%;
	float: left;
}

div#footer {
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-bottom: 15px;
	width: 100%;
	clear: both;
}

/* =============================================================== */

/* header */

div#header h1 {
	margin-left: 30px;
}

/* ブログの説明 */
div#header .description {
	font-size: 80%;
	padding: 5px;
	margin-left: 30px;
	margin-bottom: 5px;
}

/* ブログの説明 */
div#header .serch {
	font-size: 80%;
	margin-right: 20px;
	float: right;
}

/* =============================================================== */

/* 上部ナビゲーションバー */
div#navi {
	font-size: 75%;
	color: #000000;
	background-color: #f0f8ff;
	background-image: url(blogimg/navi.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 5px;
}
/* 上部ナビゲーションバー余白 */
div#navi .pad {
	padding-left: 0;
	padding-right: 0;
}
/* 上部ナビゲーションバー リスト */
div#navi ul {
	padding: 0;
	margin: 0;
}
div#navi ul li {
	display: inline;
}

/* 上部ナビゲーションバーリンク設定 */
div#navi ul li a {
	text-decoration: none;
	color: #0000cd;
	background-image: url(blogimg/navi.png);
	background-position: right bottom;
	background-repeat: repeat-x;
	padding-top: 0.3em;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0.3em;
	float: left;
	border-right: 1px solid #e0e0e0;
}
/* 上部ナビゲーションバー マウスオーバー時 */
div#navi ul li a:hover {
	color: #FFFFFF;
	background-color: #666666;
	background-image: url(blogimg/naviover.png);
	background-position: right bottom;
	background-repeat: repeat-x;
}

/* =============================================================== */

/* コンテンツエリア */
div#contents {
	font-size: 100%;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	margin-top: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-bottom: 0;

}
/* コンテンツリンク設定 */
div#contents a {
	text-decoration: underline;
	color: #336600;
	background-color: #ffffff;
}
/* コンテンツリンク基本色 */
div#contents a:link {
	text-decoration: underline;
	color: #0000CD;
	background-color: #ffffff;
}
/* コンテンツリンクマウスオーバー時 */
div#contents a:link:hover {
	text-decoration: underline;
	color: #FF6600;
	background-color: #ffffff;
}
/* コンテンツリンククリック時 */
div#contents a:link:active {
	text-decoration: underline;
	color: #FF6600;
	background-color: #ffffff;
}
/* コンテンツリンク訪問済み */
div#contents a:visited {
	text-decoration: underline;
	color: #660099;
	background-color: #ffffff;
}
/* コンテンツリンク訪問済みマウスオーバー */
div#contents a:visited:hover {
	text-decoration: underline;
	color: #FF6600;
	background-color: #ffffff;
}
/* コンテンツリンク訪問済みクリック時 */
div#contents a:visited:active {
	text-decoration: underline;
	color: #FF6600;
	background-color: #ffffff;
}

/*コンテンツ余白  */
div#contents .pad {
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
}
/* コンテンツ日付 */
div#contents .date {
	font-size: 90%;
	font-weight: bold;
	color: #666666;
	background-color: #ffffff;
	margin-top: 10px;
	padding-top: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	clear: both;
}
/* コンテンツ見出しh2 */
div#contents h2 {
	font-size: 115%;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	background-image: url(blogimg/h2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 23px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6fa;
	padding-bottom: 5px;
	clear: both;
}
/* コンテンツ見出しh3 */
div#contents h3 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	clear: both;
}
/* コンテンツ見出しh4 */
div#contents h4 {
	font-size: 100%;
	margin-top: 10px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	clear: both;
}
/* コンテンツ段落 */
div#contents p {
	margin-top: 0px;
	margin-bottom: 10px;
}
/* 引用元情報 */
div#contents cite {
	font-style: italic;
}
/* 引用 */
div#contents blockquote {
	color: #333333;
	background-color: #ffffff;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	padding: 5px;
	margin-bottom: 10px;
}
/* 整形済みテキスト */
div#contents pre {
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	padding: 5px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 10px;
	height: 100px;/* ここを変更すれば高さが変わります */
	overflow: scroll;
}

/* 順不同リスト（箇条書き）*/
div#contents ul,div#contents ol {
	padding-left: 20px;
	margin-bottom: 5px;
}
/* 画像 */
div#contents img{
	margin-top: 0;
	margin-bottom: 20px;
}
/* 画像左配置 */
.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}
/* 画像中央配置 */
.mt-image-center {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

/* 画像左配置 */
div#contents .imageleft{
	margin-right: 10px;
	float: left;
}
/* 画像右配置 */
div#contents .imageright{
	margin-left: 10px;
	float: right;
}
/* 追記 */
div#contents .more {
	margin-top: 3px;
	margin-bottom: 10px;
	float: right;
}
/* タグ */
div#contents .entry-tags {
	clear:both;
    margin: 5px 0 10px 5px; 
}
div#contents .entry-tags-header,
div#contents .entry-tags-list,
div#contents .entry-tag { display: inline; }
div#contents .entry-tags-list { 
    list-style:none;
    padding-left: 0;

}


/* 投稿者情報 */
div#contents .posted {
	font-size: 90%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	line-height: normal;
	padding: 3px;
	margin-bottom: 25px;
	clear: both;
}
/* コメント関連 */
div#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

div#contents label {
	margin-bottom: 0.5em;
	width: 10em;
	float: left;
	clear: both;
	white-space: nowrap;
	}

div#contents textarea[id="comment-text"] {
	width: 80%;
	}
/* コメンター画像 */
div#contents .commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}
div#contents .sign {
	margin-bottom: 10px;
}
div#contents .extended {
	display:block;
	float:right;
}

div#contents textarea {
	font-size: 100%;
}

div#contents dl {
	margin-bottom: 10px;
}

/* 会社概要用 */
div#contents .info {
	margin-top: 10px;
	margin-bottom: 25px;
}

div#contents .info dd {
	line-height: 160%;
	margin-top: -1.6em;
	margin-left: 9em;
	margin-right: 0;
	margin-bottom: .8em;
	border-bottom: 1px dotted #666666;
}
/* お問い合わせ用 */
div#contents .form {
	line-height: 160%;
	margin: 0;
}

div#contents .form dd {
	line-height: 160%;
	margin-top: -1.6em;
	margin-left: 10em;
	margin-right: 0;
	margin-bottom: .8em;
}

/* サイトマップ用 */
div#contents .archives {
	margin-top: 0px;
	margin-bottom: 25px;
}

div#contents .archives dd {
	line-height: 140%;
	margin-top: -1.4em;
	margin-left: 13em;
	margin-right: 0;
	margin-bottom: 0.4em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/*--------------------▽エントリページナビ*/

div#contents .pre{
	float: left;
	background-image: url(blogimg/pre.gif);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 31%;
}

div#contents .home{
	float: left;
	background-image: url(blogimg/ai_02.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
	width: 20%;
}

div#contents .next{
	float: right;
	background-image: url(blogimg/next.gif);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 31%;
}

/*--------------------▽更新情報内のリストタグ*/

div#contents ul.topics{
	padding: 10px;
	margin-left: 10px;
	border: 1px solid #aaa;
	list-style-type: none;
	list-style-position: outside;
}

/*--------------------▽更新情報*/

div#contents dl.topics {
	margin-top: 10px;
	margin-bottom: 25px;
}

div#contents dl.topics dd {
	line-height: 160%;
	margin-top: -1.6em;
	margin-left: 6em;
	margin-right: 0;
	margin-bottom: .8em;
	border-bottom: 1px dotted #666666;
}


/*--------------------▽関連情報*/

div#contents .related ul
{
	font-size: 90%;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
}

div#contents .related ul li
{
	padding-top: 1px;
	padding-bottom: 1px;
}

div#contents .related ul li a
{
	background-image: url(blogimg/ai_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
}

div#contents .related ul li a:hover
{
	color: #FF6600;
	background-color: #ffffff;
	background-image: url(blogimg/cat_l.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/*--------------------▽アドセンス*/

div#contents .adleft{
	float: left;
	margin: 0 30px 20px 0!important;
}

div#contents .adright{
	float: right;
	margin: 0 0 5px 30px!important;
}

div#contents .admiddle{
	text-align:center;
	margin: 10px 0 10px 0!important;
}

/*--------------------▽詳細はこちら*/
div#contents .details{
	background-color: #ffffff;
	background-image: url(blogimg/details1.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 105px;
	padding-bottom: 5px;
	margin-left: 10px;
}

div#contents .details2{
	background-color: #ffffff;
	background-image: url(blogimg/details2.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 105px;
	padding-bottom: 5px;
	margin-left: 30px;
	clear: both;
}

/* =============================================================== */

/* サイドバー */
div#sub1 {
	font-size: 90%;
	line-height: 140%;
	float: left;
}

/* サイドバー */
div#sub2 {
	font-size: 80%;
	line-height: 140%;
	float: left;
}
/* サイドバー余白 */
div#sub1 .pad ,div#sub2 .pad {
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 20px;
}
/* サイドバーリンク設定 */
div#sub1 a ,div#sub2 a {
	text-decoration: none;
	color: #336600;
	background-color: #ffffff;
}
/* サイドバーリンク色 */
div#sub1 a:link , div#sub2 a:link {
	text-decoration: none;
	color: #0000CD;
	background-color: #ffffff;
}
/* サイドバーマウスオーバー時 */
div#sub1 a:link:hover ,div#sub2 a:link:hover {
	text-decoration: none;
	color: #FF6600;
	background-color: #ffffff;
}
/* サイドバークリック時 */
div#sub1 a:link:active , div#sub2 a:link:active {
	text-decoration: none;
	color: #FF6600;
	background-color: #ffffff;
}
/* サイドバー訪問済み */
div#sub1 a:visited ,div#sub2 a:visited {
	text-decoration: none;
	color: #660099;
	background-color: #ffffff;
}
/* サイドバー訪問済みマウスオーバー */
div#sub1 a:visited:hover ,div#sub2 a:visited:hover {
	text-decoration: none;
	color: #FF6600;
	background-color: #ffffff;
}
/* サイドバー訪問済みクリック時 */
div#sub1 a:visited:active ,div#sub2 a:visited:active {
	text-decoration: none;
	color: #FF6600;
	background-color: #ffffff;
}

/* サイドバー見出しh2 */
div#sub1 h2 ,div#sub2 h2 {
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	background-image: url(blogimg/h2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 23px;
	padding-right: 0px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6fa;
	padding-bottom: 5px;
	clear: both;
}
/* サイドバー見出しh3 */
div#sub1 h3,div#sub2 h3 {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	padding-top: 2px;
	padding-left: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
	clear: both;
}
/* サイドバー段落 */
div#sub1 p,#sub2 p {
	font-size: 92%;
	margin-top: 3px;
	margin-bottom: 0px;
	padding-bottom: 0px;
} 
/* カテゴリー */
div#sub1 .categories
{
	border: 1px solid #e6e6fa;/*ボックスの枠線の色*/
	margin-bottom: 5px;
}
div#sub1 .categories ul
{
	padding: 0;
	list-style: none;
}
/* カテゴリーリスト */
div#sub1 .categories ul li
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
}
/* カテゴリーリスト リンク */
div#sub1 .categories ul li a
{
	background-image: url(blogimg/ai_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	display: block;
}
/* カテゴリーリスト ホバー */
div#sub1 .categories ul li a:hover
{
	color: #FF6600;
	background-color: #ffffff;
	background-image: url(blogimg/cat_l.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
/* サブカテゴリー */
div#sub1 .categories ul ul
{
	margin-top: 0;
	padding-top: 0;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 0;
}
/* サブカテゴリーリスト */
div#sub1 .categories ul ul li
{
	background-image: none;
	padding-top: 2px;
	padding-left: 7px;
	padding-right: 0px;
	padding-bottom: 1px;
}
/* サブカテゴリーリスト リンク */
div#sub1 .categories ul ul li a
{
	background-image: url(blogimg/ai_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 25px;
	border-left: none;
}
/* サブカテゴリーリスト ホバー */
div#sub1 .categories ul ul li a:hover
{
	color: #FF6600;
	background-color: #ffffff;
	background-image: url(blogimg/cat_l.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 25px;
	border-left: none;
}
/* サイドバーフリースペース */
.note{
	padding-left: 5px;
	padding-right: 5px;
}
/* サイドバーフリースペースの段落 */
.note p {
	line-height: 130%;
	padding-bottom: 2px;
}
/* サイドバーリスト */
div#sub1 ul, div#sub2 ul {
	margin-top: 0px;
	margin-left: 0;
	padding-left: 0;
	margin-right: 5px;
	margin-bottom: 2px;
	list-style-type: none;
}
div#sub1 ul ul li ,div#sub2 ul ul li {
	margin-left: 10px;
}
div#sub1 li a ,#sub2 li a {
	text-decoration: none;
}
div#sub1 li a:hover ,div#sub2 li a:hover  {
	text-decoration: none;
}
/* タグ */
.module-tagcloud .module-content { font-size: 100%; text-align: left; margin-top: 5px; }
.module-tagcloud .module-content .module-list { list-style: none; }
.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 150%; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 130%; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 120%; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 100%; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 90%; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 80%; }

/* サイドバー画像 */
div#sub1 img ,div#sub2 img {
	margin-top: 3px;
	border-style: none;
	margin-bottom: 3px;
}


/* サイドバーリンク */
div.link-note {
	font-size: 75%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	margin-left: 0;
}

div#powered {
	font-size: 75%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 0px;
}

/* 検索 */
div#searchbox form {
	margin-top: 0px;
	padding: 0px;
	margin-left: 0;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* 検索ラベル */
div#searchbox label {
	display: none;
}
/* 検索 ボックス・ボタンサイズ */
div#searchbox input {
	font-size: 100%;
}

/*--------------------▽サイドメニュー*/

div#sub1 .side_menu {
	font-size: 105%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	line-height: 140%;
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 10px;
	border: 1px solid #e6e6fa;/*ボックスの枠線の色*/
}

div#sub1 .side_menu1 {
	font-size: 105%;
	color: #333333;
	background-color: #f8f8ff;
	text-align: left;
	line-height: 140%;
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #e6e6fa;/*ボックスの枠線の色*/
}


/* =============================================================== */

/* footer */

div#footer .pad {
	padding-top: 10px;
}

/* =============================================================== */

/* 下部ナビゲーション */
div#footernavi {
	font-size: 80%;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	clear: both;
}
div#footernavi ul {
	margin: 0;
	padding: 0;
}

div#footernavi ul li {
	display: inline;
}
div#footernavi ul li a {
	text-decoration: none;
	color: #0000CD;
	background-color: #ffffff;
	padding: 0 .5em;
}

div#footernavi ul li a:hover {
	text-decoration: underline;
	color: #FF6600;
	background-color: #ffffff;
}

/* =============================================================== */

/* 下部ＰＲ */
div#footernavi2 {
	font-size: 80%;
	text-align: left;
	margin-top: 0px;
	padding: 0px;
	margin-left: 50px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: -10px;
	clear: both;
}
div#footernavi2 ul {
	margin: 0;
	padding: 0;
}

div#footernavi2 ul li {
	display: inline;
}
div#footernavi2 ul li a {
	text-decoration: none;
	color: #0000CD;
	background-color: #ffffff;
	padding: 0 .5em;
}

div#footernavi2 ul li a:hover {
	text-decoration: underline;
	color: #FF6600;
	background-color: #ffffff;
}

/* =============================================================== */

/* 文責 */
address {
	font-size: 80%;
	font-style: normal;
	text-align: center;
	line-height: 100%;
	margin-bottom: 5px;
}




/*------------------------------------------------------------
●color・・・フォントカラーの設定
-------------------------------------------------------------*/

.black{ color: #000!important; }/*黒色*/
.red{ color: #ff0000!important; }/*赤色*/
.blue{ color: #0000dd!important; }/*青色*/
.green{ color: #008000!important; }/*緑色*/
.yellow{ color: #ffff00!important; }/*黄色*/
.navy{ color: #1F26A9!important; }/*紺色*/
.gray{ color: #ccc!important; }/*灰色*/
.orange{ color: #ff6600!important; }/*橙色*/
.pink{ color: #cc6699!important; }/*ピンク色*/
.purple{ color: #660099!important; }/*紫色*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/

/*------------------------------------------------------------
●box・・・カラーボックスの設定
-------------------------------------------------------------*/

.box-yellow{ background-color: #ffff00!important; }/*黄色のボックス*/
.box-aqua{ background-color: #00ffff!important; }/*水色のボックス*/
.box-gray{ background-color: #eee!important; }/*灰色のボックス*/
.box-red{ background-color: #fc9b8b!important; }/*赤色のボックス*/


/*------------------------------------------------------------
●left、right・・・画像の横位置設定
-------------------------------------------------------------*/

/*--------------------▽左に画像、右に文章*/

.left{
	float: left;
	margin: 0 30px 20px 0!important;
}


/*--------------------▽右に画像、左に画像*/

.right{
	float: right;
	margin: 0 0 20px 30px!important;
}


/*------------------------------------------------------------
●top、middle、bottom・・・画像の縦位置設定
-------------------------------------------------------------*/

/*--------------------▽画像の縦位置をtopに揃える*/

img.top{ vertical-align: top!important; }

/*--------------------▽画像の縦位置をmiddleに揃える*/

img.middle{ vertical-align: middle!important; }

/*--------------------▽右に画像、左に画像*/

img.bottom{ vertical-align: bottom!important; }

/*------------------------------------------------------------
●align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/


/*------------------------------------------------------------
●valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t{ vertical-align: top; }/*上寄せ*/
.vl-m{ vertical-align: middle; }/*中央寄せ*/
.vl-b{ vertical-align: bottom; }/*下寄せ*/


/*------------------------------------------------------------
●float・・・ブロックの左右の寄せ
-------------------------------------------------------------*/

.fl-c{ clear: both; }/*左右の寄せを解除*/
.fl-r{ float:right; margin-left: 20px; }/*右寄せ*/
.fl-l{ float:left; margin-right: 20px; }/*左寄せ*/

/*------------------------------------------------------------
●margin・・・周りのブロックからの距離

	10、15、20・・・という数字は「px（ピクセル）」を表す
-------------------------------------------------------------*/

.m0{ margin: 0px!important; }/*周りからのmarginを0にする*/
.m0-t{ margin-top: 0px!important; }/*上からのmarginが0px*/
.m0-r{ margin-right: 0px!important; }/*右からのmarginが0px*/
.m0-b{ margin-bottom: 0px!important; }/*下からのmarginが0px*/
.m0-l{ margin-left: 0px!important; }/*左からのmarginが0px*/

.m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m170{ margin: 170px!important; }
.m170-t{ margin-top: 170px!important; }
.m170-r{ margin-right: 170px!important; }
.m170-b{ margin-bottom: 170px!important; }
.m170-l{ margin-left: 170px!important; }

/*------------------------------------------------------------
●padding・・・周りのブロックからの距離（padding）

	10、15、20・・・という数字は「px（ピクセル）」を表す
-------------------------------------------------------------*/

.p0{ padding: 0px!important; }/*周りからのmarginを0にする*/
.p0-t{ padding-top: 0px!important; }/*上からのmarginが0px*/
.p0-r{ padding-right: 0px!important; }/*右からのmarginが0px*/
.p0-b{ padding-bottom: 0px!important; }/*下からのmarginが0px*/
.p0-l{ padding-left: 0px!important; }/*左からのmarginが0px*/

.p10{ padding: 10px!important; }/*周りからのmarginが10px*/
.p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

/*●取り消し線*/
.not{ text-decoration:line-through;}