@charset "euc-jp";

/*
--------------------------------------------
TIPS SUPPORT SITE BASE CSS
--------------------------------------------
*/


/* Browser-formatting Styles */
*{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

/* HEADING STYLE */
h1{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color:#FFFFFF;
	text-align: left;
	font-style: normal;
	font-size: 90%;
}

h1#catchcopy{
	margin: 24px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
	color:#666666;
	text-align: left;
	font-style: normal;
	font-size: 60%;
	vertical-align: bottom;
}

h2{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color:#666666;
	text-align: left;
	font-style: normal;
	font-size: 90%;
}

h3{
	margin: 8px 0;
	padding: 0;
	background-color: #FFFFFF;
	color:#333333;
	font-style: normal;
	font-size: 90%;
}

h3.trouble{
	margin: 8px 0 0 0;
	padding: 8px 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/cmn_bg_001.gif);
	background-color: #468AB3;
}

h3.sitemap{
	margin: 16px 0 0 0;
	padding: 8px;
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color: #CCCCCC;
}

h4{
	margin: 0;
	padding: 8px 12px 0 12px;
	color:#0FB30B;
	text-align: left;
	font-style: normal;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.6em;
}

h5{
	margin: 0;
	padding: 4px 12px;
	color: #333333;
	color: #FF6666;
	text-align: left;
	font-style: normal;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.6em;
}

/* FONT STYLE */
p{
	margin: 0 0 8px 0;
	padding: 0;
	color:#333333;
	font-style: normal;
	font-size: 80%;
	line-height: 1.5em;
}	

p.navi{
	margin: 0;
	padding: 0 0 4px 0;
	background-color: #FFFFFF;
	color:#333333;
	text-align: left;
	font-style: normal;
	font-size: 80%;
	line-height: 1.2em;
}	

p.middle{
	margin: 4px 0 0 0;
	padding: 0 12px 8px 12px;
	color:#333333;
	text-align: left;
	font-style: normal;
	font-size: 80%;
	line-height: 1.6em;
}	

p.small{
	font-size: 70%;
	line-height: 1.5em;
}	

p.catch{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color:#666666;
	font-style: normal;
	font-size: 60%;
	text-align: right;
}

p.area{
	margin: 0;
	padding: 8px 10px;
	background-color: #FFFFFF;
	color:#333333;
	text-align: left;
	font-style: normal;
	font-size: 80%;
	line-height: 1.5em;
	letter-spacing: 0.09em;
}

p.list{
	margin: 0;
	color:#333333;
	padding: 8px;
	background-color: #F0F0F0;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
}
	
p.right{
	margin: 0;
	color:#333333;
	background-color: #F0F0F0;
	float: left;
}	

p.name{
	margin: 0;
	padding: 8px 12px;
	text-align: right;
}

p.back{
	margin: 0;
	padding: 8px 0 8px 12px;
	text-align: right;
	font-size: 70%;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dashed;
}

p.news{
	margin: 8px 8px 0 8px;
	padding: 0;
	color:#333333;
	font-style: normal;
	font-size: 80%;
	line-height: 1.5em;
}	

p.copyright{
	margin: 0;
	padding: 3px;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	color:#FFFFFF;
	text-align: left;
	background-color: #CCCCCC;
	text-indent: -9999px;
}

p.footer{
	margin: 0;
	padding: 6px 0;
	text-align: right;
	font-size: 70%;
	font-style: normal;
	color:#808080;
	text-align: right;
	background-color: #FFFFFF;
}

p.footer a{
	color: #0066FF;
	text-decoration: none;
}

p.footer a:hover{
	color: #FF0000;
	text-decoration: underline;
}

/* IMAGE STYLE */
.img_16{
	margin: 8px 0;
	padding: 0;
}

.img_12{
	margin: 12px;
	padding: 0;
}

.img_8{
	margin: 8px 0 0 0;
	padding: 0;
}

.img_4{
	margin: 0 0 8px 0;
	padding: 0;
}

.img_right{
	margin: 0 0 8px 8px;
	padding: 0;
	float: right;
}

.img_left{
	margin: 0 0 8px 8px;
	padding: 0;
	float: left;
}

.img_staff{
	margin: 8px 16px 16px 0;
	padding: 0;
	float: left;
}

.fontsmall{
	background-color: #6666CC;
	background-position: top;
	margin: 0;
	padding: 0;
}

.fontmiddle{
	background-color: #FFFFFF;
	background-position: top;
	margin: 0;
	padding: 0;
}

.fontlarge{
	background-color: #FFFFFF;
	background-position: top;
	margin: 0;
	padding: 0;
}

/* LINK STYLE */
a{
 color: #0066CC;
	text-decoration: none;
}

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

/* OTHER STYLE */
#contents .wrapper ul li{
	font-size: 80%;
}

#contents .wrapper ul li ul li{
	font-size: 90%;
}

.caution{
	color: #FF0000;
	font-weight: bold;
}	

.repair{
	font-weight: bold;
	color: #10B30C;
	line-height: 1.8em;
}

em{
	font-weight: bold;
}

ul{ 
	list-style: none;
}

table{
	width: 701px;
	margin: 8px 0 16px 0;
}

th{
	padding: 8px;
	background-color: #E6F7E5;
	text-align: left;
	font-size: 80%;
	font-weight: bold;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
}

th.mailform{
	padding: 4px 8px;
	background-color: #E5E5E5;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
}

td.mailform{
	padding: 4px 8px;
	text-align: left;
	font-size: 80%;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 0;
	border-bottom-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 0;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-right-width: 0;
	border-right-style: solid;
	line-height: 1.5em;
	color:#333333;
}

td{
	padding: 4px 8px;
	text-align: left;
	line-height: 1.6em;
	font-size: 80%;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
}

td.price{
	padding: 4px 8px;
	text-align: right;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
}

td.right{
	padding: 4px 8px;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 0;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
}

td.right2{
	padding: 4px 8px;
	text-align: right;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 0;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
}

td.staff{
	padding: 4px 8px;
	text-align: left;
	font-size: 80%;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 0;
	border-bottom-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 0;
	border-left-style: solid;
}

td.staff2{
	padding: 4px 8px;
	text-align: left;
	font-size: 80%;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 0;
	border-bottom-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
}

td.link{
	padding: 4px 8px;
	text-align: left;
	font-size: 80%;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-left-color: #CCCCCC;
	border-left-width: 0;
	border-left-style: solid;
}

td.troublelist{
	padding: 4px 8px 16px 8px;
	text-align: left;
	font-size: 80%;
	border-width: 0;
}

hr{
	margin: 8px 0;
	border-style: dashed;
	border-color: #CCCCCC;
	border-width: 1px;
}

address{
	margin: 0;
	padding: 4px 8px;
	text-align: left;
	background-color: #808080;
	color: #FFFFFF;
	font-size: 70%;
}