/*
Theme Name: ONEX
Theme URI: 
Version: 1.0.0
Description: ONEX
Author: 
Author URI: 
*/


@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    /*background:transparent;*/
		font-size: 14px;
		font-family: "Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
		line-height:1.6;
		font-weight: normal;
}

body {

}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul, ol {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
	text-decoration: none;
}
a:link {
	color: #9f5f9c;
}
a:active {
	color: #9f5f9c;
}
a:visited {
	color: #9f5f9c;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;	/*←IE用画像縮小アルゴリズムの改善*/
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

strong,em{
	font-style:normal;
}


/*ClearFix*/
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}


#wrapper {
	min-height:100%;
	margin:0px auto;
	position:relative;
}

#copy_right p, #main_img, .box, #topicPath{
	width: 980px;
	min-width: 980px;
	margin: 0 auto;
}

/* ------header------- */
#header{
	background: url(images/common/bg_nav.jpg) no-repeat right center #D2CFCA;
	background-size: contain;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	position: relative;
	z-index: 55;
}
#h_box{

}
#h_left {
	width: 24%;
	float: left;
	background: url(images/common/bg_logo.jpg) no-repeat right center #333;
	background-size: contain;
	padding: 5px 5% 5px 10px;
	box-sizing: border-box;
}
#h_right {
	float: right;
	width: 76%;
	text-align: right;
	padding: 5px 25px 5px 0;
	box-sizing: border-box;
}
.tel{
	float: left;
	width: 30%;
}
.tel li{
	text-align: center;
	width: 50%;
	float: left;
	padding: 0 4%;
	box-sizing: border-box;
	border-left: 1px solid #d8d8d8;
}
.tel li:first-child{ border: none;}

#h_right #mainav li{
	float: right;
	margin-right: 1%;
	box-sizing: border-box;
	position: relative;
}
#h_right #mainav ul.drop {
	width: 220px;
	z-index: 100;
	position: absolute;
	right: -30px;
	top: 35px; 
	background-color: #333;
	border-top: 3px solid #4B3B00;
}
#h_right #mainav ul.drop li {
	margin: 0 10px;
	float:none;
	text-align: left;		
	border-top: 1px solid #cab574;
}
#h_right #mainav ul.drop li:first-child { border-top: none;}
#h_right #mainav ul.drop li a {
	display: block;
	text-decoration: none;
	padding: 10px 0 10px 12px;
	color: #cab574;
	text-decoration: none;
	background: url(common/images/common/arrow08.png) no-repeat left center;
	background-size: 6px auto;
	font-size: 13px;
}
#h_right #mainav ul.drop li a:hover{ 
	color: #FFF; 
	background-image: url(common/images/common/arrow09.png);
}



#h_right #mainav li { margin-left: 2%; padding-top: 0.7%; }
#h_right #mainav li img{ height: 26px; }



/*---- main----------*/
#main{
	margin-bottom: 50px;
}
#content{
	width: 705px;
	float: left;
}

#snav{
	width: 240px;
	float: right;
}

/*---- blog_menu----------*/
.blogMenuWrap{ margin-bottom: 30px;}
.page_blog .blogMenuWrap h4{
	display: block;
	background: url(images/blog/bg_title01_l.jpg) no-repeat left top , url(images/blog/bg_title01_r.jpg) no-repeat right top, url(images/blog/bg_title01_c.jpg) repeat-x top;
	padding: 15px 5px 10px 36px;
	margin-bottom: 5px;
	display: block;
	color: #FFF;
	font-size: 130%;
}
.blogMenuWrap ul{
	background: #f5f5f5;
	padding: 20px;
}
.blogMenuWrap ul li{
	border-bottom: 1px dotted #ccc;
	padding: 7px 0;
}
.blogMenuWrap ul li:first-child{ padding-top: 0;}
.blogMenuWrap ul a{
	display: block;
	background: url(images/common/arrow08.png) no-repeat 10px center;
	background-size: 6px auto;
	padding-left: 22px;
	text-decoration: none;
}

.orange_sty .blog_menu p{
	background-image: url(images/blog/bg_title02_c.jpg), url(images/blog/bg_title02_r.jpg), url(images/blog/bg_title02_c.jpg);
}
.orange_sty .blog_menu span{
	background-image: url(images/blog/ico_line02.jpg);
}

/*---- calandar----------*/
#calandar{
	background: #ccc;
	text-align: center;
	 margin-bottom: 30px;
}

/*----back to top----------*/
#bk_top {
	border-top: 1px solid #cfcfcf;
	text-align: center;
}
#bk_top a{ display: block; padding: 15px 0;}
#bk_top img{ width: 60px;}
#scrollUp {
	width: 50px;
	height: 50px;
  bottom: 5%;
  right: 5%;
	background:url(../img/common/pagetop.png) no-repeat right bottom;
	background-size: 50px auto;
}
/* ------footer------- */
#footer {

}

#footer_box{
	background: url(images/common/bg_black.jpg) repeat-x top;
	background-size: cover;
	padding: 50px 0 0 0;
}
#address{
	width: 260px;
	float: left;
}
#address .logo_f img{
	width: 130px;
	margin-bottom: 7px;
}
#address p{
	color: #FFF;
	font-size: 90%;
}
#address .ad_txt span{ display: block; }
#address .tel_f{ margin-bottom: 20px; font-weight: bold;}
#address .tel_f span{
	font-weight: bold;
	font-size: 140%;
}
#address .tel_f span a{
	color: #FFF;
	text-decoration: none;
}
.facebook{
	width: 340px;
	height: 240px;
	float: left;
	margin-left: 20px;
}

#footer_top{
	border-bottom: 1px solid #4f4f4f;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

#footer_link ul{
	float: left;
	margin-left: 55px;
}
#footer_link ul:first-child{ margin-left: 0;}
#footer_link ul ul{
	float: none;
	margin-left: 0;
}
#footer_link .cl{
	clear: both;
}
#footer_link ul a{
	color: #dad6a9;
	text-decoration: none;
}
#footer_link ul a:hover{ color: #FFF; }
#footer_link ul li:first-child > a{
	font-weight: bold;
	color: #dad6a9;
} 
#footer_link ul ul li:first-child > a{
	font-weight: normal;
} 
#footer_link ul ul a{
	font-size: 90%;
}

#footer_box .box{ position: relative; padding-bottom: 50px; }
#footer_box .logo_ftop{
	width: 310px;
	position: absolute;
	right: 0;
	bottom: 30px;
}

/* ------copy_right------- */
#copy_right{
	background: #000;
	padding: 7px 0;
}
#copy_right p{
	font-size: 80%;
	color: #FFF;
	text-align: center;
}

/* ------ magin box ------- */
.section {
	margin-bottom:50px;
}
.container {
	margin-bottom:30px;
}
.case {
	margin-bottom:25px;
}
.pack {
	margin-bottom:20px;
}
.item {
	margin-bottom:15px;
}
.mb_clear{ margin-bottom: 0; }
.section .container:last-child {
	margin-bottom:0px;
}
.txt_l{
	text-align:left !important;
}
.txt_c{
	text-align:center !important;
}
.txt_r{
	text-align:right !important;
}
.txt_b{
	font-weight:bold;
}

/* ------<p> margin------- */
#main p {
	margin-bottom:20px;
}
#main * p:last-child {
	margin-bottom:0px;
}


/* ------table style------- */
/* ------tb_style------- */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
}
.tb_style td,
.tb_style th{
	padding:13px 15px;
	box-sizing: border-box;
	border-bottom: 1px dotted #ccc;
}
.tb_style th{
	text-align: left;
	color: #a4801d;
	font-weight: bold;
}

.orange_sty .tb_style th{
	color: #ff7a03;
}
/*------ tb_form ------*/
.tb_form{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
}
.tb_form th {
	text-align:left;
	background:url(../images/recruit/hissu.jpg) no-repeat right 10px;
}
.tb_form .ninni{
	background-image:url(../images/recruit/ninni.jpg);
}
.tb_form .tb_list li{
	display:inline;
	margin-left:15px;
}
.tb_form .tb_list li:first-child{
	margin-left:0;
}
.tb_form .tb_list li .title{
	margin-right:5px;
}
.tb_form .space_b{
	display:block;
	margin-bottom:15px;
}
.tb_form .imp_txt{
	width:100%;
	padding:3px 0;
}
.tb_form .imp_s{
	width:20%;
	padding:3px 0;
}
.tb_form .imp_space{
	width:20%;
	padding:3px 0;
}
.ime_sel{ 
	padding: 3px 0;
	width: 100%;
}


/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box{
	position:relative;
}
.col2_box .col2, .col3_box .col3, .col4_box .col4{
	float:left;
	box-sizing: border-box;
}
.col2_box .col2:first-child,
.col3_box .col3:first-child,
.col4_box .col4:first-child{
	margin-left:0;
}
/* ------2colum------- */
.col2_box {
}
.col2_box .col2 {
}

/* ------3colum------- */
.col3_box {
}
.col3_box .col3 {
}

/* ------4colum------- */
.col4_box {
}
.col4_box .col4 {
}

/* ------main_img------- */
#top_thiza{
	width:100%;
	height:510px;
	background-repeat:no-repeat;
	background-position:center top;
	margin-bottom: 40px;
}
#main_img_wrap{
	background: url(images/common/bg_main.jpg) no-repeat center top;
	background-size: cover;
	height: 200px;
}
#main_img h2{
	color: #FFF;
	font-size: 290%;
	text-align: center;
	font-weight: bold;
	padding-top: 50px;
}
#main_img h2 span{
	display: block;	
	color: #dab43f;
	font-weight: bold;
	font-size: 45%;
}


/* ------ title stlye------- */
.title_main {
	text-align: center;
	color: #bf9522;
	margin-bottom: 20px;
	font-size: 220%;
}
.orange_sty .title_main { color: #e97a04; }
.title_sub {
	background: url(images/common/bg_dot04.jpg) repeat-x center;
	text-align: center;
	margin-bottom: 30px;
}
.title_sub span{
	display: inline-block;
	font-size: 200%;
	background: #FFF;
	padding: 0 10px;
}
.title_sec {
	font-size: 16px;
	font-weight: bold;
	padding-left: 8px;
	margin-bottom: 15px;
	border-left: solid 3px #CCCCCC;
}
.title_item {
	text-align: center;
	font-size: 110%;
	color: #dbb700;
	font-weight: bold;
	margin-bottom: 10px;
}
.title_page{
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}


/*------topicPath------*/
#topicPath {
	clear:both;
	display: block;
	padding:10px 0 20px 0;
	text-align: right;
}
#topicPath {
	padding-top: 3px;
	list-style-type:none;
	font-size: 80%;
}

/* control_area */
.control_area{
	text-align:center;
}
.control_area .btn_left{
	float:left;
}
.control_area .btn_right{
	float:right;
}
.control_area .btn_center{
	display:inline-block;
}
.control_txt a{
	color: #FFF;
	font-size: 80%;
	display: block;
	padding:5px 20px;
	border-radius:3px;	
	background: #00A2D9;
	margin-bottom:15px;
	text-decoration: none;
}
.control_txt a:hover{	background: #FFF; color: #00A2D9; }

/*-------container------- */
.container {

}
.container .msg {
	width: 57%;
	word-break: break-all;
}
.container .img {
	width: 40%;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

.flow_picl .img{ float:left; margin-right: 15px; margin-bottom: 5px;}
.flow_picr .img{ float:right; margin-left: 15px; margin-bottom: 5px;}


/*------ swap sp pc ------*/
.sp{ display: none; }
.pc{ display:block; }


/*------ shadow_box ------*/
.shadow_box{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.3);
	background:#fff;
}

/*------ list_dot ------*/
.list_dot{
	list-style:disc;
	margin:0 0 15px 17px;
}

/*------ list_tr ------*/
.list_tr li{
	background: url(images/common/bg_tran.png) no-repeat left 5px;
	background-size: 10px auto;
	padding-left: 20px;
}


/*------ map ------*/
#map iframe{
	width: 100%;
	height: 400px;
}

/*------ tour ------*/
#tour{ margin-bottom: 40px;}
#tour .title_tour{
	color: #830401;
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin-bottom: 20px;
}
#tour .title_tour span{
	color: #999;
	display: block;
	font-size: 40%;
}
#tour span{
	display: block;
	color: #936307;
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 5px;
}
.page_index #tour p{
	margin-bottom: 25px;
}
#tour p{
	margin-bottom: 10px;
}
#tour p:last-child{ margin-bottom: 0;}

#tour .col2{
	width: 460px;
}
#tour .tel_r{ float: right;}
#tour .tel_r p{
	font-size: 130%;
	text-align: center;
	margin-bottom: 10px;
}
#tour .tel_btn ul{
	background: #d76f88;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 20px 0;
}
#tour .tel_btn ul li{
	width: 50%;
	padding: 0 7%;
	float: left;
	box-sizing: border-box;
}
#tour .tel_btn ul li:nth-child(2n+1){
	border-right: 1px solid #d84066;
}


#tour .btn_mail{
	display: block;
	border: 1px solid #d76f88;
	background:  #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 20px 0;
	text-decoration: none;
	text-align: center;
	margin-top: 15px;
}
#tour .btn_mail img{
	width: 60px;
}
#tour .btn_mail em{
	color: #d76f88;
	font-size: 110%;
	display: inline-block;
	border-left: 1px solid #efd1d8;
	padding: 9px 0 9px 20px;
	margin-left: 20px;
}

/*------ title_dot ------*/
.title_dot{
	background: url(images/common/bg_dot03.jpg) repeat-x top;
	margin-bottom: 25px;
}
.title_dot span{
	display: inline-block;
	background: url(images/common/bg_dot01.jpg) repeat-x top;
	font-size: 110%;
	padding: 15px 10px 0px 10px;
}
.pur_ti span{
	background-image: url(images/common/bg_dot02.jpg);
}

/*------ menu_bottom ------*/
.menu_bottom li{
	width: 31%;
	float: left;
	margin-left: 3%;
}
.menu_bottom li:nth-child(3n+1){
	margin-left: 0;
}
.menu_bottom a{
	border: 1px solid #bba03f;
	padding: 15px 5px;
	text-align: center;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.menu_bottom li span{
	display: inline-block;
	color: #bf9522;
	background: url(images/common/arrow03.png) no-repeat left center;
	background-size: 6px auto;
	padding-left: 15px;
}


/*---- page_index
------------------------------------------------- */
.page_index{ margin-bottom: 50px;}
/*------ news ------*/
.page_index #news h2{
	text-align: center;
	font-size: 170%;
	line-height: 1;
	margin-bottom: 20px;
}
.page_index #news h2 span{
	color: #b3a05c;
	display: block;
	font-size: 40%;
	padding-top: 3px;
}
.page_index #news .col3{
	width: 280px;
	box-sizing: inherit;
}
.page_index #news { margin-bottom: 50px;}
.page_index #news ul{
	height: 230px;
	overflow: auto;
	padding-right: 20px;
}
.page_index #news li{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
.page_index #news li a{
	font-size: 80%;
	display: block;
	text-decoration: none;
	color: #000;
}

.page_index #news li a span{
	display: block;
	color: #9c8a45;
	line-height: 1;
	margin-bottom: 7px;
}
.page_index #news li a em{
	font-size: 90%;
	display: block;
	color: #9c8a45;
}
.page_index #news li a:hover{ color: #999; }

.page_index #news .shop_blog{
	padding: 0 30px;
	margin: 0 30px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}


.page_index #news .campaign h3{
	background: #d76f88;
	padding: 10px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 15px;
	overflow: hidden;
}
.page_index #news .campaign h3 .ico_gif{
	color: #FFF;
	background: url(images/index/ico_gift.png) no-repeat left center;
	background-size: 20px auto;
	padding: 0 0 0 30px;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	
}
.page_index #news .campaign h3 .btn_check{
	border-left: 1px solid #d84066;
	padding-left: 10px;
	margin-left: 10px;
	float: right;
}
.page_index #news .campaign h3 a{
	display: inline-block;
	border: 1px solid #FFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0px 5px;
	text-decoration: none;
	line-height: 1;
}
.page_index #news .campaign h3 a em{
	color: #FFF;
	font-size: 70%;
	display: inline-block;
	background: url(images/common/arrow02.png) no-repeat left center;
	background-size: 4px auto;
	padding-left: 6px;
}
.page_index #news .campaign .campaign_box{
	background: #f5f5f5;
	padding: 15px;
}


/*------ intro ------*/
.page_index  #intro{
	background:url(images/common/bg_black.jpg) repeat-x top;
	padding: 50px 0;
	background-size: cover;
}
.page_index  #intro h2{ 
	text-align: center;
	margin-bottom: 20px;
}
.page_index  #intro h2 span{
	display: block;
	color: #FFF;
	font-size: 170%;
	margin-bottom:5px;
}
.page_index  #intro h2 img{
	width: 235px;
}
.page_index  #intro p{ color: #FFF; }


/*------ point ------*/
.page_index #point{
	background: #bba03f;
}
.page_index #point .box{
	background: url(images/index/bg_pont.png) no-repeat left bottom;
	padding-top: 50px;
	padding-bottom: 50px;
}
.page_index #point h3{
	text-align: center;
	margin-bottom: 20px;
}
.page_index #point h3 span{
	display: inline-block;
	padding: 0 30px;
	background: url(images/index/bg_dot.jpg) repeat-x center;
}
.page_index #point h3 em{
	display: inline-block;
	font-size: 180%;
	font-weight: bold;
	color: #FFF;
	background: #bba03f;
	padding: 0 10px;
}

.page_index #point ul{
	width: 80%;
	float: right;
}
.page_index #point li{
	width: 47%;
	float: left;
	margin-left: 3%;
	overflow: hidden;
	margin-bottom: 20px;
}
.page_index #point li img{
	float: left;
}
.page_index #point li span{
	width: 65%;
	display: inline-block;
	font-size: 110%;
	color: #FFF;
	float: left;
	padding: 20px 0 0 15px;
}
.btn_sty_w{
	display: inline-block;
	text-decoration: none;
	border: 1px solid #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 13px 75px;
}
.btn_sty_w span{
	display: inline-block;
	background: url(images/common/arrow02.png) no-repeat left center;
	background-size: 4px auto;
	color: #FFF;
	font-size: 110%;
	padding-left: 10px;
}


/*------ banner_btn ------*/
.page_index .banner_btn{
	padding: 50px 0;
	background:#5b5457;
	text-align: center;
}
.page_index .bg_brown{
	background:#e0d9d0;
}

.page_index #map{
	height: 330px;
	margin-bottom: -7px; 
}
/*------ banner ------*/
.page_index #banner{
	border-bottom: 1px solid #ccc;
	padding-bottom: 40px;
	margin-top: 50px;
}
.page_index #banner .col2{
	width: 49%;
	margin-left: 2%;
}
.page_index #banner .col2:first-child{ margin-left: 0;}
.page_index #banner li{
	width: 48%;
	float: left;
	margin-left: 2%;
}
.page_index #banner li:nth-child(2n+1){
  margin-left:0%;
}
.title_line{
	background: url(images/common/bg_line02.jpg) repeat-x bottom;
	background-size: auto 1px;
	margin-bottom: 20px;
}
.title_line span{
	background: url(images/common/bg_line01.jpg) repeat-x center bottom;
	background-size: auto 1px;
	display: inline-block;
	font-size: 150%;
	padding: 0 10px 5px 10px;
}


/*---- page_facility
------------------------------------------------- */
/*------ gallery ------*/
.page_facility #gallery .col{ margin-bottom: 3% !important;}
.page_facility #gallery span{
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #d2cec9;
	padding: 7px 0;
	text-align: center;
	font-weight: bold;
	color: #4b4438;
	margin-top: 10px;
}
.page_facility .title_check{
	color: #ac861f;
	font-size: 170%;
	margin-bottom: 10px;
}
.page_facility .title_check img{
	width: 40px;
	position:relative;
	top: -20px;
}
.page_facility .title_check span{
	font-size: 50%;
	color: #FFF;
	background: #886b00;
	display: inline-block;
	padding: 2px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/*---- orange_sty
------------------------------------------------- */
#main_img_wrap.orange_sty{
	background: #ff910f;
}
.orange_sty #main_img h2 span{
	color: #fff6ad;
}

.orange_sty .title_check{
	color: #000;
}
.orange_sty .title_check span{
	background-color: #ff910f;
}

.orange_sty .menu_bottom a{
	border-color: #ff910f;
}
.orange_sty .menu_bottom li span{
	color: #ff910f;
	background-image: url(images/common/arrow05.png);
}

.orange_sty #gallery span{
	background: #ffefdb;
	color: #f07303;
}

/*---- page_blog
------------------------------------------------- */
.page_blog h4{
	font-size: 170%;
	background: url(images/blog/ico_blog.png) no-repeat left top;
	padding: 5px 0 0 50px;
	margin-bottom: 15px;
}
.page_blog .container{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
}
.page_blog .img{
	width: 34%;
}
.page_blog .msg{
	width: 62%;
}

.pagination{
	text-align: center;
}
.pagination li{
	display: inline-block;
	margin: 0 3px;
}
.pagination li a span{
	display: inline-block;
	background: #e1e1e1;
	color: #000;
	padding: 0 5px;
}
.pagination li a.active span,
.pagination li a:hover span{
	background: #000;
	color: #FFF;
}
.pagination li img{ 
	width: 10px;
	vertical-align: middle;
}
.pagination li:first-child{ margin-right: 15px;}
.pagination li:last-child{ margin-left: 15px;}

.orange_sty.page_blog h4{ background-image: url(images/blog/ico_blog02.png); }
.orange_sty .pagination li a.active span,
.orange_sty .pagination li a:hover span{ background: #ff910f; }



/*---- page_access
------------------------------------------------- */
.hilight{
	background: #f5f5f5;
	padding: 20px;
}

#contact_acc{
	background: #ccc;
	text-align: center;
}



/*---- page_info
------------------------------------------------- */
.page_info th{
	width: 25%;
}
.page_info .flexslider{ margin-bottom: 20px !important;}
.page_info .flexslider .slides img{
	width: auto !important;
	min-width: auto !important;
}
.page_info .flex-control-nav {
	background: none !important;
}


/*---- page_campaign
------------------------------------------------- */
.page_campaign h4{
	background: url(images/common/bg_dot04.jpg) repeat-x bottom, url(images/campain/ico_gif.png) no-repeat left top;
	background-size: auto, 30px auto;
	color: #936307;
	font-size: 170%;
	padding: 0px 0 5px 45px;
	margin-bottom: 15px;
}
.page_campaign .container{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
}

.page_campaign .txt_r a{
	display: inline-block;
	background: #d76f88;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 20px;
	text-decoration: none;
}
.page_campaign .txt_r a span{
	background: url(images/common/arrow09.png) no-repeat left center;
	background-size: 6px auto;
	padding-left: 10px;
	color: #FFF;
}


/*---- page_training
------------------------------------------------- */
/*------ hilight ------*/
.title_hi {
	margin-bottom: 10px;
	text-align: center;
}
.title_hi span{
	background: url(images/common/bg_dot04.jpg) repeat-x bottom;
	font-size: 150%;
	font-weight: bold;
	display: inline-block;
	padding-bottom: 7px;
}
.orange_sty .title_hi span{
	background-image: url(images/common/bg_dot05.jpg);
}
.page_training .hilight{ padding: 30px;}
.page_training .hilight li{
	float: left;
	width: 48%;
	margin-left: 4%;
	background: url(images/training/ico_check.png) no-repeat left 13px;
	background-size: 16px auto;
	padding: 13px 0 13px 25px;
	box-sizing: border-box;
	color: #52400f;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 4px dotted #c3c3c2;
}
.page_training .hilight li:nth-child(2n+1){
	margin-left: 0;
}

/*------ training_box ------*/
.page_training #training_box{
	background: url(images/training/bg_train.jpg) no-repeat center bottom #111;
	padding: 50px 0;
}
.page_training #training_box h4{
	background: url(images/training/bg_line.jpg) repeat-x center;
	text-align: center;
	margin-bottom: 30px;
}
.page_training #training_box h4 span{
	color: #FFF;
	font-size: 200%;
	font-weight: bold;
	display: inline-block;
	background: #111;
	padding: 0 15px;
}
.page_training #training_box .txt_tran{
	width: 45%;
}
.page_training #training_box .txt_tran p{
	color: #FFF;
}
.page_training #training_box h5{
	color: #efc800;
	font-size: 170%;
	font-weight: bold;
	line-height: 1.4;
}
.page_training #training_box h5 span{
	display: block;
	color: #FFF;
	font-size: 70%;
	font-weight: bold;
	padding: 5px 0 10px 0;
}

/*------ character ------*/
.page_training #character{
	text-align: center;
}
.page_training #character li{
	width: 31%;
	margin: 0 1% 2% 1%;
	display: inline-block;
}


/*---- page_trainer
------------------------------------------------- */
.title_trainer{
	border-bottom: 2px dotted #ccc;
	border-top: 2px dotted #ccc;
	text-align: center;
	padding: 25px 0;
	font-size: 200%;
	margin-bottom: 40px;
	position: relative;
}
.title_trainer span{
	display: block;
	font-size: 50%;
	color: #999;
}
.title_trainer span em{
	color: #c59e03;
	font-size: 90%;
	display: block;
}
.orange_sty.title_trainer span em{
	color: #ff910f;
}
.title_trainer .ico_aerobic{
	width: 120px;
	position: absolute;
	right: 20px;
	top: -30px;
}
/*------ hilight ------*/
.page_trainer .hilight{ padding: 30px;}
.page_trainer .hilight li{
	float: left;
	width: 48%;
	margin-left: 4%;
	padding: 13px 0;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 4px dotted #c3c3c2;
}
.page_trainer .hilight li:nth-child(2n+1){
	margin-left: 0;
}
.page_trainer .hilight .miin_h{ min-height: 80px; }
.page_trainer .hilight li span{
	color: #52400f;
	font-size: 110%;
	font-weight: bold;
	float: right;
	display: block;
	width: 85%;
}
.page_trainer .hilight li img{
	width: 10%;
	float: left;
}
.orange_sty.page_trainer .hilight{
	background-color: #fffee8;
}
.orange_sty.page_trainer .hilight li span{
	color: #3d88c7;
}


/*------ equipment ------*/

.page_trainer .equipment .col .hilight{
	padding: 15px 15px 50px 15px;
	margin-top: 10px;
}
.page_trainer .equipment .col span{
	font-size: 110%;
	font-weight: bold;
	color: #ac861f;
}
.page_trainer .equipment .col em{
	font-weight: bold;
}

.page_trainer .aerobic .col p{
	font-size: 110%;	
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
.orange_sty.page_trainer .equipment .col .hilight{
	background-color: #F5F5F5;
}
.orange_sty.page_trainer .equipment .col span{
	color: #f07303;
}


/*---- page_plice
------------------------------------------------- */
.page_plice .pice_box{
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.page_plice table{
	width: 100%;	
}
.page_plice table td{
	border-bottom: 1px dotted #ccc;
	padding: 10px;
}
.page_plice table th{	
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	padding: 10px;
}
.page_plice table .h_topic{
	width: 40%;
}



/*---- page_about
------------------------------------------------- */
/*------ aboutlist ------*/
.page_about .aboutlist li{
	float: left;
	width: 31%;
	margin-left: 3%;
	margin-bottom: 3%;
}
.page_about .aboutlist li:nth-child(3n+1){
	margin-left: 0%;
}

/*------ policy ------*/
.page_about #policy{
	border-top: 1px dotted #ccc;
	padding-top: 30px;
}
.page_about #policy h3{
	text-align: center;
	margin-bottom: 20px;
}
.page_about #policy ul{ padding-bottom: 20px;}
.page_about #policy li{
	border-bottom: 1px dotted #ccc;
	padding: 20px 0 0px 0;
}
.page_about #policy  em{
	width: 240px;
	display: inline-block;
	font-size: 200%;
	font-weight: bolder;
	color: #8a6d05;
	background: url(images/about/bg_about.png) no-repeat left top;
	background-size: 50px auto;
	padding: 10px 0 8px 30px;
}
.page_about #policy  span{
	font-size: 150%;
	font-weight: bold;
	color: #000;
}


/*---- page_owner
------------------------------------------------- */
/*------ greeting ------*/
.page_owner #greeting h5{
	font-weight: bold;
	font-size: 160%;
	margin-bottom: 10px;
}
.page_owner #greeting h5 span{
	display: block;
	color: #999;
	font-size:80%;
}
.page_owner #greeting h5 span em{
	color: #999;
	font-size: 100%;
	padding-left: 10px;
	font-weight: bold;
}
.page_owner #greeting table{
	width: 100%;
}
.page_owner #greeting table th{
	font-weight: bold;
	text-align: left;	
	width: 25%;
}
.page_owner #greeting .hilight span{
	display: block;
	font-weight: bold;
	text-align:center;
	margin-bottom: 20px;
}

/*------ trainer_list ------*/
.page_owner .trainer_list .blog_menu{ margin-bottom: 10px;}
.page_owner .trainer_list .hilight{
	margin-top: 15px;
}
.page_owner .trainer_list .hilight p{ margin-bottom: 0; }
.page_owner .trainer_list .hilight p span{
	font-weight: bold;
	padding-right: 10px;
}
.page_owner .trainer_list .hilight p em{
	display: block;
	font-weight: bold;
}

/*------ contact_form ------*/
.contact_form{
	width:600px;
	margin:40px auto 0;
}

.w_250_c{
	width:200px;
}

.w_730_c{
	width:400px;
}
.pc_float_l { float: left;}
.pc_float_r { float: right;}
.price_border_c{
	border-bottom:1px dashed #CCC;
	margin-bottom:10px;
	padding-top:10px;
	clear: both;
}

.contact_cl{
	padding-top:10px;
	clear: both;
}