@charset "utf-8";



#modelimage {

	margin: 0px;

	padding: 0px;

	width: 1000px;

	float: left;

	border-bottom: 5px solid #7d0000;

	background-color: #000;

	clear: both;

}

#modelimage h1 {

	font-size: 70px;

	color: #666;

	float: left;

	padding-left: 15px;

	font-family: "Times New Roman", Times, serif;

}



#modelimage img {

	height: 250px;

	width: 350px;

	float: right;

}

.graghic {

	height: 150px;

	width: 500px;

}







#contents {

	width: 1000px;

	margin: 0px;

	background-color: #FAF8ED;

	float: left;

	clear: both;

	background-repeat: no-repeat;

	background-position: left 150px;

	background-image: url(../image/share/wallpaper_logo.gif);

}







#column h1 {

	font-size: 16px;

	color: #333;

	font-weight: bold;

	margin-top: 25px;

	background-image: url(../image/share/brawn_la.gif);

	background-repeat: no-repeat;

	background-position: left 10px;

	padding-left: 20px;

	font-family: "Times New Roman", Times, serif;

	margin-left: 35px;

}

#column h1 span {

	font-weight: bold;

	margin-left: 12px;

	font-size: 22px;

	color: #7d0000;

}





#column {

	width: 795px;

	background-color: #FFFFFF;

	padding: 10px 0px 5px;

	background-image: url(../image/share/metalgrad_holiz4.jpg);

	background-repeat: repeat-y;

	background-position: right top;

	margin-bottom: 20px;

	float: right;

	margin-right: 15px;

	margin-top: 20px;

}

#column p {

	color: #000000;

	font-size: 14px;

	text-align: justify;

	width: 650px;

	line-height: 1.8em;

	text-justify: inter-ideograph;

	margin: 20px auto 15px;

	padding: 10px 20px 20px;

}
#column img {
	margin-top: 5px;
	background-color: #FFFFFF;
	border-top: 1px solid #E1E1E1;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #E1E1E1;
	padding-right: 50px;
	padding-left: 50px;
	margin-left: 30px;
}
#column h4   {
	font-size: 12px;
	margin-top: -25px;
	margin-bottom: 12px;
	margin-left: 560px;
}


#column ul {

	width: 600px;

	text-align: left;

	list-style-type: none;

	margin-right: auto;

	margin-bottom: 35px;

	margin-left: auto;

}



#column li {

	font-size: 16px;

	background-image: url(../image/share/orange1.gif);

	background-repeat: no-repeat;

	background-position: left 0.5em;

	padding-left: 12px;

	margin-bottom: 10px;

	border-bottom: 1px dotted #999;

	line-height: 1.3em;

}

#tyuigaki {

	font-size: 13px;

	margin-top: 30px;

	padding-top: 4px;

	color: #666;

	width: 720px;

	clear: both;

	text-align: center;

	padding-bottom: 4px;

	margin-right: auto;

	margin-left: auto;

	border-top: 1px solid #999;

	border-bottom: 1px solid #999;

}

#side  {

	width: 185px;

}

#side #catalog{

	width: 170px;

	margin-top: 60px;

	text-align: left;

	margin-left: 10px;

}



#side #catalog h3 {

	font-size: 14px;

	color: #666;

	list-style-type: none;

	text-align: center;

	padding-top: 4px;

	padding-bottom: 3px;

	background-image: url(../image/share/metalgrad_holiz4.jpg);

	background-position: right top;

	margin-bottom: 5px;

}



#side #catalog h6{

	border-bottom: 1px dotted #999;

	width: 155px;

	margin-right: auto;

	margin-left: auto;

}

#side #catalog h6 a{

	font-size: 14px;

	color: #000099;

	padding-left: 23px;

	display: block;

	background-image: url(../image/share/brawn_r.gif);

	background-repeat: no-repeat;

	background-position: 5px 12px;

	text-decoration: none;

	padding-top: 5px;

	padding-bottom: 2px;

	line-height: 1.5em;

}

#side #catalog h6 a:hover {

	color: #FF7300;

	text-decoration: underline;

	background-color: #FFF;

}

.catalog_space {

	padding-bottom: 29px;

}



#side #sonota {

	width: 170px;

	margin-left: 10px;

	margin-top: 100px;

}



#side #sonota h3 {

	font-size: 14px;

	color: #666;

	list-style-type: none;

	text-align: center;

	padding-top: 4px;

	padding-bottom: 3px;

	background-image: url(../image/share/metalgrad_holiz4.jpg);

	background-position: right top;

}

#side #sonota ul {

	text-align: center;

	margin: 0px auto;

	padding: 0px;

	list-style-type: none;

	width: 150px;

}

#side #sonota li {

	font-size: 16px;

	color: #CCC;

	margin-top: 8px;

	border-bottom: 1px dotted #666;

}

#side #sonota li a {

	color: #000099;

	text-decoration: none;

	display: block;

}



#side #sonota a:hover {

	color: #FF7300;

	text-decoration: underline;

	background-color: #FFF;

}

#syamei {

	margin-top: 140px;

}



#syamei img {

	margin-bottom: 20px;

	margin-left: auto;

	margin-right: auto;

	display: block;

	height: 30px;

	width: 106px;

}





#side p {

	font-family: "Times New Roman", Times, serif;

	font-size: 13px;

	color: #7d0000;

	padding-top: 3px;

	text-align: center;

	padding-bottom: 15px;

	text-justify: inter-ideograph;

}



#side address {

	font-size: 12px;

	color: #7d0000;

	font-weight: bold;

	border-bottom: 1px solid #7d0000;

	font-style: normal;

	text-align: center;

	width: 164px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 2px;

	padding-bottom: 2px;

}

#modoru {

	font-size: 12px;

	color: #999999;

	float: right;

	text-align: left;

	margin-top: 15px;

	margin-right: 40px;

	margin-bottom: 8px;

	margin-left: 0px;

}



#modoru a {

	color: #626262;

	text-decoration: none;

	display: block;

	background-image: url(../image/share/brawn_u.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding: 3px 5px 3px 15px;

}

#modoru a:hover {

	color: #FF7300;

	text-decoration: underline;

	background-color: #FFF;

}

.icon_setting {

	position: relative;

}

.icon_pdf {

	position: absolute;

	top: 8px;

	right: 6px;

	border-style: none;

}



.clearfix:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

	line-height: 0;

}



.clearfix{

	display:inline-block;

}