@charset "shift_jis";

/* 目次
---------------------------
★かづきのサイトは、widthがなぜか「944px」になっているので
　お気を付けください。

ID
トップ
	　ランキング
	 class
共通
	ページTOPへ戻る
	「かづきメイク」とは
Q&A
	目次
	内容
プロフィール
ワンポイントアドバイス
かづきメイク特別レッスン
---------------------------
*/

/* ID */
#cate_search {
	font-size: 12px;
	line-height: 2em;
}
#cate_search p {
	background-image: url(../img/common/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}
#cate_search a {
	color:#333333;
	text-decoration:underline;
}
#cate_search a:visited {
	color:#333333;
}
#cate_search a:hover,
#cate_search a:active {
	color:#999999;
}
#cate_search a:hover {
	text-decoration:none;
}
#content_L {
	float: left;
	width: 700px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#content_R {
	float: right;
	width: 232px;
	padding-bottom: 20px;
}
#footer_kazki {
	padding-top: 20px;
	padding-bottom: 20px;
}

#kazki {
	width: 944px;
	margin-right: auto;
	margin-left: auto;
}
#kazki a {
	color:#333333;
	text-decoration:underline;
}
#kazki a:visited {
	color:#333333;
}
#kazki a:hover,
#kazki a:active {
	color:#999999;
}
#kazki a:hover {
	text-decoration:none;
}
#k_header {
	height: 56px;
	background-image: url(../img/common/haikei_head.jpg);
	background-repeat: repeat-x;
}
#logo {
	float: left;
	width: 245px;
}
#main {
	padding: 20px;
}

#main_img {
	height: 322px;
	width: 944px;
	background-image: url(../img/top/haikei_main.jpg);
	background-repeat: no-repeat;
}

#navi p {
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../img/common/line_navi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi div {
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}
#navi_foot {
	float: right;
	width: 680px;
	padding-top: 10px;
}
#navi_foot p {
	float: right;
	line-height: 25px;
	background-image: url(../img/common/line_navi_foot.gif);
	background-position: right top;
	padding-left: 15px;
	background-repeat: no-repeat;
	padding-right: 15px;
}
#navi_foot div {
	float: right;
	line-height: 25px;
	padding-left: 15px;
}

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

共通

-------------------------------------------------------*/
/* MouseOver 透明度 */

.mt10 { margin-top:10px !important; }
.ml10 { margin-left:10px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.ls_25 { letter-spacing:-0.025em; }
.ls_50 { letter-spacing:-0.05em; }
.ls_75 { letter-spacing:-0.075em; }
.ls_100 { letter-spacing:-0.1em; }

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

トップページ

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

#reikoKazki {
	width:950px;
	overflow:hidden;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
#reikoKazki div {
	overflow:hidden;
	-webkit-text-size-adjust: none;/* iphone */
}
#reikoKazki p {
	text-align:justify;
	color:#303030;
}

/*headNavi------------------------------------------ */

#headNavi {
	position:relative;
	height: 55px;
	width: 950px;
	margin:0 0 10px;
}
#headNaviKazki, #headNaviHowto, #headNaviAdvice, #headNaviQA, #headNaviItemlist {
	position:absolute;
	top:0px;
}
#headNaviKazki {
	left:0px;
}
#headNaviHowto {
	left:260px;
}
#headNaviAdvice {
	left:418px;
}
#headNaviQA {
	left:718px;
}
#headNaviItemlist {
	left:822px;
}


/*topArea------------------------------------------ */

#reikoKazki .topArea {
	width:950px;
	margin:0 0 20px;
}
.topArea #top {
	width:748px;
	height:270px;
	float:left;
}
.topArea #top h2 {
	width:738px;
	height:268px;
	position: relative;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}

.topArea #newsletter {
	width:202px;
	height:268px;
	float:left;
	background:url(../img/top/newsletter_bg.gif) top left no-repeat;
}
.innerArea {
	padding:15px 12px 15px 12px;
}
#newsletter h3 {
	border-bottom:#ff8c26 solid 2px;
	margin-bottom:6px;
}
#newsletter h3 img {
	margin-bottom:4px;
}
#newsletter h4 {
	margin-bottom:6px;
}
#newsletter p {
	font-size:11px;
	line-height:1.5em;
}
#newsletter .subttl1 {
	margin-bottom:4px;
}
#newsletter .txt1 {
	padding-bottom:6px;
}
#newsletter .subttl2 {
	margin-bottom:4px;
}
#newsletter .txt2 {
	padding-bottom:6px;
}

#newsletter .btn {

}


/*leftArea------------------------------------------ */

.areaMain {
	width:950px;
}

.leftArea {
	width:210px;
	float:left;
}
#category {
	background:url(../img/top/category_bg2.gif) top left repeat-y;
}
#category a {
	color:#303030;
}
#category h3 {
	margin:15px 0 5px 10px;
}
#category li {
	font-size:13px;
	line-height:2.4em;
	list-style-image:url(../img/top/arrow1.gif);
	margin:0 25px 0;
}
#category .BGTop {
	background:url(../img/top/category_bg1.gif) top left no-repeat;
}
#category .BGBottom {
	background:url(../img/top/category_bg3.gif) bottom left no-repeat;
}

#movie h3 {
	width:190px;
	height:20px;
	border-bottom:#ff8c26 solid 2px;
	margin:20px 0 10px 0; 
}

/*mainArea------------------------------------------ */

.rightArea {
	width:740px;
	float:left;
}
#kMake_howTo {
	margin:0 0 20px;
}
#kazkiMake {
	width:560px;
	height:265px;
	background:url(../img/top/kazkimake_bg.jpg) top left no-repeat;
	float:left;
}
#kazkiMake h3 {
	margin:15px 0 15px 20px;
}
#kazkiMake p {
	font-size:14px;
	line-height:1.6em;
	padding:0 20px 10px;
}
#howTo {
	width:180px;
	float:left;
}


/*ranking------------------------------------------ */

#parts_ranking {
	position: relative;
	width:740px;
	padding: 0 0 20px;
	font-size:11px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
#parts_ranking h2 {
	width: 745px;
	height: 45px;
	margin: 0 0 5px;
	background: url(/defaultMall/images/template/lst_rnk/ranking_title.gif) no-repeat left top;
	text-indent: -7777px;
	overflow: hidden;
}
#parts_ranking p.update {
	position: absolute;
	top: 10px;
	right: 0;
}
#parts_ranking div.rankingArea {
	padding: 0;
	background: #ffffff;
}
#parts_ranking ul.tabmenu {
	border-bottom: 3px solid #fd8b2e;
	overflow: hidden;
	zoom: 1;
}
#parts_ranking ul.tabmenu li {
	float: left;
	width: 200px;
	height: 30px;
	margin: 0 5px 0 0;
	overflow: hidden;
}
#parts_ranking div.top5 {
	min-height: 250px;
	_height: 250px;
	padding: 42px 0 15px 14px;
	background: #FFF url(../img/top/ranking_top5_bg.gif) no-repeat 14px 13px;
	border: 1px solid #D6D5D3;
}
#parts_ranking div.top5 ol {
	width: 710px;
	overflow: hidden;
	zoom: 1;
}
#parts_ranking div.top5 li {
	float: left;
	width: 120px;
	margin-right: 15px;
	overflow: hidden;
}
#parts_ranking div.top5 li.rank01 {
	width: 170px;
	margin-right: 15px;
}
#parts_ranking div.top5 li.rank05 {
	margin-right: 0;
}
#parts_ranking div.top5 li p.image a {
	display: block;
}
#parts_ranking div.top5 li p.image img {
	display: block;
	margin: 0 auto 10px;
}
#parts_ranking div.top5 li p.star span {
	display: block;
	margin: 3px 0;
}
#parts_ranking div.top5 li p.star span.star {
	font-weight: bold;
	color: #FF6633;
}
#parts_ranking div.top5 li p.star span.star img {
	vertical-align: middle;
}
#parts_ranking div.top5 li li {
	float: none;
	width: auto;
	font-size: 90%;
	margin: 5px 0;
	padding: 0 0 0 15px;
	background: url(/defaultMall/images/template/lst_rnk/ranking_icon_arrow.jpg) no-repeat left 0.25em;
}
#parts_ranking div.top5 p.btnTop50 {
	margin: 0 14px 0 0;
	text-align: right;
}


#opAdvice_QA {
	width:950px;
	background:url(../img/top/opadvice_qa_bg2.gif) top left repeat-y;
}
#opAdvice_QA .BGBottom {
	background:url(../img/top/opadvice_qa_bg3.gif) bottom left no-repeat;
}
#opAdvice_QA .BGTop {
	background:url(../img/top/opadvice_qa_bg1.gif) top left no-repeat;
}
#opAdvice {
	width:305px;
	float:left;
}

#opAdvice h3 {
	margin:15px 0 5px 10px;
}
#opAdvice a {
	color:#303030;
}
#opAdvice ul {
	margin:10px 15px 10px;
}
#opAdvice li {
	font-size:13px;
	line-height:2em;
}

#QA {
	width:435px;
	float:left;
}
#QA h3 {
	margin:15px 0 5px 10px;
}
#QA a {
	color:#303030;
}
#QA ul {
	margin:10px 15px 10px;
}
#QA li {
	font-size:13px;
	line-height:4em;
	border-bottom:dotted 1px;
}
.notLine {
	border-bottom:none !important;
}
#QA .btn {
	text-align:right;
	width:425px;
	height:35px;
	margin:0 10px 10px 0;
}

.footLink {
	width:950px;
	margin:25px 0 0 0;
	border-top:#ff6600 solid 1px;
}
.footLink h3 {
	width:165px;
	float:left;
	margin:10px 0 0 0;
}
.footLink .linkArea {
	width:785px;
	float:left;
	text-align:right;
	margin:10px 0 0 0;
}
.footLink .linkArea a {
	color:#303030;
}
.linkArea .link {
	margin:0px;
	list-style:none;
	margin-top:10px;
}
.linkArea .link li {
	display:inline;
	line-height:1em;
}
.linkArea .link li {
	display:inlne;
	line-height:1em;
	border-left:1px #303030 solid;
	padding-left:0.5em;
	padding-right:0.5em;
}
.linkArea li.left_line {
	border:none;
}
/*-------------------------------------------------------

class

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

.hide {
	display:none;
}
.left{
float:left;
}

.right{
float:right;
}

.CL {
	clear: both;
}
.dot {
	background-image: url(../img/common/dot.gif);
	background-repeat: repeat-x;
	height: 1px;
	background-position: left center;
}
.dot25 {
	background-image: url(../img/top/dot.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 25px;
}

.dot_orange_15 {
	background-image: url(../img/common/line2.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 15px;
}

.LH120 {
	font-size: 12px;
	line-height: 14px;
}


.line_orange {
	background-image: url(../img/common/orange.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 1px;
}
.line_50 {
	background-image: url(../img/common/gray.gif);
	background-repeat: repeat-x;
	height: 24px;
	width: 50px;
	background-position: center;
}

.space15 {
	padding: 15px;
}
.spaceU1 {
	padding-top: 1px;
}
.spaceU5 {
	padding-top: 5px;
}
.spaceU10 {
	padding-top: 10px;
}


.spaceU15 {
	padding-top: 15px;
}
.spaceU20 {
	padding-top: 20px;
}
.FL160 {
	width: 160px;
	float: left;
}

.FL242 {
	float: left;
	width: 242px;
}

.FL270 {
	float: left;
	width: 270px;
}

.FL332 {
	float: left;
	width: 332px;
}
.FL345 {
	float: left;
	width: 345px;
}


.FL510 {
	float: left;
	width: 510px;
}
.FL_R15 {
	float: left;
	padding-right: 30px;
}
.FR332 {
	float: right;
	width: 332px;
}
.FR347 {
	float: right;
	width: 347px;
}
.FR410 {
	float: right;
	width: 410px;
}

.FR605 {
	float: right;
	width: 605px;
}

.FR180 {
	float: right;
	width: 180px;
}
.item_thumb40 {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
}

.item_title {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	padding-left: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FF9900;
}
.nedan {
	color: #FF6600;
}


.top_ban {
	float: left;
	width: 260px;
	margin-top: 30px;
}
.waku510 {
	background-image: url(../img/common/waku_510_middle.gif);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 15px;
}
.waku670 {
	background-image: url(../img/common/waku_670_middle.gif);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 15px;
}

.waku700_grade {
	background-image: url(../img/common/waku_700gra_middle.gif);
	background-repeat: repeat-y;
	width: 700px;
}
.waku700_grade .content {
	background-image: url(../img/common/waku_700gra_head.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
.waku700_o {
	background-image: url(../img/common/waku_700_o_middle.gif);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 15px;
}
.waku944_o {
	background-image: url(../img/common/waku_944_o_mid.gif);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 15px;
}

/*共通-------------------------------------------------------*/

.clear{clear:both;}

.flt_lft{float:left;}

.flt_rgt{float:right;}

/*ページTOPへ戻る*/
.to_top{
text-align:right;
}

.to_top a{
background:transparent url(../img/common/arw2.gif) no-repeat scroll 0 4px;
padding-left:13px;
}


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

「かづきメイク」とは　※ページ削除

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

.point{
background-image:url(../img/point/bg.jpg);
background-repeat:no-repeat;
background-position:top right;
min-height:420px;/*IEでもmin-height*/
height: auto !important;
height: 420px;
}

.point p{
width:480px;
padding-bottom:20px;
line-height:20px;
}

/* Q&A-------------------------------------------------------*/

/*目次*/

#qaline {
	width:900px;
	height:5px;
	margin:0 auto 20px;
	background: url(../img/common/line1.gif) top left repeat-x;
}

#q_a_menu ul{
float:left;
width:445px;
background-repeat: repeat-x;
background-position: left bottom;
padding:20px 0px 10px 0px;
margin:0px 0px 0 0px;
}

#q_a_menu li{
line-height:22px;
padding:0px 0px 10px 10px;
margin:0;
background: url(../img/common/arw1.gif) no-repeat 0 7px;
}

/*内容*/
#q_a_cnt{
clear:both;
}

#q_a_cnt dl{
margin-top:20px;
padding-bottom:20px;
background-image: url(../img/common/dot.gif);
background-repeat: repeat-x;
background-position: left bottom;
}

#q_a_cnt dt{
font-size:14px;
font-weight:normal;
padding:0px 0px 0px 30px;
min-height:22px;
background-image:url(../img/q_a/q.gif);
background-repeat:no-repeat;
}

#q_a_cnt dd{
font-size:12px;
font-weight:normal;
line-height:1.8em;
margin-top:10px;
padding:0px 0px 0px 30px;
min-height:22px;
background-image:url(../img/q_a/a.gif);
background-repeat:no-repeat;
}

#q_a_cnt .to_top{
margin-bottom:-10px;
}


/*プロフィール-------------------------------------------------------*/

.profile{
background-image:url(../img/profile/bg.jpg);
background-repeat:no-repeat;
background-position:top left;
min-height:550px;/*IEでもmin-height*/
height: auto !important;
height: 550px;
}

.profile p{
line-height:20px;
}

.profile dl{
margin:20px 0px 0px 410px;
}

.profile dt{
font-weight:normal;
margin:0px 0px 20px 0;
}

.profile dd{
margin:0px;
padding:0px;
width:459px;
background-image:url(../img/profile/box_mdl.gif);
background-repeat:repeat-y;
}

.profile dd img{/* IEの画像隙間をなくす */
border:0;
vertical-align:top;
padding:0;
margin:0;
}

.profile dd p{
padding:10px 30px;
}

.profile #box_btm{
vertical-align:bottom;
}

/* ワンポイントアドバイス-------------------------------------------------------*/

#advice_wrap{
	width:825px;
	margin:0 39px 15px 40px;
	padding-bottom:15px;
	background: url(../img/common/line2.gif) repeat-x left bottom;
}

/*今回のテーマ*/
#advice_thema{
margin:20px 0 10px 0;
width:825px;
height:200px;
background-image:url(../img/advice/bg.jpg);
background-repeat:no-repeat;
position:relative;
}
#advice_thema strong{
color:#ff6d00;
}
#advice_thema h4{
position:absolute;
left:120px;
top:83px;
font-size:14px;
line-height:20px;
font-weight:normal;
}
#advice_thema h5{
position:absolute;
left:435px;
top:135px;
font-weight:normal;
color:#7c7c7c;
}

/*お答え内容*/
#advice_cnt{
    width:550px;
	float:left;
	margin:0;
	padding:0 5px 0 0;
}
#advice_cnt dl{
margin-top:18px;
padding:0;
/*background: url(../img/common/line2.gif) repeat-x left bottom;*/
}

#advice_cnt dl.next{
margin-top:18px;
padding-bottom:15px;
background: url(../img/common/line2.gif) repeat-x left bottom;
}

#advice_cnt dt{
font-size:14px;
font-weight:normal;
padding:0px 0px 0px 0px;
}
#advice_cnt dd{
font-weight:normal;
line-height:20px;
margin-top:10px;
padding:0px 0px 0px 0px;
}

/*アドバイス0*/
#advice0 dt p{
padding:5px 0px 0px 0px;
}

/*アドバイス1*/
#advice1 dt{
background-image:url(../img/advice/1.gif);
background-repeat:no-repeat;
background-position:top left;
min-height:30px;/*IEでもmin-height*/
height: auto !important;
height: 30px;
}
#advice1 dt p{
padding:5px 0px 0px 40px;
}

/*アドバイス2*/
#advice2 dt{
background-image:url(../img/advice/2.gif);
background-repeat:no-repeat;
background-position:top left;
min-height:30px;/*IEでもmin-height*/
height: auto !important;
height: 30px;
}
#advice2 dt p{
padding:5px 0px 0px 40px;
}

/*アドバイスイメージ（共通）*/
#advice_img{
	width:265px;
	float:left;
}
/*アドバイステキストリンク（共通）*/
#itemLink{
	width:215px;
	margin:0;
	padding:0 0 0 50px;
}


/*バックナンバー*/
.adviceBacknumber {
	width:860px;
	margin:0 auto 20px;
	background:url(../img/advice/advice_backnumber_bg2.gif) top left repeat-y;
}
.adviceBacknumber a {
	color:#303030;
}
.adviceBacknumber h3 {
	margin:15px 0 5px 20px;
}
.adviceBacknumber li {
	font-size:12px;
	line-height:2em;
	list-style-image:url(../img/common/arrow1.gif);
	margin:0 35px 0;
}
.adviceBacknumber .BGTop {
	background:url(../img/advice/advice_backnumber_bg1.gif) top left no-repeat;
}
.adviceBacknumber .BGBottom {
	background:url(../img/advice/advice_backnumber_bg3.gif) bottom left no-repeat;
}
.linkArea {
	width:860px;
	margin:0 auto 15px;
}
.adviceBacknumber .linkArea01 {
	width:285px;
	float:left;
}
.adviceBacknumber .linkArea02 {
	width:285px;
	float:left;
}
.adviceBacknumber .linkArea03 {
	width:290px;
	float:left;
}

/* かづきメイク特別レッスン-------------------------------------------------------*/
#lesson{
width:944px;
/*background-color:#c2e2d8;*/
} 

#lesson img{
vertical-align:top;
}

#lesson h4{margin:5px 0 0 0;}
/*#lesson h4{
margin:0 0 0 50px;
}*/

#lesson #lesson_contents{
background-color:#FFFFFF;
width:845px;
margin:0 44px 0 50px;
}


#lesson #lesson_contents table{
margin:0 20px 15px 20px;
}

#lesson #lesson_contents .hr{
border-bottom:#61a84c 1px dotted;
margin:10px 20px 0 20px;
}

#lesson #lesson_contents th{
font-size:18px;
font-weight:bold;
color:#61a84c;
width:100px;
padding:auto 0 auto 0;
vertical-align:middle;
}

#lesson #lesson_contents td{
border-left:#61a84c 1px solid;
width:680px;
padding:0 0 0 15px;
}

#lesson #lesson_contents h5{
color:#008974;
font-size:14px;
margin-bottom:15px;
}

#lesson #lesson_contents p{
margin-bottom:10px;
}

#lesson #lesson_contents strong{
color:#e84b72;
}

#lesson #lesson_contents b{
font-size:14px;
}

#lesson #lesson_contents span{
color:#61a84c;
}