@charset "utf-8";
/*
Theme Name:stylist
*/


/* ------------------------------ */
/* import css */
/* ------------------------------ */

@import "css/side_menu.css";



*{
    margin:0;
    padding:0;
    text-decoration:none;
    list-style-type:none;
    border:0;
}


body{
	background:#444;
	font-family:Arial,Helvetica,Tahoma,"Trebuchet MS",Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

#wrapper{
    text-align:center;
}


/* ------------------------------ */
/* web page　全体のデザイン */
/* ------------------------------ */
a{
	color:#F6F;
	text-decoration:underline;
	font-weight:bold;
}
a:hover{
	color:#F6F;
}
a:visitted{
	color:#F6F}
p{color:#333;}
.center{text-align:center;}




/* ------------------------------ */
/* header */
/* ------------------------------ */

#header{
	width:100%;
	margin:0 auto;
	height:315px;
	padding-top:5px;
}
#header h1,
#header #h1{
	font-size:12px;
	line-height:15px;
	display:inline;
	color: #fff;
	font-weight:normal;
}
#header .inner{
	width:1024px;
	background:url(/wordpress/wp-content/themes/styleist/parts/img_header/header-bg.jpg) no-repeat;
	margin:0 auto;
	text-align:left;
	height:300px;
}
#header .inner p{
	padding:165px 405px 0 350px;
	width:369px;
	font-size:15px;
	color:#000;
	line-height:22px;
}

#header p{
	font-size:20px;
	margin:0 auto;
	padding:20px 0;
	color:#FFF;
}


/* ------------------------------ */
/* contents */
/* ------------------------------ */

/*930px*/
#content{
	margin:0 auto;
	width:964px;
	padding:0 40px 0 20px;
	text-align:left;
	background:#fff url(/wordpress/wp-content/themes/styleist/parts/img_body/content-bg.jpg) repeat-y;
}
/* -- clearfix -- */
#content:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#content{zoom:1;}


/* ---------- main ---------- */
#main{
	float:left;
	width:100%;
}
#main .inner{
	margin:0 254px 20px 180px;
	padding:0 10px;
}




/* ------------------------------ */
/* post list-img */
/* ------------------------------ */

/*-- 記事title --*/
#main .inner h1,
#main .inner .img-list h2{
	padding:0 10px;
	margin-bottom:10px;
	height:30px;
	line-height:30px;
	border:#333 solid;
	border-width:0 0 1px 5px;
	background:url(css/img/post_h2.jpg);
	font-size:20px;
	clear:both;
}
#main .inner h1 a,
#main .inner .img-list h2 a{color:#FFF;text-decoration:none;}
#main .inner h1 a:hover,
#main .inner .img-list h2 a:hover{color:#FCF;}


/*top-page_list-img*/
#main .inner .img-list{margin-bottom:30px;}
#main .inner .img-list a img{float:right;}
#main .inner .img-list p{clear:none;line-height:25px;}
#main .inner .img-list br{margin-bottom:20px;}
#main .inner .report{text-align:right;padding-right:40px;background: url(css/img/report_bg.jpg) no-repeat 475px 5px;}
#main .inner .report a{font-weight:normal;text-decoration:none;display:inline-block;}
#main .inner .report a:hover{text-decoration:underline;}

/*calender*/
#main .inner .img-list .data_01,
#main .inner .img-list .data_02,
#main .inner .img-list .data_03,
#main .inner .img-list .data_04,
#main .inner .img-list .data_05,
#main .inner .img-list .data_06,
#main .inner .img-list .data_07,
#main .inner .img-list .data_08,
#main .inner .img-list .data_09,
#main .inner .img-list .data_10,
#main .inner .img-list .data_11,
#main .inner .img-list .data_12{
	width:42px;height:27px;
	float:left;
	text-align:center;
	padding-top:15px;
	font-weight:bold;
	font-size:18px;
	margin-right:10px;}
#main .inner .img-list .data_01{background:url(css/img/calendar/01.gif) no-repeat;}
#main .inner .img-list .data_02{background:url(css/img/calendar/02.gif) no-repeat;}
#main .inner .img-list .data_03{background:url(css/img/calendar/03.gif) no-repeat;}
#main .inner .img-list .data_04{background:url(css/img/calendar/04.gif) no-repeat;}
#main .inner .img-list .data_05{background:url(css/img/calendar/05.gif) no-repeat;}
#main .inner .img-list .data_06{background:url(css/img/calendar/06.gif) no-repeat;}
#main .inner .img-list .data_07{background:url(css/img/calendar/07.gif) no-repeat;}
#main .inner .img-list .data_08{background:url(css/img/calendar/08.gif) no-repeat;}
#main .inner .img-list .data_09{background:url(css/img/calendar/09.gif) no-repeat;}
#main .inner .img-list .data_10{background:url(css/img/calendar/10.gif) no-repeat;}
#main .inner .img-list .data_11{background:url(css/img/calendar/11.gif) no-repeat;}
#main .inner .img-list .data_12{background:url(css/img/calendar/12.gif) no-repeat;}

#main .inner .img-list_cat{font-size:12px;padding-left:20px;background:url(css/img/img-list_cat.png) no-repeat 0 0;line-height:16px;}
#main .inner .img-list .img-list_cat{background-position:0 3px;}
#main .inner .img-list_cat a{font-weight:normal;color:#666;text-decoration:none;}
#main .inner .img-list_cat a:hover{color:#F6F;text-decoration:underline;}

/* ------------------------------ */
/* post */
/* ------------------------------ */

/*post内寸はW=510px　leftとrightは、190pxずつ*/

#main .inner p.img img{
	float:left;
	display:block;
	margin-right:10px;
}
#main .inner p{
	margin-bottom:15px;
	clear:both;
}
#main .inner p img{
	padding:4px;
	border:1px solid #F6F;
	background:#FEF;
}

#main .inner .google{
	text-align:center;
}

/* link */
#main .inner p a{font-size:14px;font-family:arial,sans-serif;}

#main .inner h2{
	background: #333 url(/wordpress/wp-content/themes/styleist/css/img/post_h3.jpg) no-repeat;
	color:#FFF;
	margin-bottom:5px;
	height:25px;
	line-height:25px;
	font-size:15px;
	padding:10px 0 0 45px;;
}

#main .inner h3{
	border-left:10px solid #F00;
	font-size:15px;
	padding-left:5px;
	margin-bottom:5px;}


#main .inner .step{
	background:url(/wordpress/wp-content/themes/styleist/css/img/step.jpg) no-repeat bottom;
	padding-bottom:60px;
}

div.point{
	border:1px dotted #CCC;
	margin:0 50px 10px 50px;
	padding:10px;
}
#main .inner div.point h3{
	background:url(/wordpress/wp-content/themes/styleist/css/img/point.jpg) no-repeat;
	padding:0 0 0 35px;
	height:30px;
	color:#900;
	line-height:30px;
	border:none;
}
#main .inner div.post .point p{
	margin-bottom:0;
	color:#666;
}

/* ------------------------------ */
/* li ＆　dt */
/* ------------------------------ */


#main .inner ul{margin-bottom:20px;}
#main .inner ul li{
	padding-left:10px;
	font-size:14px;}
	
#main .inner ul.list{
	margin:0 0 20px 10px;
	border-left:10px solid #FCF;
	padding-left:20px;
	}
#main .inner ul.list li{
	list-style-type:disc;
	}

#main .inner ul.point{
	padding:5px 0 10px 20px;
	margin:10px auto 40px auto;
	border:1px dotted #666;
	width:415px;
	}
#main .inner ul.point li.title{
	width:345px;
	padding:25px 0 15px 55px;
	line-height:20px;
	font-weight:bold;
	font-size:15px;
	background:url(/wordpress/wp-content/themes/styleist/css/img/li_title_point.jpg) no-repeat;}
#main .inner ul.point li{
	padding-left:30px;
	line-height:25px;
	list-style-type:none;
	background:url(/wordpress/wp-content/themes/styleist/css/img/li_point.jpg) no-repeat;
	}

dl{
	margin:0 0 20px 10px;
	border-left:10px solid #CCC;
	padding-left:10px;}
dt{
	line-height:40px;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:60px;
	background:url(/wordpress/wp-content/themes/styleist/css/img/dt_bg.jpg) no-repeat;}
dd{
	padding-left:30px;}




/* youtube */

#main .inner ul.youtube{
	padding-top:40px;
	background:#EEE url(/wordpress/wp-content/themes/styleist/css/img/youtube_ul.jpg) no-repeat center top;
	border:1px dotted #999;
	margin:0 30px 30px 30px;}

#main .inner ul.youtube li{
	font-size:14px;
	padding-left:60px;
	margin:0 0 10px 10px;
	line-height:32px;
	background:url(/wordpress/wp-content/themes/styleist/css/img/youtube.jpg) no-repeat;
}



/*.wp-pagenavi*/
.wp-pagenavi{
	margin:0 auto 20px auto;
	padding:5px 0 3px 0;
	height:20px;
	line-height:20px;
	border:1px solid #F90;
	width:450px;
	text-align:center;
}
.wp-pagenavi .pages{
	font-size:14px;
	display:block;
	width:200px;}
.wp-pagenavi a,
.wp-pagenavi .current{
	font-weight:14px;
	padding:0 5px;
	line-height:18px;
	border:1px solid #CCC;
	text-decoration:none;
	text-align:center;
	
}
.wp-pagenavi a.first{width:70px;}
.wp-pagenavi a.last{width:50px;}
.wp-pagenavi .page{font-size:16px;}

/* other-list */
#main .inner ul#other-list{font-size:14px;font-family:arial,sans-serif;}
#main .inner ul#other-list img{
	float:left;
	padding:4px;
	border:1px solid #F6F;
	background:#FEF;
	margin-right:5px;
}
#main .inner ul#other-list li{
	clear:both;
	margin-bottom:5px;
	display:block;
}
/* clear fix */
#main .inner ul#other-list li:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#main .inner ul#other-list li{zoom:1;}


/* ------------------------------ */
/* footer */
/* ------------------------------ */

#footer{
	margin: 0 auto 20px auto;
	width:1024px;
	background:url(/wordpress/wp-content/themes/styleist/parts/img_body/footer-bg.jpg) no-repeat;
	clear:both;
	height:30px;
}
#footer ul li a{
	width:200px;
	text-align:center;
	float:left;
	line-height:30px;
}