/*
Theme Name: kenpo
Layout: Content-Sidebar
*/

/*================================================
　　　　* コンテナ
===============================================*/

/* メインコンテナ（横幅：920px） */
.site-content {
	width: 920px;
	margin: 0 auto;	/* 中央寄せ */
	padding: 0 10px 0 10px;

	font-size: 14px;
	line-height: 1.4;
}

/* ヘッダーコンテナ（横幅：1024px） */
.header-wrap {
	width: 1024px;
	margin: 0 auto;
}

/* グローバルナビコンテナ（横幅：制限なし） */
.navi-content {
	width: 100%;
	height: 34px;
	margin-bottom: 20px;
}

/* グローバルナビラップ（横幅：980px ※この幅で収める。） */
.navi-wrap {
	width: 980px;
	margin: 0 auto;
	padding: 2px 0;
	box-sizing: border-box;
}

/* 段組み（トップページのcontents、お問い合わせ先で使用） */
.col {
	float: left;
	width: 48.5%;
	margin-left: 3%;
	*clear: right;
}
.col:first-child {
	margin-left: 0;
}

.cols:after {
	content: "";
	display: block;
	clear: both;
}
.cols {
	*zoom: 1;
}

/*================================================
　　　　* 見出しスタイル
===============================================*/

.heading-lv1 {
	position: relative;
	background: url("../img/heading01.jpg") repeat;
	min-height: 35px;

	margin: 0 0 5px 0;
	padding: 0 0 0 30px;
	font-size: 20px;
	line-height: 1.8;
}
.heading-lv1:before {
	position: absolute;
	left: 6px;
	top: 2px;
	content: url("../img/heading01h.gif");
}

.heading-lv2 {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	font-size: 18px;
	line-height: 1.6;

	border-color: #92C9FF;
	border-width: 0 0 1px 7px;
	border-style: solid;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow: 0 0 1px 1px rgba(255,255,255,0.5) inset;
}

.heading-lv3 {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	font-size: 16px;
	line-height: 1.6;
}
.heading-lv3-1 {
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 1.6;
}
.heading-lv3-2 {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;

	font-size: 16px;
	line-height: 2.0;
	text-align: center;
}
.heading-lv3-3 {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;

	font-size: 16px;
	line-height: 1.6;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.heading-lv4 {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	border-bottom: 3px solid #b4c7ff;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.0;
}

.heading-lv5 {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #b4c7ff;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.0;
}


/*================================================
　　　　* ヘッダー
================================================*/
.site-header {
	min-width: 1024px;
	height: 80px;
	padding: 20px 0 0 0;
	border-bottom: solid 1px rgba(51,153,255,100);
}
.header-logo {						/* ロゴマーク */
	margin: 0 10px 0 10px;
}
.header-nttdata {					/* NTTDATAロゴマーク */
	margin: 0 30px 0 30px;
}
.header-form {						/* 検索フォーム */
}

.header-textresizer {			/* 文字サイズ変更 */
	margin: 2px 0 0 30px;
}
.header-textresizer p {
	margin: 0;
	font-size: 12px;
}
.textresizer {						/* textresizer */
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
.textresizer li {
	display: inline;
	margin: 0px;
	margin-right: 5px;
	padding: 0px;
}
.textresizer a {
	border: solid 1px #999;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
}
.textresizer a:hover {
	background: #e5e5e5;
	border: solid 1px #cccccc;
}
.textresizer .small-text {
	font-size: 11px;
}
.textresizer .medium-text {
	font-size: 13px;
}
.textresizer .large-text {
	font-size: 15px;
}
/* Style of active button */
.textresizer a.textresizer-active {
	border: solid 1px #2B562B;
	background: #FFCA6F;
	color: #000000;
}
/* End of Text Resizer Buttons */


/*================================================
　　　　* グローバルナビゲーション
================================================*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation li {		/* 背景色 */
	width: 140px;
	height: 30px;
	border-right: ridge 2px #fff;

	background: #e9efff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZWZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2RiZTJmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2MyY2VmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhM2I1ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e9efff 0%, #dbe2fe 20%, #c2cefe 60%, #a3b5ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9efff), color-stop(20%,#dbe2fe), color-stop(60%,#c2cefe), color-stop(100%,#a3b5ff));
	background: -webkit-linear-gradient(top,  #e9efff 0%,#dbe2fe 20%,#c2cefe 60%,#a3b5ff 100%);
	background: -o-linear-gradient(top,  #e9efff 0%,#dbe2fe 20%,#c2cefe 60%,#a3b5ff 100%);
	background: -ms-linear-gradient(top,  #e9efff 0%,#dbe2fe 20%,#c2cefe 60%,#a3b5ff 100%);
	background: linear-gradient(to bottom,  #e9efff 0%,#dbe2fe 20%,#c2cefe 60%,#a3b5ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9efff', endColorstr='#a3b5ff',GradientType=0 );
}
.main-navigation li:first-child {
	border-left: ridge 2px #fff;
}

.main-navigation li a {
	display: block;
	text-decoration: none;

	font-size: 16px;
	line-height: 1.8;
	text-align: center;
	color: #333;
}
.main-navigation li a:hover, .main-navigation li a:focus {	/* ホバー、フォーカス */
	background: #e1e6f2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTZmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2Q1ZGNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iIzlkYThjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODk4Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e1e6f2 0%, #d5dcf2 20%, #9da8cc 64%, #8898cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e6f2), color-stop(20%,#d5dcf2), color-stop(64%,#9da8cc), color-stop(100%,#8898cc));
	background: -webkit-linear-gradient(top,  #e1e6f2 0%,#d5dcf2 20%,#9da8cc 64%,#8898cc 100%);
	background: -o-linear-gradient(top,  #e1e6f2 0%,#d5dcf2 20%,#9da8cc 64%,#8898cc 100%);
	background: -ms-linear-gradient(top,  #e1e6f2 0%,#d5dcf2 20%,#9da8cc 64%,#8898cc 100%);
	background: linear-gradient(to bottom,  #e1e6f2 0%,#d5dcf2 20%,#9da8cc 64%,#8898cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e6f2', endColorstr='#8898cc',GradientType=0 );
}
.main-navigation span:before {	/* アイコン */
	margin-right: 4px;
	content: url("../img/arrow01.gif");
}

/*================================================
			* パンくずリスト
================================================*/
.breadcrumbs {
	margin-bottom: 10px;
}
.breadcrumbs > span:first-child {	/* アイコン */
	padding-left: 20px;
	background: url("../img/breadcrumb.gif") no-repeat;
}

/*================================================
　　　　* キービジュアル
================================================*/
.key-visual {
	margin-bottom: 15px;
}

/*================================================
　　　　* コンテンツエリア（左）（横幅：700px）
================================================*/
.content-area {
	float: left;
	width: 700px;
	margin: 0 30px 0 0;
	box-sizing: border-box;
}

/* XXX */
.entry-meta {
	font-size: 12px;
	float: right;
}

/* XXX */
.entry-content {
	margin: 15px 0 10px 10px;
	/*border: 2px solid #cccccc;*/
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

/*================================================
　　　　* コンテンツエリア（サイドバーなし）（横幅：840px）
================================================*/
.content-area-noside {
	width: 840px;
	margin: 0 30px 0 0;
	box-sizing: border-box;
}

/*================================================
　　　　* サイドバー（右）（横幅：170px）
================================================*/
.widget-area {
	float: right;
	overflow: hidden;
	width: 170px;
}

/* banner-area */
.banner-area {
	box-sizing: border-box;
	padding: 9px 0 0 9px;
	border: ridge 1px #ddd;
}

.banner-area ul,
.banner-area ol	{
	margin: 0;
	font-size: 16px;
	list-style: none;
}

.banner-area li {
	margin-bottom: 9px;
}
.banner-area li:after	{
	content: "";
	display: block;
	clear: both;
}
.banner-area li	{
	*zoom: 1;
}
.banner-area li a	{
	display: block;
	width: 150px;
	height: 45px;
	background: #fff;
	border: ridge 1px #ddd;
}
.banner-area p {
	margin-top: 14px;
}
.side-icon {
	margin: 5px 4px 5px 4px;
  display: inline-block;
  width: 35px;
  height: 34px;
  background: url("../img/side-icon.gif") no-repeat top left;
  white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.side-icon01{ background-position: 0 0; width: 35px; height: 34px; }
.side-icon02{ background-position: -70px 0; width: 35px; height: 34px; }

.banner-area a:link,
.banner-area a:visited {
	color: #404040;
}
.banner-area a:focus,
.banner-area a:hover {
	color: #0000ff;
}

/* info-archive-area */
.info-archive-area {
	padding: 9px 0 9px 0;
	border-top: solid 1px #ddd;
	border-bottom: solid 3px #B4C7FF;
	box-sizing: border-box;
}

.info-archive-area h2 {
	padding: 0 0 9px 9px;
	border-bottom: solid 3px #B4C7FF;
}
.info-archive-area ul,
.info-archive-area ol	{
	margin: 0;
	font-size: 14px;
	list-style: none;
}

.info-archive-area li {
	margin: 0;
	border-bottom: dotted 1px #ddd;
}
.info-archive-area li a	{
	display: block;
	margin: 0;
	padding: 9px 0 9px 9px;
	text-decoration: none;
}

.info-archive-area li:last-child a	{
	/*border-bottom-style: none;*/
}

.info-archive-area a:link,
.info-archive-area a:visited {
	color: #404040;
}
.info-archive-area a:focus,
.info-archive-area a:hover {
	color: #404040;
	background-color: #eff8ff;
}

.info-archive-area .selected {
	color: #404040;
	background-color: #B4C7FF;
}


/*================================================
　　　　* フッター
===============================================*/
.foot-navigation {
}

.foot-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.foot-navigation li {		/* 背景色や文字サイズなど */
	float: left;
	position: relative;

	margin-right: 20px;
	padding-left: 13px;
	font-size: 12px;
	line-height: 1.0;
}

.foot-navigation li:before {
	position: absolute;
	left: 0px;
	top: 0px;
	content: url("../img/arrow01.gif");
}

.foot-navigation a {
	text-decoration: none;
}
.foot-navigation a:link,
.foot-navigation a:visited {
	color: #404040;
}
.foot-navigation a:focus,
.foot-navigation a:hover {
	text-decoration: underline;
}

.totop {
	position: relative;
	width: 150px;
	padding-left: 13px;
	font-size: 12px;
	line-height: 1.0;
}
.totop:before {
	position: absolute;
	left: 0px;
	top: 0px;
	content: url("../img/arrow02.gif");
}
.totop a:link,
.totop a:visited {
	color: #404040;
}
.totop a:focus,
.totop a:hover {
}

.site-footer
{
	clear: both;
	width: 100%;
	padding: 5px 0;
	font-size: 14px;
	line-height: 1.0;
}

.mail-icon {
	position: relative;
	padding-top: 1px;
	padding-left: 21px;
	font-size: 12px;
	line-height: 1.0;
}
.mail-icon:before {
	position: absolute;
	left: 0px;
	top: 0px;
	content: url("../img/mail01.gif");
}

/*================================================
　　　　* 各ページ
===============================================*/

/******************
 ** トップページ **
******************/

/*** top information ***/
.top-information {
	margin-bottom: 20px;
}
.top-information ul {
	margin: 0;
	line-height: 1.2;
}
.top-information li {
	position: relative;
	display: block;
	padding: 5px 0 5px 15px;
}
.top-information li:before {			/* アイコン */
	position: absolute;
	left: 0px;
	top: 5px;
	content: url("../img/arrow01.gif");
}
.top-information li:after {
	content: "";
	display: block;
	clear: both;
}
.top-information li {
	*zoom: 1;
}
.top-information li a {
	width: 400px;
	text-decoration: none;
}
.top-information li a:hover,
.top-information li a:focus {
	text-decoration: underline;
}

.top-information time {	/* お知らせ年月日 */
	margin-right: 5px;
}

.information-category { /* お知らせ分類 */
  display: block;
  width: 100px;
  height: 16px;
	margin-right: 5px;
	padding-top: 3px;
	border: ridge 1px;
	text-align: center;
	font-size: 10px;
	line-height: 1.0;
}
.top-information header {
	position: relative;
}
.old-information {
	position: absolute;
	left: 530px;
	top: 4px;
	display: block;
	width: 165px;
	padding: 8px 8px 5px 27px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.0;
	text-decoration: none;
}
.old-information:before {
	position: absolute;
	left: 5px;
	top: 3px;
	content: url("../img/paper03.gif");
}
.old-information:link,
.old-information:visited {
	color: #404040;
}
.old-information:focus,
.old-information:hover {
	color: #0000ff;
}
.bg-old-information {
	border-width: 1px;
	border-style: solid;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-color: #00388C;
	border-radius: 4px;
	background: none repeat scroll 0% 0% #FFFFFF;
	box-shadow: 1px 1px 1px #023377;
	color: rgba(0, 0, 0, 0.8);
	cursor: pointer;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
}

/*** top contents ***/
.top-contents {
	margin-bottom: 20px;
}
.top-contents a:link,
.top-contents a:visited {
	color: #404040;
}
.top-contents a:focus,
.top-contents a:hover {
	color: #0000ff;
}

.contents-icon {	/* アイコン */
	margin: 23px 10px 0 15px;

  display: inline-block;
  width:  36px;
  height: 35px;
  background: url("../img/contents-icon.gif") no-repeat top left;
  white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.contents-icon01{ background-position: 0      0; width: 36px; height: 35px; }
.contents-icon02{ background-position: -72px  0; width: 36px; height: 35px; }
.contents-icon03{ background-position: -144px 0; width: 36px; height: 35px; }
.contents-icon04{ background-position: -216px 0; width: 36px; height: 35px; }
.contents-icon05{ background-position: -288px 0; width: 36px; height: 35px; }
.contents-icon06{ background-position: -360px 0; width: 36px; height: 35px; }

.contents-back {
	height: 80px;
	margin-top: 10px;
}
.contents-memo {
	display: inline-block;
	width: 250px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.0;
}


/*** top inquiry ***/
.top-inquiry {
	line-height: 1.4;
}
.bd-top-inquiry {
	/*height: 250px;*/
	padding: 0;
	border: ridge 1px #ddd;
}

/*-------------------------------------*/
/* ログインページ */
/*-------------------------------------*/
.login {
	padding: 15px;
}

.frontend-user-admin-login .input	{
	width: 240px !important;
	line-height: 1.0;
}

/*-------------------------------------*/
/* お知らせ一覧 */
/*-------------------------------------*/
.archive-information-content {
	position: relative;
	border-bottom: 2px dotted #b4c7ff;
	margin-right: 5px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.archive-information-content time {	/* お知らせ年月日 */
	margin-right: 10px;
	padding-left: 15px;
}
.archive-information-content time:before {
	position: absolute;
	left: 0px;
	top: 0px;
	content: url("../img/arrow01.gif");
}
.archive-information-content a {
		width: 420px;
}

/*-------------------------------------*/
/* フォーラム */
/*-------------------------------------*/

/* 文字サイズ */
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
	font-size: 13px;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size: 13px;
}

/* タイトルアイコン */
.kenpo_bbs_title img {
	vertical-align: middle;
}
.kenpo_bbs_title a {
	vertical-align: middle;
}

/* 検索 */
#bbp-search-form {
	margin-bottom: 10px;
}
#bbp-search-form input[type="text"] {
	font-size: 16px;
	line-height: 1.4;
}

/*================================================
　　　　* 共通（その他）
===============================================*/
/*-------------------------------------*/
/* テキストテンプレート */
/*-------------------------------------*/

/* 基本フォーマット */
.txt-fmt01 { margin: 15px 0 30px 10px; }


/* txt-fmt02 */
.txt-fmt02 { margin: 10px 0 10px 10px; }

/* txt-fmt03 */
.txt-fmt03 { margin: 5px 0 5px 5px; }


/*-------------------------------------*/
/* 横幅指定 */
/*-------------------------------------*/

/* パーセント */
.width005p { width: 5%; }
.width010p { width: 10%;}
.width015p { width: 15%;}
.width020p { width: 20%;}
.width025p { width: 25%;}
.width030p { width: 30%;}
.width035p { width: 35%;}
.width040p { width: 40%;}
.width045p { width: 45%;}
.width050p { width: 50%;}
.width055p { width: 55%;}
.width060p { width: 60%;}
.width065p { width: 65%;}
.width070p { width: 70%;}
.width075p { width: 75%;}
.width080p { width: 80%;}
.width085p { width: 85%;}
.width090p { width: 90%;}
.width095p { width: 95%;}


/* PX単位 */
.width100 { width: 100px;}
.width105 { width: 105px;}
.width110 { width: 110px;}
.width115 { width: 115px;}
.width120 { width: 120px;}
.width125 { width: 125px;}
.width130 { width: 130px;}
.width135 { width: 135px;}
.width140 { width: 140px;}
.width145 { width: 145px;}
.width150 { width: 150px;}
.width155 { width: 155px;}
.width160 { width: 160px;}
.width165 { width: 165px;}
.width170 { width: 170px;}
.width175 { width: 175px;}
.width180 { width: 180px;}
.width185 { width: 185px;}
.width190 { width: 190px;}
.width195 { width: 195px;}

.width200 { width: 200px;}
.width205 { width: 205px;}
.width210 { width: 210px;}
.width215 { width: 215px;}
.width220 { width: 220px;}
.width230 { width: 230px;}
.width250 { width: 250px;}

.width300 { width: 300px;}
.width350 { width: 350px;}

.width400 { width: 400px;}
.width405 { width: 405px;}
.width410 { width: 410px;}
.width415 { width: 415px;}
.width420 { width: 420px;}
.width425 { width: 425px;}
.width430 { width: 430px;}
.width435 { width: 435px;}
.width440 { width: 440px;}
.width445 { width: 445px;}
.width450 { width: 450px;}
.width455 { width: 455px;}
.width460 { width: 460px;}
.width465 { width: 465px;}
.width470 { width: 470px;}
.width475 { width: 475px;}
.width480 { width: 480px;}
.width485 { width: 485px;}
.width490 { width: 490px;}
.width495 { width: 495px;}

.width500 { width: 500px;}
.width505 { width: 505px;}
.width510 { width: 510px;}
.width515 { width: 515px;}
.width520 { width: 520px;}
.width525 { width: 525px;}
.width530 { width: 530px;}
.width535 { width: 535px;}
.width540 { width: 540px;}
.width545 { width: 545px;}
.width550 { width: 550px;}
.width555 { width: 555px;}
.width560 { width: 560px;}
.width565 { width: 565px;}
.width570 { width: 570px;}
.width575 { width: 575px;}
.width580 { width: 580px;}
.width585 { width: 585px;}
.width590 { width: 590px;}
.width595 { width: 595px;}

.width600 { width: 600px;}
.width605 { width: 605px;}
.width610 { width: 610px;}
.width615 { width: 615px;}
.width620 { width: 620px;}
.width625 { width: 625px;}
.width630 { width: 630px;}
.width635 { width: 635px;}
.width640 { width: 640px;}
.width645 { width: 645px;}
.width650 { width: 650px;}
.width655 { width: 655px;}
.width660 { width: 660px;}
.width665 { width: 665px;}
.width670 { width: 670px;}
.width675 { width: 675px;}
.width680 { width: 680px;}
.width685 { width: 685px;}
.width690 { width: 690px;}
.width695 { width: 695px;}

.width700 { width: 700px;}

/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/
.mB0{ margin-bottom:  0px;}
.mB5{ margin-bottom:  5px;}
.mB10{margin-bottom: 10px;}
.mB15{margin-bottom: 15px;}
.mB20{margin-bottom: 20px;}
.mB30{margin-bottom: 30px;}
.mT0{ margin-top: 0px;}
.mT5{ margin-top: 5px;}
.mT10{margin-top: 10px;}
.mT15{margin-top: 15px;}
.mT20{margin-top: 20px;}
.mT30{margin-top: 30px;}
.mL5{ margin-left: 5px;}
.mL10{margin-left: 10px;}
.mL15{margin-left: 15px;}
.mL20{margin-left: 20px;}
.mL30{margin-left: 30px;}
.mR5{ margin-right: 5px; }
.mR10{margin-right: 10px;}
.mR15{margin-right: 15px;}
.mR20{margin-right: 20px;}
.mR30{margin-right: 30px;}
.pB5{ padding-bottom: 5px; }
.pB10{padding-bottom: 10px;}
.pB15{padding-bottom: 15px;}
.pB20{padding-bottom: 20px;}
.pB30{padding-bottom: 30px;}
.pT5{padding-top: 5px;}
.pT10{padding-top: 10px;}
.pT15{padding-top: 15px;}
.pT20{padding-top: 20px;}
.pT30{padding-top: 30px;}
.pR5{padding-right: 5px;}
.pR10{padding-right: 10px;}
.pR15{padding-right: 15px;}
.pR20{padding-right: 20px;}
.pR30{padding-right: 30px;}

/*-------------------------------------*/
/* 枠線 */
/*-------------------------------------*/
.b-20 {border: 20px solid;}
.btb-20, .bt-20 {border-top: 20px solid;}
.brl-20, .br-20 {border-right: 20px solid;}
.btb-20, .bb-20 {border-bottom: 20px solid;}
.brl-20, .bl-20 {border-left: 20px solid;}
.b-19 {border: 19px solid;}
.btb-19, .bt-19 {border-top: 19px solid;}
.brl-19, .br-19 {border-right: 19px solid;}
.btb-19, .bb-19 {border-bottom: 19px solid;}
.brl-19, .bl-19 {border-left: 19px solid;}
.b-18 {border: 18px solid;}
.btb-18, .bt-18 {border-top: 18px solid;}
.brl-18, .br-18 {border-right: 18px solid;}
.btb-18, .bb-18 {border-bottom: 18px solid;}
.brl-18, .bl-18 {border-left: 18px solid;}
.b-17 {border: 17px solid;}
.btb-17, .bt-17 {border-top: 17px solid;}
.brl-17, .br-17 {border-right: 17px solid;}
.btb-17, .bb-17 {border-bottom: 17px solid;}
.brl-17, .bl-17 {border-left: 17px solid;}
.b-16 {border: 16px solid;}
.btb-16, .bt-16 {border-top: 16px solid;}
.brl-16, .br-16 {border-right: 16px solid;}
.btb-16, .bb-16 {border-bottom: 16px solid;}
.brl-16, .bl-16 {border-left: 16px solid;}
.b-15 {border: 15px solid;}
.btb-15, .bt-15 {border-top: 15px solid;}
.brl-15, .br-15 {border-right: 15px solid;}
.btb-15, .bb-15 {border-bottom: 15px solid;}
.brl-15, .bl-15 {border-left: 15px solid;}
.b-14 {border: 14px solid;}
.btb-14, .bt-14 {border-top: 14px solid;}
.brl-14, .br-14 {border-right: 14px solid;}
.btb-14, .bb-14 {border-bottom: 14px solid;}
.brl-14, .bl-14 {border-left: 14px solid;}
.b-13 {border: 13px solid;}
.btb-13, .bt-13 {border-top: 13px solid;}
.brl-13, .br-13 {border-right: 13px solid;}
.btb-13, .bb-13 {border-bottom: 13px solid;}
.brl-13, .bl-13 {border-left: 13px solid;}
.b-12 {border: 12px solid;}
.btb-12, .bt-12 {border-top: 12px solid;}
.brl-12, .br-12 {border-right: 12px solid;}
.btb-12, .bb-12 {border-bottom: 12px solid;}
.brl-12, .bl-12 {border-left: 12px solid;}
.b-11 {border: 11px solid;}
.btb-11, .bt-11 {border-top: 11px solid;}
.brl-11, .br-11 {border-right: 11px solid;}
.btb-11, .bb-11 {border-bottom: 11px solid;}
.brl-11, .bl-11 {border-left: 11px solid;}
.b-10 {border: 10px solid;}
.btb-10, .bt-10 {border-top: 10px solid;}
.brl-10, .br-10 {border-right: 10px solid;}
.btb-10, .bb-10 {border-bottom: 10px solid;}
.brl-10, .bl-10 {border-left: 10px solid;}
.b-9 {border: 9px solid;}
.btb-9, .bt-9 {border-top: 9px solid;}
.brl-9, .br-9 {border-right: 9px solid;}
.btb-9, .bb-9 {border-bottom: 9px solid;}
.brl-9, .bl-9 {border-left: 9px solid;}
.b-8 {border: 8px solid;}
.btb-8, .bt-8 {border-top: 8px solid;}
.brl-8, .br-8 {border-right: 8px solid;}
.btb-8, .bb-8 {border-bottom: 8px solid;}
.brl-8, .bl-8 {border-left: 8px solid;}
.b-7 {border: 7px solid;}
.btb-7, .bt-7 {border-top: 7px solid;}
.brl-7, .br-7 {border-right: 7px solid;}
.btb-7, .bb-7 {border-bottom: 7px solid;}
.brl-7, .bl-7 {border-left: 7px solid;}
.b-6 {border: 6px solid;}
.btb-6, .bt-6 {border-top: 6px solid;}
.brl-6, .br-6 {border-right: 6px solid;}
.btb-6, .bb-6 {border-bottom: 6px solid;}
.brl-6, .bl-6 {border-left: 6px solid;}
.b-5 {border: 5px solid;}
.btb-5, .bt-5 {border-top: 5px solid;}
.brl-5, .br-5 {border-right: 5px solid;}
.btb-5, .bb-5 {border-bottom: 5px solid;}
.brl-5, .bl-5 {border-left: 5px solid;}
.b-4 {border: 4px solid;}
.btb-4, .bt-4 {border-top: 4px solid;}
.brl-4, .br-4 {border-right: 4px solid;}
.btb-4, .bb-4 {border-bottom: 4px solid;}
.brl-4, .bl-4 {border-left: 4px solid;}
.b-3 {border: 3px solid;}
.btb-3, .bt-3 {border-top: 3px solid;}
.brl-3, .br-3 {border-right: 3px solid;}
.btb-3, .bb-3 {border-bottom: 3px solid;}
.brl-3, .bl-3 {border-left: 3px solid;}
.b-2 {border: 2px solid;}
.btb-2, .bt-2 {border-top: 2px solid;}
.brl-2, .br-2 {border-right: 2px solid;}
.btb-2, .bb-2 {border-bottom: 2px solid;}
.brl-2, .bl-2 {border-left: 2px solid;}
.b-1 {border: 1px solid;}
.btb-1, .bt-1 {border-top: 1px solid;}
.brl-1, .br-1 {border-right: 1px solid;}
.btb-1, .bb-1 {border-bottom: 1px solid;}
.brl-1, .bl-1 {border-left: 1px solid;}
.b-0 {border: 0;}
.border-none {border-style: none !important;}
.btb-0, .bt-0 {border-top: 0;}
.brl-0, .br-0 {border-right: 0;}
.btb-0, .bb-0 {border-bottom: 0;}
.brl-0, .bl-0 {border-left: 0;}
.b-dotted {border-style: dotted;}
.bt-dotted {border-top-style: dotted;}
.br-dotted {border-right-style: dotted;}
.bb-dotted {border-bottom-style: dotted;}
.bl-dotted {border-left-style: dotted;}
.b-dashed {border-style: dashed;}
.bt-dashed {border-top-style: dashed;}
.br-dashed {border-right-style: dashed;}
.bb-dashed {border-bottom-style: dashed;}
.bl-dashed {border-left-style: dashed;}
.b-solid {border-style: solid;}
.bt-solid {border-top-style: solid;}
.br-solid {border-right-style: solid;}
.bb-solid {border-bottom-style: solid;}
.bl-solid {border-left-style: solid;}
.b-double {border-style: double;}
.bt-double {border-top-style: double;}
.br-double {border-right-style: double;}
.bb-double {border-bottom-style: double;}
.bl-double {border-left-style: double;}
.b-aqua {border-color: #00ffff;}
.bt-aqua {border-top-color: #00ffff;}
.br-aqua {border-right-color: #00ffff;}
.bb-aqua {border-bottom-color: #00ffff;}
.bl-aqua {border-left-color: #00ffff;}
.b-black {border-color: #000000;}
.bt-black {border-top-color: #000000;}
.br-black {border-right-color: #000000;}
.bb-black {border-bottom-color: #000000;}
.bl-black {border-left-color: #000000;}
.b-blue {border-color: #0000ff;}
.bt-blue {border-top-color: #0000ff;}
.br-blue {border-right-color: #0000ff;}
.bb-blue {border-bottom-color: #0000ff;}
.bl-blue {border-left-color: #0000ff;}
.b-fuchsia {border-color: #ff00ff;}
.bt-fuchsia {border-top-color: #ff00ff;}
.br-fuchsia {border-right-color: #ff00ff;}
.bb-fuchsia {border-bottom-color: #ff00ff;}
.bl-fuchsia {border-left-color: #ff00ff;}
.b-gray {border-color: #808080;}
.bt-gray {border-top-color: #808080;}
.br-gray {border-right-color: #808080;}
.bb-gray {border-bottom-color: #808080;}
.bl-gray {border-left-color: #808080;}
.b-green {border-color: #008000;}
.bt-green {border-top-color: #008000;}
.br-green {border-right-color: #008000;}
.bb-green {border-bottom-color: #008000;}
.bl-green {border-left-color: #008000;}
.b-lime {border-color: #00ff00;}
.bt-lime {border-top-color: #00ff00;}
.br-lime {border-right-color: #00ff00;}
.bb-lime {border-bottom-color: #00ff00;}
.bl-lime {border-left-color: #00ff00;}
.b-maroon {border-color: #800000;}
.bt-maroon {border-top-color: #800000;}
.br-maroon {border-right-color: #800000;}
.bb-maroon {border-bottom-color: #800000;}
.bl-maroon {border-left-color: #800000;}
.b-navy {border-color: #000080;}
.bt-navy {border-top-color: #000080;}
.br-navy {border-right-color: #000080;}
.bb-navy {border-bottom-color: #000080;}
.bl-navy {border-left-color: #000080;}
.b-olive {border-color: #808000;}
.bt-olive {border-top-color: #808000;}
.br-olive {border-right-color: #808000;}
.bb-olive {border-bottom-color: #808000;}
.bl-olive {border-left-color: #808000;}
.b-orange {border-color: #ffA500;}
.bt-orange {border-top-color: #ffA500;}
.br-orange {border-right-color: #ffA500;}
.bb-orange {border-bottom-color: #ffA500;}
.bl-orange {border-left-color: #ffA500;}
.b-purple {border-color: #800080;}
.bt-purple {border-top-color: #800080;}
.br-purple {border-right-color: #800080;}
.bb-purple {border-bottom-color: #800080;}
.bl-purple {border-left-color: #800080;}
.b-red {border-color: #ff0000;}
.bt-red {border-top-color: #ff0000;}
.br-red {border-right-color: #ff0000;}
.bb-red {border-bottom-color: #ff0000;}
.bl-red {border-left-color: #ff0000;}
.b-silver {border-color: #c0c0c0;}
.bt-silver {border-top-color: #c0c0c0;}
.br-silver {border-right-color: #c0c0c0;}
.bb-silver {border-bottom-color: #c0c0c0;}
.bl-silver {border-left-color: #c0c0c0;}
.b-teal {border-color: #008080;}
.bt-teal {border-top-color: #008080;}
.br-teal {border-right-color: #008080;}
.bb-teal {border-bottom-color: #008080;}
.bl-teal {border-left-color: #008080;}
.b-white {border-color: #ffffff;}
.bt-white {border-top-color: #ffffff;}
.br-white {border-right-color: #ffffff;}
.bb-white {border-bottom-color: #ffffff;}
.bl-white {border-left-color: #ffffff;}
.b-yellow {border-color: #ffff00;}
.bt-yellow {border-top-color: #ffff00;}
.br-yellow {border-right-color: #ffff00;}
.bb-yellow {border-bottom-color: #ffff00;}
.bl-yellow {border-left-color: #ffff00;}

.b-aquablue01 {
	border-color: #eff8ff;
	border-image: url("../img/boder-bk01.gif") 1 repeat;
}
.b-aquablue02 {
	border-color: #b4c7ff;
	border-image: url("../img/boder-bk02.gif") 1 repeat;
}

/*-------------------------------------*/
/* 文字の色 */
/*-------------------------------------*/
.aqua {color: #00ffff;}
.black {color: #000000;}
.blue {color: #0000ff;}
.fuchsia {color: #ff00ff;}
.gray {color: #808080;}
.green {color: #008000;}
.lime {color: #00ff00;}
.maroon {color: #800000;}
.navy {color: #000080;}
.olive {color: #808000;}
.orange {color: #ffA500;}
.purple {color: #800080;}
.red {color: #ff0000;}
.silver {color: #c0c0c0;}
.teal {color: #008080;}
.white {color: #ffffff;}
.yellow {color: #ffff00;}

/*-------------------------------------*/
/* 背景色 */
/*-------------------------------------*/
.bg-aqua {background-color: #00ffff;}
.bg-black {background-color: #000000;}
.bg-blue {background-color: #0000ff;}
.bg-fuchsia {background-color: #ff00ff;}
.bg-gray {background-color: #808080;}
.bg-green {background-color: #008000;}
.bg-lime {background-color: #00ff00;}
.bg-maroon {background-color: #800000;}
.bg-navy {background-color: #000080;}
.bg-olive {background-color: #808000;}
.bg-orange {background-color: #ffA500;}
.bg-purple {background-color: #800080;}
.bg-red {background-color: #ff0000;}
.bg-silver {background-color: #c0c0c0;}
.bg-teal {background-color: #008080;}
.bg-white {background-color: #ffffff;}
.bg-yellow {background-color: #ffff00;}
.bg-palepurple {background-color: #eaedff;}
.bg-blue01 {background-color: #b4c7ff;}

.bg-gradation-aquablue {
	background: #eff8ff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ZjJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGVmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eff8ff 0%, #e4f2ff 50%, #ddefff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff8ff), color-stop(50%,#e4f2ff), color-stop(100%,#ddefff));
	background: -webkit-linear-gradient(top,  #eff8ff 0%,#e4f2ff 50%,#ddefff 100%);
	background: -o-linear-gradient(top,  #eff8ff 0%,#e4f2ff 50%,#ddefff 100%);
	background: -ms-linear-gradient(top,  #eff8ff 0%,#e4f2ff 50%,#ddefff 100%);
	background: linear-gradient(to bottom,  #eff8ff 0%,#e4f2ff 50%,#ddefff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff8ff', endColorstr='#ddefff',GradientType=0 );
}
.bg-gradation-aquablue02 {
	background: #b4c7ff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ZjJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGVmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eff8ff 0%, #e4f2ff 50%, #ddefff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff8ff), color-stop(50%,#e4f2ff), color-stop(100%,#ddefff));
	background: -webkit-linear-gradient(top,  #eff8ff 0%,#e4f2ff 50%,#ddefff 100%);
	background: -o-linear-gradient(top,  #eff8ff 0%,#e4f2ff 50%,#ddefff 100%);
	background: -ms-linear-gradient(top,  #eff8ff 0%,#e4f2ff 50%,#ddefff 100%);
	background: linear-gradient(to bottom,  #eff8ff 0%,#e4f2ff 50%,#ddefff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff8ff', endColorstr='#ddefff',GradientType=0 );

	border-top:#b4c7ff solid 1px;
	border-right:#b4c7ff solid 1px;
	border-bottom:#ccc solid 1px;
	border-left:#b4c7ff solid 1px;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
}

.bg-gradation-gray {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 20%, #ededed 64%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(20%,#f2f2f2), color-stop(64%,#ededed), color-stop(100%,#e2e2e2));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 20%,#ededed 64%,#e2e2e2 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 20%,#ededed 64%,#e2e2e2 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 20%,#ededed 64%,#e2e2e2 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 20%,#ededed 64%,#e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );

	border-top:#ccc solid 1px;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
	border-left:#ccc solid 1px;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
}

/*-------------------------------------*/
/* 文字サイズ */
/*-------------------------------------*/
.italic {font-style: italic;}
.small-caps {font-variant: small-caps;}
.bold {font-weight: bold;}
.xx-small {line-height: 1; font-size: 60%;}
.x-small {line-height: 1; font-size: 75%;}
.small {line-height: 1; font-size: 88.88%;}
.large {line-height: 1; font-size: 120%;}
.x-large {line-height: 1; font-size: 150%;}
.xx-large {line-height: 1; font-size: 200%;}
.overline {text-decoration: overline;}
.underline {text-decoration: underline;}
.decoration-none {text-decoration: none;}
.capitalize {text-transform: capitalize;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}

.lead {
	line-height: 1;
	font-size: 120%;
	font-weight: bold;
}

/*-------------------------------------*/
/* コンテンツのレイアウト */
/*-------------------------------------*/
.indent {text-indent: 1em;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.float-left {float: left;}
.float-right {float: right;}
.clear:after, .clear-left:after, .clear-right:after {display: block; content: "";}
.clear, .clear:after {clear: both;}
.clear-left, .clear-left:after {clear: left;}
.clear-right, .clear-right:after {clear: right;}

/*
**  style class
*/
.hidden {
	display: none;
}
.hidden2 {
  white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.indent { text-indent: 1em; }

/*-------------------------------------*/
/* ボタン */
/*-------------------------------------*/
.button1 {
	position: relative;
	padding: 5px 5px 5px 17px;
	font-size: 12px;
	line-height: 1.0;
	text-decoration: none;
	display: block;
}
.button1:before {
	position: absolute;
	left: 5px;
	top: 5px;
	content: url("../img/arrow01.gif");
}

.button2 {
	position: relative;
	padding: 5px 5px 5px 18px;
	font-size: 16px;
	line-height: 1.0;
	text-decoration: none;
	display: block;
}
.button2:before {
	position: absolute;
	left: 5px;
	top: 5px;
	content: url("../img/arrow01.gif");
}
.button2:link,
.button2:visited {
	color: #404040;
}
.button2:focus,
.button2:hover {
	color: #0000ff;
}

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

/*-------------------------------------*/
/* テーブルフォーマット */
/*-------------------------------------*/

table {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 100%;
	margin-bottom: 30px;
}
table th,
table td {
	padding: 14px 0;
	border-bottom: 1px solid #ccc;
}
table th {
	padding-right: 16px;
}
table td {
	border-left: 1px solid #ccc;
	padding-left: 16px;
}

.tabledec1 th { background: #efefef; padding-left: 10px;border-left: 1px solid #ccc;}
.tabledec2 th { background: #333; color: #fff; padding-left: 10px;border-left: 1px solid #ccc;}
.tabledec3 th { background: #d5ceb1; color: #fff; padding-left: 10px; border-bottom: 1px solid #fff; color: #333;}

.tabledec4 th {
  color: #fff;
  padding: 8px 15px;
  background: rgba(180,199,255,1.0);
  background:-moz-linear-gradient(rgba(180,199,255,0.7), rgba(180,199,255,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(180,199,255,0.7)), to(rgba(180,199,255,0.9)));
  font-weight: bold;
  border-left:1px solid rgba(180,199,255,1.0);
  border-top:1px solid rgba(180,199,255,1.0);
  border-bottom:1px solid rgba(180,199,255,1.0);
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.tabledeco4 th:first-child {
  border-radius: 5px 0 0 0;
}
.tabledeco4 th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
.tabledeco4 tr td {
  padding: 8px 15px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: center;
}
.tabledeco4 tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.tabledeco4 tr {
  background: #fff;
}
.tabledeco4 tr:nth-child(2n+1) {
  background: #f1f6fc;
}
.tabledeco4 tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.tabledeco4 tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.tabledeco4 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

.tabledec5 th {
  background: #efefef;
  margin: 0;
  padding: 5px;
  border-left: 1px ridge #333;
}
.tabledec5 td {
  margin: 0;
  padding: 5px;
  border-left: 1px ridge #333;
}


/*-------------------------------------*/
/* リストフォーマット */
/*-------------------------------------*/
.number { list-style: decimal inside; }
.imglist1 { list-style: circle inside; }
.imglist2 { list-style: disc inside; }
.borderlist1 li { border-bottom: 1px solid #b4c7ff; padding-bottom:0.3em; margin-bottom: 0.9em; display: block; }
.borderlist2 li { border-bottom: 1px dotted #b4c7ff; padding-bottom:0.3em; margin-bottom: 0.9em; display: block; }
.list-style-none { list-style: none; }

.arrowlist1 li { position: relative; display: block; padding: 5px 0 5px 15px; }
.arrowlist1 li:before { position: absolute; left: 0px; top: 5px; content: url("../img/arrow01.gif"); }
.arrowlist1 li:after { content: ""; display: block; clear: both; }
.arrowlist1 li { *zoom: 1; }

.arrowlist2 li { position: relative; display: block; padding: 5px 0 5px 18px;}
.arrowlist2 li:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-radius: 50%;
  background: #b4c7ff;
}
.arrowlist2 li:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 0;
  height: 0;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left: 5px solid #fff;
}
.arrowlist2 li { *zoom: 1; }

/*-------------------------------------*/
/* その他 */
/*-------------------------------------*/
/* 「編集」ボタンを非表示にするCSS */
.post-edit-link {display:none;}

/* またはリンクの外側のspanから消す */
.edit-link {display:none;}



/****************************************************/