@charset "shift-jis";
/* プロモエリア設定
-------------------------------------------------------*/
/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }


	.coda-slider-wrapper { padding: 0;  position:relative; width:743px; margin-left:7px; }
	.coda-slider { background: #ebebeb}
	
	.coda-slider-no-js .coda-slider { height: 91px; overflow: auto !important; padding-right: 20px }
	
	.coda-slider, .coda-slider .panel { width: 743px ; height:91px; } 
	

	.coda-slider p.loading { padding: 20px; text-align: center }


	.coda-nav ul { position:absolute; top:10px; right:10px;}
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline; padding:1px; }
	.coda-nav ul li a { background: #000; width:10px; height:10px; display: block; float: left; margin-right: 5px; padding: 0; border:#FFFFFF solid 1px; text-indent:-9999px; text-decoration: none }
	.coda-nav ul li a.current { background: #39c ;}
	
	
	.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 }




/* インフォ設定
-------------------------------------------------------*/
#container #info #promoimg {
	float: left;
}
#container #info {
	background-color: #ffffff;
	width: 758px;
	margin:0 auto;
	text-align: left;
	padding-bottom: 20px;
}
#container #info .txtbox {
	border:1px #cccccc solid;
	width:240px;
}

#container #info .txtbox .dot{
	background: url(../img/info_bg.gif) center bottom no-repeat;
	height:33px;
}
#container #info .txtbox .dot h3{
	float: left;
	margin: 6px 0 0 8px;
}
#container #info #right-info {
	float:left;
	margin:0 0 0 1px;
}

#container #info #right-info .inner{
	width:240px;
	height:260px;
	min-height:148px;
	overflow:auto;
}

#container #info #right-info dl {
	margin: 10px 0 10px 0;
	clear:both;
}

#container #info #right-info dt {
	float:left;
	padding-left: 10px;
}
#container #info #right-info dd {
	margin:0 0 4px 5.5em;
}

#container #discription{
text-align:left;
position:relative;
height:36px;
}

#container #discription h2.setsumei{
position:absolute;
left:10px;
}

#container #discription p.parcic{
position:absolute;
top:5px;
right:27px;
}

#container #maincontents {
	margin-right: 10px;
	margin-left: 17px;
	text-align: left;
	padding-bottom: 40px;
}
#container #maincontents .l-box {
	width: 379px;
	float: left;
}
#container #maincontents .r-box {
	width: 357px;
	float: right;
}
#container #maincontents .box{
	float: left;
	width:286px;
	margin-top: 0px;
	margin-left: 13px;
	_margin:0 0 0 13px;
	position: relative;
}
#container #maincontents .boxh3{
	width:367px;
	height:33px;
}
#container #maincontents .catch {
	float: left;
}
#container #maincontents #contents01,
#container #maincontents #contents02,
#container #maincontents #contents03 {
	width: 736px;
}
#container #maincontents #contents01 .l-box .box .list01 {
	float: left;
	margin:0;
}
#container #maincontents #contents01 .l-box .box .list02 {
	float: right;
	margin:44px 5px 0 0;
}
#container #maincontents #contents01 .l-box .box .list03 {
	padding:10px 0 0;
	float: right;
	width: 67px;
}
#container #maincontents #contents01 .l-box .box .list03 li{
	background:url(../common/img/co_ic_01.gif) left center no-repeat;
	padding-left:1.5em;
}
#container #maincontents #contents01 .r-image,
#container #maincontents #contents02 .r-image,
#container #maincontents #contents03 .r-image {
	position: absolute;
	top: 10px;
	right: 0px;
}
#container #maincontents .strong {
	margin-top: 3px;
	margin-bottom: 6px;
	color:#669900;
	font-weight:bold;
	line-height:1.2;
	width: 204px;
}
#container #maincontents .strong a:link,
#container #maincontents .strong a:visited {
	color:#669900;
}
.caption01 {
	margin: 0px;
	line-height:1.3em;
	width: 204px;
}
.caption02 {
	margin: 0px;
	line-height:1.3em;
	width: 170px;
}
#container #maincontents .detail {
	background: url(../common/img/co_ic_01.gif) left center no-repeat;
	float:right;
	padding-top: 3px;
	padding-left: 1.3em;
}
#container #maincontents #contents01 .r-box .box .jyunbi {
	float:right;
	padding-top: 10px;
	padding-left: 1.3em;
}
#container #maincontents #contents01 .r-box .boxh3 {
	font-size: 1em;
}
#container #maincontents #contents01 {
	background-image: url(../img/index_bg_01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
}
#container #maincontents #contents02 {
	background-image: url(../img/index_bg_01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:10px 0 15px;
	
}
#container #maincontents #contents03 {
	padding:10px 0 5px;
}
#container #maincontents .r-box .box.jyunbi {
	float: right;
}
#container #info #right-info .txtbox #importantinfo {
	float: right;
}
#container #info #right-info .txtbox #importantinfo img {
	margin: 2px 2px 0 0;
}