@charset "utf-8";

/*------------------------------------------------------------------------------
	Title: 車買取徹底比較 common css
	Created: 2009-07-08
	Copyright: (C) Samurai Factory Inc. 
	Note :
		Outline - 
				1: Structure
					1-1. Hypertext		--- Link color setting
					1-2. Layout   --- all page layout
					1-3. Footer
					1-4. Login,Menu,list
					1-5. Details
				2: Page
					2-1. トップページ
					2-2. 利用規約
					2-3. お問い合わせ
					2-4. 運営会社
				
				3: etc
					
------------------------------------------------------------------------------*/

/*============================================================================

	1-1. Hypertext
	
=============================================================================*/

a:link,
a:visited {
	color: #4621d2;
	text-decoration: underline;
	}

a:hover,
a:active {
	color: #aa0018;
	text-decoration: none;
	}


/*============================================================================

	1-2. Layout
	
=============================================================================*/


html,
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	border: 0px;
	background: url(../img/background.gif);
	font-family: "Verdana","ＭＳ Ｐゴシック","Osaka";
	font-size: 85%;
	}

*html body {
	font-size: 80%;
	}

*:first-child+html body {
	font-size: 80%;
	}

	div#main {
		width: 900px;
		min-width: 900px;
		margin: 0 auto;
		}
		div#main_in {
			width: 900px;
			float: left;
			background: url(../img/main_background.gif) repeat-y;
			}
			div#header {
				width: 898px;
				background: url(../img/top_background.gif) repeat-x;
				float: left;
				margin-left: 1px;
				position: relative;
				display: inline;
				}
				div#header img {
					float: left;
					}
			
			div#main_in p.button {
				width: 898px;
				float: left;
				text-align: right;
				margin:10px 0px 0px 0px;
				}


/*============================================================================

	1-2. Footer

=============================================================================*/					

div#footer {
	width: 900px;
	float: left;
	color: #888888;
	margin: 50px 0px 0px 0px;
	}
	div#footer a:link {
		color: #888888;
		text-decoration: none;
		}
	div#footer a:visited {
		color: #888888;
		text-decoration: none;
		}
	div#footer a:visited {
		color: #888888;
		text-decoration: none;
		}
	div#footer a:hover {
		color: #888888;
		text-decoration: underline;
		}

			
	div#footer dl dt {
		width: 200px;
		float:left;
		text-align: center;
		font-size: 100%;
		font-weight: bold;
		display: inline;
		}
		div#ateam_link dl dt img {
			margin:-20px 0px 0px 0px;
			}
	div#footer dl dd {
		width:680px;
		float:left;
		font-size: 90%;
		line-height: 150%;
		}

div#ateam_link {
	width: 898px;
	float: left;
	margin: 0px 0px 0px 1px;
	}

div#samurai_link {				
	width: 900px;
	margin: 10px 0px 0px 0px;
	min-height: 75px;
	float: left;
	background: url(../img/footer_background.gif) no-repeat;
	}

div#samurai_link dl {
	margin: 10px 0px 10px 0px;
	}

div#samurai_link img {
	margin: 15px 0px 0px 0px;
	}

div#copyright {
	width: 900px;
	height: 80px;
	float:left;
	background: url(../img/copyright_background.gif) no-repeat;
	}
	div#copyright p {
		color: #000000;
		margin-top: 2px;
		}

div#footpr_link {
	width: 900px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 2px;
	padding-bottom: 3px;
	clear: both;
	height: 16px;
	}



/*============================================================================

	1-4. Menu, start button

=============================================================================*/

/*	menu
--------------------------------*/

div#menu {
	position: absolute;
	top: 53px;
	left: 440px;
	width: 458px;
	margin: 0px;
	float: left;
	cursor: pointer;
	}


/*============================================================================

	1-5. Detaile
	
=============================================================================*/

/*	header Logo, Title
--------------------------------*/

h1 {
	width: 630px;
	margin: 15px 0px 0px 10px;
	margin-right:-3px; /* IE6対策 */
	float: right;
	font-weight: normal;
	font-size: 100%;
	color: #979595;
	}

h2 {
	width: 900px;
	margin: 0px;
	float: left;
	}

h3 {
	margin: 0px 0px 10px 0px;
	float: left;
	}


/*	list reset
--------------------------------*/
ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}


/*	img reset
--------------------------------*/
img {
	margin: 0;
	border: 0;
	vertical-align: bottom;
	}



/*============================================================================

	2-1. トップページ

=============================================================================*/

div#top_visual {
	width: 900px;
	float: left;
	}

div#contents {
	margin: 5px 0px 0px 0px;
	width: 900px;
	line-height: 150%;
	float:left;
	}
	
	div#contents01 {
		width: 480px;
		margin: 0px 0px 0px 10px;
		float: left;
		display: inline;
		}
		div#contents01 h3 {
			width: 480px;
			}
		div#contents01 p {
			width: 450x;
			margin: 5px 0px 10px 20px;
			line-height: 160%;
			}
			
	div#contents02 {
		width: 405px;
		float: left;
		display: inline;
		}
		div#contents02 h3 {
			width:410px;
			float:left;
			}
			
		div#contents02 p {	
			width: 375px;
			margin: 0px 0px 0px 25px;
			}
			div#contents02 p img {
				margin: 0px 5px 5px 0px;
				}

	div#contents03 {
		width: 900px;
		float: left;
		margin: 5px 0px 0px 0px;
		background: url(../img/takaku_back.gif) repeat-y;
		}
		div#contents03 h3 {
			width: 900px;
			margin: 0px;
			}
		
		div#contents03 dl {
			width: 279px;
			float:left;
			margin: 0px 0px 0px 15px;
			display: inline;
			}
			div#contents03 dl dt {
				width:279px;
				float: left;
				margin: 0px;
				}
			div#contents03 dl dd {
				width: 260px;
				line-height: 170%;
				margin:0px 0px 0px 9px;
				}

		div#contents03 b {
			font-weight: normal;
			}


/*============================================================================

	2-2. 利用規約

=============================================================================*/

div#terms {
	width: 400px;
	float: left;
	background: url(../img/popup_background.gif) repeat-y;
	color: #4d4d4d;
	display: inline;
	}
	
	div#terms h1 {
		width: 400px;
		height: 80px;
		margin: 0px;
		font-size: 100%;
		}

	div#terms h2 {
		width: 380px;
		font-weight: bold;
		padding : 3px 0px 3px 5px;
		border-width: 0px 0px 2px 0px;
		border-color: #dedede;
		border-style: solid;
		margin: 0px 0px 5px 3px;
		line-height:150%;
		font-size: 100%;
		}

	div#terms dl {
		width: 380px;
		margin: 0px 0px 20px 10px;
		float:left;
		display: inline;
		}
		div#terms dl dt {
			width: 370px;
			float: left;
			margin: 3px 0px 3px 0px;
			font-weight: bold;
			display: inline;
			}
		div#terms dl dd {
			width: 370px;
			float: left;
			margin: 3px 0px 3px 5px;
			line-height: 140%;
			display: inline;
			}
			div#terms dl dd ul {
				width: 350px;
				float: left;
				margin: 0px 0px 0px 15px;
				display: inline;
				}
				
			div#terms dl dd ul li {
				width: 350px;
				float: left;
				line-height: 140%;
				display: inline;
				}
	
div#terms p {
	width: 360px;
	text-align: center;
	margin: 10px 0px 10px 0px;
	}


/*============================================================================

	2-3. お問い合わせ

=============================================================================*/

div#contact {
	width: 400px;
	float: left;
	background: url(../img/popup_background.gif) repeat-y;
	color: #4d4d4d;
	}
	
	div#contact h1 {
		width: 400px;
		height: 80px;
		margin: 0px;
		font-size: 100%;
		}

	div#contact h2 {
		width: 380px;
		font-weight: bold;
		padding : 3px 0px 3px 5px;
		border-width: 0px 0px 2px 0px;
		border-color: #dedede;
		border-style: solid;
		margin: 0px 0px 5px 3px;
		line-height:150%;
		font-size: 100%;
		}

	div#contact dl {
		width: 380px;
		margin: 0px 0px 20px 10px;
		float:left;
		}
		div#contact dl dt {
			width: 370px;
			float: left;
			margin: 6px 0px 6px 0px;
			line-height: 150%;
			}
		div#contact dl dd {
			width: 370px;
			float: left;
			margin: 3px 0px 3px 5px;
			line-height: 140%;
			}
			div#contact dl dd ul {
				width: 350px;
				float: left;
				margin: 0px 0px 0px 15px;
				}
				
			div#contact dl dd ul li {
				width: 350px;
				float: left;
				line-height: 140%;
				}
	
div#contact p {
	width: 360px;
	text-align: center;
	margin: 10px 0px 10px 0px;
	}

/*============================================================================

	2-4. 運営会社

=============================================================================*/

div#company {
	width: 400px;
	float: left;
	background: url(../img/popup_background.gif) repeat-y;
	color: #4d4d4d;
	}
	
	div#company h1 {
		width: 400px;
		height: 70px;
		margin: 0px;
		font-size: 100%;
		}

	div#company h2 {
		width: 380px;
		font-weight: bold;
		padding : 3px 0px 3px 5px;
		border-width: 0px 0px 2px 0px;
		border-color: #cdd48c;
		border-style: solid;
		margin: 0px 0px 5px 3px;
		line-height:150%;
		font-size: 100%;
		}

	div#company table {
		width: 380px;
		margin: 0px 0px 20px 0px;
		}
		div#company table th {
			width: 100px;
			font-weight: bold;
			vertical-align: top;
			text-align: left;
			}
		div#company table td {
			width: 260px;
			float: left;
			text-align: left;
			line-height: 140%;
			vertical-align: top;
			}
		
	div#company dl {
		width: 380px;
		margin: 0px 0px 20px 10px;
		float:left;
		}
		div#company dl dt {
			width: 370px;
			float: left;
			margin: 6px 0px 6px 0px;
			line-height: 150%;
			}
		div#company dl dd {
			width: 370px;
			float: left;
			margin: 3px 0px 3px 5px;
			line-height: 140%;
			}
			div#company dl dd ul {
				width: 350px;
				float: left;
				margin: 0px 0px 0px 15px;
				}
				
			div#company dl dd ul li {
				width: 350px;
				float: left;
				line-height: 140%;
				}
	
div#contact p {
	width: 360px;
	text-align: center;
	margin: 10px 0px 10px 0px;
	}
/*============================================================================

	3. etc
	
=============================================================================*/

.t_space {
	margin-top: 40px;
	}
.r_space {
	margin-right: 20px;
	}

#copyright a:link {
	color: #000000;
	text-decoration: none;
	}
#copyright a:visited {
	color: #000000;
	text-decoration: none;
	}

#copyright a:hover {
	color: #aaaaaa;
	text-decoration: underline;
	}

#copyright a:active {
	color: #aaaaaa;
	text-decoration: underline;
	}