@charset "EUC-JP";
/*@import "../../../../r_css/imports.css";*/
@import "/r_css/imports.css";
@import "/r_css/parts/cmslist.css";
@import "/common/css/special_recommend2.css";
@import "/etc/animation/css/recommend_mini.css";

/*----------------------------------------------------------------

	ikokumeiro CSS

	1 #ikokumeiro

	2 .ruby

	3 .spSEC

	4 .ikokumeiroOutLnk

	5 .Copyright

	6 .cmsList

----------------------------------------------------------------*/

/* 1 #ikokumeiro
========================================== */
div#ikokumeiro{
	width:715px;
}

div#ikokumeiro p.prST{
	width:715px;
	height:32px;
	line-height:35px;
	font-size:16px;
	font-weight: bold;
	color: #ff7f02;
	background:#fff;
	text-align:center;
	letter-spacing: 0.5em;
	border-top:1px solid #ff7f02;
	border-bottom:1px solid #ff7f02;
	margin-bottom:5px;
	text-shadow: 1px 1px 0 #cdcdcd;
}

div#ikokumeiro div#spHDR{
	margin-bottom: 25px;
	border-bottom:1px solid #bbbbbb;
}


div#ikokumeiro div#spHDR div#spITR{
	background: #fff url(/etc/animation/ikokumeiro/img/lead.jpg) no-repeat;
	width:715px;
	height:173px;
	position:relative;
}

div#ikokumeiro h2{
	font-size:18px;
	line-height: 20px;
	font-weight: bold;
	color: #cb003e;
	text-align:center;
	padding:6px 0 0;
	text-shadow: 1px 1px 0 #cdcdcd;
	height:28px;
}

div#ikokumeiro div#spHDR div#spITR p{
	width:674px;
	font-size:12px;
	line-height: 25px;
	color: #4d4d4d;
	position:absolute;
	top:37px;
	left:20px;
}

/* 2 .ruby
========================================== */
.ruby {
	display: inline;
	position: relative;
	top: 0;
	bottom: 0;
	padding: 0;
	line-height: 1em;
}

.rp {
	display: none;
}

.rt {
	display: inline;
	position: absolute;
	top: -1em;
	left: 0;
	font-size: 70%;
	line-height: 1em;
	white-space: nowrap;
	text-indent: 0;
	color: #000;
}

/* 3 .spSEC
========================================== */
div.spSEC{
	margin-bottom: 25px;
	background: #fff url(/etc/animation/ikokumeiro/img/sec_back.jpg) no-repeat bottom;
	padding-bottom:10px;
	position: relative;
}

div.spSEC h2.obiK{
	background: #fff url(/etc/animation/ikokumeiro/img/obi_ki.jpg) no-repeat;
}

div.spSEC h2.obiM{
	background: #fff url(/etc/animation/ikokumeiro/img/obi_midori.jpg) no-repeat;
}

div.spSEC.hosoInfo ul{
	width:715px;
}

div.spSEC.hosoInfo ul li{
	width:235px;
	float:left;
	
}

div.spSEC.hosoInfo ul li h3{
	width:76px;
	float:left;
}

div.spSEC.firstGeustFree{
	height: 136px;
}

div.spSEC.firstGeustFree h3{
	width:715px;
	position: absolute;
	top:53px;
	text-align:center;
	font-size:28px;
	line-height: 38px;
	font-weight: bold;
	color: #92370C;
}

div.spSEC.firstGeustFree img.imgLeft{
	position: absolute;
	top:38px;
	left:10px;
}

div.spSEC.firstGeustFree img.imgRight{
	position: absolute;
	top:38px;
	right:10px;
}

div.spSEC.firstGeustFree img.mainImg{
	border: 1px solid #989898;
	padding: 1px;
}

div.spSEC a:link img.mainImg{
	border: 1px solid #989898;
}

div.spSEC a:visited img.mainImg{
	border: 1px solid #989898;
}

div.spSEC a:hover img.mainImg{
	border: 1px solid #585858;
}

div.spSEC a:active img.mainImg{
	border: 1px solid #989898;
}

div.spSEC.firstGeustFree img.markMihodai{
	position: absolute;
	top:113px;
	left:232px;
}

div.spSEC.firstGeustFree ul.SpButton{
	position: absolute;
	top:107px;
	left:300px;
}

div.spSEC.firstGeustFree li.SpWatch{
	position: absolute;
	left:95px;
}

div.spSEC.firstGeustFree li.SpDetail{
	position: absolute;
}

div.spSEC.secondGeustFree{
	height: 230px;
}

div.spSEC.secondGeustFree h3{
	position: absolute;
	top:37px;
	left:190px;
	font-size:22px;
	line-height: 38px;
	font-weight: bold;
	color: #92370C;
}

div.spSEC.secondGeustFree img.imgTop{
	position: absolute;
	top:38px;
	left:10px;
}

div.spSEC.secondGeustFree img.imgBottom{
	position: absolute;
	top:135px;
	left:10px;
}

div.spSEC.secondGeustFree img.mainImg{
	border: 1px solid #989898;
	padding: 1px;
}

div.spSEC.secondGeustFree img.markMihodai{
	position: absolute;
	top:177px;
	left:438px;
}
div.spSEC.secondGeustFree p.price{
	position: absolute;
	top:177px;
	left:408px;
}

div.spSEC.secondGeustFree ul.SpButton{
	position: absolute;
	top:171px;
	left:512px;
}

div.spSEC.secondGeustFree li.SpWatch{
	position: absolute;
	left:95px;
}

div.spSEC.secondGeustFree li.SpWatchHQ{
	position: absolute;
	left:190px;
}

div.spSEC.secondGeustFree li.SpDetail{
	position: absolute;
}

div.spSEC.secondGeustFree p.mihodaiSMR{
	position: absolute;
	top:69px;
	left:191px;
	width:515px;
}

div.spSEC.secondGeustFree p.mihodaiNTS{
	position: absolute;
	top:213px;
	left:190px;
	font-weight: bold;
	color: red;
}

div.spSEC.charaZone{
	height:432px;
}

div.spSEC.charaZone ul#ctrImg{
	width:695px;
	margin:0 auto;
}

div.spSEC.charaZone ul#ctrImg li{
	width:135px;
	text-align:center;
	float:left;
	padding-left:4px;
	padding-bottom:10px;
}

div.spSEC.charaZone ul#ctrImg li a{text-decoration: none;}

div.spSEC.charaZone ul#charaInfo{
	clear: both;
	width:695px;
	height:235px;
	margin:0 auto;
}
div.spSEC.charaZone ul#charaInfo li{
	height:213px;
	padding:12px 243px 10px 225px;
}

div.spSEC.charaZone ul#charaInfo li h3{
	padding:10px 0;
	font-size:18px;
	line-height: 20px;
	font-weight: bold;
	color: #92370C;
}

div.spSEC.charaZone ul#charaInfo li#chara01{ background: #fff url(/etc/animation/ikokumeiro/img/chara01_back.jpg) no-repeat;}
div.spSEC.charaZone ul#charaInfo li#chara02{ background: #fff url(/etc/animation/ikokumeiro/img/chara02_back.jpg) no-repeat; display: none;}
div.spSEC.charaZone ul#charaInfo li#chara03{ background: #fff url(/etc/animation/ikokumeiro/img/chara03_back.jpg) no-repeat; display: none;}
div.spSEC.charaZone ul#charaInfo li#chara04{ background: #fff url(/etc/animation/ikokumeiro/img/chara04_back.jpg) no-repeat; display: none;}
div.spSEC.charaZone ul#charaInfo li#chara05{ background: #fff url(/etc/animation/ikokumeiro/img/chara05_back.jpg) no-repeat; display: none;}

/* 5 .infoBK
========================================== */

div.spSEC div.infoBK{
	background: url(/etc/animation/ikokumeiro/img/info_back.jpg) no-repeat right top;
}

div.spSEC div.infoBK ul{
	padding:10px 0 20px 10px;
	font-weight: bold;
}

/* 4 .ikokumeiroOutLnk
========================================== */
#ikokumeiro .ikokumeiroOutLnk {
	padding:5px 20px 10px;
	text-align:right;
	background-color:#FFFFFF;
}

#ikokumeiro .ikokumeiroOutLnk a:link {
	color:#666666;
}
#ikokumeiro .ikokumeiroOutLnk a:visited {
	color:#666666;
}
#ikokumeiro .ikokumeiroOutLnk a:hover {
	color:#666666;
}
#ikokumeiro .ikokumeiroOutLnk a:active {
	color:#666666;
}


/* 5 .Copyright
========================================== */
#ikokumeiro .ikokumeiroCopy {
	padding:8px 20px 15px;
	color:#666666;
	font-size:11px;
	line-height:1.1em;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 0px 0px;
	background-color:#FFFFFF;
}

/* 6 .cmsList
========================================== */
#cmsList {
	padding-bottom: 10px;
}
#ikokumeiro #cmsList div.listBox {
	width: 671px;
}
#ikokumeiro #cmsList div.listBox div.lower div.txtBox {
	width: 581px;
}


/* caution */
#ikokumeiro div.caution {
	margin-top: -10px;
	padding: 0 0 30px;
}
#ikokumeiro div.caution div.waku {
	border: 1px solid #cf3648;
	padding: 12px 8px;
	background: #ffecf8;
}
#ikokumeiro div.caution h4 {
	font-size: 12px;
	font-weight: bold;
	color: #e5234c;
	margin-bottom: 8px;
}
#ikokumeiro div.caution li {
	font-size: 12px;
	color: #e5234c;
	margin-bottom: 4px;
}
#ikokumeiro div.caution li strong {
	font-weight: bold;
}