@charset "Shift_JIS";



.mainphoto{
margin-bottom:10px;
}

#main{
	background-image:url(img/main_bg.jpg);
	background-repeat:no-repeat;
	background-position:right 80px;
}

/*#news{
height:157px;
color:666666;
font-size:90%;
margin-bottom:15px;
	width:408px;
	background:url(img/news_short.gif) no-repeat ;
}

#news.wide{
	width:692px;
	background:url(img/news_wide.gif) no-repeat ;
}

#news.medium{
	width:466px;
background:url(img/news_short.gif) no-repeat;
}

#news.short{
	width:408px;
	background:url(img/news_short.gif) no-repeat ;
}

#news h2{
height:60px;
text-indent:-999999px;
background:none;
}

#news ul{
margin:0 5px 10px 15px;
height:92px;
overflow:scroll;
overflow-x:hidden;
}

#news ul li{
padding-left:20px;
background:url(img/side_sub_icon.gif) 0 0 no-repeat;
}
*/

.leftbox{
width:340px;
float:left;
}

.rightbox{
width:348px;
float:right;
}



.box{
width:340px;
height:170px;
margin-bottom:9px;
background:url(img/box_bg.gif) left bottom no-repeat;
float:left;
}

.box2{/*350*/
height:350px;
}

* html body .box2{
height:360px;
}


.box h3{
width:340px;
height:55px;
overflow:hidden;
}

.box h3 span{
display:block;
padding-top:60px;
}

#course{
background:url(img/t_course.gif) no-repeat;
}

#sisetsu{
background:url(img/t_sisetsu.gif) no-repeat;
}

#system{
background:url(img/t_system.gif) no-repeat;
clear:both;
}

#mother{
background:url(img/t_mother.gif) no-repeat;
}

#support{
background:url(img/t_support.gif) no-repeat;
}

.box p{
margin:0;
padding:2px 8px;
font-size:90%;
line-height:150%;
}

.box2 p.txt{
padding-left:15px;}

.box2 img{
margin:20px 20px 20px 15px;
}

.box2 .familyfried{
margin:12px;
margin-top:40px;
padding:15px 10px;
background:#fff;
}

.familyfried h4{
font-size:110%;
margin-bottom:10px;
padding-left:5px;
}




.box ul{
margin:1em 0 0 15px;
}

.box li,
.box2 li{
float:left;
margin-left:3px;
}

.btn{
width:140px;
height:31px;
overflow:hidden;
}

.btn2{
width:80px;
height:31px;
overflow:hidden;
}

.btn a,
.btn2 a{
display:block;
padding-top:50px;
}

.btn a.detail{
background:url(img/btn_detail_over.gif) no-repeat;
background:url(img/btn_detail.gif) no-repeat;
}
.btn a.detail:hover{
background:url(img/btn_detail_over.gif) no-repeat;
}

.btn2 a.toyota{
background:url(img/btn_toyota_over.gif) no-repeat;
background:url(img/btn_toyota.gif) no-repeat;
}
.btn2 a.toyota:hover{
background:url(img/btn_toyota_over.gif) no-repeat;
}

.btn2 a.miyoshi{
background:url(img/btn_miyoshi_over.gif) no-repeat;
background:url(img/btn_miyoshi.gif) no-repeat;
}
.btn2 a.miyoshi:hover{
background:url(img/btn_miyoshi_over.gif) no-repeat;
}


/*****************************************************************************
 */
 
/**********************************************************************
 * お知らせ枠
 */
#news{
	width:408px;
	height:107px;
	color:666666;
	font-size:90%;
	margin-bottom:15px;
	background:url(img/news_short.gif) no-repeat ;
	padding:0;
	float:left;
	display:inline;
	clear:both;
	padding:55px 0 0 0 ;
}

#news .inner{
	margin:0px 0 10px 10px;
	width:392px;
	height:98px;
	overflow:scroll;
	overflow-x:hidden;
	padding:0;
}

#news .section{
	float:left;
	display:inline;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#FC0;
	width:370px;
	margin-bottom:5px;
}

#news h1,
#news h2{
	font-size:10px;
	height:55px;
	text-indent:-9999px;
	background:none;
	margin:0;
	padding:0;
	display:none;
}

#news h1{
	display:none;
}

#news h3{
	padding:4px 0 0px 20px;
	text-indent:0px;
	background:url(img/side_sub_icon.gif) 0px 5px no-repeat;
	color:#333;
	margin:0 0 6px 0;
	font-size:13px;
	font-weight:normal;
	line-height:normal;
	border:none;	
}

/*余白共通設定*/
#news h4,
#news h5,
#news p,
#news table,
#news ul{
	margin:0px 0px 6px 10px;
	clear:both;
}

#news h4{
	color:#930;
}


#news p{
	line-height:120%;
	color:#555;
}

#news table,
#news table th,
#news table td{
	width:auto;
	border-color:#ccc;
}

#news table{
	width:auto;
}

#news a.btn_more{
	display:block;
	clear:both;
	width:40px;
	height:22px;
	text-indent:-9999px;
	line-height:0px;
	background-image:url(img/news_btnmore_jpn.gif);
}
#news a.btn_more:hover{
	background-position:0 -50px;
}



#news .single h3{
	float:left;
	display:inline;
	width:305px;
	margin-right:0;
	clear:none;
}

#news .single p{
	float:right;
	display:inline;
	width:40px;
	margin:0;
	clear:none;
}


/**********************************************************************
 * ブログ
 */
#blog{
	float:left;
	display:inline;
width:700px;
height:235px;
background:url(img/blog_bg.gif) no-repeat;
margin:10px 0 20px 0;

}

#blog h2{
	background-image:url(img/h2_blog.jpg);
	background-repeat:no-repeat;
	height:39px;
	padding:0;
	margin:0 0 10px 0;
}

#blog h2 span{
	display:none;
}

#blog h3{
width:420px;
padding:8px 10px;
margin:0 5px 5px 0;
float:right;
display:inline;
background-image:url(img/h3_blog.gif);
background-repeat:no-repeat;
background-position:center bottom;
}

#blog h3 span.title{
	float:left;
	display:inline;
	color:#C00;
	font-size:20px;
	width:280px;
	overflow:hidden;
}

#blog h3 span.date{
	float:right;
	display:inline;
	padding:0;
	margin:0;
	color:#666666;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	width:135px;
}

#blog p{
margin:0;
}

#blog .imgArea{
	margin:0;
	padding:0;
	float:left;
	display:inline;	
	width:250px;
	height:200px;
	background-color: #FFF;
	text-align:center;
	background-image:url(img/blog_img_bg.jpg);
}

#blog .imgArea img{
margin:3px;
max-width:230px;
width:auto !important;		/*ie6*/
width:230px;				/*ie6*/
max-height:180px;
height:auto !important;	/*ie6*/
height:180px;				/*ie6*/
border:1px dotted #C00;
padding:4px;
}

#blog p.txt{
float:right;
width:430px;
margin:0 10px 0 0;
display:inline;
}

#blog p.link{
	clear:right;
	width:auto;
	margin:0 20px 0 0;
}

* html #blog p.link{
	margin-right:0px;
}

#blog .link a{
	float:right;
	display:block;
	width:138px;
	height:40px;
	overflow:hidden;
	background-image:url(img/blog_btn.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

#blog .link a:hover{
	background-position:0 -100px;
}

#blog .link a span{
	display:none;
}