@charset "UTF-8";



/*
======== CONTENTS =========

article.css
last-updated:2008/10/27

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


/*
===== font ======
*/

div.app_article *{
/* 記事本文中のみ、英字のスタイルを優先して効かせる */
  font-family:
    Arial,
    Helvetica,
    "メイリオ",
    Meiryo,
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro W3",
    Osaka,
    "ＭＳ Ｐゴシック",
    "MS P Gothic",
    sans-serif;
}

* html div.app_article * {
/* Win IE 6向け調整
　IE6では
　アンチエイリアスが効かない場合を考慮し、ＭＳ Ｐゴシック優先 */
  font-family:
    Arial,
    Helvetica,
    "ＭＳ Ｐゴシック",
    "MS P Gothic",
    sans-serif;
}


div.title h1{
  color:#630;
  font-size: 110%;
  font-weight: normal;
  line-height: 1.2;
}

div.app_article h1{
  font-size: 120%;
  font-weight:bold;
  line-height: 1.2;
}


div.subtitle div.name{
  font-size: 90%;
  line-height: 1.2;
}

div.subtitle div.date{
  font-size: 78%;
  line-height: 1.2;
}


div.app_article p,
div.app_article li{
  font-size:82%;
  line-height: 1.5;
  letter-spacing: 1px;
}

div.app_article li p{
  font-size:100%;
}

div.enquete{
  font-size: 78%;
  line-height: 1.4;
}

div.enquete_title {
  background: url(/sb/static/common/images/m_enquete_back.gif) repeat-x;
}

/*
===== title ======
*/

div.title{
  border-top: solid 1px #DEE7EF;
  border-right: solid 1px #DEE7EF;
  background: url(/sb/static/common/images/cate_bar.gif) no-repeat bottom;
  width:629px;
  padding-bottom:1px;
}

div.title h1{
  padding:5px 5px 5px 18px;
  vertical-align:middle;
}

div.title div.comlogo{
  border-left: solid 1px #DEE7EF;
  width:120px;
  text-align:center;
  vertical-align:middle;
  float: right;
}


* html div.title h1{/* IE 6 */
  display:inline;
  zoom:1;
}

* html div.title div.comlogo{/* IE 6 */
  display:inline;
  zoom:1;
}

*:first-child+html div.title h1,
*:first-child+html div.title div.comlogo{/* IE 7 */
  display:inline;
  zoom:1;
}


/* MAC対策 */
/*\*//*/
* html div.title h1,
* html  div.title div.comlogo{
  display:inline-block;
}
* html div.title h1{
  width:482px;
}
/**/



/*
===== subtitle ======
*/

div.subtitle{
  background: #EFF3F8 url(/sb/static/common/images/subtitle_bg.gif) repeat-y;
  padding:5px 10px 5px 18px;
  margin:0 0 20px 0;
}

div.subtitle div.name{
  width:520px;
  float:left;
}

div.subtitle div.date{
  width:200px;
  float:right;
  text-align:right;
}

div.subtitle div.business{
  float:left;
}

/*
===== app_article ======
*/
div.app_article{
  margin:0 0 20px 0;
}

div.app_article p{
  margin-bottom: 1.2em;
  margin-left: 4px;
}

div.app_article ul ,
div.app_article ol{ 
  margin-bottom: 1.2em;
  margin-left: 4px;
}

div.app_article ul li{
  list-style: inside disc;
  line-height: 1.5;
}
div.app_article ol li{
  margin-left: 1.5em;
  line-height: 1.5;
  list-style: decimal;
}

* html div.app_article ol li{/* IE 6 */
  margin-left: 1.9em;
}

*:first-child+html div.app_article ol li{/* IE 7 */
  margin-left: 1.9em;
}


div.app_article h1{
  padding:12px 10px 12px 16px;
  background: #033568 url(/sb/static/common/images/cate_bar.gif) no-repeat bottom;
  margin-bottom: 1.2em;
}

div.app_article h2{
  clear: both;
  display: block;
  margin: 18px 0 16px 0;
  padding:4px 6px 4px 18px;
  font-size:90%;
  line-height: 1.5;
  letter-spacing: 2px;
  background: #DEE7EF url(/sb/static/common/images/article_t2_bg.gif) no-repeat left bottom;
}

/*
===== enquete ======
*/

div.enquete{
  margin:0 0 20px 0;
}

div.enquete_in{
  background: #F9FAFC;
  border: solid 1px #DEE7EF;
  padding:8px 10px;
}

form.enqueteform{
  background: #DEE7EF;
  margin:0 0 0px 0;
  padding:16px 10px 10px 10px;
}

div.enquete_q{
  font-weight:bold;
  border-bottom: solid 1px #CDCDCD;
  padding:4px 10px 4px 30px;
  margin:0 0 12px 0;
  background: url(/sb/static/common/images/enquete_q.gif) no-repeat left center;
}

div.enquete_a{
  padding: 0 0 0 4px;
  margin:0 0 26px 0;
}


div.enquete_a label {
  padding:0 6px 0 2px;
}


div.enquete_notes{
  background: #F8F6F4;
  padding:6px 10px;
}

div.enquete_notes p{
  margin:4px 0 4px 0;
}

div.enquete_notes ul ,
div.enquete_notes ol{ 
  margin:4px 0 4px 0;
  margin-left: 4px;
}

div.enquete_notes ul li{
  list-style: inside square;
  line-height: 1.5;
}
div.enquete_notes ol li{
  list-style: decimal;
  margin-left: 1.5em;
  line-height: 1.5;
}

div.notestitle{
  font-weight:bold;
  border-bottom: dotted 1px #CDCDCD;
  background: url(/sb/static/common/images/notestitle.gif) no-repeat left center;
  padding:2px 5px 2px 14px;
  margin:0 0 8px 0;
}

input.eqbutton {
  padding:0;
  display:block;
  text-align:center;
  width:281px;
  margin:10px auto 0px auto;
}


div.enquete_contents{
  padding:4px 4px 8px 4px;
  color:#663300;
}


/*
===== clearfix ===========================
*/

div.title:after,
div.subtitle:after{
  content: url(/sb/static/common/images/spacer.gif);
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.title,
div.subtitle{
  display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
 * html div.title,
 * html div.subtitle{
  height: 1%;
}

div.subtitle{
  display: block;}
/* End Holly Hack */


/*
===== 追加 ===========================
*/


.app_article table {
  font-size: 78%;
  line-height: 1.5em;
  left: auto;
  right: auto;
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
  margin-right: auto;
  margin-left: auto;
}
.app_article  th {
  color: #104573;
  font-weight: bold;
  background-color: #efefef;
  padding: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CECFCE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CCCCCC;
}
.app_article td {
  padding: 5px;
  border: 1px solid #CCCCCC;
}

.app_article td.blue {
  padding: 5px;
  border: 1px solid #CCCCCC;
  background-color: #DEE7EF;
  color: #315D8C;
}

.app_article td.pink {
  padding: 5px;
  border: 1px solid #CCCCCC;
  background-color: #FCE9F2;
  color:#CF4D9B;
}

div.app_article .alert,
div.login .alert{
  color:#999999;
  font-weight:bold;
}


.centerimg{
  margin-top: 10px;
  margin-bottom: 10px;
  text-align:center;
  /* for ie7 and firefox */
  clear:both;
}

.centerimg img{
  margin:4px auto 4px auto;
}
.centerimg a img{
  border: 1px solid #0066ff;
}

.caption{
  font-size: 80%;
  line-height: 1.5;
  color:#ff7f00;}
  

.app_article td .time{
color:#633000; margin-right:5px; font-weight:bold;
}

.app_article td .period{
color:#666666; margin-left:5px; background:#efefef; padding:1px 3px 1px 3px;
}


div.app_article .column
{
  padding: 5px;
  border: 1px solid #18497B;
  color: #333;
  margin-top: 0px;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1.2em;
}

div.app_article .clm_title
{
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCCCCC;
  margin-bottom: 3px;
  font-size: 90%;
  font-weight: bold;
}
div.app_article.clm_content
{
  
}
div.app_article .clm_content p
{
  margin: 0px;
  padding: 0px;
}

div.app_article blockquote {
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: #EFEFEF;
  padding-top: 10px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 10px;
  font-size: 13px;
}