@charset "utf-8";

/* メディア帯 */
div.ts_header{
	width:999px;
	border-right:1px solid #bfbfbf;
}
div.ts_header img{
	display:block;
	border:none;
}


/* ================================================
■看板回り
================================================  */


/* ------------------------------ *
	看板画像がセットされていない場合テキストを表示させる用
 * ------------------------------ */
#spheader{ width:1000px; clear:both; }
#spheader h1 img{ display:block; }
#spheaderNoImage{ width:940px; padding:15px 30px; border-bottom:2px solid #6889d4; clear:both; }
#spheaderNoImage h1.text{ padding:0 0 10px; font-size:24px; line-height:1.4; }
#spheaderNoImage h2.text{ padding:0; font-size:16px; line-height:1.4; }



/* ------------------------------ *
	1paneの場合
 * ------------------------------ */
#spheaderOnePane{ width:1000px; margin:0 auto; padding:0; }
#spheaderOnePane h1 img{ display:block; }
#spheaderOnePaneNoImage{ width:940px; padding:15px 30px; border-bottom:2px solid #6889d4; clear:both; }
#spheaderOnePaneNoImage h1.text{ margin:0 0 10px; padding:0; font-size:24px; line-height:1.4; }
#spheaderOnePaneNoImage h2.text{ margin:0; padding:0; font-size:16px; line-height:1.4; }



/* ------------------------------ *
	幅が狭い場合
 * ------------------------------ */
#spheaderOnePaneNarrow{ width:1000px; margin:0 auto; padding:0; }
#spheaderOnePaneNarrow h1 img{ display:block; }
#spheaderOnePaneNarrowNoImage{ margin:0 0 10px; padding:10px 100px; border-bottom:2px solid #6889d4; }
#spheaderOnePaneNarrowNoImage h1.text{ margin:0 0 10px; padding:0; font-size:24px; line-height:1.4; }
#spheaderOnePaneNarrowNoImage h2.text{ margin:0; padding:0; font-size:16px; line-height:1.4; }



/* ------------------------------ *
	メインカラムにh1,h2を出す場合（画像）
 * ------------------------------ */
#leftHeaderImage h1{ width:680px; }
#leftHeaderImage h1 img{ display:block; }



/* ------------------------------ *
	メインカラムにh1,h2を出す場合（テキスト）
 * ------------------------------ */
#leftHeaderNoImage{ margin:0 29px 15px 30px; padding:5px 0; border-bottom:2px solid #6889d4; }
#leftHeaderNoImage h1{ font-size:24px; line-height:1.4; }
#leftHeaderNoImage h2{ font-size:16px; line-height:1.4; }



/* ------------------------------ *
	フッター
 * ------------------------------ */
#footer{ clear:both; width:1000px; border-bottom:10px solid #acb4d7; line-height:1; padding:0 0 5px 0; overflow:hidden; }
#footer .logo_box{ display:block; text-align:center; height:85px; margin:25px 0 10px 0; }
#footer .logo_box li{ display:inline-block; margin:0 15px; *display:inline; *zoom:1; }
#footer .logo_box li.itpro a{ display:block; width:105px; height:85px; text-indent:-9999px; background:url(/common/images/itp/footer_logo_itpro.gif) left top no-repeat; }
#footer .logo_box li.active a{ display:block; width:135px; height:85px; text-indent:-9999px; background:url(/common/images/itp/footer_logo_active.gif) left top no-repeat; }
#footer .logo_box li.premium a{ display:block; width:152px; height:85px; text-indent:-9999px; background:url(/common/images/itp/footer_logo_premium.gif) left top no-repeat; }
#footer .logo_box li.smart a{ display:block; width:160px; height:85px; text-indent:-9999px; background:url(/common/images/itp/footer_logo_smart.gif) left top no-repeat; }
#footer .logo_box li.special a{ display:block; width:164px; height:85px; text-indent:-9999px; background:url(/common/images/itp/footer_logo_special.gif) left top no-repeat; }
#footer .bottom_link{ display:block; text-align:center; font-size:12px; line-height:1.6; }
#footer #copy_box{ margin:10px 15px 0 15px; padding:0 0 0 50px; border-top:1px solid #afafaf; font-size:12px; overflow:hidden; }
#footer #copy_box .logo{ display:inline-block; *display:block; *float:left; margin:0 20px 0 0; vertical-align:middle; width:120px; *height:30px; *padding:1.5em 0 1em 0; }
#footer #copy_box .copyright{ display:inline-block; *display:block; *float:left; text-align:left; vertical-align:middle; width:750px; *padding:0.5em 0 1em 0; }