@charset "UTF-8";
A:link{
	color:#0033FF; text-decoration: none;
}
A:visited{
	color:#0000FF; text-decoration: none;
}
A:active{
	color:#FF0000; text-decoration: underline;
}
A:hover{
	color:#FF0000; text-decoration: underline;
}

body {	/* BODY用設定 */
	background-color: #FFFFFF;
	color: #000000; 
}

.text{	/* 標準テキスト */
	color: #000000; font-size: 12px; line-height: 1.5;}
.text-b{	/* 標準テキストボールド */
	color: #000000; font-size: 12px; line-height: 1.5; font-weight: bold;}

a.normal{	/* 標準リンク */
	font-size: 12px; line-height: 1.5;}
a.small{	/* 標準リンク */
	font-size: 10px; line-height: 1.5;}

.font18-bl2-b{	/* 18px 濃紺 ボールド */
	color: #000099; font-size: 18px; line-height: 1.5; font-weight: bold;}
.font18-gr{	/* 18px グレー */
	color: #666666; font-size: 18px; line-height: 1.5; font-weight: bold;}
.font18-bk{	/* 18px ブラック */
	color: #000000; font-size: 18px; line-height: 1.5; font-weight: bold;}

.font14-bl-b{	/* 14px 濃紺 ボールド */
	color: #000099; font-size: 14px; line-height: 1.5; font-weight: bold;}
.font14-bk-b{	/* 14px ブラック ボールド */
	color: #000000; font-size: 14px; line-height: 1.5; font-weight: bold;}
.font14-wh-b{	/* 14px ホワイト ボールド */
	color: #FFFFFF; font-size: 14px; line-height: 1.5; font-weight: bold;
}
.font14-wh{	/* 14px ホワイト */
	color: #FFFFFF; font-size: 14px; line-height: 1.5;
}

.font12-bk-b{	/* 12px ブラック ボールド 標準テキストボールド */
	color: #000000; font-size: 12px; line-height: 1.5; font-weight: bold;}
.font12-wh-b{	/* 12px ホワイト ボールド  */
	color: #FFFFFF; font-size: 12px; line-height: 1.5; font-weight: bold;}
.font12-bl-b{	/* 12px ブルー ボールド */
	color: #000099; font-size: 12px; line-height: 1.5; font-weight: bold;}
.font12-bl{	/* 12px ブルー */
	color: #000099; font-size: 12px; line-height: 1.5;}
.font12-link{	/* 12px LINKブルー */
	color: #0033FF; font-size: 12px; line-height: 1.5;}
.font12-visited{	/* 12px VISITEDブルー */
	color: #000066; font-size: 12px; line-height: 1.5;}
.font12-wh{	/* 12px ホワイト */
	color: #FFFFFF; font-size: 12px; line-height: 1.5;}
.font12-gr{	/* 12px グレー */
	color: #666666; font-size: 12px; line-height: 1.5;}

.font10-bk{		/* 10px ブラック キャプション用 */
	color: #000000; font-size: 10px; line-height: 1.2;}
.font10-wh{		/* 10px ホワイト キャプション用 */
	color: #FFFFFF; font-size: 10px; line-height: 1.2;}
.font10-gr{	/* 10px グレー */
	color: #666666; font-size: 10px; line-height: 1.5;}
.font10-visited{	/* 10px VISITEDブルー */
	color: #000066; font-size: 10px; line-height: 1.5;}

#pickup { height: 166px; width:717px; border: 2px solid #0066ff; border-top: 1px solid #0066ff; border-left: 1px solid #0066ff; overflow:hidden; font-family:"ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif; position: relative;}
#pickup * { margin:0; padding:0;}
#pickup #funcBtn { position: absolute; top:0; right: 0; height: 24px; background: #0066ff; width: 88px; padding: 0 0 0 1px;}
#pickup #funcBtn #btnPrev { float: left; display: none; cursor: pointer;}
#pickup #funcBtn #btnNext { float: right; display: block; cursor: pointer;}


#pickup #inner { position: absolute; top:0; left: 0;}
#pickup .item { position: relative; height: 166px; width:720px; background:url(images/color.gif) repeat-y 178px 0px; color:#333; float: left; }
#pickup .item  h3 { font-size:12px; border-left:13px solid #0066ff; border-bottom: 1px solid #0066ff; line-height:24px; height: 24px; padding:0 0 0 5px; background:#fff; }
#pickup .item  h3 span { color:#0066ff;}
#pickup .item .itemBody { font-size: 12px; padding: 10px 10px 10px 188px; line-height: 18px;}
#pickup .item .itemBody img { display:block; position: absolute; top:25px; left: 0;}
#pickup .item .itemBody p { margin: 0 0 12px 0;}
#pickup .item .itemBody strong { font-weight: normal; color: #666; font-size: 10px; position: absolute; top:147px; left: 0; width: 172px; padding: 3px; line-height: 14px;}
