@charset "utf-8";

/* CSS Document */
/*　このファイルは、第二階層以下（一覧ページ、詳細ページ）で使われているレイアウトや書式を指定しています。　*/
/*　width,float,padding,marginの値は変更しないで下さい。レイアウトが崩れる場合があります。　*/


/* ■■■■■■■■■■■■■　一覧ページのみ　■■■■■■■■■■■■■ */

/*　上部イラストと文章の背景　*/

#contents-list_top-bg {
background-image: url(../img-common/contents-list_top-bg.jpg);
height: 140px;
}

/*　上部の文章の幅、余白　*/

#contents-list_top-word {
float: right;
width: 420px;
padding: 10px;
}

/*　上部の文章の行間、余白、文字サイズ　*/

#contents-list_top-word p {
line-height: 140%;
margin-bottom: 10px;
font-size: 12px;
}

/* ■■■■■■■■■■■■■　詳細ページのメイン記事　■■■■■■■■■■■■■ */

/*　行間、「この記事のポイント」との間に余白　*/

.main {
line-height: 150%;
padding-bottom: 30px;
}

/*　見出し３の文字サイズ、太文字、背景、上下の余白　*/

.main h3 {
font-size: 14px;
font-weight: bold;
background-image: url(../img-fix/page-h3_bg.gif);
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;
margin-top: 2em;
margin-bottom: 2em;
}

/*　見出し４の文字色、太文字、下線、上下の余白　*/

.main h4 {
font-size: 13px;
padding-right: 10px;
padding-left: 5px;
padding-bottom: 3px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #039AE1;
color: #039AE1;
margin-top: 2em;
margin-bottom: 1em;
}

/*　段落<p>の上下の余白　*/

.main p{ padding-bottom: 1em; }


/*　記事内の背景色つきテキスト　*/
.pink {
background-color: #F9D7E6;
padding-right: 24px;
padding-left: 24px;
padding-top: 10px;
padding-bottom: 10px;
}


/* ■■■■■■■■■■■■■　RSS　■■■■■■■■■■■■■ */

/*----------　RSS配信のスタイルを変更する　----------*/

.rss_box {
border: 1px solid #CCCCCC;
text-align: left;
margin-bottom: 1em;
padding: 5px;
}

.rss_title {
padding:3px;
font-weight:normal;
text-align: left;
}

.rss_items {
margin-left:20px;
color:#333333;
}

.rss_date {
font-size: 8pt;
color: #666666;
}

/* ■■■■■■■■■■■■■　この記事ポイント　■■■■■■■■■■■■■ */

/*----------　背景をピンクにし、余白を作る　----------*/

#point {
background-color: #F9D7E6;
padding-right: 24px;
padding-left: 24px;
padding-top: 10px;
padding-bottom: 10px;
}

/*----------　「この記事のポイント」の文字　----------*/

#point h4 {
font-size: 14px;
font-weight: bold;
padding-bottom: 5px;
}

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

#point ul {
padding-left: 20px;
line-height: 130%;
}

/* ■■■■■■■■■■■■■　これがオススメ！　■■■■■■■■■■■■■ */

/*----------　幅とボーダー色　----------*/

.page-shop {
border: 1px solid #95CC02;
width: 578px;
margin-top: 20px;
margin-bottom: 10px;
}

/*----------　商品説明の幅（HOMEと第二階層で異なる設定なので注意。書式はfix.cssで設定）　----------*/

.shop-com { width: 150px; }