@charset "utf-8";

/* -----------------------------------------------------------

Common CSS Ver. 1.0
ファイル名：common2.css
作成日：2010年3月23日
作者:Maya Uegaki
説明:全ページ共通のスタイル設定ファイルです


・基本設定：背景色、テキスト色など）
・共通クラス：全ページ共通で使用するクラス
・レイアウト：画面領域定義


サイト名：NPO法人スクラップブッキング協会Webサイト
URL:http://www.scrapbooking-association.com/

----------------------------------------------------------- */


/* ---------------------------------------------------------
基本設定
------------------------------------------------------------ */
body {
  background: #f4f2e6 url("../img/common/body_bg_01.gif");
  color: #600;
}
a:link {
  text-decoration: none;
  color: #006600;
}
a:visited {
  text-decoration: none;
   color: #006666;
}
a:hover, a:active {
  text-decoration: underline;
  color: #cc3300;
}

/* --------------------------------------------------------- p */
p {
  margin-bottom: 20px;
  font-size: 90%;
  line-height: 1.8em;
  text-indent: 1em;
}
/* リード文 */
p.read {
  color: #333;
}
/* 注意書き */
p.notes {
  text-indent: 0;
  color: #c00;
}
p.reader {
  margin: 0;
  padding: 0;
}

/* --------------------------------------------------------- h1,h2,h3,h4,h5,h6 */
h1 {
  margin-bottom: 30px;
  font-size: 100%;
}
h2, h3 {
  margin-bottom: 20px;
  font-size: 90%;
}
h4, h5, h6 {
  margin-bottom: 20px;
  font-size: 80%;
}
div#content {
  margin-bottom: 30px;
}
#header h1 {
  margin: 0;
  padding: 0;
}
body#history div#leaf h2,
body.report div#leaf h2,
body#privacy div#leaf h2,
body.present div#leaf h2,
body.form div#leaf h2 {
  clear: both;
  padding: 12px 20px 12px 20px;
  width: 780px;
  background: url("../img/common/h2_bg_01.gif") left center no-repeat;
}

div#leaf_sub h2,
body.terms div#leaf_sub h1 {
  clear: both;
  padding: 12px 20px 12px 20px;
  width: 520px;
  background: url("../img/common/h2_bg_02.gif") left center no-repeat;
}
div#leaf h3 {
  padding: 5px 10px 3px 10px;
  border: 1px dotted #693;
  border-left: 8px #693 solid;
  color: #c69;
}
/* ========================================================= 共通クラス */
.center {
  margin: 0 auto;
  text-align: center;
}
.right {
  text-align: right;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr25 {
  padding-right: 25px;
}
.pr30 {
  padding-right: 30px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl25 {
  padding-left: 25px;
}
.pl30 {
  padding-left: 30px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}












/* 音声読み上げソフト用：非表示化 */
.reader {
  display: block;
  width: 0;
  height: 0;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
}
/* float 解除 */
.clear {
  clear: both;
}
.clear_right {
  clear: right;
}
.clear_left {
  clear: left;
}
/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}
* html .clearfix { zoom: 1; } /* for IE6 */
*:first-child+html .clearfix { zoom: 1; } /* for IE7 */
/* パン屑リスト */
div#topic_path { 
  width: 910px;
  margin: 0 auto 10px auto;
  font-size: 80%;
}
div#topic_path img {
  padding: 0 10px;
}
/* ページトップ */
div.page_top {
  width: 910px;
  margin: 0 auto 20px auto;
  text-align: right;
  clear: both;
}
/* 関連リンク */
dl.related_link {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px #e2e2e2 solid;
  background-color: #f6f6f6;
}
dl.related_link dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #693;
  font-size: 80%;
}
dl.related_link dd {
  margin: 0 0 0.5em 0;
  font-size: 80%;
}
dl.related_link dd a {
  padding-left: 20px;
}
dl.related_link dd a:link,
dl.related_link dd a:visited {
  background: url("../img/common/arrow_01.gif") left top no-repeat;
}
dl.related_link dd a:hover,
dl.related_link dd a:active {
  background: url("../img/common/arrow_02.gif") left top no-repeat;
}
/* マーカー付きリスト */
div#main ul.disc {
  margin: 0 2em 30px 2em;
}
div#main ul.disc li {
  padding:0 ;
  margin-left: 1.5em;
  list-style-type: disc;
  line-height: 1.5em;
  font-size: 90%;
}
div#main ol.decimal {
  margin: 0 2em 30px 2em;
}
div#main ol.decimal li {
  padding:0 ;
  margin-left: 1.5em;
  list-style-type: decimal;
  line-height: 1.5em;
  font-size: 90%;
}
/* 文中のアイコン */
span.icon {
  padding: 0 0.5em;
}
/* ページ上部ローカルナビゲーション */
ul.local_nav {
  width: 910px;
  margin: 0 auto 10px auto;
  text-align: right;
}
ul.local_nav li {
  display: inline;
  font-size: 90%;
  padding: 5px 10px;
  background: url("../img/common/line_01.gif") right center no-repeat;
}
ul.local_nav li.end {
  background: none;
}

/* ページ下部、ページナビゲーション */
div#page_nav {
  width: 910px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  margin:0 auto 30px auto;
}
div#page_nav ul {
  height: 1em;
  padding: 10px 1em;
}
div#page_nav ul li {
  font-size: 80%;
  width: 840px;
}
div#page_nav ul li.prev {
  width: 400px;
  float: left;
  text-align: left;
}
div#page_nav ul li.next {
  width: 400px;
  float: right;
  text-align: right;
}
div#page_nav ul li.next:after {
  content: ".";
  display: block;
  clear: left;
  width: 0;
  visibility: hidden; 
  background-color: #f00;
 }
div#page_nav ul li.prev a:link,
div#page_nav ul li.prev a:visited {
  background: url("../img/common/arrow_03.gif") left center no-repeat;
  padding-left: 20px;
}
div#page_nav ul li.prev a:hover,
div#page_nav ul li.prev a:active {
  background: url("../img/common/arrow_04.gif") left center no-repeat;
  padding-left: 20px;
}

div#page_nav ul li.next a:link,
div#page_nav ul li.next a:visited {
  background: url("../img/common/arrow_01.gif") right center no-repeat;
  padding-right: 20px;
}
div#page_nav ul li.next a:hover,
div#page_nav ul li.next a:active {
  background: url("../img/common/arrow_02.gif") right center no-repeat;
  padding-right: 20px;
}

/* 例 */
div.ex {
  margin-bottom: 20px;
  padding: 20px;
  border:1px solid #e2e2e2;
  background-color: #f6f6f6;
}
div#leaf div.ex h4 {
  margin: 0 0 0.5em 0;
  padding: 0;
}
div.ex span {
  display: block;
  font-size: 90%;
  margin : 0 1em;
}


/* ========================================================= レイアウト（領域定義） */
div#wrapper {
  width: 100%;
  margin: 0 auto;
  background: url("../img/common/body_bg_02.gif") top center repeat-y;
}
/* Header */
div#header_container {
  width: 100%;
  background: url("../img/common/header_bg_01.gif") top center no-repeat;
}
div#header {
  width: 950px;
  margin: 0 auto 10px auto;
  background: transparent url("../img/common/header_bg_01.gif") top center no-repeat;
}
/* パン屑リスト */
div#topic_path { 
  width: 910px;
  margin: 0 auto 10px auto;
  font-size: 80%;
}
/* Main */
div#main {
  width: 950px;
  margin: 0 auto;
}
div.article:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}
* html div.article { zoom: 1; } /* for IE6 */
*:first-child+html div.article { zoom: 1; } /* for IE7 */

/* =========================================================== カテゴリページ */
/* カテゴリイメージ（アイキャッチ） */
#catch {
  width: 910px;
  margin: 0 auto 20px auto;
}

/* 背景（SBとは／講師情報／店舗情報／協会について） */
div#leaf {
  width: 920px;
  margin: 0 auto;
  padding-top: 18px;
  background: url("../img/common/leaf_pera_bg_01.gif") left top no-repeat;
}
div#leaf div.container {
  width: 920px;
  margin: 0 auto 30px auto;
  padding-bottom: 22px;
  background: url("../img/common/leaf_pera_bg_03.gif") left bottom no-repeat;
}
div#leaf div.container div.article {
  width: 820px;
  margin: 0 auto;
  padding:50px;
  background: url("../img/common/leaf_pera_bg_02.gif") left top repeat-y;
}
/* 背景（SBとは：下位階層） */
div#leaf_sub {
  width: 920px;
  margin: 0 auto;
  padding-top: 18px;
  background: url("../img/common/leaf_sub_bg_01.gif") left top no-repeat;
}
div#leaf_sub div.container {
  width: 920px;
  margin: 0 auto 30px auto;
  padding-bottom: 22px;
  background: url("../img/common/leaf_sub_bg_03.gif") left bottom no-repeat;
}
div#leaf_sub div.container div.article {
  width: 920px;
  margin: 0 auto;
  padding: 50px 0;
  background: url("../img/common/leaf_sub_bg_02.gif") left top repeat-y;
}
div#leaf_sub div.container div.article div#article_body {
  width: 560px;
  margin: 0 50px 0 0;
  padding: 0;
  float: right;
}
div#leaf_sub div.container div.article div#article_menu {
  width: 215px;
  margin: 0 0 0 35px;
  padding: 0;
  float: left;
}

/* 背景（レポート／コンテスト） */
body#report_index div#main {
 background: url("../img/common/category_index_bg_01.gif") left bottom no-repeat;
}
div#category_summary {
  width: 330px;
  margin: 0 0 20px 20px;
  padding-top: 56px;
  float: left;
  background: url("../img/common/read_bg_01.jpg") left top no-repeat;
}
div#category_summary div.container {
  background: url("../img/common/read_bg_02.jpg") left top repeat-y;
}
div#category_summary div.container div.read {
  padding: 0 30px 56px 30px;
  background: url("../img/common/read_bg_03.jpg") left bottom no-repeat;
}
div#category_summary div.container div.read p {
  padding: 0;
  margin: 0;
  font-size: 80%;
}
div#category_summary div.container div.read dl.related_link {
  margin: 10px 0;
}
div#category_summary div.container div.read dl.related_link dt,
div#category_summary div.container div.read dl.related_link dd {
  font-size: 80%;
}
div#category_list {
  width: 560px;
  margin: 0 20px 30px 0;
  padding-top: 2px;
  float: right;
  background: url("../img/common/category_list_bg_01.gif") left top no-repeat;
}
div#category_list div.container {
  background: url("../img/common/category_list_bg_02.gif") left top repeat-y;
}
div#category_list div.container div.list {
  padding: 0 20px 30px 20px;
  background: url("../img/common/category_list_bg_03.gif") left bottom no-repeat;
}
div#main div#category_list h2 {
  padding-top: 30px;
  margin-bottom: 30px;
}
div#category_list h3 {
  padding: 5px 0 3px 0;
  margin-bottom: 15px;
  border-top: 1px dashed #600;
  border-bottom: 1px dashed #600;
  font-size: 90%;
}
div#category_list h3 a:link,
div#category_list h3 a:visited {
  padding-left: 20px;
  background: url("../img/common/arrow_01.gif") left center no-repeat;
}
div#category_list h3 a:hover,
div#category_list h3 a:active {
  padding-left: 20px;
  background: url("../img/common/arrow_02.gif") left center no-repeat;
}
div#category_list ul li div.thumbnail {
  width: 120px;
  margin: 0 0 15px 20px;
  float: left;
}
div#category_list ul li p {
  width: 360px;
  float: right;
  text-indent: 0;
}
div#category_list ul li p.text {
  text-indent: 0;
  width: 500px;
  margin: 0 0 15px 0;
  text-indent: 0;
}
div#category_list ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}
* html div#category_list ul li{ zoom: 1; } /* for IE6 */
*:first-child+html div#category_list ul li { zoom: 1; } /* for IE7 */



/* =========================== スクラップブッキング（scrapbooking）*/
div#explanation {
  width: 500px;
  height: 300px;
  float: left;
  background: url("../img/scrapbooking/sb_index_bg_01.gif") right bottom no-repeat;
}
div#sb_sample {
  width: 300px;
  margin: 0 0 0 20px;
  float: right;
}
div#sb_sample img {
  display: block;
  margin-bottom: 10px;
}
div#sb_sample p {
  text-indent: 0;
  font-size: 80%;
  line-height: 1.3em;
  margin: 0 0 30px 0;
}
div#sb_content {
  clear: both;
}
ul.sb_category {
  margin-bottom: 20px;
}
ul.sb_category li#sb_howto {
  width: 400px;
  margin-right: 20px;
  float: left;
}
ul.sb_category li#sb_terms {
  width: 400px;
  float: right;
}

/* =========================== 講師情報(instructor） */
ul#inst_area {
  width: 440px;
  float: left;
  margin-bottom: 30px;
  margin-left: 20px;
}
ul#inst_area li {
  margin: 0 1em 0.5em 1em;
  padding: 0;
  list-style-type: disc;
  font-size: 80%;
}
ul#jp_map {
  width: 320px;
  height: 240px;
  margin: 0 30px 30px 0;
  padding: 0;
  position: relative;
  background: none;
  float: right;
}
ul#jp_map li {
  margin: 0;
  padding: 0;
  position: absolute;
  list-style-type: none;
}
ul#jp_map li#hokkaido {
  width: 90px;
  height: 70px;
  top: 0;
  left: 230px;
}
ul#jp_map li#touhoku {
  width: 90px;
  height: 40px;
  top: 80px;
  left: 230px;
}
ul#jp_map li#kantou {
  width: 60px;
  height: 120px;
  top: 120px;
  left: 260px;
}
ul#jp_map li#chubu {
  width: 50px;
  height: 120px;
  top: 120px;
  left: 210px;
}
ul#jp_map li#kinki {
  width: 50px;
  height: 120px;
  top: 120px;
  left: 160px;
}
ul#jp_map li#chugoku {
  width: 70px;
  height: 60px;
  top: 120px;
  left: 90px;
}
ul#jp_map li#shikoku {
  width: 70px;
  height: 50px;
  top: 190px;
  left: 90px;
}
ul#jp_map li#kyusyu_okinawa {
  width: 80px;
  height: 120px;
  top: 120px;
  left: 0;
}
/* =========================== 店舗情報（shop）などなどのリスト */
ul.data_list {
}
ul.data_list dl {
  padding: 20px;
  margin: 0 20px 30px 20px;
  border: 1px #e2e2e2 solid;
  background-color: #f6f6f6;
}
ul.data_list dl dt {
  clear: left;
  width: 5.5em;
  float: left;
  text-align: right;
  font-size: 80%;
  font-weight: bold;
  color: #693;
  line-height: 1.5em;
  padding-right: 10px;
  background: url("../img/common/colon_01.gif") right center no-repeat;
}
ul.data_list dl dd {
  margin-left: 6em;
  font-size: 80%;
  line-height: 1.5em;
}
ul.data_list dl dd a:link,
ul.data_list dl dd a:visited {
  padding-right: 15px;
  background: url("../img/common/external_01.gif") right center no-repeat;
}

body.instructor ul.data_list dl dt {
  width: 4em;
}
body.instructor ul.data_list dl dd {
  margin-left: 5em;
}
/* =========================================================== 個別詳細ページ */
/* =========================== スクラップブッキングとは（scrapbooking） */
ul#howto_item_menu {
  width:810px;
  margin: 0 auto 30px auto;
}
ul#howto_item_menu li {
  width: 250px;
  padding : 0 10px;
  float: left;
}
ol#howto_b_menu {
  width: 780px;
  margin: 0 auto 30px auto;
}
ol#howto_b_menu li {
  width: 140px;
  padding-right: 20px;
  background: url("../img/common/arrow_07.gif") right center no-repeat;
  float: left;
}
ol#howto_b_menu li.end {
  padding: 0;
  background: none;
}

div.photo {
  margin-bottom: 20px;
  text-align: center;
}
div#article_body div.p_left {
  width: 340px;
  float: left;
  margin-bottom: 30px;
}
div#article_body div.img_right {
  width: 200px;
  margin-bottom: 30px;
  float: right;
}
div#article_body div.p_right{
  width: 340px;
  float: right;
  margin-bottom: 30px;
}
div#article_body div.img_left {
  width: 200px;
  margin-right: 20px;
  margin-bottom: 30px;
  float: left;
}
/* 画像提供 */
div#article_body dl.source {
  margin: 10px;
  padding: 10px;
  border: 1px solid #e2e2e2;
  background: #f6f6f6;
}
div#article_body dl.source dt {
  float: left;
  font-size: 80%;
}
div#article_body dl.source dd {
  font-size: 80%;
  margin-left: 5em;
}
div#article_body dl.source dd a {
  padding-right: 20px;
  background: url("../img/common/external_01.gif") right center no-repeat;
}

/* 略語・類語・別名 */
p.synonym {
  margin: 0 1em 20px 1em;
  text-indent: 0;
}
p.synonym em {
  font-weight: bold;
}

div#article_menu h4 {
  margin-bottom: 10px;
}

div#article_menu ul.sub_menu {
  margin-bottom: 20px;
}
div#article_menu ul.sub_menu li {
  margin-bottom: 5px;
}
/* === 用語集 === */
/* 目次 --------------------------------------- */
ul.quick_link {
  width: 820px;
  margin-bottom: 20px;
  text-align: right;
}
ul.quick_link li {
  display: inline;
  font-size: 80%;
  padding: 5px 10px;
  background: url("../img/common/line_01.gif") right center no-repeat;
}
ul.quick_link li.end {
  background: none;
}

div#terms_jp_index,
div#terms_en_index {
  margin-bottom: 20px;
}
body#terms_index ul.terms_jp,
body#terms_index ul.terms_en {
  width: 810px;
  margin: 0 auto 20px auto;
}
body#terms_index ul.terms_jp:after,
body#terms_index ul.terms_en:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}
body#terms_index ul.terms_jp li,
body#terms_index ul.terms_en li {
  width: 260px;
  margin: 5px;
  background:#000;
  padding: 0;
  float: left;
  font-size: 80%;
}
body#terms_index ul.terms_jp li a:link,
body#terms_index ul.terms_jp li a:visited,
body#terms_index ul.terms_en li a:link,
body#terms_index ul.terms_en li a:visited {
  display: block;
  width: 230px;
  padding: 5px 5px 5px 25px;
  background: #f6f6f6 url("../img/common/arrow_05.gif") 5px 0 no-repeat;
}
body#terms_index ul.terms_jp li a:hover,
body#terms_index ul.terms_jp li a:active,
body#terms_index ul.terms_en li a:hover,
body#terms_index ul.terms_en li a:active {
  display: block;
  width: 230px;
  padding: 5px 5px 5px 25px;
  background: #fcfcda url("../img/common/arrow_06.gif") 5px 0 no-repeat;
  text-decoration: none;
}
div#leaf div.page_top {
  width: 820px;
  margin: 0 auto 10px auto;
}
/* 用語集個別詳細 --------------------------------------- */
ul#terms_jp_index {
  margin-bottom: 1em;
}
ul#terms_jp_index li {
  font-size: 90%;
  float: left;
  text-align: center;
}
ul#terms_jp_index li a:link,
ul#terms_jp_index li a:visited {
  display: block;
  background: #f6f6f6;
  width: 50px;
  padding: 4px;
  margin: 5px;
  border: 1px solid #300;
}
ul#terms_jp_index li a:hover,
ul#terms_jp_index li a:active {
  display: block;
  background: #fcfcda;
  width: 50px;
  padding: 4px;
  margin: 5px;
  border: 1px solid #693;
  text-decoration: none;
}
/* =========================== レポート（report） */
div#leaf div.p_left {
  width: 500px;
  float: left;
  margin-bottom: 20px;
}
div#leaf div.img_right {
  width: 300px;
  float: right;
  margin-bottom: 20px;
}
div#leaf div.p_right{
  width: 500px;
  float: right;
  margin-bottom: 20px;
}
div#leaf div.img_left {
  width: 300px;
  float: left;
  margin-bottom: 20px;
}

div#leaf dl.external_link{
  margin: 0 20px 20px 20px;
  padding: 20px;
  border: 1px #e2e2e2 solid;
  background-color: #f6f6f6;
}
div#leaf dl.external_link dt {
  font-weight: bold;
  color: #693;
  font-size: 90%;
  margin-bottom: 0.5em;
}
div#leaf dl.external_link dd {
  font-size: 90%;
  margin: 0;
  padding: 0 15px 0 20px;
  background: url("../img/common/arrow_01.gif") left center no-repeat;
}
a.external_link {
  padding-right: 15px;
  background: url("../img/common/external_01.gif") right center no-repeat;
}
div#leaf dl.external_link dd a {
  padding-right: 20px;
  background: url("../img/common/external_01.gif") right center no-repeat;
}
div#leaf div.img_bottom {
  margin: 0 auto 20px auto;
}

/* =========================== コンテスト（contest） */
div.photo img {

}
div.photo span {
  display: block;
  margin-top:10px;
  padding: 4px 15px;
  background: url("../img/common/zoom_01.gif") left center no-repeat;
  font-size: 80%;
  text-align: left;
}
div.entry {
  clear: both;
  width: 780px;
  border: 1px #e2e2e2 solid;
  padding: 20px 19px;
  margin-bottom: 20px;
  background: #f6f6f6;
}
div.entry:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html div.entry { zoom: 1; } /* for IE6 */
*:first-child+html div.entry { zoom: 1; } /* for IE7 */
div.entry dl {
  color: #600;
}
div.entry dl dt {
  font-weight: bold;
}
div.entry dl dd.title {
  font-weight: bold;
}
div.entry dl .comment {
  color: #936;
}
div.entry dl .v_comment {
  color: #693;
}
div.entry dl dd.comment {
  margin: 0 1em 1em 1em;
  line-height: 1.5em;
}
div.entry dl dd.v_comment {
  margin: 0 1em;
  line-height: 1.5em;
}
div.entry dl dt.title,
div.entry dl dt.name {
  display: none;
}
div.entry dl dd.title,
div.entry dl dd.name {
  font-family: sans-serif;
  margin: 0 0 0.5em 0;
  padding: 0;
  color: #600;
}
div.entry dl dt:after {
  content:"：";
}
div.entry dl dd.v_comment:before {
  content:"・";
}

/* === 1位/2位レベル === */
div.contest1 div.photo,
div.contest2 div.photo {
  width: 300px;
  margin-right: 30px;
  float: left;
}
div.contest1 dl,
div.contest2 dl {
  width: 450px;
  float: right;
}
div.contest1 dl dd.title,
div.contest2 dl dd.title {
  font-size: 120%;
  margin-bottom: 1em;
}
div.contest1 dl dd.name,
div.contest2 dl dd.name {
  font-size: 100%;
  margin-bottom: 1em;
}
div.contest1 dl .comment,
div.contest1 dl .v_comment,
div.contest2 dl .comment,
div.contest2 dl .v_comment {
  font-size: 90%;
}

/* === 3位レベル === */
div.contest3 div.photo {
  width: 240px;
  margin-right: 30px;
  float: left;
}
div.contest3 dl {
  width: 510px;
  float: right;
}
div.contest3 dl dd.title {
  font-size: 120%;
}
div.contest3 dl dd.name {
  font-size: 90%;
}
div.contest3 dl .comment,
div.contest3 dl .v_comment {
  font-size: 90%;
}
/* === 入選レベル === */
div.contest4 div.photo {
  width: 180px;
  margin-right: 30px;
  float: left;
}
div.contest4 dl {
  width: 570px;
  float: right;
}
div.contest4 dl dd.title {
  font-size: 100%;
}
div.contest4 dl dd.name {
  font-size: 90%;
}
div.contest4 dl .comment,
div.contest4 dl .v_comment {
  font-size: 80%;
}
/* =========================== 講師情報（instructor） */
body.instructor ul.data_list span.icon {
  margin: 0 10px 10px 10px;
  display: block;
}
/* =========================== 協会について（about） */
div#main p.address {
  margin: 0 1em 20px 1em;
  line-height: 1.3em;
}
p.address span {
  display: block;
}
div#main p.dl_excel {
  margin: 10px 1em 20px 1em;
  line-height: 1.3em;
}
div#main p.dl_excel img {
  padding: 0 5px;
}
dl.address {
  margin: 0 1em 20px 1em;
}
dl.address dt {
  font-weight: bold;
  color: #693;
  float: left;
  font-size: 90%;
  margin: 0 1em 0.5em 1em;
}
dl.address dt:after {
  content: "：";
}
dl.address dd {
  font-size: 90%;
  margin-bottom: 0.5em;
}
body#supporting_members_list ul h3 a {
  padding-right: 20px;
  background: url("../img/common/external_01.gif") right center no-repeat;
}
body#supporting_members_list ul.data_list p {
  font-size: 80%;
  text-indent: 0;
  margin: 0 20px 10px 20px;
}

/* =========================== 店舗情報（shop） */


/* サイトマップ */
ul#sitemap_list {
  margin: 0;
}
ul#sitemap_list li {
  margin-bottom: 20px;
}
ul#sitemap_list li ul {
  margin: 0 20px;
}
ul#sitemap_list li ul li {
  margin: 0 0 10px 0;
  padding-left: 20px;
  font-size: 80%;
  background: url("../img/common/arrow_01.gif") left center no-repeat;
}

/* フォーム */
.err {
  color: #c30;
}
form {
  margin-bottom: 20px;
}
table.default {
  border-collapse: collapse;
  border: 2px solid #e2e2e2;
  margin: 0 auto 20px auto;
  background: #fff;
  width: 780px;
}
table.default caption {
  display: none;
}
table.default th {
  padding: 10px 20px;
  width: 200px;
  background: #fcfcda;
  border-bottom: 1px #e2e2e2 solid;
  font-size: 80%;
  color: #693;
  text-align: left;
}
table.default th span {
  color: #c30;
  font-weight: normal;
}
table.default td {
  padding: 10px 20px 10px 19px;
  width: 500px;
  background: #fff;
  border-left: 1px #e2e2e2 solid;
  border-bottom: 1px #e2e2e2 solid;
  font-size: 80%;
  text-align: left;
}
/* 会員番号接頭語 MSBA */
table.default span.prefix {
  font-family: arial;
  margin-right: 0.5em;
}

/* 記入例 */
table.default td span.ex {
  margin-right: 0.5em;
}
table.default td div {
  margin-bottom: 10px;
}
table.default td div.ex {
  border: none;
  background-color: transparent;
  margin: 0 0 10px 0;
  padding: 0;
}
/* 名前 */
table.default td.name label {
  display: block;
  width: 2em;
  float: left;
  text-align: right;
}
table.default td.name input {
  float: left;
  margin-left: 0.5em;
}
table.default td.address_list dl {
  margin-bottom: 0px;
}
table.default td.address_list dl dt {
  width: 6em;
  float: left;
  margin-bottom: 10px;
  clear: left;
}
table.default td.address_list dl dt.end {
  margin-bottom: 0;
}
table.default td.address_list dl dd.end {
  margin-bottom: 0;
  clear: left:
}
table.default td.address_list dl dd {
  margin-left: 6em;
  margin-bottom: 10px;
}
/* アンケート */
table.default td.quest dt {
  margin: 0 0 10px 0;
}
table.default td.quest dd {
  margin: 0 0 10px 20px;
}

div.button {
  width: 780px;
  margin: 0 auto 20px auto;
  text-align: center;
}
div.button_left {
  width: 780px;
  margin: 0 auto 20px auto;
  text-align: left;
}
div.button input {
  width: 120px;
  margin: 0 10px
}

/* プレゼント */
div#present_photo {
  width: 480px;
  margin: 10px 10px 20px 10px;
  text-align: center;
  float: left;
}
dl#oubo_info {
  width: 260px;
  margin: 10px;
  padding: 20px;
  float: right;
  background: #f6f6f6;
  margin-bottom: 20px;
}
dl#oubo_info dt {
  margin: 0 0 5px 0;
  color: #693;
  font-size: 80%;
  font-weight: bold;
}
dl#oubo_info dd {
  margin: 0 20px 5px 20px;
  font-size: 80%;
}
p.present_sponsor {
  clear: both;
}
p.present_info {
}

/* 更新一覧 */
body#news div.article ul {
  margin: 0 20px 20px 20px;
}
body#news div.article ul li {
  line-height: 1.8em;
  font-size: 90%;
}
body#news div.article ul li span {
  font-weight: bold;
  padding-right: 1em;
}



/* レポート */
div.process {
margin: 20px 60px 30px 60px;
padding: 20px;
border: 2px solid #cc9;
}
div#leaf div.process h3 {
  border: none;
  color: #600;
  margin: 1em 0 0.5em 0;
  padding: 0;
}
div.process ol {
  list-style-type: decimal;
  margin-left: 40px;
}
div.process ol li {
  font-size: 90%;
  list-style-type: decimal;
  padding-top: 4px;
  padding-bottom: 23px;
  background: url("../img/common/arrow_h.gif") left bottom no-repeat;
  color: #360;
}
div.process ul {
  list-style-type: disc;
  margin: 1em 40px;
}
div.process ul li {
  font-size: 90%;
  list-style-type: disc;
  color: #360;
}
div.process ol li.end {
  background-image: none;
}
div#leaf div.process p {
  margin: 0 20px;
  padding: 0;
  text-indent: 1em;
  line-height: 1.8em;
  color: #360;
}
div#leaf div.process h4 {
  margin: 1em 0 0 1em;
  padding: 0;
  font-size: 90%;
  color: #360;
}
div.sakurei {
  font-size: 90%;
  margin: 10px 0 10px 40px;
}
div.sakurei span {
  vertical-align: top;
  padding-right: 10px;
}
div.sakurei img {
  vertical-align: top;
}