@charset "utf-8";
/* ---beginner----------

1.共通
2.レコメンドエンジンとは（表紙）
3.実際の店舗でのレコメンデーション
4.代表的3つのレコメンドロジック
5.おまかせ！ログレコメンダーのロジック
6.用語説明

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

/* 1.共通 */
div.title_area {
	background-color:#eff8f3;
	padding:10px;
	width:680px;
	_width:700px;
	margin-bottom:10px;
}

div.title_area p{
	float:left;
	width:520px;
}

div.title_area img{
	float:right;
}

#beginner_navi {
	border:solid 1px #D2EBE1;
	width:100%;
	clear:both;
}

#beginner_navi p{
	font-weight:bold;
	background-color:#D2EBE1;
	margin:0;
	padding:0 0 0 5px;
	color: #006666;
}

#beginner_navi ul li{
	float:left;
	padding:5px;
	_padding:5px 5px 5px 2px;
	background-color:#FFFFFF;
	font-size:12px;
	width:223px;
}

#beginner_navi ul li img {
	float:left;
}

#beginner_navi ul li div {
	float:left;
	padding-left:5px;
	_padding-left:5px;
	width:140px;
}

/* 2.レコメンドエンジンとは（表紙） */
#toha p{
	margin:0 5px;
	text-align:left;
}

#toha ul {
	margin-top:20px;
}

#toha ul li{
	width:200px;
	_width:220px;
	float:left;
	background:#EFF8F3;
	margin:0 20px 0 0;
	padding:10px;
	_padding:8px;
}

#toha ul li.end{
	margin:0 0 0 0;
}

#toha ul li h3{
	text-align:center;
}

/* 3.実際の店舗でのレコメンデーション */
#shopping ul {
	width:277px;
	margin-top:15px;
	padding-bottom:15px;
}

#shopping ul.left_col {
	float:left;
	padding-left:40px;
}

#shopping ul.right_col {
	float:right;
	padding-right:40px;
}

#shopping ul li {
	font-size:10px;
	color:#666666;
}

#shopping div.yajitoR {
	width:370px;
	padding:50px 5px 0 0;
	float:right;
}

#shopping div.yajitoL {
	text-align:right;
	width:370px;
}

/* 4.代表的3つのレコメンドロジック */
#main3 div.c-2,
#main3 div.c-3,
#main3 div.c-4 {
	text-align:center;
}

#main3 p {
	font-weight:bold;
	margin:15px 0;
}

#main3 div.dismini {
	margin:15px 0;
}

#main3 div.c-4 p.ash4 {
	display:block;
	border-bottom:solid 1px #009966;
	border-left:solid 5px #009966;
	text-align:left;
	padding:3px 0 2px 10px;
	margin:5px 5px 10px 5px;
}

#main3 div.c-4 p.asdiscri {
	background-color:#f4ffe5;
	padding:10px;
	margin:10px 30px;
}

#main3 div.c-4 p.asdiscri img {
	vertical-align:middle;
	margin:0 5px;
}

/* 5.おまかせ！ログレコメンダーのロジック */
#omakase_logic div.logicimg{
	text-align:center;
	width:100%;
	margin:20px 0;
}

#omakase_logic div.logicimg .chu{
	margin:10px 0 30px 0;
}

/* 6.用語説明 */
#glossary ul li {
	padding:5px 0 5px 5px;
}

#glossary ul li.words,
#glossary ul li.words_g {
	font-weight:bold;
	margin:10px 0 0 10px;
}

#glossary ul li.words {
	border-left:5px solid #8ECA87;
	border-bottom:1px solid #8ECA87;
	background-color:#eff8f3;
}

#glossary ul li.words_g {
	border-left:5px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#EEEEEE;
}

#glossary ul li.nexttxt {
	margin:0 0 10px 10px;
}