@charset "utf-8";

/* CSS Document */
/*　このファイルは、サイト全体で汎用で使われているレイアウトや書式を指定しています。　*/
/*　width,float,padding,marginの値は変更しないで下さい。レイアウトが崩れる場合があります。　*/


/* ■■■■■■■■■■■■■　汎用レイアウト　■■■■■■■■■■■■■ */

/*　レイアウト：左寄せ　*/

.float-left { float: left; }

/*　レイアウト：右寄せ　*/

.float-right { float: right; }

/*　レイアウト：左右寄せをクリアする　*/

.c-both { clear: both; }

/* ----------------　レイアウト：２分割　----------------*/

/*　レイアウト：２分割左　*/

.layout-2_left {
float: left;
width: 48%;
}

/*　レイアウト：２分割右　*/

.layout-2_right {
float: right;
width: 48%;
}

/* ----------------　レイアウト：３分割　----------------*/

/*　レイアウト：３分割の左（左２つ分）　*/

.layout-3_left {
float: left;
width: 66%;
}

/*　レイアウト：３分割の使い方　*/
/*　１．「layout-3_left」と「layout-2_right」を並べ、その後に<br class="c-both" />を挿れる。　*/
/*　２．「layout-3_left」内に「layout-2_left」と「layout-2_right」を並べ、　*/
/*　　　その後に<br class="c-both" />を挿れる。　*/

/* ----------------　画像　----------------*/

/*　画像を挿れる際に左寄せ、右・下に余白を作る　*/

.img {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

/*　背景に画像を置く　*/

.bg-img {
background-repeat: no-repeat;
background-position: right bottom;
}


/* ----------------　余白設定　----------------*/

/*　余白：左右上下10ピクセル　*/

.padding_10{
padding: 10px;
}

/*　余白：上下5ピクセル　*/

.padding_t5-b5 {
padding-top: 5px;
padding-bottom: 5px;
}

/*　余白：上下10ピクセル　*/

.padding_t10-b10 {
padding-top: 10px;
padding-bottom: 10px;
}

/*　余白：上20下5ピクセル　*/

.padding-t20_b10 {
padding-top: 20px;
padding-bottom: 5px;
}

/*　余白：上10ピクセル　*/

.padding_t10 { padding-top: 10px; 
}

/*　余白：上10下5ピクセル　*/

.padding-t10_b5 {
padding-top: 10px;
padding-bottom: 5px;
}

/*　余白：下10ピクセル　*/

.padding_b10 {
padding-bottom: 10px;
}

/*　余白：下5ピクセル　*/

.padding_b5 {
padding-bottom: 5px;
}


/* ■■■■■■■■■■■■■　汎用書式　■■■■■■■■■■■■■ */

/* ---------------行間を空ける---------------*/

/*（※画像が配置されている箇所に適用すると、多くの場合で反映されません） */

/* 普通の行間 */

.line { line-height: 130%; }


/* ---------------文字サイズ--------------- */

/*（※13ピクセルが標準の文字サイズ） */

/* 11ピクセル。小さめ。 */

.font-11 { font-size: 11px; }

/* 14ピクセル。大きめ。 */

.font-14 { font-size: 14px; }


/* ■■■■■■■■■■■■■　固定書式　■■■■■■■■■■■■■ */

/* ---------------　リスト　----------------*/

/*  リストの行間をあける（カテゴリ・ページリンク、テキスト広告ほか） */

li {
margin-top: 4px;
margin-bottom: 4px;
}

/* ----------------　テキスト広告　---------------- */

/*  リストの下に余白、左にずらす（リストマークを表示するため）　*/

.ul-text_advertising {
margin-bottom: 15px;
margin-left: 1.5em;
}

/* ----------------　<strong>を太文字にする　---------------- */

strong { font-weight: bold; }

/* ----------------　<b>を太文字、色を変える　---------------- */

b {
font-weight: bold;
color: #E5007F;
}

/* ----------------　<em>を斜体にせず、太文字にする　---------------- */

em {
font-style: normal;
font-weight: bold;
}

/* ----------------　<td>内の文字を標準サイズ（13px）にする　---------------- */

td { font-size: 13px; }


/* ■■■■■■■■■■■■■　キラキラ区切り線の下（一覧ページとHOMEのTOP）　■■■■■■■■■■■■■*/

/*　内容を左26ピクセルあける　*/

.contents-list { margin-left: 26px; }

/*　カテゴリ名（h3）の設定　*/

.contents-list h3 {
font-size: 16px;
line-height: 150%;
font-weight: bolder;
color: #E41978;
margin-bottom: 10px;
}

/*　カテゴリ名（h3）にリンクがある時　*/

.contents-list h3 a:link { color: #D5026E; }
.contents-list h3 a:visited { color: #D5026E; }


/* ----------------　ページへのリンク・リスト（一覧ページ、HOMEのページ一覧） ---------------- */

/*　ページ説明文の文字　*/

.contents-list li {
font-size: 10px;
color: #666666;
}

/*　ページタイトル（リンクがあるとき）の文字　*/

.contents-list li a:link {
font-size: 13px;
line-height: 150%;
}

.contents-list li a:visited {
font-size: 13px;
line-height: 150%;
}

/*　ページタイトル（リンクがないとき）の文字　*/

.contents-list_tl {
font-size: 13px;
line-height: 150%;
color: #006AEC;
}

/* 先頭のマークを変更 */

.ul-1 {
list-style-image: url(../img-common/ul-1.gif);
margin-left: 1em;
padding-left: 0.5em;
}

.ul-2 {
list-style-image: url(../img-common/ul-2.gif);
padding-left: 1em;
}

.ul-3 {
list-style-image: url(../img-common/ul-3.gif);
padding-left: 1em;
}