@CHARSET "UTF-8";

*{ margin: 0; padding: 0; }
body { font: 12px/20px "ＭＳ Ｐゴシック", Osaka, arial, sans-serif; text-align: center; color: #444444; }
img { border:0; }

/* レイアウト */
#layouttable { width:800px; margin:0 auto;}

.error { color:red; }
.hissu { color:#DA0000; }

/*.odd {background-color:#EEEEEE;}*/
.odd { background-color: #ECF9FF; }
.even {background-color:#FFFFFF;}

.goNext {text-align:center;}

/* TOPページ */

/* ブロック要素（TOP3） */
#best3_blck table { width:98%;margin:10px  auto;border-spacing:1px;background-color:#121212; }
#best3_blck tbody { background-color:#FFFFFF; }
#best3_blck th { padding:3px;text-align:right;border: 1px solid #4a4a4a;background: #000000 url(images/ui-bg_gloss-wave_55_000000_500x100.png) 50% top repeat-x;color: #ffffff; }
#best3_blck td { padding:3px; }
#best3_blck .top_rank { float:left;width:30%; }

/* ブロック要素（キャリア） */
#carrier_blck table { width:98%;margin:10px  auto;border-spacing:1px;background-color:#121212; }
#carrier_blck tbody { background-color:#FFFFFF; }
#carrier_blck th { padding:3px;text-align:right;border: 1px solid #4a4a4a;background: #000000 url(images/ui-bg_gloss-wave_55_000000_500x100.png) 50% top repeat-x;color: #ffffff; }
#carrier_blck td { padding:3px; }

/* 一覧 */
/* #list_table table { width:98%;margin:10px  auto;border-spacing:1px;background-color:#121212; } */
#list_table table { background-color: #999999; border-spacing: 1px; margin: 10px auto; width: 98%; }
#list_table tbody { background-color:#FFFFFF; }
/* #list_table th { padding:3px;text-align:right;border: 1px solid #4a4a4a;background: #000000 url(images/ui-bg_gloss-wave_55_000000_500x100.png) 50% top repeat-x;color: #ffffff; }*/
#list_table th { background: url("images/ui-bg_gloss-wave_55_000000_500x1000_b.png") repeat-x scroll 50% top #68CDF1; border: 1px solid #ECF9FF; color: #FFFFFF; padding: 5px; text-align: right; vertical-align:top; width:20%; }
#list_table td { padding:3px; }

/* 入力フォーム */
/* #input_table table { width:98%;margin:10px  auto;border-spacing:1px;background-color:#121212; } */
#input_table table { background-color: #999999; border-spacing: 1px; margin: 10px auto; width: 98%; }
#input_table tbody { background-color:#FFFFFF; }
/* #input_table th { padding:3px;text-align:right;border: 1px solid #4a4a4a;background: #000000 url(images/ui-bg_gloss-wave_55_000000_500x100.png) 50% top repeat-x;color: #ffffff; } */
#input_table th { background: url("images/ui-bg_gloss-wave_55_000000_500x1000_b.png") repeat-x scroll 50% top #68CDF1; border: 1px solid #ECF9FF; color: #FFFFFF; padding: 5px; text-align: right; vertical-align:top; }
#input_table .title_name { border: 1px solid #8cce3b;background: #f1fbe5 url(images/ui-bg_glass_55_f1fbe5_1x400.png) 50% 50% repeat-x;color: #030303; }
#input_table .title_name th { text-align:center;padding:5px; }
#input_table td { padding:3px; }
#input_table th.key { width:140px; }
#input_table option { padding:0 5px; }
#input_table textarea { width:98%;margin:0 auto;font-size:1em; }
#input_table .button {margin:10px auto;text-align:center;}
#input_table input.ui-button { padding: .1em .3em; }

#option label {padding:3px;margin:5px 2px;display:block;background-color:#EEEEEE;border:outset 1px #AAAAAA;}

.option-item { padding: 3px; margin: 5px 2px; display: block; background-color: #EEEEEE; border-top: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #999999; border-bottom: solid 1px #999999; }
.option-item .title { width:40%; display:inline-block; }
.option-item input { padding: 0 0.5em; }
.option-item label { padding: 0 2.5em 0 0.5em; }

/* 利用規約 */
#rules  {width:95%;padding:5px;margin:5px auto;line-height:150%;}
#rules p {margin:1em auto;}
#agree {margin:10px auto;font-size:1.2em;}

/* 買取査定 */
#model_detail {display:none;height:100%;}
#result {font-size:2em;color:#CA3232;}
#err_js { width:98%;margin:10px auto;border:solid 1px #DA0000;color:#DA0000;padding:2px 10px;display:none; }

/* 買取査定一覧 */
#assess_submt { disabled:true; }

/* エラー結果 */
#error {border:solid 1px #F00;width:98%;margin:0 auto;font-size:14px;}
#error_title {padding:3px;font-size:1em;color:#FFF;background-color:#F00;border:0;}
#error p {padding:3px;font-size:1em;color:#F00;}

/* -- 見出し -- */
.koumoku_head { color: #00006F; font-size: 12px; padding-right: 3px; }

/* -- 文字 -- */
#contents p { line-height: 1.6em; margin-bottom: 0.5em; }

/* -- 画像 -- */
#container img { border:0 none; }

h1 { font-size: 12px; color:#00a4eb; font-weight: normal; width:900px; height:20px; padding-left:0px; padding-top: 5px; text-align: left; }
h2 { background-image: url("../images/h2.png"); background-repeat:no-repeat; font-size: 16px; height: 35px; padding-left: 25px; padding-top: 8px; }
h3 { background-image: url("../images/h3.png"); background-repeat:no-repeat; font-size: 14px; color:#0099FF; font-weight:bold; height: 35px; padding-left: 25px; padding-top: 8px; }

/* ---------------------------------------- ヘッダー */
#header { margin:0px auto; height:70px; background: url(../images/bg_header.gif) repeat-x scroll 0 0 transparent; }
#header div.inner{ width:900px; padding-top:0px; padding-left:10px; height:70px; margin:0 auto; }
#header #logo { float: left; }
#header #tel { float: right; }

/* ---------------------------------------- ヘッダーメニュー */
#menu{ margin:0 auto; height:47px; background: url(../images/bg_menu.png) center ; background-repeat: repeat-x; }
#menu div.inner{ margin: 0 auto; width:900px; padding-left:10px; height:40px; }

/* ---------------------------------------- レイアウト */
#wrapper { text-align: left; margin: 0 auto 0; margin-top: 0px; width: 900px; background-color:#FFFFFF; border-right:0px solid #ccc; border-left:0px solid #ccc; }
#container { margin:10px; }

/* ---------------------------------------- フッター */

/* ---------------------------------------- メイン＆サイド */
#sidemenu{ float: left; width:200px; margin-top:4px; margin-left:10px; }
/*left*/
#left { width: 200px; float: left; margin: 0 10px 0px 0; padding: 0 0 0px 6px; background: url(../images/bg_sideBar.png) repeat-y top left; }
#left div.box { padding: 6px 6px 7px 0px; }
#left .docomo { background: url(../images/bg_docomoSide.png) repeat-y 0 0 #fafafa; /background: url(../images/bg_docomoSide.png) repeat-y 1px 0 #fafafa; }
#left .docomo ul { background: url(../images/bg_docomoTitle.png) no-repeat 0 0 ; }
#left .docomo li { background: url(../images/icon_docomo.png) no-repeat 0 0; padding: 0 0 0 1.4em; }
#left .au { background: url(../images/bg_auSide.png) repeat-y 0 0 #fafafa; /background: url(../images/bg_auSide.png) repeat-y 1px 0 #fafafa; }
#left .au ul { background: url(../images/bg_auTitle.png) no-repeat 0 0 ; }
#left .au li { background: url(../images/icon_au.png) no-repeat 0 0; padding: 0 0 0 1.4em; }
#left .softbank { background: url(../images/bg_softbankSide.png) repeat-y 0 0 #fafafa; /background: url(../images/bg_softbankSide.png) repeat-y 1px  #fafafa0; }
#left .softbank ul { background: url(../images/bg_softbankTitle.png) no-repeat 0 0 ; }
#left .softbank li { background: url(../images/icon_softbank.png) no-repeat 0 0; padding: 0 0 0 1.4em; }
#left div div { border: 1px solid #eaeaea; margin: 0 0 10px 0; }
#left div ul { padding: 0 0 10px 37px; }
#left div.softbank ul { padding: 0 0 20px 37px; }
#left div h4 { margin: 0 0 10px 0; text-align: right; }
#left div ul li { margin: 0 0 10px 0; }
#left div p { background: url(../images/bg_ichiran.png) no-repeat right bottom; height: 25px; text-align: right; padding: 0 11px 0 0; }

#main{ float: right; width: 650px; margin-top:4px; padding-right: 0px; }
#main h4 { background-image: url("../images/h4.png"); background-repeat:no-repeat; font-size: 14px; height: 30px; padding-left: 25px; padding-top: 8px; }

/* ---------------------------------------- フッター */
#footer_link { padding: 10px 0 10px; color:#333333; font-size:12px; text-align:left; border-top:2px solid #EEE;}
#footer_link p { text-align: left; width: 870px; margin: 0 auto; }
#footer_link img { padding:0px 3px 0px 8px; vertical-align: top; }
#footer_link a:link { color: #333333; text-decoration: none; decoration:none; }
#footer_link a:visited { color: #333333; text-decoration: none; }
#footer_link a:hover { color: #FF3300; text-decoration: underline; }
#footer { padding: 0px 10px 0px 10px; background-image:url(../images/footer_bg.png); background-repeat:repeat-x; color:#333333; font-size:12px; text-align:center; line-height: 140%; }
#copyright p { color: #666666; font: 12px/19px "ＭＳ Ｐゴシック",Osaka,arial,sans-serif; padding-bottom: 5px; padding-top: 20px; text-align: center; vertical-align: middle; }

/* ---------------------------------------- 表示位置 */
.center {  text-align:center; }
.left { text-align:left; }
.right {  text-align:right; }
.left_30px { padding-left: 30px; }
.left_20px { padding-left: 20px; }
.left_10px { padding-left: 20px; }
.top_10px { padding-top: 10px; }
.bottom_5px { margin-bottom: 5px; }
#top_info_text { float: left; padding-left: 15px; padding-top: 15px; width: 580px; }
#top_bnr { margin-top: 15px; width: 610px; }

/* ---------------------------------------- 文字 */
.main_text{ color: #444444; padding-left:0px; }
.gley12{ color:#888888;}
.gley10{ color:#444444; font-size: 11px; line-height: 16px; }
.red_right12{ font-weight: normal; color: #CC3366; text-align:right; }
.red12{ font-weight: normal; color: #CC0000; text-align:left; }
.pink12{ font-size: 12px; line-height: normal; text-align: left; color: #CC3467; line-height: 18px; }
.blue_right12{ font-weight: normal; color:#00006F; text-align:right; }
.blue12 { font-size: 12px; font-style: normal; color:#00006F; line-height: 16px; }
.blue14 { font-size: 14px; color:#2492A2;　font-weight: bold; line-height: 22px;}
.darkblue14 { font-size: 14px; color:#000099; 　　font-weight: bold; line-height: 22px; font-weight: bold; }
.blue20_bold{ font-size: 20px; text-align: left; color: #177896; line-height: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.2em; }
.orange20_bold{ font-size: 20px; text-align: left; color: #F27900; line-height: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.2em; }
.pink20_bold{ font-size: 20px; text-align: left; color: #CC3467; line-height: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.2em; }
.pink18_bold{ font-size: 18px; text-align: left; color: #CC3467; line-height: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.darkblue12 { font-size: 12px; font-style: normal; color:#336666; line-height: 16px; }

/* ---------------------------------------- ランキング */
#best5 { margin-top:20px; }
#best5 .box { float:left; width:180px; margin:5px 5px 20px 5px; border:double 3px #CCCCCC; padding:3px; }
#best5 p { font-weight:bold; }
#best5 ul { desplay:block; margin:0 1em; }
#best5 li { list-style-position:inside; list-style-type:decimal; margin-right:1em; }

/* ---------------------------------------- ページのTOPに戻る */
.pagetop { text-align: right; }
*.float { float: left; margin-right: 1em; }
.clear { clear:both; }
li { margin-left:0px; list-style-type: none; }
img { border: medium none; vertical-align: bottom; }
#ken_bg {  background-image: url(../images/ken_bg.png); width: 650px; height: 185px; background-repeat: no-repeat; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#ken_bg p{ font-size: 0.8em; line-height: 0.5em; padding-top:18px; padding-bottom:2px; margin:0px 5px 0px 320px; width: 170px; }
#info_box{ background-image: url(../images/info_bg.png); width: 650px; height: 204px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#info_box p{ font-size: 1.0em; line-height: 1.5em; padding-bottom:2px; margin:10px; width: 490px; }
#rank table{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 1px; }
#rank table{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 1px; }
#rank table img{ border: 1px solid #EEEEEE; float:left; }
 .rank_all { background-color: #f8f8f8; border: 1px solid #cccccc; text-align:center; margin: 3px; padding: 3px; width: 195px; }
div.rankPrice { background: url("../images/bg_rightRank.png") no-repeat scroll center 0 transparent; float:right; margin: 0 0 5px; width: 96px;}
div.rankPrice p.text { background: url("../images/icon_right.png") no-repeat scroll 10px 50% transparent; padding: 5px 0 5px 27px;line-height:1.2; }
div.rankPrice p.price { background-color:#FFFFFF; border:solid 1px #CCCCCC; color: #E30010; font-size: 1.2em; font-weight: bold;margin: 5px; text-align: center; }

/* ---------------------------------------- TOP 買取の流れ */
#flow table{ }
#flow table p{ font-size: 1.0em; line-height: 1.5em; padding-bottom:2px; margin:10px; width: 370px; }

/* ---------------------------------------- よくある質問 */
#faq h3 { background-image:url(../images/q_icon.png); background-repeat:no-repeat; color: #333333; font-size: 130%; margin-top: 0.4em; padding-left: 40px; padding-top:5px; height:31px; }
#faq .answer { background: none repeat scroll 0 0 #eef8fd; border-color: #c0e5f8; border-style: solid; border-width: 1px; margin: 0 10px 20px; padding: 10px; line-height:1.8em; }
table.tbl { border: 1px solid #CCCCCC; border-collapse: separate; border-spacing: 1px; color: #333333; margin: 0 0 10px !important; width: 100%; }
table.tbl th { background-color: #E1E2E6; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 5px; }
table.tbl td { background-color: #EFF2F3; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 5px; }
.att { background: none repeat scroll 0 0 #fff4f4; border-color: #ffdfdf; border-style: solid; border-width: 1px; margin: 5px 10px 20px; padding: 10px; line-height:1.8em; }

/* ---------------------------------------- ご注意事項 */
#caution { width: 645px; padding: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#caution img { border: 1px solid #CCCCCC; float: left; margin: 3px; padding: 3px; width: 200px; }
#caution_box { width: 600px; padding: 5px; margin:0 10px 0 8px; }
#caution_box img { border: 1px solid #CCCCCC; float: left; margin: 3px; padding: 3px; width: 200px; }
#caution_box p { margin: 3px 3px 3px 220px; padding: 3px; }
.text_red { color: #FF0000; }

/* ---------------------------------------- 説明ページ共通 */
#box_630 { width: 630px; padding: 10px; }
.box_600 { width: 600px; margin: 5px 10px 5px 20px; }

/* ---------------------------------------- 無料見積もり方法 */
#nagare { width: 645px; padding: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#nagare img { float: left; margin: 3px; padding: 3px; }
#nagare_box { width: 600px; padding: 5px; margin:0 10px 0 8px; }
#nagare_box img { float: left; margin: 3px; padding: 3px; }
#nagare_box p { margin: 3px 3px 3px 320px; padding: 3px; }
.nagare_box_width { margin: 3px 3px 3px 3px; }

/* ---------------------------------------- 一覧画面 */
.item-list {}
.item-list .item-box { width: 30%; padding:1%; margin:1px; text-align:center;float:left; min-height: 210px; font-family: 'Oxygen', sans-serif; }
.item-list .item-box .carrier { font-size: 11px; width: 46%; background: none repeat scroll 0px 0px rgb(50, 50, 50); color: #FFFFFF; }
.item-list .item-box .maker {  }
.item-list .item-box .name { border: solid 1px #e6e6e6; background: none repeat scroll 0 0 rgba(240, 240, 240, 0.7); }
.item-list .item-box .price { width: 100%; display: block; font-weight: 700; border-radius: 3px; background: none repeat scroll 0px 0px rgb(204, 0, 0); color: rgb(255, 255, 255); font-size: 18px; padding: 1px 0; }
.item-list .item-box a { text-decoration: none; }
.item-list .item-box p { margin: 0 0 5px 0; }
.item-list .item-box img { height: 96px; }

.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }

/* ---------------------------------------- キャリア別一覧画面 */

.carrier-table { font-size: 14px; }
.carrier-table td { padding: 6px 3px; }
.carrier-table td.divider { background: #F6f6f6; font-weight: 700; }
.carrier-table a.price { color: rgb(204, 0, 0); text-decoration: none; font-weight: 700; }