@charset "utf-8";

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

  Title:common.css
  Last-updated: 2016/03/30
  Auther:b.mode
  Outline:共通項目

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


/*　CSSリセット
---------------------------------------------------------*/

body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,td {
   margin:0;
   padding:0;
}

table {
   border-collapse:collapse;
   border-spacing:0;
}

fieldset,img {
   border:0;
}

address,
caption,
cite,
code,
dfn,
em,/*strong,*/
th,
var {
   font-style:normal;
   font-weight:normal;
}

ol,ul {
  list-style:none;
}

caption,th {
   text-align:left;
}

h1,h2,h3,h4,h5,h6 { font-weight:normal;}

q:before,
q:after {
   content:'';
}

abbr,acronym {
   border:0;
}


/*　リンク色
---------------------------------------------------------*/
a,
a:link,
a:visited { text-decoration: none;}
a:hover,
a:active {text-decoration: underline;}

a img:hover {opacity: 0.8;}




/*　mainArea内 共通項目
---------------------------------------------------------*/

#mainArea {  }

#mainArea .section {
  clear: both;
  margin-bottom: 20px;
}

#mainArea .s-section {
  padding-bottom: 15px;
  clear: both;
}

/* 見出しとなるタイトル下部マージン */
#mainArea .titleL,
#mainArea .titleM,
#mainArea .titleS { margin-bottom: 15px;}

/* 見出しとなるタイトルのデザイン */
#mainArea .titleL { clear: both;}
#mainArea .titleM { clear: both;}
#mainArea .titleS { clear: both;}

#mainArea h2,
#mainArea h3,
#mainArea h4,
#mainArea h5,
#mainArea h6,
#mainArea p,
#mainArea ul,
#mainArea ol,
#mainArea dl,
#mainArea table { margin-bottom: 10px; /* .section内ブロックの下マージン */}

/* ul li のリストタイプ */
#mainArea ul { padding-left: 20px;}
#mainArea li { list-style-type: disc; }

/* dtとdl のレイアウト */
#mainArea dt { float: left; }
#mainArea dd {}

/* table */
#mainArea table {
  background: #BBB;
  margin-bottom: 10px;
}

#mainArea th {
  background: #EEE;
  padding: 3px;
}

#mainArea td {
  background: #FFF;
  padding: 3px;
}

/*　subArea内 共通項目
---------------------------------------------------------*/

#subArea {  }


#subArea .section {
  clear: both;
  margin-bottom: 15px;
}

#subArea .s-section {
  margin-bottom: 10px;
  clear: both;
}

#subArea .titleL { clear: both;}

#subArea .titleL,
#subArea .titleM,
#subArea .titleS {  margin-bottom: 10px;}

#subArea h2,
#subArea h3,
#subArea h4,
#subArea h5,
#subArea h6,
#subArea p,
#subArea ul,
#subArea ol,
#subArea dl,
#subArea table { margin-bottom: 10px; /* .section内ブロックの下マージン */}



/*　footer内 共通項目
---------------------------------------------------------*/

#footer {  }