@import "common.css";

/* ---------------------------------------------------------------- */
/* TOP style */
/* ---------------------------------------------------------------- */
/* h1 */
h1{
	margin:0 0 0.4em;
	padding:0;
}

/* h2 */
h2{
	width:740px;
	margin:0 auto;
	padding:22px 0 0 0;
	font-size:1em;
	line-height:1.8;
	font-weight:normal;
}

h2 strong{}

.text-area{
	width:837px;
	margin:0 auto 2em;
	background:url('./../image/topics_back.gif') no-repeat 0 0;
}

.text-area .middle{
	background:url('./../image/textarea_middle.gif') no-repeat 0 0;
}

.text-area .bottom{
	height:8px;
	background:url('./../image/textarea_bottom.gif') no-repeat 0 0;
}

.text-area .middle p{
	width:740px;
	margin:3px auto 0;
	padding:0;
	text-align:right;
}

/* ----------------------------------------------------- */
/* main */
/* ----------------------------------------------------- */
#main{
	width:870px;
	margin:0 auto;
}

/* clear hack */
#main{zoom:1;}
#main:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* left-area */
#main #left-area{
	float:left;
	width:495px;
}

/* right-area */
#main #right-area{
	float:right;
	width:355px;
}

/* ----------------------------------------------------- */
/* left-area */
/* ----------------------------------------------------- */
/* リセット */
#left-area *{margin:0;padding:0;}

/* h3 */
#left-area h3{margin:0 auto 0.4em;}

/* TOPICS・修理屋ブログ */
/* --------------------------------------- */
#left-area .list{
	width:495px;
	padding:18px 0 10px 0;
}

#left-area .topics{
	width:480px;
	height:150px;
	padding:14px 8px 0;
	margin:0 0 2.6em;
	overflow-y:auto;

	scrollbar-arrow-color:#ccc;
	scrollbar-face-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-3dlight-color:#ddd;
	scrollbar-darkshadow-color:#ddd;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	background:url('./../image/topics_back.gif') no-repeat 0 0 #eee;
}

/* IE6 hack */
* html #left-area .topics{margin:0 auto 2.2em;}

/* IE7 hack */
*:first-child+html #left-area .topics{margin:0 auto 2em;}

#left-area .trouble{
	width:480px;
	height:150px;
	padding:14px 8px 0;
	margin:0 0 1.8em;
	overflow-y:auto;

	scrollbar-arrow-color:#ccc;
	scrollbar-face-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-3dlight-color:#ddd;
	scrollbar-darkshadow-color:#ddd;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	background:url('./../image/trouble_back.gif') no-repeat 0 0 #f6f1d4;
}

/* dl */
#left-area .list dl{
	width:460px;
	margin:0 auto 0.6em;
	padding:0 0 8px 0;
}

/* clear hack */
#left-area .list dl{zoom:1;}
#left-area .list dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#left-area .topics dl{background:url('./../image/topics_dot.gif') no-repeat left bottom;}
#left-area .trouble dl{background:url('./../image/trouble_dot.gif') no-repeat left bottom;}


/* dt */
#left-area .list dl dt{
	float:left;
	width:60px;
	letter-spacing:0.08em;
}

#left-area .topics dl dt{color:#0068b7;}
#left-area .trouble dl dt{color:#9f6000;}

/* dd */
#left-area .list dl dd{
	float:right;
	width:390px;
}

/* link */
#left-area .topics dl dd a					{color:#333;text-decoration:none;}
#left-area .topics dl dd a:hover		{color:#278cd9;text-decoration:underline;}

#left-area .trouble dl dd a					{color:#333;text-decoration:none;}
#left-area .trouble dl dd a:hover		{color:#81521c;text-decoration:underline;}

/* business */
/* --------------------------------------- */
#left-area .business img{vertical-align:bottom;}

#left-area .business{
	width:495px;
	margin:0 auto;
}

/* h3 */
#left-area .business h3{margin:0;}

/* clear hack */
#left-area .business{zoom:1;}
#left-area .business:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* left */
#left-area .business .left{
	float:left;
	width:227px;
}

/* right */
#left-area .business .right{
	float:right;
	width:268px;
}

#left-area .business p.text{margin:0 20px 23px;}


/* ----------------------------------------------------- */
/* right-area */
/* ----------------------------------------------------- */
/* リセット */
#right-area *{margin:0;padding:0;}

#right-area dl{margin:0 auto 0.4em;}
#right-area dl dt{margin:0 auto 0.4em;}
#right-area dl dd{margin:0 10px;}

/* box */
/* --------------------------------------- */
#right-area .box{
	width:355px;
	margin:0 auto;
}

#right-area .box{zoom:1;}
#right-area .box:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

/* box-l */
#right-area .box .box-l{
	float:left;
	width:170px;
}

/* box-r */
#right-area .box .box-r{
	float:right;
	width:170px;
}

#right-area .box .box-r p{
	padding:10px 10px 0;
	font-size:0.9em;
}

#right-area .box .bottom{
	height:51px;
	background:url('./../image/rf_bottom.gif') no-repeat 0 0;
}

/* ---------------------------------------------------------------- */