@charset "utf-8";

/*
	* Name: initial.css
	* Version: 1.0
	* Last Update: 2008.10.16
	* License: MIT License
	  - http://www.opensource.org/licenses/mit-license.php
	* Author: Hiroaki Nakagawa
	* Author URI: http://www.3050grafix.com/
	* Author E-mail: hiro@3050grafix.com

	* Contents:
	  - 01. 初期設定 - 基本設定 -
	    - 01-01. 初期設定 - 文字 -
	    - 01-02. 初期設定 - リンク -
	    - 01-03. 初期設定 - 箇条 -
	    - 01-04. 初期設定 - イメージ -
	    - 01-05. 初期設定 - テーブル -
	    - 01-06. 初期設定 - Clearfix -
	  - 02. 領域設定 - ブロック -
	    - 02-01. 領域設定 - コンテナ -
*/


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 01. 初期設定 - 基本設定 -
	======================================== */

	body {
		background-color: #FFFFFF;
		margin: 0px;
		padding: 0px;
		text-align:center;
	}

	body,
		table tr th,
			table tr td {
				color: #000000;
				font-family: Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
				font-size: 0.8em;
				letter-spacing: 1px;
				line-height: 160%;
	}

	input,
		select {
			font-size: 100%;
	}

	input {
		padding: 2px 4px 2px 4px;
	}


	/* ========================================
	   * 01-01. 初期設定 - 文字 -
	======================================== */

	h1,
		h2,
			h3,
				h4,
					h5,
						h6 {
							font-weight: bold;
							margin: 0px;
							padding: 0px;
	}

	h1 {
		font-size: 10px;
	}

	h2 {
		font-size: 14px;
	}

	h3 {
		font-size: 120%;
	}

	h4 {
		font-size: 100%;
	}

	h5 {
		font-size: 100%;
	}

	h6 {
		font-size: 100%;
	}

	em {
		font-style: normal;
		font-weight: bold;
	}

	strong {
		color: #FF0000;
		font-weight: bold;
	}

	p {
		margin: 0px;
		padding: 0px;
	}

	address {
		font-style: normal;
	}
	
	
	.font_b{
		font-weight:bold;
	}
	
	.red{
		color:#FF0000;
	}
	
	.red_b{
		color:#FF0000;
		font-weight:bold;
	}	
	
	
	.text_center{
		text-align:center;
	}
	
	.text_right{
		text-align:right;
	}
	
	.text_left{
		text-align:left;
	}
	
	.yellow_back{
		background-color:#FFFF99;
	}
	
	
	.font_16_b{
		font-size:16px;
		font-weight:bold;
	}
	


	/* ========================================
	   * 01-02. 初期設定 - リンク -
	======================================== */

	/* 未訪問リンク */
	a:link {
	
	}

	/* 訪問済みリンク */
	a:visited {
	
	}

	/* リンクにマウスが重なった際の処理 */
	a:hover {
	
	}

	a:focus {

	}

	a:active {
	
	}


	/* ========================================
	   * 01-03. 初期設定 - 箇条 -
	======================================== */

	ul,
		ol {
			margin: 0px;
			padding: 0px;
	}

	ul {
/*		list-style-type: disc;
*/	}

	ol {
		list-style-type: decimal;
	}

	ul li,
		ol li {
	/*		margin: 0px 0px 4px 0px;
			padding: 0px;*/
	}

	dl {
		margin: 0px;
		padding: 0px;
	}

	dl dt,
		dl dd {
			margin: 0px;
			padding: 0px;
	}


	/* ========================================
	   * 01-04. 初期設定 - イメージ -
	======================================== */

	/* 画像ファイルの枠線を表示しない */
	img {
		border: none;
	}

	/* 画像ファイルを左側に配置 */
	img.photo_left {
		float: left;
		margin: 0px 10px 20px 0px;

	}

	/* 画像ファイルを右側に配置 */
	img.photo_right {
		float: right;
		margin: 0px 0px 20px 10px;
	}


	/* ========================================
	   * 01-08. 初期設定 - テーブル -
	======================================== */
/*
	table {
		margin: 0px;
		padding: 0px;
	}

	table tr th,
			table tr td {
				margin: 0px;
				padding: 0px;
	}

	table tr th {
		font-weight: normal;
		text-align: left;
	}
*/

	/* ========================================
	   * 01-09 初期設定 - Clearfix -
	======================================== */

	.clearfix {
		clear: both;
		content: "";
		display: block;
		height: 1px;
	}


	/* ========================================
	   * 02. 領域設定 - ブロック -
	======================================== */

	/* コンテンツ背景 */
	#content_back{
		width:946px;
		background-image:url(../img/back.gif);
		background-repeat:repeat-y;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	#content{
		width:900px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;		
	}

	/* ヘッダー */
	#header{
		height:85px;
		background-image:url(../img/header.gif);
		background-repeat:no-repeat;
		position:relative;
		margin-bottom:10px;
	}

	/* グローバルナビゲーション */
	#globalnavi {
	}

	/* ナビゲーション */
	#navigation {
		width:230px;
		text-align:left;
		float:left;
		margin-left:10px;
		margin-bottom:15px;
		display:inline;
	}

	/* パンくずナビゲーション */
	#bcnavi {
	}
	
	/* メイン */
	#main{
		float:left;
		width:655px;
		text-align:left;
		padding-bottom:10px;

	}
	
	

	/* サイドバー */
	#sidebar {
	}

	/* フッター */
	#footer {
		clear:both;
	}


	/* ========================================
	   * 02-01. 領域設定 - コンテナ -
	======================================== */

	.container {
		margin: 0px;
		padding: 0px;
	}

	.wrapper {
		margin: 0px;
		padding: 0px;
	}

	.paragraph {
		margin: 0px;
		padding: 10px 0px 10px 0px;
	}
	
	.swf{
		margin: 0px;
		padding: 0px 0px 10px 0px;		
	}



	/* ========================================
	   * 00-01. 領域設定 - ヘッダー -
	======================================== */


	#logo {
		position:relative;
		top:15px;
		left:5px;
		width:230px;
		float:left;
	}
	
	#header_menu{
		position:relative;
		top:57px;
		left:235px;
		width:435px;
		float:left;
	}


	#header_menu ul{
		list-style:none;
	}

	#header_menu ul li{
		float:left;
		padding-left:15px;
	}
	
	
	#header_menu a{
		color:#FFFFFF;
		text-decoration:none;	
	}
	
	/* リンクにマウスが重なった際の処理 */
	#header_menu a:hover {
		color:#FFFFFF;
		text-decoration: underline;
	}

	/* ========================================
	   * 00-01. 領域設定 - ナビゲーション -
	======================================== */
	
	
	
	/*「買取について」のタイトル*/
	#kaitori_title{
		height:32px;
		background-image:url(../img/kaitori_title.gif);
		background-repeat:no-repeat;
		background-position:0 50%;
	}

	#kaitori_title p{
		color:#FFFFFF;
		font-size:14px;
		padding-top:6px;
		padding-left:35px;
	}


	




	/*-------------------------------------
		貴金属買取
	-------------------------------------*/
	#kaitori_1{
		height:40px;
		background-image:url(../img/kikinzoku1.jpg);
		background-repeat:no-repeat;
		background-position:0 50%;
	}

	#kaitori_1 a:hover{
		height:40px;
		background-image:url(../img/kikinzoku2.jpg);
		background-repeat:no-repeat;
	}

	#kaitori_1 p a{
		padding:10px 0px 0px 30px;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
	}


	/*-------------------------------------
		ダイヤモンド買取
	-------------------------------------*/
	#kaitori_2{
		height:40px;
		background-image:url(../img/daiya_1.jpg);
		background-repeat:no-repeat;
		background-position:0 50%;
	}

	#kaitori_2 a:hover{
		height:40px;
		background-image:url(../img/daiya_2.jpg);
		background-repeat:no-repeat;
	}

	#kaitori_2 p a{
		padding:10px 0px 0px 30px;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
	}

	/*-------------------------------------
		店頭買取
	-------------------------------------*/
	#kaitori_3{
		height:40px;
		background-image:url(../img/shop_1.jpg);
		background-repeat:no-repeat;
		background-position:0 50%;
	}

	#kaitori_3 a:hover{
		height:40px;
		background-image:url(../img/shop_2.jpg);
		background-repeat:no-repeat;
	}

	#kaitori_3 p a{
		padding:10px 0px 0px 30px;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
	}

	/*-------------------------------------
		宅配買取
	-------------------------------------*/
	#kaitori_4{
		height:40px;
		background-image:url(../img/takuhai1.jpg);
		background-repeat:no-repeat;
		background-position:0 50%;
	}

	#kaitori_4 a:hover{
		height:40px;
		background-image:url(../img/takuhai2.jpg);
		background-repeat:no-repeat;
	}

	#kaitori_4 p a{
		padding:10px 0px 0px 30px;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	
/*	----------------------------------------------------*/	
	
	/*「ご利用ガイド」のタイトル*/
	#riyou_title{
		height:32px;
		background-image:url(../img/riyou_title.gif);
		background-repeat:no-repeat;
		background-position:0 50%;
		margin-top:10px;
	}

	#riyou_title p{
		color:#FFFFFF;
		font-size:14px;
		padding-top:6px;
		padding-left:35px;
	}

	/*-------------------------------------
		利用ガイド共通部分メニュー
	-------------------------------------*/
	.riyou_1{
		height:24px;
		background-image:url(../img/riyou_2.gif);
		background-repeat:no-repeat;
		background-position:0 50%;
	}

	.riyou_1 a:hover{
		height:24px;
		background-image:url(../img/riyou_2-1.gif);
		background-repeat:no-repeat;
		background-position:0 50%;
		color:#000000;
		text-decoration:none;
	}

	.riyou_1 p a{
		padding:3px 0px 0px 30px;
		display:block;
		color:#000000;
		text-decoration:none;
	}


	/*-------------------------------------
		利用ガイドメニュー最後の部分
	-------------------------------------*/

	#riyou_2{
		height:24px;
		background-image:url(../img/riyou_3.gif);
		background-repeat:no-repeat;
		background-position:0 50%;
	}

	#riyou_2 a:hover{
		height:24px;
		background-image:url(../img/riyou_3-1.gif);
		background-repeat:no-repeat;
		background-position:0 50%;
		color:#000000;
		text-decoration:none;
	}

	#riyou_2 p a{
		padding:3px 0px 0px 30px;
		display:block;
		color:#000000;
		text-decoration:none;
	}
	
	/*-------------------------------------
		バナーの部分
	-------------------------------------*/	
	.banner_box{
		padding-top:10px;
	}


	/*-------------------------------------
		住所の背景部分
	-------------------------------------*/	
	#address_back{
		margin-top:10px;
		background-image:url(../img/address_back.jpg);
		background-repeat:no-repeat;
		line-height:125%;
	}

	#address_back p{
		padding-left:5px;
	}


	#address_back address{
		padding-top:130px;
	}


	#address_back .box{
		padding-top:5px;
	}


	/*-------------------------------------
		QRの背景部分
	-------------------------------------*/	
	#qr_back{
		width:220px;
		margin-top:10px;
		padding-bottom:10px;
		text-align:center;
		line-height:125%;
		background-color:#FFFFCC;
	}
	
	#qr{
		padding:15px 0px 15px 0px;
	}



	/* ========================================
	   * 00-01. 領域設定 - コンテンツメイン -
	======================================== */

	.h2_back{
		height:42px;
		background-image:url(../img/h2_back.gif);
		background-repeat:no-repeat;
		padding:10px 0px 0px 15px;
		color:#FFFFFF;
	}


	.h2_bp{
		height:42px;
		background-image:url(../img/pb_back.gif);
		background-repeat:no-repeat;
		padding:10px 0px 0px 15px;
		color:#FFFFFF;
	}



	.h2_red{
		height:25px;
		background-image:url(../img/h2_red.gif);
		background-repeat:no-repeat;
		padding:2px 0px 0px 15px;

	}
	
	.h2_blue{
		height:25px;
		background-image:url(../img/h2_blue.gif);
		background-repeat:no-repeat;
		padding:2px 0px 0px 15px;
	}
	
	
	#main .container {
		padding:5px 5px 15px 10px;
	}

	#main .container ul {
		padding-left:15px;
	}



	/* ========================================
	   * 00-01. 領域設定 - フッター -
	======================================== */
	
	#footer_back{
		height:30px;
		background-image:url(../img/footer_back.jpg);
		background-repeat:no-repeat;
	}

	#footer_menu{
		position:relative;
		left: 225px;
		top: 8px;
		width: 690px;
		float:left;
	}

	#footer_menu a{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#footer_menu a:hover{
		color:#FFFFFF;
		text-decoration: underline;
	}




	#footer_menu ul{
		list-style:none;
	}

	#footer_menu ul li{
		float:left;
		padding-right:15px;
	}

	#footer h2{
		text-align:right;
		padding-right:10px;
		padding-top:5px;
	}
	
	#footer address{
		text-align:right;
		padding-right:10px;
	}


	#tuika{
		clear:both;
		padding:10px 0 10px 30px;
		text-align:left;
	}



}