@charset "utf-8";
/* common.css */

/*再定義化
////////////////////////////////////////////////////*/

html {
	font-size: 62.5%;
}

* {
	color: #333333;
	font-family: "メイリオ","�E��E� �E�ゴシチE��", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 100%;
}

body {
	font-size: 140%;
}

img {
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

/*デフォルトリンクカラー
////////////////////////////////////////////////////*/

a:link ,
a:visited {
	color: #996600;
}

a:hover {
	color: #03F;
}

/*共通要素
////////////////////////////////////////////////////*/


a img.linkimg{
background: none;
}

a:hover img.linkimg{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: none;
}


/*ヘッダー部分
////////////////////////////////////////////////////*/

#header {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

h1 {
	background: #ffa74d;
	color: #FFFFFF;
	padding-left: 20px;
	font-size: 14px;
}

#header_first {
	float: left;
}

h2 {
	margin: 15px 0 10px 20px;
	font-size: 0;
}

#header_second {
	float: right;
	width: 400px;
}

#header_second dl {
	overflow: hidden;
	margin-top: 15px;
	margin-right: 25px;
}

#header_second dt {
	float: left;
}

#header_second dt img{
	font-size: 0;
	padding: 15px 0 8px 53px;
	background: url(../img/icon_contact.png) no-repeat left center;
}

#h_tel img {
	margin-left: 10px;
	font-size: 0;
}

#h_rec img {
	margin-left: 20px;
	font-size: 0;
}


/*　トップ画像に関しての設定
////////////////////////////////////////////////////*/




/*　メイン部分に関しての設定
////////////////////////////////////////////////////*/

#main {
	width: 960px;
	margin: 20px auto 0;
	overflow: hidden;
}


/*　サイド部分に関しての設定
////////////////////////////////////////////////////*/

#side {
	width: 300px;
	float: left;
}

#side_contact {
	margin-top: 45px;
	border: 1px solid #c7c7c7;
}

#side_contact h3 {
	margin-top: -15px;
	margin-left: 20px;
	font-size: 0;
	width: 95px;
	background: #fff;
	text-align: center;
}

#side_contact p {
	font-weight: bold;
	margin: 20px 0 0 20px;
	font-size: 14px;
}

#side_contact dl {
	width: 260px;
	margin: 20px auto 0;
	overflow: hidden;
	font-size: 12px;
}

#side_contact dl dt {
	float: left;
	width: 50px;
	font-weight: bold;
}

#side_contact dl dd {
	border-left: 2px solid #a09e9e;
	float: left;
	padding-left: 10px;
}

#side_contact a {
	font-size: 11px;
	display: block;
	margin-right: 30px;
	text-align: right;
	margin-bottom: 10px;
}

#gmap {
	width: 240px;
	border: 1px solid #a09e9e;
	margin: 10px auto 0;
}

/*　コンテンツに関しての設定
////////////////////////////////////////////////////*/

#contents {
	width: 630px;
	float: right;
}

#strong_box {
	margin-top: 30px;
}

#strong_box ol {
	overflow: hidden;
}

#strong_box ol li {
	width: 180px;
	float: left;
	padding-right: 30px;
}

.box_middle p {
	padding: 20px;
	font-size: 14px;
}

.box_bottom {
	padding-bottom: 10px;
}

#technique .box_middle {
	background: url(../img/tech_middle.gif) repeat-y;
}

#technique .box_bottom {
	background: url(../img/tech_bottom.gif) no-repeat left bottom;
}

#useful .box_middle {
	background: url(../img/useful_middle.gif) repeat-y;
}

#useful .box_bottom {
	background: url(../img/useful_bottom.gif) no-repeat left bottom;
}

#cost .box_middle {
	background: url(../img/cost_middle.gif) repeat-y;
}

#cost .box_bottom {
	background: url(../img/cost_bottom.gif) no-repeat left bottom;
}


/*　修理の流れ部分に関してのレイアウト設定
////////////////////////////////////////////////////*/

#repair {
	margin-top: 65px;
	border-top: 1px solid #ffa74d;
}

#repair h5 {
	width: 254px;
	font-size: 0;
	padding: 5px 0 6px 72px;
	background: url(../img/indent_repair.gif) no-repeat left center;
	margin: -15px 20px 0;
}

#repair #bgwhite {
	margin: 0 auto;
	width: 294px;
	background: #ffffff;
}

#repair ul {
	margin-top: 30px;
}

#repair p {
	width: 400px;
	padding: 10px 0 0 200px;
	font-size: 14px;
}

#r1,#r2,#r4,#r5 {
	height: 120px;
}

#r3 {
	height: 150px;
}

#r1 {
	background: url(../img/tri_flow01.png) no-repeat 80px 58px;
}

#r1 h6 {
	background: url(../img/border_flow01.gif) repeat-x left center;
}

#r2 {
	background: url(../img/tri_flow02.png) no-repeat 80px 58px;
}

#r2 h6 {
	background: url(../img/border_flow02.gif) repeat-x left center;
}

#r3 {
	background: url(../img/tri_flow03.png) no-repeat 80px 58px;
}

#r3 h6 {
	background: url(../img/border_flow03.gif) repeat-x left center;
}

#r4 {
	background: url(../img/tri_flow04.png) no-repeat 80px 58px;
}

#r4 h6 {
	background: url(../img/border_flow04.gif) repeat-x left center;
}

#r5 {
	background: url(../img/tri_flow05.png) no-repeat 80px 58px;
}

#r5 h6 {
	background: url(../img/border_flow05.gif) repeat-x left center;
}


/*　お問い合わせ部分に関してのレイアウト設定
////////////////////////////////////////////////////*/

#contact {
	width: 628px;
	border: 1px solid #c7c7c7;
}

#contact dl {
	overflow: hidden;
	border-bottom: 1px dotted #a09e9e;
	margin: 0 20px;
}

#contact dl dt {
	float: left;
}

#contact dl dd {
	float: right;
}

#contact dl dd div {
	margin: 30px 30px 0 0;
}

#contact dl dd div img {
	display: block;
	margin-bottom: 6px;
	font-size: 0;
}

#c_tel dt img {
	padding: 4px 0 3px 54px;
	background: url(../img/indent_c_tel.png) no-repeat left center;
	font-size: 0;
	margin: 30px 0 0 33px;
}

#c_tel dd {
	padding: 0 0 6px 47px;
	background: url(../img/indent_c01.png) no-repeat left 37px;
}

#c_fax dt img {
	padding: 4px 0 3px 54px;
	background: url(../img/indent_c_fax.png) no-repeat left center;
	font-size: 0;
	margin: 30px 0 0 33px;
}

#c_fax dd {
	padding: 0 0 6px 47px;
	background: url(../img/indent_c02.png) no-repeat left 37px;
}

#contact p {
	width: 340px;
	margin: 25px auto 15px;
	font-size: 0;
	border-bottom: 1px solid #ffa74d;
	padding: 0 7px 6px;
}

/*　アクセス部分に関してのレイアウト設定
////////////////////////////////////////////////////*/


#access {
	margin-top: 65px;
	border-top: 1px solid #ffa74d;
}

#access h5 {
	width: 170px;
	font-size: 0;
	padding: 5px 0 6px 62px;
	background: url(../img/icon_access.gif) no-repeat left center;
	margin: -15px 20px 0;
}

#access #bgwhite {
	margin: 0 auto;
	width: 205px;
	background: #ffffff;
}

#accesstext {
	margin: 30px 0 0 50px;
	font-size: 12px;
}

#accessmap {
	width: 520px;
	border: 1px solid #c7c7c7;
	margin: 10px auto 0;
}


/*　フッター部分に関してのレイアウト設定
////////////////////////////////////////////////////*/


#footer {
	width: 960px;
	margin: 100px auto 0;
}

#footerlower {
	padding-top: 10px;
	border-bottom: 15px solid #ffa74d;
	background: url(../img/footerimg.gif) no-repeat 95px center;
}

#pagetop {
	padding-right: 30px;
	text-align: right;
	margin-bottom: 15px;
}

#copyright {
	width: 408px;
	margin: 5px auto 10px;
}