@charset "SJIS";
/* ===================================================================
CSS information

 style info :about

 *since: 2012-01-27
=================================================================== */


/* ------------------------------------------------
	container
------------------------------------------------ */
#container {
	width: 100%;
	overflow: hidden;
}
#container .inner {
	padding: 5px 10px;
}
#container h1.aboutH {
	background: url(img/bg_h_about.gif) repeat-x 0 0;
	color: #FFF;
	font-size: 14px;
	padding: 0 0 0 10px;
	line-height: 48px;
	height: 43px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container h1.aboutH {
		background: url(img/bg_h_about_x2.gif) repeat-x 0 0;
		-webkit-background-size: 38px 43px;
	}
}


/* ------------------------------------------------
	についてindex
------------------------------------------------ */
#container .aboutIndex {
	margin: 2px 0 0 0;
}
#container .aboutIndex h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
}
#container .aboutIndex h3 {
	font-size: 14px;
}
#container .aboutIndex h4 {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
}


/* カルーセル
---------------------------------------------------- */
#container .aboutIndex .carousel {
	position: relative;
	width: 100%;
	zoom: 1;
}
#container .aboutIndex .carousel:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}

/* carousel設定 */
#container .aboutIndex .container {
	background: rgba(219, 216, 192, 0.4);
	padding: 5px 0;
}
#container .aboutIndex .carousel .item a {
	display: block;
	width: 217px;
	height: 154px;
}
#container .aboutIndex .carousel .moving {
	-webkit-transition: all .5s ease-out;
}

/* ページャー  */
#container .aboutIndex .carousel ul.nav {
	float: right;
}
#container .aboutIndex .carousel ul.nav li {
	float: left;
	margin: 6px 0 0 12px;
}
#container .aboutIndex .carousel ul.nav li a {
	display: block;
	width: 12px;
	height: 12px;
	background: rgba(176, 147, 121, 0.5);
	text-decoration: none;
	-webkit-border-radius: 3px;
	text-indent: 9999px;
}

/* カレント */
#container .aboutIndex .carousel ul.nav li.selected a {
	background: rgba(219, 15, 23, 0.5);
}

/* 左右ボタン */
#container .aboutIndex .arrows {
	top: 0;
}
#container .aboutIndex .arrows span {
	width: 20px;
	padding: 13px 0 0 0;
	overflow: hidden;
	height: 0;
	display: block;
	position: absolute;
	top: 75px;
}
#container .aboutIndex .arrows span.next {
	background: url(img/icn_arrow03.png) no-repeat 0 0;
	right: 0;
}
#container .aboutIndex .arrows span.prev {
	background: url(img/icn_arrow06.png) no-repeat right 0;
	left: 0;
}

/* off */
#container .aboutIndex .arrows span.next.off {
	background: url(img/icn_arrow05.png) no-repeat 0 0;
}
#container .aboutIndex .arrows span.prev.off {
	background: url(img/icn_arrow07.png) no-repeat right 0;
}

@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .aboutIndex .arrows span.next {
		background: url(img/icn_arrow03_x2.png) no-repeat 0 0;
		-webkit-background-size: 20px 12px;
	}
	#container .aboutIndex .arrows span.next.off {
		background: url(img/icn_arrow05_x2.png) no-repeat 0 0;
		-webkit-background-size: 20px 12px;
	}
	#container .aboutIndex .arrows span.prev {
		background: url(img/icn_arrow06_x2.png) no-repeat 0 0;
		-webkit-background-size: 20px 12px;
	}
	#container .aboutIndex .arrows span.prev.off {
		background: url(img/icn_arrow07_x2.png) no-repeat 0 0;
		-webkit-background-size: 20px 12px;
	}
}

/* リスト
---------------------------------------------------- */
#container .aboutIndex .menuList {
	zoom: 1;
	padding: 0 0 5px 0;
}
#container .aboutIndex .menuList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
#container .aboutIndex .menuList li {
	width: 33%;
	float: left;
}
#container .aboutIndex .menuList li:nth-child(3),
#container .aboutIndex .menuList li:nth-child(6) {
	width: 34%;
}
#container .aboutIndex .menuList li:nth-child(1),
#container .aboutIndex .menuList li:nth-child(2),
#container .aboutIndex .menuList li:nth-child(3) {
	margin: 0 0 5px 0;
}
#container .aboutIndex .menuList li span {
	display: block;
	border: 1px solid #E1C7BB;
	border-bottom: 2px solid #D9CABB;
	font-size: 12px;
	background: url(img/icn_arrow03.png) no-repeat right center,
				rgba(255, 255, 255, 0.5);
	padding: 0 10px 0 0;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .aboutIndex .menuList li span {
		background: url(img/icn_arrow03_x2.png) no-repeat right center,
					rgba(255, 255, 255, 0.5);
		-webkit-background-size: 20px 12px, 100% 100%;
	}
}
#container .aboutIndex .menuList li:nth-child(1) span,
#container .aboutIndex .menuList li:nth-child(4) span {
	margin: 0 4px 0 0;
}
#container .aboutIndex .menuList li:nth-child(2) span,
#container .aboutIndex .menuList li:nth-child(5) span {
	margin: 0 2px;
}
#container .aboutIndex .menuList li:nth-child(3) span,
#container .aboutIndex .menuList li:nth-child(6) span {
	margin: 0 0 0 4px;
}
#container .aboutIndex .menuList li a {
	display: block;
	padding: 5px 0 35px 0;
	text-decoration: none;
	text-align: center;
}

/* アイコン-メニュー */
#container .aboutIndex .menuList li.note a { background: url(img/img_menu_note.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
#container .aboutIndex .menuList li.dia a { background: url(img/img_menu_dia.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
#container .aboutIndex .menuList li.con a { background: url(img/img_menu_con.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
#container .aboutIndex .menuList li.col a { background: url(img/img_menu_col.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
#container .aboutIndex .menuList li.dic a { background: url(img/img_menu_dic.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
#container .aboutIndex .menuList li.com a { background: url(img/img_menu_com.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .aboutIndex .menuList li a { -webkit-background-size: 48px 32px; }
	#container .aboutIndex .menuList li.note a { background: url(img/img_menu_note_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
	#container .aboutIndex .menuList li.dia a { background: url(img/img_menu_dia_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
	#container .aboutIndex .menuList li.con a { background: url(img/img_menu_con_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
	#container .aboutIndex .menuList li.col a { background: url(img/img_menu_col_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
	#container .aboutIndex .menuList li.dic a { background: url(img/img_menu_dic_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
	#container .aboutIndex .menuList li.com a { background: url(img/img_menu_com_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
}


/* タブ
---------------------------------------------------- */
#container .aboutIndex .tabNav {
	zoom: 1;
	background: url(img/bg_header.gif) repeat-x left bottom;
	padding: 0 0 5px 0;
}
#container .aboutIndex .tabNav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
#container .aboutIndex .tabNav li {
	width: 20%;
	float: left;
	background: rgba(255, 255, 255, 0.5);
}
#container .aboutIndex .tabNav li a {
	display: block;
	border: 1px solid #E1C7BB;
	border-bottom: none;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	padding: 5px 0 35px 0;
}
#container .aboutIndex .tabNav li a span {
	letter-spacing: -2px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .aboutIndex .tabNav {
		background: url(img/bg_header_x2.gif) repeat-x left bottom;
		-webkit-background-size: 22px 5px;
	}
}
#container .aboutIndex .tabNav li.active {
	background: rgba(250, 215, 210, 0.5);
}
#container .aboutIndex .tabNav li.active a {
	color: #F38C8B;
}

/* アイコン-ジャンル */
#contentsGenre .tabNav li.body a { background: url(img/img_genre_body.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
#contentsGenre .tabNav li.diet a { background: url(img/img_genre_diet.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
#contentsGenre .tabNav li.feel a { background: url(img/img_genre_feel.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
#contentsGenre .tabNav li.cosm a { background: url(img/img_genre_cosm.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
#contentsGenre .tabNav li.love a { background: url(img/img_genre_love.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#contentsGenre .tabNav li a { -webkit-background-size: 48px 32px; }
	#contentsGenre .tabNav li.body a { background: url(img/img_genre_body_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
	#contentsGenre .tabNav li.diet a { background: url(img/img_genre_diet_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
	#contentsGenre .tabNav li.feel a { background: url(img/img_genre_feel_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
	#contentsGenre .tabNav li.cosm a { background: url(img/img_genre_cosm_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
	#contentsGenre .tabNav li.love a { background: url(img/img_genre_love_x2.gif) no-repeat center 22px; -webkit-background-size: 48px 32px; }
}

/* タブコンテンツ */
#container .aboutIndex .tabContentsWrapper {
	background: #FFF;
}
#container .aboutIndex .tabContentsWrapper ul {
	background: #FFF;
	border-bottom: 3px solid #F2F2F2;
	padding: 5px 7px 2px 7px;
}
#container .aboutIndex .tabContents {
	border-bottom: 2px solid #D9CABB;
}
#container .aboutIndex .tabContents ul li {
	-webkit-box-shadow: inset 0 0 12px #FBD9C3;
	-webkit-border-radius: 5px;
	border: 1px solid #FBD9C3;
	margin: 0 0 3px 0;
}
#container .aboutIndex .tabContents ul li a {
	text-decoration: none;
	padding: 5px 0 5px 78px;
	display: block;
	font-size: 12px;
	line-height: 1.4;
}
#container .aboutIndex .tabContents ul li a strong {
	color: #F38C8B;
	display: block;
	font-size: 14px;
	font-weight: normal;
}

/* スーパーボディを始めよう
---------------------------------------------------- */
#container .aboutIndex .start {
	background: rgba(252, 129, 129, 0.6);
	padding: 4px;
	-webkit-border-radius: 5px;
}
#container .aboutIndex .start ul {
	zoom: 1;
	-webkit-border-radius: 3px;
	border: 1px dashed #FAE6E1;
	padding: 5px;
}
#container .aboutIndex .start ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
#container .aboutIndex .start li {
	width: 50%;
	float: left;
}
#container .aboutIndex .start li span {
	display: block;
	-webkit-border-radius: 4px;
	text-align: center;
	background: #FFF;
	padding: 3px;
	-webkit-box-shadow: 0 0 3px #BBB;
}
#container .aboutIndex .start li:nth-child(even) span {
	margin: 0 0 0 2px;
}
#container .aboutIndex .start li:nth-child(odd) span {
	margin: 0 2px 0 0;
}
#container .aboutIndex .start li span a {
	display: block;
	background: #FAE6E1;
	border: 1px solid #F7B2B1;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 0 3px #EEE;
	text-decoration: none;
	line-height: 1.3;
	height: 40px;
	font-size: 12px;
	vertical-align: middle;
}
#container .aboutIndex .start li span a:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#container .aboutIndex .start li span a em {
	display: inline-block;
	vertical-align: middle;
}


/* ------------------------------------------------
	手帳index
------------------------------------------------ */
#container .noteIndex {
	margin: 5px 0 0 0;
	border-bottom: 2px solid #D9CABB;
}
#container .noteIndex h2 {
	margin: 2px 0 0 0;
	background: url(img/img_menu_note.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
	-webkit-background-size: 48px 32px;
	border: 1px solid #E1C7BB;
	border-bottom: 2px solid #E1C7BB;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	padding: 5px 0 5px 65px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .noteIndex h2 {
		background: url(img/img_menu_note_x2.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
		-webkit-background-size: 48px 32px;
	}
}
#container .noteIndex h2 strong {
	color: #F38C8B;
	font-size: 14px;
	font-weight: bold;
	display: block;
}
#container .noteIndex dl {
	background: #FFF;
	border-top: 3px solid #F2F2F2;
	border-bottom: 3px solid #F2F2F2;
	padding: 8px 8px 4px 8px;
}
#container .noteIndex dt {
	-webkit-box-shadow: inset 0 0 12px #FBD9C3;
	-webkit-border-radius: 5px;
	border: 1px solid #FBD9C3;
	margin: 0 0 4px 0;
	position: relative;
	z-index: 20;
	background: #FFF;
}
#container .noteIndex dt span {
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #F38C8B;
}
/* アイコン */
#container .noteIndex dt.record span { background: url(img/img_list_record_s.gif) no-repeat 10px center; -webkit-background-size: 47px 32px; }
#container .noteIndex dt.note span { background: url(img/img_list_note_s.gif) no-repeat 10px center; -webkit-background-size: 47px 32px; }
#container .noteIndex dt.diary span { background: url(img/img_list_diary_s.gif) no-repeat 10px center; -webkit-background-size: 47px 32px; }
#container .noteIndex dt.doctor span { background: url(img/img_list_doctor_s.gif) no-repeat 10px center; -webkit-background-size: 47px 32px; }
#container .noteIndex dt.check span { background: url(img/img_list_check_s.gif) no-repeat 10px center; -webkit-background-size: 47px 32px; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .noteIndex dt span { -webkit-background-size: 47px 34px; }
	#container .noteIndex dt.record span { background: url(img/img_list_record_s_x2.gif) no-repeat 10px center; -webkit-background-size: 47px 32px; }
	#container .noteIndex dt.note span { background: url(img/img_list_note_s_x2.gif) no-repeat 10px center; -webkit-background-size: 47px 32px; }
	#container .noteIndex dt.diary span { background: url(img/img_list_diary_s_x2.gif) no-repeat 10px center; -webkit-background-size: 47px 32px; }
	#container .noteIndex dt.doctor span { background: url(img/img_list_doctor_s_x2.gif) no-repeat 10px center; -webkit-background-size: 47px 32px; }
	#container .noteIndex dt.check span { background: url(img/img_list_check_s_x2.gif) no-repeat 10px center; -webkit-background-size: 47px 32px; }
}
#container .noteIndex dd {
	border: 2px solid #FCDCC8;
	border-top: 7px solid #E6E6E6;
	margin: -8px 0 4px 0;
	position: relative;
	z-index: 0;
	padding: 10px;
	font-size: 12px;
	display: none;

}
#container .noteIndex dt a {
	display: block;
	text-decoration: none;
	padding: 11px 0 10px 78px;
}
#container .noteIndex dt a.plus { background: url(img/icn_plus.gif) no-repeat right center; }
#container .noteIndex dt a.minus { background: url(img/icn_minus.gif) no-repeat right center; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .noteIndex dt a.plus {
		background: url(img/icn_plus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
	#container .noteIndex dt a.minus {
		background: url(img/icn_minus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
}

/* ------------------------------------------------
	診断index
------------------------------------------------ */
#container .drIndex {
	margin: 5px 0 0 0;
	border-bottom: 2px solid #D9CABB;
}
#container .drIndex h2 {
	margin: 2px 0 0 0;
	background: url(img/img_menu_dia.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
	-webkit-background-size: 48px 32px;
	border: 1px solid #E1C7BB;
	border-bottom: 2px solid #E1C7BB;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	padding: 5px 0 5px 65px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .drIndex h2 {
		background: url(img/img_menu_dia_x2.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
		-webkit-background-size: 48px 32px;
	}
}
#container .drIndex h2 strong {
	color: #F38C8B;
	font-size: 14px;
	font-weight: bold;
	display: block;
}
#container .drIndex dl {
	background: #FFF;
	border-top: 3px solid #F2F2F2;
	border-bottom: 3px solid #F2F2F2;
	padding: 8px 8px 4px 8px;
}
#container .drIndex dt {
	-webkit-box-shadow: inset 0 0 12px #FBD9C3;
	-webkit-border-radius: 5px;
	border: 1px solid #FBD9C3;
	margin: 0 0 4px 0;
	position: relative;
	z-index: 20;
	background: #FFF;
}
#container .drIndex dt span {
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #F38C8B;
}
/* アイコン */
#container .drIndex dt.quiz span { background: url(img/img_menu_dia.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .drIndex dt.size span { background: url(img/img_menu_dia.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .drIndex dt.diet span { background: url(img/img_menu_dia.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .drIndex dt.beauty span { background: url(img/img_menu_dia.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .drIndex dt.body span { background: url(img/img_menu_dia.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .drIndex dt.mind span { background: url(img/img_menu_dia.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .drIndex dt span { -webkit-background-size: 47px 34px; }
	#container .drIndex dt.quiz span { background: url(img/img_menu_dia_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .drIndex dt.size span { background: url(img/img_menu_dia_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .drIndex dt.diet span { background: url(img/img_menu_dia_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .drIndex dt.beauty span { background: url(img/img_menu_dia_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .drIndex dt.body span { background: url(img/img_menu_dia_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .drIndex dt.mind span { background: url(img/img_menu_dia_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
}
#container .drIndex dd {
	border: 2px solid #FCDCC8;
	border-top: 7px solid #E6E6E6;
	margin: -8px 0 4px 0;
	position: relative;
	z-index: 0;
	padding: 10px;
	font-size: 12px;
	display: none;

}
#container .drIndex dt a {
	display: block;
	text-decoration: none;
	padding: 11px 0 10px 78px;
}
#container .drIndex dt a.plus { background: url(img/icn_plus.gif) no-repeat right center; }
#container .drIndex dt a.minus { background: url(img/icn_minus.gif) no-repeat right center; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .drIndex dt a.plus {
		background: url(img/icn_plus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
	#container .drIndex dt a.minus {
		background: url(img/icn_minus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
}
/* ------------------------------------------------
	相談index
------------------------------------------------ */
#container .crIndex {
	margin: 5px 0 0 0;
	border-bottom: 2px solid #D9CABB;
}
#container .crIndex h2 {
	margin: 2px 0 0 0;
	background: url(img/img_menu_con.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
	-webkit-background-size: 48px 32px;
	border: 1px solid #E1C7BB;
	border-bottom: 2px solid #E1C7BB;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	padding: 5px 0 5px 65px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .crIndex h2 {
		background: url(img/img_menu_con_x2.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
		-webkit-background-size: 48px 32px;
	}
}
#container .crIndex h2 strong {
	color: #F38C8B;
	font-size: 14px;
	font-weight: bold;
	display: block;
}
#container .crIndex dl {
	background: #FFF;
	border-top: 3px solid #F2F2F2;
	border-bottom: 3px solid #F2F2F2;
	padding: 8px 8px 4px 8px;
}
#container .crIndex dt {
	-webkit-box-shadow: inset 0 0 12px #FBD9C3;
	-webkit-border-radius: 5px;
	border: 1px solid #FBD9C3;
	margin: 0 0 4px 0;
	position: relative;
	z-index: 20;
	background: #FFF;
}
#container .crIndex dt span {
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #F38C8B;
}
/* アイコン */
#container .crIndex dt.diet span { background: url(img/img_genre_diet.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .crIndex dt.beauty span { background: url(img/img_genre_cosm.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .crIndex dt.body span { background: url(img/img_genre_body.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .crIndex dt.mind span { background: url(img/img_genre_feel.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .crIndex dt.love span { background: url(img/img_genre_love.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .crIndex dt span { -webkit-background-size: 47px 34px; }
	#container .crIndex dt.diet span { background: url(img/img_genre_diet_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .crIndex dt.beauty span { background: url(img/img_genre_cosm_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .crIndex dt.body span { background: url(img/img_genre_body_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .crIndex dt.mind span { background: url(img/img_genre_feel_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .crIndex dt.love span { background: url(img/img_genre_love_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
}
#container .crIndex dd {
	border: 2px solid #FCDCC8;
	border-top: 7px solid #E6E6E6;
	margin: -8px 0 4px 0;
	position: relative;
	z-index: 0;
	padding: 10px;
	font-size: 12px;
	display: none;

}
#container .crIndex dt a {
	display: block;
	text-decoration: none;
	padding: 11px 0 10px 78px;
}
#container .crIndex dt a.plus { background: url(img/icn_plus.gif) no-repeat right center; }
#container .crIndex dt a.minus { background: url(img/icn_minus.gif) no-repeat right center; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .crIndex dt a.plus {
		background: url(img/icn_plus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
	#container .crIndex dt a.minus {
		background: url(img/icn_minus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
}
/* ------------------------------------------------
	よみものindex
------------------------------------------------ */
#container .clmIndex {
	margin: 5px 0 0 0;
	border-bottom: 2px solid #D9CABB;
}
#container .clmIndex h2 {
	margin: 2px 0 0 0;
	background: url(img/img_menu_col.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
	-webkit-background-size: 48px 32px;
	border: 1px solid #E1C7BB;
	border-bottom: 2px solid #E1C7BB;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	padding: 5px 0 5px 65px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .clmIndex h2 {
		background: url(img/img_menu_col_x2.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
		-webkit-background-size: 48px 32px;
	}
}
#container .clmIndex h2 strong {
	color: #F38C8B;
	font-size: 14px;
	font-weight: bold;
	display: block;
}
#container .clmIndex dl {
	background: #FFF;
	border-top: 3px solid #F2F2F2;
	border-bottom: 3px solid #F2F2F2;
	padding: 8px 8px 4px 8px;
}
#container .clmIndex dt {
	-webkit-box-shadow: inset 0 0 12px #FBD9C3;
	-webkit-border-radius: 5px;
	border: 1px solid #FBD9C3;
	margin: 0 0 4px 0;
	position: relative;
	z-index: 20;
	background: #FFF;
}
#container .clmIndex dt span {
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #F38C8B;
}
/* アイコン */
#container .clmIndex dt.exa span { background: url(img/img_genre_diet.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .clmIndex dt.recipe span { background: url(img/img_genre_diet.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .clmIndex dt.beauty span { background: url(img/img_genre_cosm.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .clmIndex dt.love span { background: url(img/img_genre_love.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .clmIndex dt.sense span { background: url(img/img_genre_body.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .clmIndex dt span { -webkit-background-size: 47px 34px; }
	#container .clmIndex dt.exa span { background: url(img/img_genre_diet_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .clmIndex dt.recipe span { background: url(img/img_genre_diet_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .clmIndex dt.beauty span { background: url(img/img_genre_cosm_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .clmIndex dt.love span { background: url(img/img_genre_love_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .clmIndex dt.sense span { background: url(img/img_genre_body_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
}
#container .clmIndex dd {
	border: 2px solid #FCDCC8;
	border-top: 7px solid #E6E6E6;
	margin: -8px 0 4px 0;
	position: relative;
	z-index: 0;
	padding: 10px;
	font-size: 12px;
	display: none;

}
#container .clmIndex dt a {
	display: block;
	text-decoration: none;
	padding: 11px 0 10px 78px;
}
#container .clmIndex dt a.plus { background: url(img/icn_plus.gif) no-repeat right center; }
#container .clmIndex dt a.minus { background: url(img/icn_minus.gif) no-repeat right center; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .clmIndex dt a.plus {
		background: url(img/icn_plus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
	#container .clmIndex dt a.minus {
		background: url(img/icn_minus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
}
/* ------------------------------------------------
	事典index
------------------------------------------------ */
#container .ssIndex {
	margin: 5px 0 0 0;
	border-bottom: 2px solid #D9CABB;
}
#container .ssIndex h2 {
	margin: 2px 0 0 0;
	background: url(img/img_menu_dic.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
	-webkit-background-size: 48px 32px;
	border: 1px solid #E1C7BB;
	border-bottom: 2px solid #E1C7BB;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	padding: 5px 0 5px 65px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .ssIndex h2 {
		background: url(img/img_menu_dic_x2.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
		-webkit-background-size: 48px 32px;
	}
}
#container .ssIndex h2 strong {
	color: #F38C8B;
	font-size: 14px;
	font-weight: bold;
	display: block;
}
#container .ssIndex dl {
	background: #FFF;
	border-top: 3px solid #F2F2F2;
	border-bottom: 3px solid #F2F2F2;
	padding: 8px 8px 4px 8px;
}
#container .ssIndex dt {
	-webkit-box-shadow: inset 0 0 12px #FBD9C3;
	-webkit-border-radius: 5px;
	border: 1px solid #FBD9C3;
	margin: 0 0 4px 0;
	position: relative;
	z-index: 20;
	background: #FFF;
}
#container .ssIndex dt span {
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #F38C8B;
}
/* アイコン */
#container .ssIndex dt.medicine span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.drug span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.supple span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.egg span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.herb span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.makeup span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.dietbase span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.dietsearch span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.foodsearch span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.foodmenu span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.beauty span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
#container .ssIndex dt.etc span { background: url(img/img_menu_dic.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .ssIndex dt span { -webkit-background-size: 47px 34px; }
	#container .ssIndex dt.medicine span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.drug span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.supple span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.egg span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.herb span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.makeup span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.dietbase span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.dietsearch span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.foodsearch span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.foodmenu span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.beauty span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
	#container .ssIndex dt.etc span { background: url(img/img_menu_dic_x2.gif) no-repeat 10px center; -webkit-background-size: 48px 32px; }
}
#container .ssIndex dd {
	border: 2px solid #FCDCC8;
	border-top: 7px solid #E6E6E6;
	margin: -8px 0 4px 0;
	position: relative;
	z-index: 0;
	padding: 10px;
	font-size: 12px;
	display: none;

}
#container .ssIndex dt a {
	display: block;
	text-decoration: none;
	padding: 11px 0 10px 78px;
}
#container .ssIndex dt a.plus { background: url(img/icn_plus.gif) no-repeat right center; }
#container .ssIndex dt a.minus { background: url(img/icn_minus.gif) no-repeat right center; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .ssIndex dt a.plus {
		background: url(img/icn_plus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
	#container .ssIndex dt a.minus {
		background: url(img/icn_minus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
}
/* ------------------------------------------------
	コミュニティindex
------------------------------------------------ */
#container .trmIndex {
	margin: 5px 0 0 0;
	border-bottom: 2px solid #D9CABB;
}
#container .trmIndex h2 {
	margin: 2px 0 0 0;
	background: url(img/img_menu_com.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
	-webkit-background-size: 48px 32px;
	border: 1px solid #E1C7BB;
	border-bottom: 2px solid #E1C7BB;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	padding: 5px 0 5px 65px;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .trmIndex h2 {
		background: url(img/img_menu_com_x2.gif) no-repeat 10px center,
				rgba(250, 215, 210, 0.5);
		-webkit-background-size: 48px 32px;
	}
}
#container .trmIndex h2 strong {
	color: #F38C8B;
	font-size: 14px;
	font-weight: bold;
	display: block;
}
#container .trmIndex dl {
	background: #FFF;
	border-top: 3px solid #F2F2F2;
	border-bottom: 3px solid #F2F2F2;
	padding: 8px 8px 4px 8px;
}
#container .trmIndex dt {
	-webkit-box-shadow: inset 0 0 12px #FBD9C3;
	-webkit-border-radius: 5px;
	border: 1px solid #FBD9C3;
	margin: 0 0 4px 0;
	position: relative;
	z-index: 20;
	background: #FFF;
}
#container .trmIndex dt span {
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #F38C8B;
}
/* アイコン */
#container .trmIndex dt span { -webkit-background-size: 47px 34px; }
#container .trmIndex dt.diet span { background: url(img/img_hukidasi.png) no-repeat 10px center; }
#container .trmIndex dt.beauty span { background: url(img/img_hukidasi.png) no-repeat 10px center; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .trmIndex dt span { -webkit-background-size: 47px 34px; }
	#container .trmIndex dt.diet span { background: url(img/img_hukidasi.png) no-repeat 10px center; }
	#container .trmIndex dt.beauty span { background: url(img/img_hukidasi.png) no-repeat 10px center; }
}
#container .trmIndex dd {
	border: 2px solid #FCDCC8;
	border-top: 7px solid #E6E6E6;
	margin: -8px 0 4px 0;
	position: relative;
	z-index: 0;
	padding: 10px;
	font-size: 12px;
	display: none;

}
#container .trmIndex dt a {
	display: block;
	text-decoration: none;
	padding: 11px 0 10px 78px;
}
#container .trmIndex dt a.plus { background: url(img/icn_plus.gif) no-repeat right center; }
#container .trmIndex dt a.minus { background: url(img/icn_minus.gif) no-repeat right center; }
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#container .trmIndex dt a.plus {
		background: url(img/icn_plus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
	#container .trmIndex dt a.minus {
		background: url(img/icn_minus_x2.gif) no-repeat right center;
		-webkit-background-size: 22px 14px;
	}
}