@charset "utf-8";
/* CSS Document */

#contents { overflow: hidden; height: 1%; margin: 20px 0 0;}

/*-- 中央カラム --*/

#flashArea { margin: 0 0 15px; }

#mainClm { width: 658px; float: left; }

#mainClm h2 { margin: 0 0 15px; }

#mainClm div.box { margin: 15px 0 0; padding: 0 0 15px 0; }

#mainClm div.box div.boxWrap { overflow: hidden; height: 1%; }

#mainClm div.pickup { overflow: hidden; height: 1%; }
#mainClm div.pickup div.boxWrap { 
	background: url(../img_top/bg_pickup.gif) repeat-y;
	padding: 0 1px;
	margin: 0 0 15px;
}
#mainClm div.pickup div.itemBox { width: 218px; float: left; }
#mainClm div.pickup div.itemBox div.itemBoxWrap { padding: 0 8px 0 8px; }
#mainClm div.pickup div.itemBox h3 { text-align: left; }
#mainClm div.pickup div.itemBox li { 
	list-style-type: none; 
	background: url(../img_common/icn_detail.gif) no-repeat 0 .3em;
	padding: 0 0 0 15px;
	margin: 0 0 5px;
} 
#mainClm div.pickup div.itemBox li a { color: #666; }

#mainClm div.pickup ul.banner { margin: 0 0 0 3px; height: 73px; }
#mainClm div.pickup ul.banner li { width: 165px; float: left; list-style-type: none; font-size: 1px; }
#mainClm div.pickup ul.banner li.item04 { width: 155px; }
#mainClm div.pickup ul.banner li a { display: block; height: 73px; width: 155px; text-indent: -9999px; font-size: 1px; }
#mainClm div.pickup ul.banner li a:hover { background-position: 0 -73px; }
#mainClm div.pickup ul.banner li.item01 a { background-image: url(../img_top/case_banner_01.jpg); }
#mainClm div.pickup ul.banner li.item02 a { background-image: url(../img_top/case_banner_02.jpg); }
#mainClm div.pickup ul.banner li.item03 a { background-image: url(../img_top/case_banner_03.jpg); }
#mainClm div.pickup ul.banner li.item04 a { background-image: url(../img_top/case_banner_04.jpg); }

#mainClm div.upper { border-bottom: 1px solid #d2d2d2; }

#mainClm div.upper div.boxWrap { background: url(../img_top/bg_hottopics01.gif) repeat-y; }
#mainClm div.bottom div.boxWrap { background: url(../img_top/bg_hottopics02.gif) repeat-y; }

#mainClm div.box h3 { margin: 5px 0 12px; text-align: center; font-size: 1px; } 

#mainClm div.box p.image { margin: 0 0 12px; }

#mainClm div.box p.text { margin: 0 0 1em; }

#mainClm div.box p.link {
	background: url(../img_common/icn_detail.gif) no-repeat 0 .3em;
	padding: 0 0 0 15px;
}

#mainClm div.itemBox_L { width: 328px; float: left; }

#mainClm div.itemBox_L div.itemBoxWrap { padding: 0 8px 8px 10px; overflow: hidden; height: 1%; }

#mainClm div.itemBox_L p.image { width: 152px; float: left; text-align: center; }

#mainClm div.itemBox_L div.text { width: 150px; float:right; padding: 0; }

#mainClm div.itemBox_S { width: 164px; float: left;	text-align: center; }

#mainClm div.itemBox_S div.itemBoxWrap { padding: 0 8px 8px 10px; }

#mainClm div.itemBox_S p { text-align: left; }

#mainClm div.itemBox_S p.image { text-align: center; }


#mainClm div#hotTopic01 p.image { float: none; width: auto; }
#mainClm div#hotTopic01 div.text { float: none; width: auto; }

/*-- 右カラム --*/

#rightClm { width: 200px; float: right; }

#rightClm div.box { border-bottom: 1px solid #d2d2d2; padding: 0 0 10px; margin: 0 0 10px; }
#rightClm div.box02 { padding: 0 0 10px;}

#rightClm div.item01 { padding-bottom: 0; }
#rightClm div.item01 div.image {
	width: 200px;
	height: 324px;
	margin-bottom:10px;
	background: url(../img_top/bg_contact_side.gif) no-repeat;
	position: relative;
}

<!--#rightClm div.item01 div.image h2,-->
<!--#rightClm div.item01 div.image p.text {-->
<!--	text-indent: -9999px;-->
<!--	font-size: 1px;-->
<!--}-->

#rightClm div.item01 div.image a {
	display: block;
	width: 178px;
	height: 32px;
	background: url(../img_top/btn_inquiry_side.jpg) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	position: absolute;
	top: 199px;
	left: 11px;
}
#rightClm div.item01 div.image a:hover { background-position: left bottom; }
#rightClm div.item01 p.text { margin: 12px 0; }
#rightClm div.item01 div.image p.text { margin: 0; }

#rightClm div.item02 { padding-bottom: 0; }
#rightClm div.item02 h2 { 
	text-align: center;
	margin: 12px 0;
	font-weight: bold;
}
#rightClm div.item02 p,
#rightClm div.item02 ul{ margin: 0 0 1em; }
#rightClm div.item02 p.image { text-align: center; }
#rightClm div.item02 li {
	list-style-type: none;
	background: url(../img_top/icn_list.gif) no-repeat 0 .4em;
	padding: 0 0 0 10px;
}

#rightClm div.banner { font-size: 1px; padding-bottom: 4px; }
#rightClm div.banner li { list-style-type: none; margin: 0 0 6px; }
#rightClm div.banner li a { 
	display: block; width: 198px; height: 83px; 
	text-indent: -9999px;
}
#rightClm div.banner li.item01 a { background: url(../img_top/btn_vca.jpg) no-repeat; }
#rightClm div.banner li.item02 a { background: url(../img_top/btn_xpass.jpg) no-repeat; }
#rightClm div.banner li.item03 a { background: url(../img_top/btn_ganz.jpg) no-repeat; }
#rightClm div.banner li.item04 a { background: url(../img_top/btn_vca_2011.jpg) no-repeat; }
#rightClm div.banner li a:hover { background-position: 0 -83px; }

#rightClm div.newsRelease { }
#rightClm div.newsRelease h2 { margin: 0 0 15px; }
#rightClm div.newsRelease li {
	list-style-type: none;
	background: url(../img_top/icn_list.gif) no-repeat 0 .4em;
	padding: 0 0 0 10px;
	margin: 0 0 5px;
}
#rightClm div.newsRelease li a { color: #666; }	
#rightClm div.newsRelease p { text-align: right; }
#rightClm div.newsRelease p img { margin: 0 3px 0 0; vertical-align: middle; }