@charset "utf-8";

/* ▼▼▼ ヘッダー
=====================================*/
/* site_title */
#header h1{
	float: left;
	padding-top:15px;
}



/* ▼▼▼ contents
=====================================*/

/* h2 */
#main h2{
	margin-bottom:10px;
}
/* telop */
#main #telop{
	margin-bottom:10px;
	width:695px;
	height:40px;
	position:relative;
	overflow:hidden;
	padding:0 20px 0 0;
	background:url(../img/top/telop.jpg) no-repeat left top;
}
#main #telop img{
	margin-right:70px;
	float: left;
}
#main #telop ul{
	float: left;
	font-size:120%;
}

/* contents */
#main #contents #leftcol{
	float: left;
	width:200px;
	padding-right:14px;
}
#main #contents #leftcol p{
	margin-bottom:10px;
}
#main #contents #leftcol dl{
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
	padding-top:5px;
}
#main #contents #leftcol dd{
	line-height:1.4;
	clear:both;
	background:url(../img/top/navicon.gif) no-repeat left 13px;
	border-bottom:1px dotted #ccc;
}
#main #contents #leftcol dd img{
	float:right;
	margin-top:-10px;
}
#main #contents #leftcol dd.right{
	clear:both;
	padding:10px 0 0;
	background:none;
	border-bottom:none;
}
#main #contents #leftcol dd.right span{
	display:block;
	float:right;
	background:url(../img/top/navicon.gif) no-repeat left 3px;
	padding-left:10px;
	font-size:90%;
}
#main #contents #leftcol dd.right span a{
	width:auto;
	padding:0;
}
#main #contents #leftcol dd a{
	display:block;
	width:190px;
	padding:10px 0 10px 10px;
	color:#333;
	text-decoration:none;
}
#main #contents #leftcol dd a:hover{
	color:#5281DF;
	text-decoration:none;
}
#main #contents #leftcol dd a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
}
#main #contents #leftcol dd a.work{
	background:url(../img/top/navt2_icon1.gif) no-repeat right top;
}
#main #contents #leftcol dd a.car{
	background:url(../img/top/navt2_icon2.gif) no-repeat right top;
}
#main #contents #leftcol dd a.motorcycle{
	background:url(../img/top/navt2_icon3.gif) no-repeat right top;
}
#main #contents #leftcol dd a.bicycle{
	background:url(../img/top/navt2_icon4.gif) no-repeat right top;
}
#main #contents #leftcol dd a:hover.work{
	background:url(../img/top/navt2_icon1_over.gif) no-repeat right top;
}
#main #contents #leftcol dd a:hover.car{
	background:url(../img/top/navt2_icon2_over.gif) no-repeat right top;
}
#main #contents #leftcol dd a:hover.motorcycle{
	background:url(../img/top/navt2_icon3_over.gif) no-repeat right top;
}
#main #contents #leftcol dd a:hover.bicycle{
	background:url(../img/top/navt2_icon4_over.gif) no-repeat right top;
}


#main #contents #rightcol{
	width:500px;
	float:left;
}
#main #contents #rightcol #plan{
	width:486px;
	border:1px solid #FF6600;
	padding:7px 6px 4px;
	margin-bottom:15px;
	overflow:hidden;
}
#main #contents #rightcol #plan h3{
	float: left;
	padding:5px 0 10px 5px;
}
#main #contents #rightcol #plan .more{
	float:right;
}
#main #contents #rightcol #plan div{
	clear:both;
	padding:15px 10px;
	border-bottom:1px solid #fff;
	background:url(../img/top/plan_bg.gif) no-repeat left top;
	overflow:hidden;
}
#main #contents #rightcol #plan div .photo{
	float:left;
}
#main #contents #rightcol #plan div dl{
	float:right;
	width:370px;
	padding-right:15px;
	line-height:1.4;
}
#main #contents #rightcol #plan div dl dt{
	color:#0064B2;
	font-size:115%;
	font-weight:bold;
	margin-bottom:5px;
}
#main #contents #rightcol #plan div dl dt em{
	display:block;
	font-style:normal;
}
#main #contents #rightcol #plan div dl dt a{
	color:#0064B2;
	text-decoration:none;
}
#main #contents #rightcol #plan div dl dt a:hover{
	color:#333;
	text-decoration: underline;
}
#main #contents #rightcol #plan div dl dt a:hover em{
	color:#333;
	text-decoration: underline;
}
#main #contents #rightcol #topics{
	padding:10px;
	background:url(../img/top/topics_bg.jpg) no-repeat left top;
}
#main #contents #rightcol #topics h3{
	float: left;
	padding:2px 0 12px;
}
#main #contents #rightcol #topics .more{
	float:right;
}
#main #contents #rightcol #topics div{
	clear:both;
	padding:10px 0 0;
	overflow:hidden;
}
#main #contents #rightcol #topics div .photo{
	float:left;
}
#main #contents #rightcol #topics div dl{
	float:right;
	width:360px;
	padding-right:15px;
	line-height:1.4;
}
#main #contents #rightcol #topics div dl dt{
	color:#0064B2;
	font-size:115%;
	font-weight:bold;
	margin-bottom:5px;
}
#main #contents #rightcol #topics div dl dt a{
	color:#0064B2;
	text-decoration:none;
}
#main #contents #rightcol #topics div dl dt a:hover{
	color:#333;
	text-decoration: underline;
}
#main #contents #rightcol #topics div dl dt span{
	font-size:90%;
	font-weight:normal;
	color:#333;
}
#main #contents #rightcol #topics div dl dt em{
	display:block;
	font-style:normal;
}



/* side */
#main #side p{
	clear:both;
	margin-bottom:10px;
}
#main #side #iruka{
	width:220px;
	padding-bottom:20px;
}
#main #side #iruka_inner{
	padding-bottom:35px;
	background:url(../img/top/side_iruka_bg.jpg) no-repeat left bottom;
}
#main #side #iruka_inner p{
	line-height:1.4;
	font-size:90%;
	padding:0 75px 0 20px;
	margin:0;
	min-height:45px;
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP Printers */
	word-wrap: break-word; /* IE 5+ */

}
#main #side #iruka ul{
	clear:both;
	width:220px;
	padding-top:5px;
	overflow:hidden;
}
#main #side #iruka ul li{
	float:right;
	background:url(../img/top/navicon.gif) no-repeat left 2px;
	padding-left:10px;
	font-size:90%;
	margin-left:10px;
}
#main #side #iruka ul li a{
	color:#333;
	text-decoration:none;
}
#main #side #iruka ul li a:hover{
	color:#5281DF;
	text-decoration:none;
}
#main #side #banner{
	clear:both;
	width:218px;
	border:1px solid #ccc;
	padding:10px 0 3px;
	text-align:center;
}
#main #side #banner p{
	margin-bottom:7px;
}