/* ☆.。.:*・゜☆.。.:*・゜☆。

       ★☆ START ☆★

☆.。.:*・゜☆.。.:*・゜☆.  */

/******ボディエリア ここから******/
div#body_area {
	width: 900px;	
	background: url(/images/ranman/common/body_bg.jpg) repeat-y;
}
div#body_area:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;

}

/*サイドメニュー ここから*/
div#side_menu {
	width: 220px;	
	float: left;
	text-align: left;
	margin-left: 1px;
	background: #f2f2f2;
	clear: right;
}

div#side_menu ul li a {
	display:block;
 overflow:hidden;
	text-indent: -9999px;
/*\*//*/  
 overflow:auto;  
/**/    
}

/*メニュー デフォルト状態*/
div#side_menu ul li a#navi01 {	height: 32px;	background: url(/images/ranman/about/side_menu.jpg) no-repeat;}
div#side_menu ul li a#navi02 {	height: 31px;	background: url(/images/ranman/about/side_menu.jpg) no-repeat 0px -32px;}
div#side_menu ul li a#navi03 {	height: 31px;	background: url(/images/ranman/about/side_menu.jpg) no-repeat 0px -63px;}
div#side_menu ul li a#navi04 {	height: 32px;	background: url(/images/ranman/about/side_menu.jpg) no-repeat 0px -94px;}

/*メニュー ロールオーバー状態*/
div#side_menu ul li a#navi01:hover {	height: 32px;	background: url(/images/ranman/about/side_menu_on.jpg) no-repeat;}
div#side_menu ul li a#navi02:hover {	height: 31px;	background: url(/images/ranman/about/side_menu_on.jpg) no-repeat 0px -32px;}
div#side_menu ul li a#navi03:hover {	height: 31px;	background: url(/images/ranman/about/side_menu_on.jpg) no-repeat 0px -63px;}
div#side_menu ul li a#navi04:hover {	height: 32px;	background: url(/images/ranman/about/side_menu_on.jpg) no-repeat 0px -94px;}

/*メニュー オン状態*/
div#side_menu ul li a#navi01_on {	height: 32px;	background: url(/images/ranman/about/side_menu_on.jpg) no-repeat;}
div#side_menu ul li a#navi02_on {	height: 31px;	background: url(/images/ranman/about/side_menu_on.jpg) no-repeat 0px -32px;}
div#side_menu ul li a#navi03_on {	height: 31px;	background: url(/images/ranman/about/side_menu_on.jpg) no-repeat 0px -63px;}
div#side_menu ul li a#navi04_on {	height: 32px;	background: url(/images/ranman/about/side_menu_on.jpg) no-repeat 0px -94px;}

/*エントリーエリア ここから*/
div#entry {
	width: 610px;	
	padding-left: 20px;
	float: left;
	text-align: left;
	clear: right;
}
div#entry ul li {
	color: #666666;
	font-size: 80%;
	line-height: 18px;
}
div#entry ul li#border {
	border: 1px solid #970b00;
	padding: 15px;
}
div#entry ul li#tyui {
	font-size: 60%;
	line-height: 12px;
	padding-top: 15px;
	padding-bottom: 20px;
}

/*造り方 ここから*/
.making {
	width: 570px;
	line-height: 18px;
	margin-top: 20px;
	margin-left: 20px;
}
.photo {
	float:left;
	font-size: 60%;
	padding-right:10px;
	padding-top:10px;
	clear: right;
}
.txt {
	padding-top:10px;
}

/*飲み方 ここから*/
.drinking {
	width: 570px;
	line-height: 18px;
	margin-left: 20px;
}
.drinking ul li#photo_bg01 {
	background: url(../../images/ranman/about/nomikata_bg01.jpg) no-repeat;
	height: 200px;
}
.drinking ul li#photo_bg02 {
	background: url(../../images/ranman/about/nomikata_bg02.jpg) no-repeat;
	height: 200px;
}
.drinking ul li#photo_bg03 {
	background: url(../../images/ranman/about/nomikata_bg03.jpg) no-repeat;
	height: 200px;
}
.drinking ul li#photo_bg04 {
	background: url(../../images/ranman/about/nomikata_bg04.jpg) no-repeat;
	height: 200px;
}
.drinking ul li#photo_bg05 {
	background: url(../../images/ranman/about/nomikata_bg05.jpg) no-repeat;
	height: 200px;
}
.drinking ul li#photo_bg06 {
	background: url(../../images/ranman/about/nomikata_bg06.jpg) no-repeat;
	height: 250px;
}
.drinking ul li#photo_bg07 {
	background: url(../../images/ranman/about/nomikata_bg07.jpg) no-repeat;
	height: 200px;
}
.drinking ul li#photo_bg08 {
	background: url(../../images/ranman/about/nomikata_bg08.jpg) no-repeat;
	height: 200px;
}
.drinking ul li#photo_bg09 {
	background: url(../../images/ranman/about/nomikata_bg09.jpg) no-repeat;
	height: 200px;
}
.drinking p#txt {
 width:380px;
	padding-top: 40px;
	margin-left: 30px;
}
.drinking p#txt02 {
	float: left;
 width:150px;
	padding-top: 40px;
	margin-left: 30px;
}
.drinking p#txt03 {
	float: left;
 width:180px;
	padding-top: 40px;
	margin-left: 100px;
}
.drinking p#other_atu {
	width:35px;
	font-size: 10px;
	margin-top: 10px;
	margin-left: 30px;
	background: #FF9999;
	border: 1px solid #999999;
	text-align: center;
	float: left;
}
.drinking p#other_space {
	margin-top: 10px;
	margin-left: 25px;
	float: left;
}
.drinking p#other_nuru {
	width:35px;
	font-size: 10px;
	margin-top: 10px;
	margin-left: 5px;
	background: #FFCCCC;
	border: 1px solid #999999;
	text-align: center;
	float: left;
}
.drinking p#other_hiya {
	width:35px;
	font-size: 10px;
	margin-top: 10px;
	margin-left: 5px;
	background: #99CCFF;
	border: 1px solid #999999;
	text-align: center;
	float: left;
}
.drinking p#other_shitu {
	width:35px;
	font-size: 10px;
	margin-top: 10px;
	margin-left: 5px;
	background: #CCFFCC;
	border: 1px solid #999999;
	text-align: center;
	float: left;
}
.drinking p#other_rock {
	width:35px;
	font-size: 10px;
	margin-top: 10px;
	margin-left: 5px;
	background: #9999FF;
	border: 1px solid #999999;
	text-align: center;
	float: left;
}
.drinking p#link {
	text-align: right;
	float: right;
	padding-top: 50px;
}
.drinking p#link01_l {
	float: left;
	text-align: right;
	padding-left: 70px;
}
.drinking p#link02_r {
	text-align: right;
	float: right;
}

/*爛漫の品質表示一覧と特徴 ここから*/
div#list table {
	width: 610px;
	font-size: 10px;
	line-height: 18px;
	border-top: 1px solid #a3a3b5;
	border-left: 1px solid #a3a3b5;
	float: left;
	margin-top: 10px;
}
div#list .title {
	padding: 5px;
	border-right: 1px solid #a3a3b5;
	border-bottom: 1px solid #a3a3b5;
	color: #444569;
	background: #f2f2f2;
	font-weight: bold;
	text-align: center;
}
div#list .syohin01 {
	padding: 5px;
	border-right: 1px solid #a3a3b5;
	border-bottom: 1px solid #a3a3b5;
	color: #666;
	background: #ffdedb;
	font-weight: bold;
	text-align: center;
}
div#list .syohin02 {
	padding: 5px;
	border-right: 1px solid #a3a3b5;
	border-bottom: 1px solid #a3a3b5;
	color: #666;
	background: #fff0ee;
	font-weight: bold;
	text-align: center;
}
div#list .txt_other {
	padding: 5px;
	border-right: 1px solid #a3a3b5;
	border-bottom: 1px solid #a3a3b5;
	color: #666;
}
div#list p#tyusyaku {
	font-size:80%;
	line-height: 18px;
	color: #666;
	margin-left: 20px;
}
div#list h2#tokutyo {
	width:610px;
	height:200px;
	text-align:center;
	text-indent:-9999px;
	background: url(../../images/ranman/about/itiran_tokutyo.jpg) no-repeat center;
}


/*ページトップへ戻る*/
div#entry p#page_top {
	text-align: right;
	font-size: 60%;
}


/* ☆.。.:*・゜☆.。.:*・゜☆。

       ★☆ END ☆★

☆.。.:*・゜☆.。.:*・゜☆.  */