/*  
Theme Name: 株式会社スタイリスティックス
Theme URI: http://
Description:
Version: 1.0
Author: D-TREK
Author URI: http://www.d-trek.jpn.org
*/

/***** 基本 *****/

html {
	color:#333;
	background:#FFF; }
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0; }
 
table {
	border-collapse:collapse;
	border-spacing:0; }
 
fieldset,img { border:0; }

img,a img{
	border:none;
	text-decoration:none;
	vertical-align: bottom;
}  

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal; }
 
li { list-style:none; }
 
caption,th { text-align:left; }
 
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal; }
	
h1 { }

h2 { }

h3 { }

h4 { }

h5 { }

h6 { }
 
q:before,q:after { content:''; }

p{
	text-align: justify;
	line-height: 1.5em;
}
 
abbr,acronym {
	border:0;
	font-variant:normal; }
 
sup { vertical-align:text-top; }
 
sub { vertical-align:text-bottom; }
 
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit; }
 
input,textarea,select { *font-size:100%; }
 
legend { color:#333; }

hr {
	clear:both;
	float:none;
	margin:0;  
  padding:0;  
  border:0;  
  color:#000;  
  background-color:#000;  
  height:1px 
}

/***** フォント *****/

.bold { font-weight: bold; }

/***** 位置調整 *****/

.txtL { text-align: left; }

.txtR { text-align: right; }

.txtC { text-align: center; }

.imgL {
	float: left;
	margin-right: 10px; }

.imgR {
	float: right;
	margin-left: 10px; }

/***** リンク設定 *****/

a,a img { overflow:hidden; }

a:link, a:visited{
	color: #333;
	text-decoration:underline;
	overflow:hidden;
	}

a:hover, a:active{
	color:#EF538a;
	text-decoration:none;
	}
	
/***** フロート解除 *****/

.clear{
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0;
	display: block;
	background: transparent no-repeat;
}

/***** 基本レイアウト *****/

body{
	text-align: center;
	font: small "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	/*font: small/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	color: #333333;
}

#wrapper{
}
#header{
	background: url(images/head.jpg) no-repeat left top;
	height: 83px;
	width: 912px;
	margin: 0 auto;
	text-align:left;
}
#container{
	background: url(images/body_bg.jpg) repeat-y left top;
	width: 912px;
	margin: 0 auto;
	text-align:left;
}
#main{
	float: right;
	width: 550px;
	margin: 0px 21px 0px 0px;
	_margin: 0px 10px 0px 0px;
}
#cat_main{
	float: right;
	width: 550px;
	margin: 0px 21px 0px 0px;
	_margin: 0px 10px 0px 0px;
}
#sidebar{
	float: left;
	width: 305px;
	margin: 0px 0px 0px 21px;
	_margin: 0px 0px 0px 10px;
}
#town{
}
#footer{
	background: url(images/footer_bg.gif) repeat-x left top;
	height: 55px;
	width: 100%;
}

/***** wrapperレイアウト *****/

#wrapper{
}

/***** headerレイアウト *****/

#header{
	position: relative;
}
#logo{
	padding-top:8px;
	margin-left:6px;
}
#navi{
	float: right;
	margin:0ppx;
	height: 35px;
	width: 526px;
	position: absolute;
	top: 33px;
	right: 21px;
}
#navi ul{
	margin: 0px;
	padding:0px;
}
#navi li{
	margin:0px;
	padding:0px;
	display: inline;
}
#navi li a{
	display: block;
	float: left;
	height: 35px;
	margin-right:31px;
}
#navi li#nav_home a{
	width: 36px;
	background: url(images/navi.jpg) no-repeat left top;
	text-indent: -5000px;
}
#navi li#nav_about a{
	width: 56px;
	background: url(images/navi.jpg) no-repeat -67px top;
	text-indent: -5000px;
}
#navi li#nav_service a{
	width: 47px;
	background: url(images/navi.jpg) no-repeat -154px top;
	text-indent: -5000px;
}
#navi li#nav_media a{
	width: 73px;
	background: url(images/navi.jpg) no-repeat -232px top;
	text-indent: -5000px;
}
#navi li#nav_press a{
	width: 77px;
	background: url(images/navi.jpg) no-repeat -336px top;
	text-indent: -5000px;
}
#navi li#nav_contact a{
	width: 82px;
	background: url(images/navi.jpg) no-repeat -444px top;
	text-indent: -5000px;
	margin-right:0px;
}

#navi li#nav_home a:hover{
	background: url(images/navi.jpg) no-repeat left bottom;
}
#navi li#nav_about a:hover{
	background: url(images/navi.jpg) no-repeat -67px bottom;
}
#navi li#nav_service a:hover{
	background: url(images/navi.jpg) no-repeat -154px bottom;
}
#navi li#nav_media a:hover{
	background: url(images/navi.jpg) no-repeat -232px bottom;
}
#navi li#nav_press a:hover{
	background: url(images/navi.jpg) no-repeat -336px bottom;
}
#navi li#nav_contact a:hover{
	background: url(images/navi.jpg) no-repeat -444px bottom;
}

/***** containerレイアウト *****/

#container{
}

/***** mainレイアウト *****/

#main{	
}
#cat_main{	
}
#cover{
	background: url(images/cover.jpg) no-repeat left top;
	text-indent: -5000px;
	height: 173px;
	width: 550px;
	margin-bottom:15px;
}
#accept a{
	height: 50px;
	width: 550px;
	display: block;
	background: url(images/accept.jpg) no-repeat left top;
	text-indent: -5000px;
}
#accept a:hover{
	background: url(images/accept.jpg) no-repeat left bottom;
}
#main p{
	margin-bottom:15px;
}
#cat_main p{
	margin-bottom:15px;
}
#head01{
	background: url(images/head_member.jpg);
	text-indent: -5000px;
	height: 35px;
	width: 550px;
	margin: 0px 0px 10px;
	padding:0px;
}
#contents{
	width: 870px;
	margin: 0px 0px 0px 21px;
	display: table;
}
#contents p{
	width: 870px;
}
#contents h2{
	font-size: 14px;
	line-height: 35px;
	padding-left:10px;
	margin-bottom:25px;
	color: #FFFFFF;
	height: 35px;
	width: 870px;
	background: url(images/title870.jpg) no-repeat left top;
	font-weight: bold;
}
#contents h3{
	font-size: 14px;
	line-height: 35px;
	padding-left:10px;
	margin-bottom:10px;
	color: #FFFFFF;
	height: 35px;
	width: 870px;
	background: url(images/title870.jpg) no-repeat left top;
	font-weight: bold;
}
#contents h4{
	font-size: 14px;
	padding: 5px 10px 6px 10px;
	margin-bottom:10px;
	color: #ef538a;
	width: 848px;
	border: 1px solid #ef538a;
}
#contents h5{
	border-left: 16px solid #ef538a;
	padding-left:5px;
	margin-bottom:10px;
}
#contents h6{
	border-left: 6px solid #ef538a;
	padding-left:5px;
	margin-bottom:10px;
}
#cat_main h3{
	font-size: 14px;
	line-height: 35px;
	padding-left:10px;
	margin-bottom:10px;
	color: #FFFFFF;
	height: 35px;
	width: 550px;
	background: url(images/title550.jpg) no-repeat left top;
	font-weight: bold;
}
#cat_main ul{
}
#cat_main li{
	text-indent: -5.2em;
	padding-left:5.2em;
	line-height: 1.5em;
	margin-bottom:5px;
}
html[xmlns*=""] body:last-child #cat_main li{
	text-indent: -4.6em;
	padding-left:4.6em;
	line-height: 1.5em;
}
#cat_main li a:link,
#cat_main li a:active,
#cat_main li a:visited{
}
#cat_main li a:hover{
}
#cat_main .date{
	color: #666666;
	padding-right:0.5em;
}
#cat_main p{
	padding-left:5.2em;
	line-height: 1.5em;
	margin-bottom:10px;
}
*:first-child+html #cat_main p{
	text-indent: 0em;
	padding-left:0em;
}
* html #cat_main p{
	text-indent: 0em;
	padding-left:0em;
}

/***** sidebarレイアウト *****/

#sidebar{
}
.news_top{
	_margin-bottom:4px!important;
}
html[xmlns*=""] body:last-child .news_top{
	margin-bottom:2px!important;
}
.news_top h3{
	background: url(images/head_news.jpg) no-repeat left top;
	text-indent: -5000px;
	height: 35px;
	width: 305px;
}
#news{
	background: url(images/news_bg.gif) repeat-y left top;
	padding: 7px 10px 8px 13px;
}
#news_btm{
	height: 7px;
	width: 305px;
	background: url(images/news_btm.gif) no-repeat left top;
}
#news ul{
}
#news li{
	text-indent: -5.2em;
	padding-left:5.2em;
	line-height: 1.5em;
}
html[xmlns*=""] body:last-child #news li{
	text-indent: -4.6em;
	padding-left:4.6em;
	line-height: 1.5em;
}
#news li a:link,
#news li a:active,
#news li a:visited{
}
#news li a:hover{
}
#news .date{
	color: #666666;
	padding-right:0.5em;
}
.sidebox .news_top{
	margin-bottom:100px;
}
.sidebox{
	margin-bottom:15px;
}
.sidebox h4{
	font-size: 14px;
	margin-bottom:7px;
}

/***** townレイアウト *****/

#town{
	background: url(images/town.gif) no-repeat left top;
	height: 112px;
	width: 900px;
	margin-left:6px;
}

/***** footerレイアウト *****/

#footer{
	padding: 12px 0px 0px;
}
#footer ul{
	margin: 0px 0px 7px 0px;
}
#footer li{
	display: inline;
}

/***** wp-pagenaviのデザイン *****/

.wp-pagenavi{
	margin-top:20px;
	text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:active {
	padding: 1px 4px 1px 4px;
	margin: 2px;
	text-decoration: none;
	color: #FFFFFF!important;
	font-size: 12px!important;
	background: #CCCCCC!important;
	font-weight: bold;
	border:none!important;
}
.wp-pagenavi a:hover {
	color: #FFFFFF;
	font-size: 12px;
  font-weight: bold;
	background: #6699CC!important;
	border:none!important;
}
.wp-pagenavi span.pages {
	padding: 1px 4px 1px 4px;
	margin: 2px 2px 2px 2px;
	color: #999999!important;
	font-size: 12px;
  font-weight: bold;
	background: #FFFFFF;
	border:none!important;
}
.wp-pagenavi span.current {
	padding: 1px 4px 1px 4px;
	margin: 2px;
	font-weight: bold;
	color: #FFFFFF!important;
	background: #6699CC!important;
	font-size: 12px;
	border:none!important;
}
.wp-pagenavi span.extend {
	padding: 1px 4px 1px 4px;
	margin: 2px;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 12px;
}

/***** link_pagesのデザイン *****/

#link_pages{
}

/***** postmainのデザイン *****/

.postmain{
	margin: 0px 0px 0px 70px;
	width: 730px;
}
.postmain p{
	width: 730px!important;
	margin-bottom:15px;
}
.postmain h4{
	width: 708px!important;

}
.postmain h5,
.postmain h6{
	width: 730px;
}
.postmain li{
	line-height: 1.5em;
}

/***** tableのデザイン *****/

table.spec{
	border-collapse: separate;
	margin-bottom:16px;
	margin-top:5px;
}
table.spec th{
	width:120px;
	background: #f0ecdd;
	padding: 11px 0px 10px 15px;
	border-bottom: 3px solid #FFFFFF;
}
table.spec td{
	background: #f4f4f4;
	padding: 11px 15px 10px 15px;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
}
table.spec li{
	text-indent: -1em;
	padding-left:1.0em;
}

table.btmline{
	margin-bottom:18px;
	margin-top:0px;
}
table.btmline th{
	padding: 6px 7px 7px 7px;
	background: url(images/line.gif) repeat-x left bottom;
}
table.btmline td{
	padding: 6px 7px 7px 7px;
	background: url(images/line.gif) repeat-x left bottom;
}
table.spec li{
	text-indent: -1em;
	padding-left:1.0em;
}

/***** 矢印画像のデザイン *****/

p.nextstep1{
	background: url(images/no1.jpg) no-repeat left 3px;
	padding-left:115px;
	width: 615px!important;
	margin-bottom:0px;
}
p.nextstep2{
	background: url(images/no2.jpg) no-repeat left 3px;
	padding-left:115px;
	width: 615px!important;
}
p.nextstep3{
	background: url(images/no3.jpg) no-repeat left 3px;
	padding-left:115px;
	width: 615px!important;
}

/***** トレーナー画像のデザイン *****/

#trainer_block{
	width: 550px;
}
#trainer_block .trainer {
	float: left;
	width: 102px;
	margin: 0px 10px 10px 0px;
	text-align: center;
	font-size: 12px;
}
#trainer_block .last{
	margin: 0px 0px 10px 0px;
}
#trainer_block p{
	margin: 0px 0px 0px 0px;
}

/***** サービス共通（110915追記） *****/

.box {
	border: solid 1px #ef538a;
	padding: 9px;
	line-height: 140%;
	font-size: 12px;
}

.box a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}

.pink {
	color: #ef538a;
}

.fs10 {
	font-size: 10px;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mb10 {
	margin-bottom: 10px;
}

.ml10 {
	margin-left: 10px;
}

a.pink {
	color: #ef538a;
}

.lh140 {
	line-height: 140%;
}

.pd10 td {
	padding: 10px !important;
}

.spec .type {
	background: #D7D8B9;
	border-left: none;
	border-right: 3px solid #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}

#management_chart th,
#marketing_chart th {
	width: 130px;
	text-align: center;
	padding: 0;
}

.icon_link {
	vertical-align: baseline;
}

#accept {
	overflow: hidden;
}

#sidebar a:hover img,
.top_service a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}