@charset "utf-8";

@import "image.css";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}

body {
	margin:auto;　
	padding:auto;　
	font-size:100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
}


#container {
  width: 950px;
  margin:auto;
  padding:auto;
  background-color:#fff;
}

#contents {
	width: 950px;　
	background-color:#FFF;
	margin:auto;
	padding:auto;
}

#main{
	float:left;
	width:640px;
	margin:5px 0px 5px 0px;
	padding:0;
}

#side{
	float:right;
	margin:5px 0px 10px 0px;
	padding:0;
	width:300px;
}


#side1{
	float:right;
	margin:15px 0px 0px 0px;
	padding:0;
	width:300px;
}

#side2{
	float:right;
	margin:15px 0px 25px 0px;
	padding:0;
	width:300px;
}

#side3{
	float:right;
	margin:0px 0px 10px 0px;
	padding:0;
	width:300px;
}

#side4{
	float:right;
	margin:0px 0px 15px 0px;
	padding:0;
	width:300px;
}

#side5{
	float:right;
	margin:0px 0px 15px 0px;
	padding:0;
	width:330px;
}

#side6{
	float:right;
	margin:0px 0px 15px 0px;
	padding:0;
	width:250px;
}


a {
	color: #003399;
	text-decoration: underline;　
}

a:hover {
	text-decoration: none;
}

a img {
    border-style:none;
}



#header{
	width:950px;
	text-align:left;
	margin:0 auto;
	padding:0;
	display: block;
	height: 15px;　
}

#header img{
	margin:0;
	padding:0;
}

h2.marquee {
	font-size:140%;
	font-weight:bold;
	color:#FF0;
	margin:5px 0px 5px 0px;
	padding:0;
}



#logo {
	background-image:url(../image/test/test_logo.jpg);　
	width:950px;
	height:60px;　
	margin:0px 0px 5px 0px;
	text-align:left;
}


h1.logo {
	font-size:100%;
	margin:0px 0px 0px 5px;
	line-height:12px;
	padding:0;
}

#tel {
	float:right;
	background-image:url(../image/test/test_tel.jpg);　
	background-repeat:no-repeat;
	width:580px;
	height:60px;
	margin:0px 0px 10px 0px;
}


#menu {
	width:950px;
	height:45px;
	margin:0px 0px 10px 0px;
	padding:0;
	clear:both;
}
#top_illust {
	margin:0px 0px 20px 0px;
}

#osaka_map {
	margin:0px 0px 15px 0px;
}


#footer{
	margin-right: auto;
	margin-left: auto;
	padding:0;
	height: 125px;
	width:950px;
	position:relative;
	background-color:#fff;
}

.FloatEnd {clear:both;}

/* フォント　span */

h1.header2 {
	font-size:85%;
	color:#515151;
	margin:5px 0px 5px 2px;
}


span.red {
	color:#ff0000;
}

span.bold {
	font-weight:bold;
}

/* フォント */
p.footer {
	font-size:100%;
	text-align:right;　
	margin:0px 10px 0px 15px;
	padding:0;
	line-height:20px;
}

p.what_box {
	font-size:90%;
	margin:0px 0px 15px 5px;
	line-height:20px;
}

p.step_by_step {
	font-size:90%;
	margin:0px 0px 10px 5px;
	line-height:20px;
}

p.huken {
	font-size:90%;
	margin:15px 15px 15px 15px;
	line-height:25px;
}

p.shop {
	font-size:90%;
	margin:5px 0px 5px 5px;
	line-height:18px;
}

p.googlemap {
	text-align:center;
}

p.repair_box_tutorial {
	font-size:90%;
	margin:5px 0px 0px 5px;
	line-height:20px;
}

p.fotter {
	font-size:90%;
	text-align:left;
	margin:55px 0px 15px 5px;
}
p.side_01 {
	font-size:95%;
	width:230px;
	line-height:18px;
	margin:5px;
	font-weight:bold;
}
p.side_011 {
	font-size:100%;
	width:230px;
	line-height:18px;
	margin:5px;
	color:#F00;
	font-weight:bold;
}
p.side_012 {
	font-size:95%;
	width:230px;
	line-height:18px;
	margin:3px 0px 3px 20px;
}

p.pagetop {
	font-size:12px;
	padding-top:0px;
	margin-top:30px;
	text-align:right;
	margin-right:5px;
	margin-bottom:30px;
}

p.motto {
	text-align:center;
	font-size:110%;
	font-weight:bold;
	margin:5px 0px 5px 0px;
}

p.mitsu_step {
	font-size:90%;
	margin:5px 5px 5px 8px;
	text-align:left;
	line-height:18px;
}

p.icon_setsumei {
	font-size:80%;
	margin:5px 5px 10px 5px;
	text-align:left;
}

/* テーブル */

table.repair {
	margin:5px 0px 30px 0px;
}

table.repair tr td {
	width:160px;
	height:160px;
	text-align:center;
}



/* リスト */

ul {
	margin:0px;
	padding:0px;
	list-style:none;

}


li.menu2 {
	margin-right:8px;
	float:left;
}

ul.menu {
	margin-left:0px;
	padding:0px;
	list-style:none;
	}
 
ul.menu li {
	float:left;
	margin:0px 0px 10px 0px;
	padding:0;
	height:150px;

}

ul.side_menu {
	margin:5px 0px 10px 10px;
	list-style:none;
	padding:0;
}

ul.side_menu li {
	font-size:90%;
	line-height:18px;
}


#huken {
	background-color:#fff6bc;
	border: solid 2px #f3d60e;
	width:636px;
	margin:0px 0px 15px 0px;
}

#huken2 {
	background-color:#c8ffc3;
	border: solid 2px #88ca82;
	width:636px;
	margin:0px 0px 15px 0px;
}

#huken3 {
	background-color:#f2d7ff;
	border: solid 2px #baa7c5;
	width:636px;
	margin:0px 0px 15px 0px;
}

h1.marquee {
	font-size:140%;
	font-weight:bold;
	color:#FF0;
	margin:5px 0px 5px 5px;
	padding:0;
}
#led{
	width:950px;
	background:url(../image/icon/led_image.jpg);
	background-repeat:no-repeat;
	text-align:left;
	margin-bottom:10px;
	padding:0;
	display: block;
	height: 40px;　
}

table.mitsu_nagare {
	text-align:left;
}
table.mitsu_nagare tr td {
	width:33%;
	vertical-align:text-top;
}
p.subtitle1 {
	font-size:100%;
    color:#153d74;
	text-align:center;
	margin:5px;
}
p.subtitle12 {
	font-size:12px;
	color:#153d74;
	text-align:center;
	margin:3px;
	}
p.subtitle1 {
	font-size:100%;
	font-weight:bold;
	text-align:center;
}
p.subtitle13 {
	font-size:100%;
	color:#153d74;
	text-align:center;

}

p.chart_stsumei {
	font-size:80%;
	margin:10px 10px 0px 15px;
	line-height:18px;
	vertical-align:top;
	
}

#chart01 {
	width:640px;
	margin:5px 0px 25px 0px;
	clear:both;
	height:200px;
}

#chart01_left {
	float:left;
	width:420px;
	height:200px;
	background-color:#fff6bc;
}

#chart01_right {
	float:right;
	width:200px;
	height:200px;
}

p.start_repair {
	font-size:150%;
	font-weight:bold;
	margin-left:15px;
}

#first_01 {
	width:620px;
	margin:5px auto 30px;
	padding:auto;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
}
p.first_01 {
	font-size:90%;
	margin:10px 10px 10px 10px;
	line-height:30px;
	}

p.first_02 {
	font-size:90%;
	margin:0px 5px 10px 10px;
	line-height:18px;
}

p.example3 {
	line-height: 30px;
	letter-spacing: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 26px;
}

p.example31 {
	font-size:80%;
	line-height: 16px;
	letter-spacing: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #666;
}
p.example4 {
	text-align:right;
	font-size:80%;
	line-height: 16px;
	letter-spacing: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #666;
	margin-right: 5px;
}

table.footer {
	width:950px;
	margin:auto;
	margin-bottom:30px;
	padding:auto;
	border:0;
	background-image:url(../image/icon/index_image_38.jpg);
	background-repeat:no-repeat;
	height:110px;
}
p.packaging_setsumei1 {
	font-size:90%;
	margin:5px 0px 10px 15px;
	line-height:18px;
}
p.packaging_setsumei2 {
	font-size:120%;
	font-weight:bold;
	margin:5px 0px 10px 5px;
	line-height:18px;
}
p.packaging_setsumei3 {
	font-size:80%;
	margin:5px 0px 0px 30px;
	line-height:18px;
}
span.packaging_bold {
	font-weight:bold;
}
p.packaging_setsumei4 {
	font-size:110%;
	margin:5px 0px 10px 30px;
	line-height:22px;
}

table.inquiry_long {
	width:640px;
	height:50px;
	margin:10px 0px 15px 0px;
	padding:0;
}

#home3 a{
	display:block;
	width:295px;
	height:18px;
	background-image:url(../image/icon/menu_bg_image_01.jpg);
	margin-bottom:5px;
	padding-top:4px;
	padding-left:5px;
	font-size:90%;
}
#home3 a:hover{
	background-image:url(../image/icon/menu_bg_image_02.jpg);
	width:295px;
	height:18px;
}
p.yokuaru2 {
	font-size:100%;
	margin:5px 0px 10px 15px;
	line-height:22px;
}

p.yokuaru3 {
	font-size:100%;
	margin:10px 0px 10px 5px;
	line-height:16px;	
}

p.yokuaru4 {
	font-size:100%;
	margin:0px 0px 10px 5px;
	line-height:16px;
	font-weight:bold;
}
p.yokuaru5 {
	font-size:90%;
	margin:10px 15px 25px 25px;
	line-height:18px;
	border-bottom:dashed 1px #999;
	padding-bottom:25px;
}

p.corp_01 {
	font-size:90%;
	margin:5px 0px 0px 5px;
	line-height:20px;
}
p.corp_02 {
	font-size:90%;
	margin:5px 0px 0px 15px;
	line-height:20px;
}

p.example6 {
	font-size:12px;
    margin-right:1em;
    text-align:right;
}
p.example7 {
	font-size:12px;
    margin-left:1em;
    text-align:left;
	line-height:18px;
	margin-top:5px;
	margin-bottom:5px;
	}
p.example8 {
	font-size:12px;
    margin-left:1em;
    text-align:left;
	line-height:18px;
	margin-top:5px;
	margin-bottom:5px;

}
	
p.dp {
	font-size:18px;
	padding-left:15px;
	padding-bottom:5px;
	padding-top:5px;
	margin-top:0px;
	margin-bottom:0px;
}
p.dp2 {
	font-size:12px;
	padding-left:18px;
	padding-bottom:5px;
	padding-top:5px;
	margin-top:0px;
	margin-bottom:0px;
}
p.dp3 {
	font-size:12px;
	text-align:center;
	padding:3px;
	margin-top:0px;
	margin-bottom:0px;
}
p.dp4 {
	font-size:12px;
	text-align:left;
	margin:5px 3px 5px 5px;
	line-height:14px;
}
p.maquee2 {
	font-size:110%;
	margin:10px 0px 0px 5px;
	color:#fff000;
	font-weight:bold;
}

p.faq1 {
	font-size:110%;
	color:#ff4200;
	margin:0px 0px 5px 5px;
	font-weight:bold;
}
p.faq2 {
	font-size:90%;
	margin:0px 5px 20px 15px;
	line-height:18px;
}

p.about_pc_repari {
	font-size:90%;
	margin:5px 5px 35px 5px;
	line-height:18px;
}

#example_price {
	width:640px;
	height:160px;
	clear:both;
}
#example_price_left {
	float:left;
	width:298px;
	margin:10px;
	height:140px;
	border: 1px solid #f8b80c;
	background-color:#fffae4;
}
#example_price_right {
	float:right;
	width:298px;
	margin:10px;
	height:140px;
	border: 1px solid #f8b80c;
	background-color:#fffae4;
}

p.example_price01 {
	font-size:110%;
	font-weight:bold;
	margin:5px 5px 5px 5px;
	padding-bottom:10px;
	border-bottom:dashed 1px #ccc;
}

p.example_price02 {
	font-size:85%;
	margin:10px;
	padding-top:10px;
	padding-bottom:15px;
	border-bottom:dashed 1px #ccc;
	
}
p.example_price03 {
	font-size:130%;
	text-align:right;
	margin:10px;
	padding-bottom:15px;
	color:#ff0000;
	font-weight:bold;
	
}

p.kaitori {
	font-size:180%;
	text-align:center;
	font-weight:bold;
	margin:5px;
	color:#f5a315;
}
p.kaitori2 {
	font-size:120%;
	font-weight:bold;
	margin:20px 10px 5px 10px;
	line-height:22px;
}
p.kaitori3 {
	font-size:90%;
	margin:10px 10px 5px 10px;
	line-height:18px;
}
p.kaitori4 {
	font-size:90%;
	margin:3px 10px 5px 10px;
	line-height:18px;
}

#top_header {
	width:950px;
	height:135px;
	position:relative;
	background:url(../new_image/header_bg.gif) no-repeat -140px 3px;
	margin:10px 0px 5px 0px;
}

#favorite {
	padding-top: 11px;
	width: 300px;
	float: left;
	margin-left: 90px;
}

table.3point {
	width:640px;
	height:180px;
	margin:0px 0px 5px 0px;
}


td.yasui {
	background:url(../image/icon/3_point_image_01.jpg) left;
	background-repeat:no-repeat;
	height:165px;
	width:213px;
}
td.hayai {
	background:url(../image/icon/3_point_image_02.jpg) center;
	background-repeat:no-repeat;
	height:165px;
	width:213px;
}
td.anshin {
	background:url(../image/icon/3_point_image_03.jpg) right;
	background-repeat:no-repeat;
	height:165px;
	width:213px;
}

p.yasui {
	font-size:95%;
	font-weight:bold;
	padding:75px 20px 10px 15px;
}

p.hayai {
	font-size:95%;
	font-weight:bold;
	padding:75px 15px 10px 20px;
}

p.anshin {
	font-size:95%;
	font-weight:bold;
	padding:75px 10px 10px 25px;
}

#3point_all {
	width:640px;
	height:220px;
	clear:both;
}
#3point_left {
	background:url(../image/icon/3_point_image_01.jpg);
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	width:201px;
	height:220px;
	margin:5px 9px 5px 6px;
}
#3point_center {
	margin:5px 10px 5px 5px;
	width:201px;
	height:220px;
	float:left;
}
#3point_right {
	margin:5px 0px 5px 5px;
	width:201px;
	height:220px;
	float:right;
}

/*-----------------------------------
2010.5.11追加分
-----------------------------------*/

#add_h2 {
 font-size: 12px;
 font-weight: normal;
 clear: both;
 margin: 10px 0 10px 0;
}
#add_h2s {
 clear: both;
 font-size: 12px;
 font-weight: normal;
}
#add_p {
 font-size: 12px;
 margin-top: 5px;
}

#add_h3 {
 font-size: 12px;
 font-weight: normal;
 margin: 5px 0 5px 10px;
}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	text-align: left;
}

/*-----------------------------------
2010.6.1追加分
-----------------------------------*/

#header_01 {
	float: left;
}
#hdd {
	float: left;
	margin-left: 12px;
	margin-top: 10px;
}