@charset "UTF-8";


/* --------------------------------
	枠
-------------------------------- */

div#tips { margin:0 0 0 17px; width:775px; }



/* --------------------------------
	タイトル
-------------------------------- */

div#tips h1 { margin:9px 0 0 0; }



/* --------------------------------
	コンテンツ
-------------------------------- */

div#story { width:522px; float:left; }
div#story p.posted { text-align:right; }
div#story #story_bg { margin:3px 0 0 0; padding:6px 0 0 0; background:url(../../../common/img/bdr_h_01.gif) repeat-x left top; }
div#story #story_bg_bg { padding:24px 26px 23px 26px; border-right:5px #e6e6e6 solid; border-bottom:5px #e6e6e6 solid; border-left:5px #e6e6e6 solid; background:url(../img/story_bg_t.gif) no-repeat 225px top; }

div#story div#title { width:460px; }
div#story div#title p.img { width:49px; float:left; }
div#story div#title p.img img { border:1px #cccccc solid; padding:1px; }
div#story div#title div#title_main { width:401px; float:right; }
div#story div#title div#title_main p.lead { padding:3px 0 0 0; color:#003847; font-weight:bold; }
div#story div#title div#title_main h2 { padding:2px 0 0 0; font-weight:bold; }

div#story div#intro { clear:both; padding:9px 0 0 0; }
div#story div#intro p { padding:22px 0 0 0; }

div#story div.item { margin:32px 0 0 0; width:460px; }
div#story div.item .title { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding: 0 6px 0 6px; background:#f5f5f5 url(../img/item_h_bg_t.gif) repeat-x left top; }
div#story div.item .title h3 { padding:7px 0 7px 16px; background:url(../img/item_h_mkr.gif) no-repeat left 0.8em; font-weight:bold; }
div#story div.item p { margin:13px 0 0 0; padding:0 0 0 1px; }
div#story div.item p span { color:#333333; font-size:83.4%; }
* html div#story div.item p span { font-size:84%; } /*-- IE6以前 --*/
div#story div.item div.bluebox { margin:13px 0 0 0; border:1px #bddce9 solid; padding:7px 10px 7px 10px; width:438px; background-color:#edf6f9; }
div#story div.item div.followed { margin-top:4px; }
div#story div.item div.bluebox p { margin-top:0; padding-left:0; font-weight:bold; }
div#story div.item div.bluebox p.normal { font-weight:normal; }

div#story div.item div.fare { margin:15px 0 0 0; }
div#story div.item div.fare table { border-top:1px #d6d6d6 solid;  border-left:1px #d6d6d6 solid; width:458px; }
div#story div.item div.fare table th { border-right:1px #d6d6d6 solid; border-bottom:1px #d6d6d6 solid; padding:3px 0 3px 0; background:#f0f9fc url(../img/fare_bg.gif) repeat-x left bottom; text-align:center; }
div#story div.item div.fare table th span { font-size:83.4%; }
* html div#story div.item div.fare table th span { font-size:84%; } /*-- IE6以前 --*/
div#story div.item div.fare table td { border-right:1px #d6d6d6 solid; border-bottom:1px #d6d6d6 solid; padding:3px 0 3px 0; text-align:center; }
div#story div.item div.fare table td.rank { background-color:#edf6f9; width:98px; font-size:83.4%; }
* html div#story div.item div.fare table td.rank { font-size:84%; } /*-- IE6以前 --*/
div#story div.item div.fare p.nots { margin:7px 0 0 0; text-align:right; }



/* --------------------------------
	あわせてチェックしたい
-------------------------------- */

div#rel { clear:both; margin:0 0 0 17px; padding:29px 0 0 0; width:488px; }
div#rel h4 {}
div#rel ul { border-top:1px solid #ddd; }
div#rel ul li { border-bottom:1px solid #ddd; }
div#rel ul li a { display:block; padding:5px 0 5px 2px; background:url(../../../../common/img/arw_o_01.gif) no-repeat right center; }
div#rel ul li a:link,div#rel ul li a:visited { color:#222; text-decoration:none; }
div#rel ul li a:hover,div#rel ul li a:active { color:#073f4f; text-decoration:underline; }



/* --------------------------------
	掲載されている情報
-------------------------------- */
p.pub { padding:27px 0 0 0; color:#333; }



/* --------------------------------
	一覧に戻る
-------------------------------- */

div#tips p.btn_backlist { clear:both; padding:27px 0 0 0; }