@charset "UTF-8";
/* CSS Document */
.coda-nav ul li a:{
	color: #eee;
}
/*メインビジュアル*/

#MV{
	width: 1000px;
	background-color: #EDEDED;
	margin-top: 30px;
	padding: 0px;
	margin-bottom: 0px;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	height: 280px;
}

#Upr{
	width: 1000px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	padding-bottom: 0px;
	margin-top: 0px;
}

#Mid{
	width: 1000px;
	padding-top: 20px;
	margin-bottom: 10px;
}

#Btm{
	width: 1000px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	padding-bottom: 10px;
}

/*トピックバナー*/

#Topic{
	height: 220px;
	background-color: #FFF;
}


#Upr .Larea .Lbox p{
	display: block;
	margin-top: 0px;
	background-color: #EDEDED;
}

/*カテゴリービジュアル*/


#Wrap #Contents #Upr .Larea .Rbox #Category ul{
	display: block;
	padding-bottom: 10px;
}

#Wrap #Contents #Upr .Larea .Rbox #Category ul li{
	width: 180px;
	display: inline;
	background-color: #EDEDED;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	height: 130px;
	padding: 0px;
}

#Wrap #Contents #Upr .Larea .Rbox #Category ul li ul{
	margin-top: 0px;
	padding-top: 0px;
	width: 180px;
	padding-bottom: 0px;
	list-style-type: none;
	display: inline;
}

#Wrap #Contents #Upr .Larea .Rbox #Category ul li ul li{
	margin-left: 0px;
	height: 60px;
	margin-top: 0px;
	float: none;
	background-color: #333;
	padding: 0px;
	margin-right: 0px;
	display: block;
	list-style-type: none;
	width: 180px;
}

#Wrap #Contents #Upr .Larea .Rbox #Category ul li ul li.Last_btm{
	margin-bottom: 0px;
}

#Category .Two{
	width: 180px;
	display: block;
	margin-bottom: 10px;
	height: 60px;
	background-color: #666;
}

/*バナー右エリア*/

#Upr .Rarea ul{
	display: block;
}

#Upr .Rarea ul li{
	display: block;
	height: 50px;
	margin-bottom: 10px;
	background-color: #EDEDED;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#Mid .Rarea p{
}


/* 新着情報 */

div.News{
	margin-bottom: 0px;
	background-image: url(images/tag_news.gif);
	background-repeat: no-repeat;
	padding-left: 220px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	display: block;
	letter-spacing: 0.1em;
}
.News p{
	line-height:1.2em;
	margin:0px;
	padding:0px;
}
div.GPinfo{
	margin-bottom: 0px;
	background-image: url(/images/tag_gpinfo.gif);
	background-repeat: no-repeat;
	padding-left: 220px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	display: block;
	letter-spacing: 0.1em;
}
.GPinfo p{
	line-height:1.8em;
	font-size: 95%;
	letter-spacing: normal;
	padding-right: 20px;
}

/*バナー下エリア*/

#Btm ul{
	clear: both;
	text-decoration: none;
	display: block;
	width: 1000px;
	height: 50px;
}

#Btm ul li{
	display: block;
	float: left;
	width: 180px;
	margin-right: 20px;
	height: 50px;
}

#Btm ul li#Kaisha{
	width: 200px;
	margin-right: 0px;
}
/*カテゴリ*/
#Category{
	background-color: #FFF;
	width: 780px;
	float: right;
	padding-left: 0px;
	display: block;
}

.box{
	width: 180px;
	height: 130px;
	float:left;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: inline;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.box .last{
	margin-right: 0px;
}
.update{
	z-index: 2000;
	position: absolute;
	top: 92px;
	right: 3px;
	width: 44px;
	display: block;
	background-image: url(images/icon_update.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 10px;
	line-height: 10px;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 25px;
	letter-spacing: 1px;
	color: #CCC;
}
.box img{ 
	position: absolute; 
	width: 180px;
	height: 130px;
	top: 0px; 
	left: 0px; 
	border: 0; 
}
.box h3{
	color:#FFF;
	font-weight:bold;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	letter-spacing: 0.1em;
}
.box p{
	padding: 0 10px;
	color:#CCC;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	letter-spacing: 0.1em;
}
.box p a{
	text-decoration:none;
}	
.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 130px;
	width: 180px;
	opacity: .8;
/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 	}
.captionfull .boxcaption {
 	top: 130px;
 	left: 0;
}
.caption .boxcaption {
	top: 90px;
	left: 0;
	width: 180px;
}
#Category .last{
	margin-right: 0px;
}
/*
jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
Copyright (c) 2009 Niall Doherty
This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/


.panel img {border: 0px;}
.coda-slider-wrapper { padding: 0}
.coda-slider {
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 0px }
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
	width: 180px;
	height: 190px;
} 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 180px; height:190px; }
.coda-slider-wrapper.arrows .coda-slider { margin: 0px }
	
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #fff; color: #666; padding: 5px; width: 20px }
	
/* Tab nav */
	
/* Panel padding */
.coda-slider .panel-wrapper { padding: 0 0 10px 0; }
	
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: 0 auto; overflow: hidden }
.coda-nav ul li { font-size: 9px; display: inline }
.coda-nav ul li a { color: #eee; display: block; float: left; margin-right: 1px; padding: 0px 6px; text-decoration: none }
.coda-nav ul li a.current { color: #39c }
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider {
	float: left;
	overflow: hidden;
	position: relative;
}
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/*20120705追加--バナー下エリア*/
#Btm2{
	width: 1000px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	padding-bottom: 10px;
}

#Btm2 ul{
	clear: both;
	text-decoration: none;
	display: block;
	width: 1000px;
	height: 60px;
}

#Btm2 ul li{
	display: block;
	float: left;
	width: 468px;
	margin-right: 20px;
	height: 60px;
	padding-bottom: 10px;
}