* {
 font-family: 'Osaka', 'ＭＳ Ｐゴシック', Arial, sans-serif;
}

#custom-doc {
    width: 850px;
    min-width: 250px;
    min-height: 100%;
    background-color: #FFF;
    padding: 0 20px;
}

html {
    background-color: #B0000E;
}

body {
    font-size: 14px;
}

textarea, input, select {
	font-size: 16px;
}

textarea {
    height: 100px;
}

p {
    padding-left: 20px;
    line-height: 150%;
}


/************************
    メニュー
*************************/
#top-menu table {
    width: 100%;
}

#top-menu td {
    background: url('../img/top_menu_bg.gif') repeat-x;
}

#side-area {
    text-align: right;
}
	
	/* サイドメニュー */
	#side-area ul.side-menu {
		width: 230px;
		margin: 0 0 30px auto;
	}
	#side-area ul.side-menu li {
		padding: 5px 0;
		border-bottom: 2px dotted #999;
		list-style: none;
		margin-bottom: 5px;
		text-align: center;
	}

	#side-area .side-menu-label {
		width: 230px;
		margin: 0 0 5px auto;
		padding: 5px 0;
		display: block;
		text-align: center;
		background: #910004;
		color: #FFF;
	}
	
	/* サイドバナー */
	#side-area ul.side-banner {
		margin: 0 0 30px 0;
	}
	#side-area ul.side-banner li {
		list-style: none;
		margin-bottom: 10px;
	}
	#side-area ul.side-banner li img {
	}

#foot-menu {
    text-align: right;
    margin: 0;
}

#foot-menu li {
    margin-right: 20px;
    padding: 0;
    font-weight: bold;
}


/************************
    見出し
*************************/
h1#lead,
p#lead {
    font-size: 80%;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
    

div.yui-gc h1 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
    padding:5px 0 5px 10px;
    border:#CCC 1px solid;
    border-left:#999 5px solid;
    background-color: #EEE;
    color:#333;
    margin-bottom: 5px;
}
h2 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
	padding-left: 10px;
	border-left:#999 5px solid;
	color:#333;
	margin-bottom: 0.5em;
}
h3 {
	/* top & bottom margin based on font size */
	margin-bottom: 0.3em;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
h1 span, h2 span, h3 span {
	display: block;
	font-size: 80%;
	color: #999;
}


/***********************
    買取ランキング
************************/
div#ranking {
    margin-bottom: 20px;
}
div#ranking h2 {
    background:#DE7902;
    border: 3px double #DDD;
    border-bottom: 0;
    color: #FFF;
    font-weight: normal;
    margin: 0 0 3px 0;
    line-height: 1.2em;
}
div#ranking h2 span {
    color: #FFE2BF;
    font-size: 70%;
    display: inline;
}
table.rank-tbl {
    width: 100%;
    background: #FFF;
}

table.rank-tbl thead th.rank-head,
table.rank-tbl td {
    padding: 4px 2px 4px 5px;
    line-height: 1.5em;
    border: 3px double #DDD;
}

table.rank-tbl th {
    text-align: center;
    font-weight: bold;
}
table.rank-tbl thead th.rank-head {
    background: #FDFBEC;
    color: #333;
}

table.rank-tbl td {
    font-size: 90%;
}

table.rank-tbl td.rank-bottom {
    border: 0;
    text-align: center;
    padding-top: 6px;
}
table.rank-tbl td.btn a {
    width: 90px;
    background: #EEE;
    border: 3px double #DDD;
    color: #666;
    font-size: 90%;
    padding: 0px;
}



/************************
    リンク
*************************/
a {
	text-decoration : none;
}
a:link,
a:visited {
    color:#005088;
}
a:hover,
a:active{
    text-decoration:underline;
}
a img {
	border-style : none;
	border-width : 0px;
	text-decoration : none;
}


/***********************
    その他
************************/
.error {
    color: #FF0033;
    font-size: 90%;
}

.error div.error-message {
	clear: both;
	font-weight: bold;
    font-size: 100%;
    padding: 10px;
    border:2px solid #ddd;
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
    margin: 3px 0;
}

.ime_a {
 ime-mode: active !important; 
}

.ime_d {
 ime-mode: disabled !important;
}

hr.pink {
    background-color: #FFEBEB;
    color: #FFEBEB;
    border: none; 
    height: 2px;
}

#top-img {
    background: url('../img/top_img.jpg') no-repeat;
    width: 860px;
    height: 376px;
    margin: 10px 0;
    /*
    width: 620px;
    height: 226px;
    background: url('../img/top_img.jpg') no-repeat;
    padding: 150px 0 0 240px;
    */
}
	
	/*** キャリア別ページ ***/
	#top-img.carrier-docomo {
		background: url('../img/carrier_docomo.jpg') no-repeat;
	}
	#top-img.carrier-au {
		background: url('../img/carrier_au.jpg') no-repeat;
	}
	#top-img.carrier-softbank {
		background: url('../img/carrier_softbank.jpg') no-repeat;
	}
	#top-img.carrier-willcom {
		background: url('../img/carrier_willcom.jpg') no-repeat;
	}
	#top-img.carrier-emobile {
		background: url('../img/carrier_emobile.jpg') no-repeat;
	}
	#top-img.carrier-iphone {
		background: url('../img/carrier_iphone.jpg') no-repeat;
	}
	
	/* キャリアページ トップテキスト */
	#top-img div#carrier-top {
		background: #CCC;
		width: 400px;
		height: 100px;
		position: relative;
		top: 100px;
	}
	

#quick-search {
    background-color: #FFF;
    border: #AAA 1px solid;
    width: 560px;
    height: 205px;
    padding: 5px 0 0 20px;
    position: relative;
    top: 155px;
    left: 240px;
}

#quick-search table td {
    padding: 2px;
}

#steps {
    width: 598px;
    height: 28px;
    background: url('../img/mid_steps.gif') no-repeat;
    padding: 210px 0 0 0px;
    margin-bottom: 30px;
}

#steps table td {
    font-weight: bold;
    width: 199px;
    text-align: center;
}

#biz {
    width: 578px;
    height: 158px;
    background: url('../img/mid_biz.jpg') no-repeat;
    padding: 40px 0 0 20px;
    line-height: 150%;
}

.page_navi {
 text-align: left;
 margin-bottom: 30px;
 width: 100%;
 font-size: 12px;
 color: #999;
}
.page_navi .now {
 font-size: 14px;
 color: #000;
 font-weight: bold;
}

.hidden {
	display: none;
}

/* 査定結果表示 */
.price_result {
 background: url(../img/price_bg.gif);
 width: 400px;
 height:200px;
}

/* インラインフレーム代用 */
.scroll_box {
 width: 95%;
 height: 300px;
 text-align: left;
 padding: 5px;
 overflow: scroll;
 background-color: #FFA;
 border: #333 1px solid;
}