/* Global properties ======================================================== */
html {height:100%;}
html, body {width:100%; padding:0; margin:0;}
body {
	font: 11px/22px Arial, Helvetica, sans-serif;
	color:#000;
	background: url(../images/body-bg.jpg) center 0 repeat #1c1c1c;
	height:100%;
}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {background: url(../images/bg.jpg) center 0 repeat-y; width:100%; min-height:100%;}
.main {margin:0 auto;}
/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {text-decoration:none;}

.tit01 {
	font-size: 100%;
	line-height: 100%;
	margin: 25px 0 16px 0;
	background: #EAEAEA url(../images/bg_shadow2.gif) repeat-x left bottom;
}
.tit02 {
	padding: 2px 0 2px 2px;
	margin-bottom: 5px;
}
h3.tit {
	border-left: 4px solid #CD0000;
	padding: 3px 0 3px 8px;
}
.tit03 {
	font-size: 100%;
	line-height: 100%;
	margin: 25px 0 16px 0;
	background: #CBF0DD url(../images/bg_shadow2.gif) repeat-x left bottom;
}

.blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

.lh-5{
	line-height: 5px;
}

/* CSSアニメーションの指定 */
.headline{
  animation: SlideIn 2.6s infinite;
}

/* CSSアニメーションの設定 */
@keyframes SlideIn {
  0% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(64px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 枠組み
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* 枠線・ベタ */
.boxRed {
    font-size: 13px;
    color:#000;
	line-height: 140%;
	padding: 8px 10px 8px 10px;
	border: 1px solid #F2B5B5;
	margin-bottom: 5px;
	background: #FDF3F3;
}
.boxGray, .boxGray02 {
	line-height: 150%;
	padding: 14px;
	margin-bottom: 30px;
	background: #FFFFFF;
}
.boxGray02 {
	padding: 8px 10px 8px 10px;
	font-size: 10px;
	width: 90%;
}
.boxGray03 {
	padding: 8px 8px 8px 8px;
	font-size: 14px;
	color:#ff0000;
	width: 90%;
	border: 1px solid #dcdcdc;
}
.boxGray03 h5 {
    font-size: 14px;
	color:#ff0000;
}
.parts-ol{ margin-left: 30px;}

@media only screen and (max-width: 619px) {
.tit01 {
	margin: 15px 0 16px 0;
	background: #EAEAEA url(../images/bg_shadow2.gif) repeat-x left bottom;
}
.tit02 {
    padding: 2px 0 2px 2px;
	margin-bottom: 5px;
}
h3.tit {
	border-left: 4px solid #CD0000;
	font-size: 14px;
	padding: 3px 0 3px 8px;
}}

/*  優良部品企業一覧　表組み */
#part_list .article02 {
	width: 578px;
	margin: 20px auto;
	padding-left: 0px;
}
#part_list table {
	border-top: 1px solid #BBB8B5;
	border-left: 1px solid #BBB8B5;
	width: 100%;
	margin-bottom: 3px;
}
#part_list table th {
	color: #000000;
	text-align: left;
	padding: 1px 0 2px 4px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #BBB8B5;
	border-bottom: 1px solid #BBB8B5;
	background: #FAF5F0;
	white-space: normal;
}
#part_list table th.category {
	text-align: center;
	background: #F5EBE1;
}
#part_list table th a {
	color: #0000FF;
	text-decoration: underline;
}
#part_list table th a:hover {
	color: #FF6600;
	text-decoration: underline;
}
#part_list table td {
	padding: 1px 2px 2px 4px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #BBB8B5;
	border-bottom: 1px solid #BBB8B5;
	white-space: normal;
}


/*  優良部品企業一覧　表組み */
#part_list_e table {
	border-top: 1px solid #BBB8B5;
	border-left: 1px solid #BBB8B5;
	width: 100%;
	margin-bottom: 3px;
}
#part_list_e table th {
	color: #000000;
	text-align: left;
	padding: 1px 0 2px 4px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #BBB8B5;
	border-bottom: 1px solid #BBB8B5;
	background: #FAF5F0;
	white-space: normal;
}
#part_list_e table th.category {
	text-align: center;
	background: #F5EBE1;
}
#part_list_e table th a {
	color: #0000FF;
	text-decoration: underline;
}
#part_list_e table th a:hover {
	color: #FF6600;
	text-decoration: underline;
}
#part_list_e table td {
	padding: 1px 2px 2px 4px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #BBB8B5;
	border-bottom: 1px solid #BBB8B5;
	white-space: normal;
}

.ml3em{ margin-left: 3em !important;}

/*  会員企業一覧　索引 */
#boxSakuin {
	line-height: 140%;
	border: 1px solid #BFBFBF;
	margin-bottom: 30px;
}
#boxSakuinBox {
	padding: 8px 10px 8px 10px;
	border: 1px solid #FFFFFF;
	background: #FCF1F1;
}
#boxSakuinBox a {
	padding: 0 0 0 14px;
	margin: 0 16px 0 0;
	color: #0000FF;
	text-decoration: underline;
	background: url(../images/mark_arrow.gif) no-repeat 0 0.2em;
}
#boxSakuinBox a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/* 統計資料 */
.title_data_monthly{
	padding: 0 0 0 14px;
	margin: 0 16px 0 0;
	background: url(../images/mark_arrow.gif) no-repeat 0 0.2em;
}

/* リンク
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.LinkText a,
.LinkText02 a {
	font-size:14px;
	padding: 0 0 0 14px;
	margin: 0 16px 0 0;
	color: #0000FF;
	text-decoration: underline;
	background: url(../images/mark_arrow.gif) no-repeat 0 0.2em;
}
.LinkText a:hover,
.LinkText02 a:hover {
	color: #FF6600;
	text-decoration: underline;
}
.LinkText02 a {
	margin: 0;
}

.article {
	width: 578px;
	margin-bottom: 30px;
}
.article02 {
	padding-left: 12px;
	margin-bottom: 40px;
}
.article02 p {
	font-size:14px;
	color:#000000;
	padding-left: 12px;
	margin: 0px 0px 0px 0px;
}
.article03 {
	padding: 0px 0 0 0;
}
.article03 p {
	font-size:14px;
	color:#000000;
	padding: 40px 0 0 12px;
	margin: 20px 0px 0px 0px;
}
@media only screen and (max-width: 619px) {
.LinkText a,
.LinkText02 a {
	font-size:12px;
	padding: 0 0 0 14px;
	margin: 0 16px 0 0;
	color: #0000FF;
	text-decoration: underline;
	background: url(../images/mark_arrow.gif) no-repeat 0 0.2em;
}
.article02 p {
	font-size:12px;
	color:#000000;
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
}
}

/* 機関誌 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#kikanshi #textArea {
	padding: 0;
	margin-bottom: 50px;
	float: left;
	width: 100%;
}
#kikanshi #textArea p.left img {
	float: left;
	margin: 0px 20px 10px 0px;
}
#kikanshi #textArea p.right img {
	float: right;
	margin: 0px 0px 20px 10px;
 }
#kikanshi .article {
	width: 100%;
	font-size:14px;
	margin-bottom: 35px;
}
#kikanshi .tit01 {
	margin-bottom: 12px;
}
 /* 機関誌　バックナンバーリスト */
backnumber {
	float: right;
	width: 148px;
}
.bn01 {
	line-height: 160%;
	margin-bottom: 10px;
	border: 1px solid #BFBFBF;
}

 .bn02 {
	border: 1px solid #FFFFFF;
	padding: 10px 10px 10px 12px;
	background: #F1F1F1;
}
.bn02 a {
	padding: 0 0 0 14px;
	margin: 0 16px 0 0;
	font-size:14px;
	line-height:20px;
	color: #0000FF;
	text-decoration: underline;
	background: url(../images/mark_arrow.gif) no-repeat 0 0.2em;
}
.bn02 a:hover {
	color: #FF6600;
	text-decoration: underline;
}

.bn03 {
	padding: 4px 6px 6px 8px;
}
.bn03 a {
	padding: 0 0 0 18px;
	color: #0000FF;
	text-decoration: underline;
	background: url(../images/mark_mail.gif) no-repeat 0 0.2em;
}
.bn03 a:hover {
	color: #FF6600;
	text-decoration: underline;
}


 ul {
	margin-bottom: 10px;
}
p.tel {
	padding: 0 0 0 18px;
	background: url(../images/mark_tel.gif) no-repeat 0 0.2em;
}
p.mail {
	padding: 0 0 0 18px;
	background: url(../images/mark_mail.gif) no-repeat 0 0.2em;
}


h3.titG {
	border-left: 4px solid #006FFF;
	padding: 3px 0 3px 8px;
}
.boxGray h3 {
	font-size: 160%;
}


h4.kako {
	padding: 4px 0px 0px 0px;
	font-size: 13px;
	color: #ff0000;
	text-align: center;
}
h4.toiawase {
	line-height: 130%;
	color: #000000;
	background: #F5EBE1;
	font-size: 10px;
	padding: 4px 2px 5px 10px;
}
h5 {
	font-size: 15px;
	color: #CD0000;
	margin-bottom: 3px;
}
.bn03 h5 {
	color: #000000;
	margin-bottom: 5px;
}

.button {background:#353535; display:inline-block; font-size:14px; line-height:8px; color:#fff; font-family: 'Open Sans Condensed', sans-serif; padding:9px 30px 10px 30px;}
.button:hover {background:#000;}

.button-2 {background:#fff; display:inline-block; font-size:20px; line-height:25px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; padding:9px 30px 10px 30px;}
.button-2:hover {background:#000; color:#fff;}

.button-3 {
	background:#fff;
	display:inline-block;
	font-size:15px;
	line-height:18px;
	color:#353535;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:9px 10px 10px 10px;
	margin:0 0 5px 0;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d3d3d3;
}
.button-3:hover {background:#000; color:#fff;}

.button-4 {
	background:#fff;
	display:inline-block;
	font-size:15px;
	line-height:18px;
	color:#353535;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:9px 10px 10px 10px;
	margin:0 0 5px 0;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d3d3d3;
}
.button-4:hover {background:#000; color:#fff;}

.link {color:#0fc6ee; text-transform:uppercase; }
.link:hover {text-decoration:underline; }
.link01 {color:#000000; text-transform:uppercase; }
.link01:hover {text-decoration:underline; }

@media only screen and (min-width: 768px) and (max-width: 939px) {
.sub-page {background:#ffffff; overflow:hidden;}
.sub-page-left {
	padding:5px 5px 5px 5px;
	margin-bottom: 20px;
	background-color: #ffffff;
}
.button-3 {
	background:#fff;
	display:inline-block;
	font-size:12px;
	line-height:14px;
	color:#353535;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:9px 10px 10px 10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.button-3:hover {background:#000; color:#fff;}
.button-4 {
	background:#fff;
	display:inline-block;
	font-size:12px;
	line-height:14px;
	color:#353535;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:9px 10px 10px 10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.button-4:hover {background:#000; color:#fff;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
.button-3 {
	background:#fff;
	display:inline-block;
	font-size:12px;
	line-height:14px;
	color:#353535;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:9px 0px 10px 5px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.button-3:hover {background:#000; color:#fff;}
.button-4 {
	background:#fff;
	display:inline-block;
	font-size:12px;
	line-height:14px;
	color:#353535;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:9px 0px 10px 5px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.button-4:hover {background:#000; color:#fff;}
}

@media only screen and (max-width: 619px) {
.button-3 {
	background:#fff;
	display:inline-block;
	font-size:12px;
	line-height:14px;
	color:#353535;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:9px 0px 10px 5px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.button-3:hover {background:#000; color:#fff;}
.button-4 {
	background:#fff;
	display:inline-block;
	font-size:12px;
	line-height:14px;
	color:#353535;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:9px 0px 10px 5px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.button-4:hover {background:#000; color:#fff;}
.bot-2 { padding-bottom:px;}
}

.sub-page {background:#ffffff; overflow:hidden;}
.sub-page-left {
	padding:10px 10px 10px 10px;
	margin-bottom: 20px;
	background-color: #ffffff;
}
}

.clr-1 {
	color:#e2e2e4;
}

.text-1 {font-size:35px; line-height:42px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.text-1>strong { display:block; font-size:25px; line-height:30px; color:#9f9fa6; font-weight:bold; margin-top:-7px;}
.text-2 {font-size:14px; line-height:22px; color:#000; font-weight:bold; text-transform:uppercase;}
.text-3 {font-size:14px; line-height:22px; color:#e2e2e4; font-weight:bold; text-transform:uppercase;}
.text-4 {font-size:25px; line-height:42px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.text-5 {
	font-size:14px;
	line-height:42px;
	color:#353535;
	font-weight:bold;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
}
.text-5a {
	font-size:14px;
	color:#353535;
	font-weight:bold;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
}
.text-6 {
	font-size:13px;
	line-height:22px;
	color:#353535;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.text-7 {font-size:17px; line-height:25px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.text-8 {
    padding:10px 0 0 0;
	font-size:11px;
	line-height:13px;
	color:#353535;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.text-9 {
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.text-10 {
	font-size:13px;
	line-height:22px;
	color:#ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.text-11 {
	font-size:15px;
	line-height:22px;
	color:#353535;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2 { font-size:35px; line-height:42px; color:#e2e2e4; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
h3 { font-size:16px; line-height:32px; color:#353535; font-family: 'Open Sans Condensed', sans-serif;}
h4 { font-size:16px; line-height:32px; color:#e2e2e4; font-family: 'Open Sans Condensed', sans-serif;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 8px 15px; font-size:11px; line-height:22px; color:#fff; text-transform:uppercase; background:url(../images/marker-1.gif) 0 8px no-repeat;}
ul.list-1 li a {color:#fff;text-decoration:underline;}
ul.list-1 li a:hover {text-decoration:none;}

ul.list-2 li {padding:0px 0 8px 15px; font-size:11px; line-height:22px; color:#9f9fa6; text-transform:uppercase; background:url(../images/marker-1.gif) 0 8px no-repeat;}
ul.list-2 li a {color:#9f9fa6;text-decoration:underline;}
ul.list-2 li a:hover {text-decoration:none;}

/******************************************************************/
.image img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}


.image img:hover{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.image2 img{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}


.image2 img:hover{
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:6px 20px 0px 0px;}
.img-indent-2 {float:left; margin:0px 20px 0px 0px;}
.img-indent-3 {float:left; margin:7px 20px 0px 0px;}
.img-indent-4 {width:100%; float:left; margin:0px 0px 0px 1px;}
.img-indent-5 {float:left; margin:7px 10px 0px 0px;}
.img-indent-6 {float:center; margin:7px 10px 0px 10px;}
.img-indent-7 {float:center; margin:7px 10px 20px 10px;}
.img-indent-8 {width:100%; float:left; margin:0px 0px 10px 0px;}
.img-indent-9 {width:70%; float:center; margin:0px 0px 10px 0px;}
.line-height {line-height:18px;}
.last {margin-right:0px !important; padding-right:0px !important;}
.align-r {text-align:right;}
.align-c {text-align:center;}
.upper {text-transform:uppercase;}


.top-1 {margin-top:23px;}
.top-2 {margin-top:20px;}
.top-3 {margin-top:33px;}
.top-4 {margin-top:27px;}
.top-5 {margin-top:23px;}

.bot-1 { padding-bottom:63px;}
.bot-2 { padding-bottom:58px;}

.p1 {margin-bottom:22px;}
.p2 {margin-bottom:7px;}
.p3 {margin-bottom:6px;}
.p4 {margin-bottom:13px;}
.p5 {margin-bottom:8px;}

/*********************************header*************************************/
header{width:100%; background:#1c1c1c;}

h1 {display:inline-block; z-index:111; float:left; padding:27px 0 15px 21px; font-size:15px;}
header p {float:right; width:200px; overflow:hidden; font:14px/20px Tahoma, Geneva, sans-serif; color:#c6c6ce; padding:20px 0 4px 50px; }
header p>span {display:block; font-size:15px; line-height:30px; margin-top:6px; }

nav {display:block; z-index:1111; position:relative; background:url(../images/header.jpg) 0 bottom repeat-x; }

ul.menu {display:block; margin:0 auto;}
ul.menu li {float:left; display:block; height:45px; text-align:center; /*background:url(../images/li.jpg) right 0 no-repeat;*/border-right: 1px solid #F9FAFE;background:url(../images/header.jpg) 0 bottom repeat-x; }
ul.menu li:first-child {
	border-right: 1px solid #F9FAFE;
}
ul.menu li a.home {background:url(../images/home.png) 0 0 no-repeat;width:61px; height:45px; display:block; padding:0 !important;margin:7px 0 0 0}
ul.menu li a {
	font:15px/20px Tahoma, Geneva, sans-serif;
	color:#000;
	display:block;
	padding:12px 22px 21px 22px;
	overflow:hidden;
}
}
ul.menu li:hover a.home, ul.menu li.current a.home {background-position:right 0; }
ul.menu li:hover a.home img, ul.menu li.current a.home img {display:none;}
ul.menu li a:hover , ul.menu li.current a {
	color:#0fc6ee;
	height:12px;
	background-image: url(../images/header.jpg);
}


/*********************************content*************************************/
#content {margin:0 auto; position:relative;}

.block-1 {background:#e2e2e4; border:#fff 1px solid;}
.block-2 {background:#1c1c1c;}
.block-3 {background:#e2e2e4;}

.pad-1 {padding:39px;}
.pad-2 {padding:15px 40px 15px 40px;}

.box-1 {overflow:hidden; padding:39px 0 39px 39px;}
.box-1>div {width:210px; float:left; margin-right:20px;}
.box-1 .text-1 {margin:10px 0 8px 0;}
.box-1 .button {margin-top:13px;}
.box-2 {float:left; margin-right:40px; }
.box-2 h2 {margin-bottom:13px;}
.box-2>div {padding-bottom:20px;}
.box-2>div>div {position:relative; border:#494949 1px solid; background:#000; padding:18px 20px 18px 29px; color:#9f9fa6; font-style:italic; text-transform:uppercase;}
.box-2>div>div .comments-corner {position:absolute; bottom:-14px; left:29px; width:13px; height:14px; background:url(../images/comments-corner.png) 0 0 no-repeat; }
.box-2>div> a {display:inline-block; background:url(../images/icon-1.png) 0 0 no-repeat; color:#9f9fa6; font-weight:bold; text-transform:uppercase; line-height:21px; padding-top:3px; padding-left:30px; margin-top:10px;}
.box-2>div> a:hover {color:#fff;}
.box-3 {width:420px; float:left;}
.box-3 h2 {margin-bottom:16px;}
.box-3 .wrap ul.list-1 {float:left; width:190px; margin-right:40px;}
.box-3>a {margin-top:25px;}
.sub-page {background:#ffffff; overflow:hidden;}
.sub-page-left {
	padding:10px 10px 0px 15px;
	margin-bottom: 20px;
	background-color: #ffffff;
}
.sub-page-right {padding:70px 20px 10px 20px; color:#9f9fa6;margin-right: -1px;border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d3d3d3;}
.sub-page-right01 {padding:70px 20px 10px 20px; color:#9f9fa6;margin-right: -1px;
	border-left-style: solid;
	border-left-color: #d3d3d3;}
.sub-page-right02 {padding:10px 20px 10px 20px; color:#9f9fa6;margin-right: -1px;border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d3d3d3;}
.sub-page-right h2 {color:#1c1c1c;}
.box-4 {overflow:hidden; text-transform:uppercase; margin:13px 0 23px 0;}
.box-4 >div {float:left;}
.box-4 >div img {margin-bottom:13px; display: block;}
.shadow {position:relative;}
.shadow:after {content:""; position:absolute; bottom:9px; left:-40px; background:url(../images/shadow.png) 0 0 no-repeat; width:270px; height:21px;}
.box-5 img {margin:14px 0 13px 0;}
.box-5 ul {margin:8px 0 17px 0;}
.box-6 {overflow:hidden;}
.box-6 .text-2 {margin:5px 0 1px 0;}
.box-7 img {margin:13px 0 13px 0;}
.box-7 ul {margin:8px 0 0px 0;}
.box-8 img {margin:13px 0 13px 0;}
.box-9 .text-2 {margin-bottom:1px;}
.box-9 ul {margin:8px 0 0px 0;}
.box-10 {
	text-align:center;
}
.box-10 h2 {margin-bottom:16px;}
.box-10 .wrap ul.list-1 {text-align:center; width:190px; margin-right:40px;}
.box-10>a {margin-top:25px;}


table {width: 100%; background:#fff; font-size:13px;  color:#000;}
table td, table th {border:#e2e2e4 1px solid; border-collapse:collapse; }
table th { padding:7px 7px 7px 7px;}
table td { padding:7px 7px 7px 7px;}
/*----------------------------------------------------
    .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; }

@media only screen and (max-width:619px){
    .demo01 { margin: 0 10px 0 0px; }
    .demo01 th,
    .demo01 td{
        width: 95%;
        text-align: center;
        display: block;
    }
    .demo01 tr:first-child th   { border-top: 1px solid #ddd; }
}

 /* ページトップ
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.pagetop {
	float: right;
	font: 80% Verdana;
	width: 60px;
}
.pagetop a {
	background: url(../images/list_pagetop.gif) no-repeat 0px 0.7em;
	padding: 0 0 0 9px;
	color: #424242;
	text-decoration: none;
}
.pagetop a:hover {
	color: #CD0000;
}

/****************************footer************************/
footer{}
.wrapfooter{
	margin:0 auto; padding:15px 0px 15px 0; text-align:center; color:#000; background:#fff; text-transform:uppercase;
}
/**********************form**********************/
.map {width:190px; height:247px; margin-top:13px; }
.map iframe {width:190px; height:247px;}
dl.adr { margin-top:13px; text-transform:uppercase;}
dl.adr dt {}
dl.adr dd span { width:70px; display:block; float:left;}
dl.adr dd {white-space:nowrap;}
dl.adr dd a {}
dl.adr dd a:hover {}
#form { margin: 13px 0 0px 0px; width:95%; }
#form input {border:#fff 1px solid; background:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; padding:7px 10px 7px 18px;outline: medium none;width: 80%; height:14px; float:left;}
#form textarea {border:#fff 1px solid; background:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; height:173px;outline: medium none;overflow: auto; padding: 7px 0px 0px 18px;width:95%;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;display: block; min-height:35px; overflow:hidden;}
.btns {text-align:right; overflow:hidden; width:90%; padding-top:10px; }
.btns a {display:inline-block; margin-left:10px;}


@media only screen and (max-width: 619px) {
    nav {display:block; z-index:1111; position:relative; background:url(../images/header.jpg) 0 bottom repeat-x; }
	ul.menu li a { font:13px/20px Tahoma, Geneva, sans-serif; color:#000; display:block; padding:5px 8px 5px 8px; overflow:hidden; }
	ul.menu li {float:left; display:block; height:30px; text-align:center; /*background:url(../images/li.jpg) right 0 no-repeat;*/border-right: 1px solid #F9FAFE;background:url(../images/header.jpg) 0 bottom repeat-x; }
	ul.menu li:hover a.home, ul.menu li.current a.home {background-position:right 0;}
ul.menu li:hover a.home img, ul.menu li.current a.home img {display:none;}
ul.menu li a:hover , ul.menu li.current a {color:#0fc6ee; height:20px; background:url(../images/header.jpg) 0 bottom repeat-x; }
.text-6 {
	font-size:11px;
	line-height:22px;
	color:#353535;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


@media only screen and (min-width: 620px) and (max-width: 767px) {
nav {display:block; z-index:1111; position:relative; background:url(../images/header.jpg) 0 bottom repeat-x; }
ul.menu li a:hover , ul.menu li.current a {color:#0fc6ee; background:url(../images/header.jpg) 0 bottom repeat-x; }
ul.menu li {float:left; display:block; height:30px; text-align:center; /*background:url(../images/li.jpg) right 0 no-repeat;*/border-right: 1px solid #F9FAFE; background:url(../images/header.jpg) 0 bottom repeat-x; }
.sub-page-left {
	padding:5px 5px 5px 5px;
	margin-bottom: 20px;
	background-color: #ffffff;}


@media only screen and (min-width: 768px) and (max-width: 939px) {
nav {display:block; z-index:1111; position:relative; background:url(../images/header.jpg) 0 bottom repeat-x; }
ul.menu li a:hover , ul.menu li.current a {color:#0fc6ee; background:url(../images/header.jpg) 0 bottom repeat-x; }
ul.menu li {float:left; display:block; height:30px; text-align:center; /*background:url(../images/li.jpg) right 0 no-repeat;*/border-right: 1px solid #F9FAFE; background:url(../images/header.jpg) 0 bottom repeat-x; }
.sub-page-left {
	padding:5px 5px 5px 5px;
	margin-bottom: 20px;
	background-color: #ffffff;
}
}


.blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}