<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<style>


/*テキストの構造化に関する指定*/
body {color: #000; margin-top:12px;margin-right:auto;margin-left:auto;}
span {color: #000; font-style: italic;}
h1 {color:#000; font-size:12px; text-align: left;font-family: sans-serif}
h2 {color:#000; font-size:12px;font-family: sans-serif}
h3 {color:#000; font-size:12px;font-family: sans-serif;font-weight: lighter;}
h4 {color:#000; font-size:12px; text-align: center;font-family: sans-serif}
h5 {color:#000; font-size:12px; text-align: center;}
footer {color:#000; font-size:9px; text-align: center;}
h1 img {width:200px; height:auto;}
p {color:#000;width: 500px;font-size:12px; margin-right:auto ;margin-left:auto;}
a {font-size: 100%;font-weight: normal;color: #FF6666;text-decoration: underline;}

/*レイアウトに関する指定*/
.lead {font-size: 12px;text-align: center}
.contents {font-size: 12px;width:100% ; max-width: 700px;margin-right: auto ;margin-left: auto;}
.red_bold {font-size: 12px;color: #ff0000}

/*グローバルナビの横並び*/
#globalnavi ul{text-align: center;margin: 0;padding: 0;list-style: none;}
#globalnavi li{display: inline-block;vertical-align:middle;width: 90px}
#globalnavi li a{display: block;border: 0px solid #fff;background-color: #fff;padding: 0px;
text-decoration: none;width: 70px;margin: 0px;text-align: center;font-size: 12px;color: #000;}
#globalnavi li a:hover{background-color: #fff;color: #f00;}

/*ローカルナビの横並び*/
#l_lnavi ul{text-align: center;margin: 0;padding: 0;list-style: none; font-size:12px margin: 1px}
#l_lnavi li{display: inline-block;vertical-align:middle; font-size:12px; width:40px;}
#l_lnavi li a{color:#f00; display: block;border: 0px solid #fff;background-color: #fff;padding: 1px;
text-decoration: none;color: #000;width: 60px;margin: 1px;text-align: center;font-size: 12px;}
#l_navi li a:hover{background-color: #fff;color: #f00;}

/*リストの横並び*/
#list ul{text-align: center;text-valign: top;margin: 0;padding: 0;list-style: none;}
#list li{display: inline-block;vertical-align: top;width: 312px;}
#list dt{margin-left: 0px;margin-right: 0px;font-size: 12px;text-align: left;width: 292px;}
#list dd{margin-left: 0px;margin-right: 0px;font-size: 12px;text-align: left;width: 292px;}

/*メインビジュアルの定義*/
#mainvisual {
    clear: both; /*回り込み効果をクリア*/
    text-align: center
}

/*ヘッダのセンター寄せ*/
.header {text-align: center;}

/*シェアボタンのズレ直し*/
.fb_iframe_widget > span {
  vertical-align: middle !important;
}

/*画像の最大サイズ指定*/
img {max-width : 100% ;height : auto ;}

/*スマホ対応*/
$twitter: #00aced;
$facebook: #3b5998;
$linkedin: #0977b5;
$googleplus: #cc3732;

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* シェアボタン */
/* SNS ボタンのグループ */
.snsButtons ul{text-align: center;text-valign: top;margin: 0;padding: 0;list-style: none;}
.snsButtons {  margin: 5px;  padding: 0px;  text-align: center;  font-size: 12px;}
.snsButtons a {  text-decoration: none; color: #ffffff; font-family: "arial black";}
/* 各 SNS ボタンのボックス */
.snsButtons li {
  display: inline-block;  /* 水平に並べる */
  list-style-type: none;  /* 先頭のポッチを消す */
  margin: 2px;
  padding: 6px 10px;
  width: 20px;
  color: white;
  border-radius: 4px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
/* マウスカーソルを重ねたとき */
.snsButtons li:hover {
  opacity: 0.7;
}
/* クリックしたとき */
.snsButtons li:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
/* 各 SNS のブランドカラー */
.snsButtons_twitter  { background: #1da1f2; }
.snsButtons_facebook { background: #3b5998; }
.snsButtons_line   { background: #06c755; }

</style>
