@charset "UTF-8";
/*
Theme Name: チャット占いテンプレート
Description: チャット占い用のテンプレート
Author: e.yamamoto
Version: 1.1
*/


/* ↓基本設定
-----------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}


a img {
	border:none;
}


img{
	border:none;
}


a {
	text-decoration: none;
	color:#333;
}


a:hover {
	text-decoration: none;
	opacity: 0.7;
}


a:active {
	text-decoration: none;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

img a:hover {

}


html{
	overflow-y: scroll;
}

div#wrapper{
	margin: 0 auto;
}

.pc_none {
	display:none;

}

.pc_block_none {
	display:none;

}

.underline {
	text-decoration: underline;

}

.clear {
  clear: both;
}

strong{
	font-weight: bold;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:16px;
	line-height:1.6;
	background: url(img/body_bg1.png);
    background-repeat: repeat;
    background-position: center;
	color:#333;
	width:100%;
	height:100%;
	margin:0;
	padding:0;

}

.br1 a{
	white-space:normal;
}

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

.bold{
	font-weight:bold;

}

.blowncolor1{
	color: #856045;

}

.greencolor1{
	color: #49b997;

}

.pinkcolor1{
	color: #fa7397;

}

.bluecolor1{
	color: #00bfff;;

}

.orangecolor1{
	color: #ff9933;
}

.redcolor1{
	color: #ff0000;
}

.em1{
    color: #ff749f;
    font-weight: bold;
    font-style: normal;
    background: linear-gradient(transparent 60%, #fcfbcf 60%);
    font-size: 110%;
}

.main_bar1{
	background:url(img/top_bar1.png);
	background-repeat: repeat-x;
	height:7px;

}

.main_bar2{
	background:url(img/top_bar2.png);
	background-repeat: repeat-x;
	height:1px;

}

.main_bar3{
	background:url(img/top_bar3.png);
	background-repeat: repeat-x;
	height:1px;

}

.main_bar4{
	background:url(img/top_bar4.png);
	background-repeat: repeat-x;
	height:1px;

}

.main_bar5{
	background:url(img/top_bar5.png);
	height: 13px;
	background-repeat: no-repeat;
	margin-left: 16px;
	margin-top: 5px;
	
}

.main_bar6{
	background:url(img/top_bar5.png);
	height: 13px;
	background-repeat: no-repeat;
	margin-top: 5px;
	
}

.adspace1{
	text-align: center;

}

/* ↓ヘッダー
-----------------------------*/

header{
	width: 100%;
	margin: 0 auto;
	height: 90px;
}

.header_bar1{
	background:url(img/head_bar1.png);
	background-repeat: repeat-x;
	height:13px;

}

#header_container{
	width: 960px;
	margin: 5px auto;

}

#header_container h1{
	float:left;

}

#header_container h1 img{
	margin-top: 25px;

}

#header_desp {
	float:left;
	margin: 45px 0 0 25px;
	font-size:14px;
	color:#858585;
}

#header_menu {
	float: right;
	padding-top: 50px;
	width: 500px;
}

#header_menu img{

}


/* ↓トップページ
-----------------------------*/
#main{
	width: 100%;
	clear: both;
}

#main_img_area{
	width: 100%;
	margin: 0 auto;
	/*background-color:#f2e9e0;*/
	background-repeat: repeat;
	/*height: 370px;*/
	text-align: center;
}

#main_img_area img{
	margin: 0px auto 0;

}

#main_content_area{
	width: 100%;
	/*background-color:#f9f6ef;*/
	overflow: auto;
	padding:0 0 30px;
	background-repeat: repeat;	

}

#main_content{
	width:960px;
	margin: 0 auto;

}

#main_content_left{
	width: 710px;
	float:left;

}

#main_content_left_search{
	width: 710px;
	margin: 30px 0 10px;
	background-color: #fff;
	border:solid 1px  #deddd8;

}

#main_content_left_search_menu_img1{
	margin: 30px 0 0 10px;

}

.main_content_left_search_desp{
	margin: 12px 6px 20px 10px;
	font-size: 16px;

}

#main_content_left_search_content1{
	width: 710px;
	background-color:#f7f7f7;
	font-size:14px;

}

#main_content_left_search_content1 td{
	padding: 20px 15px;
}

.main_content_left_serach_td1{
	width:150px;
	vertical-align: middle;
}

.main_content_left_serach_td2{
	vertical-align: middle;
}

#main_content_left_search_content1 label{
	display: block;
	float: left;
	margin:3px 0;
}

#main_content_left_search_content1 label input{
	margin: 0 0 0 30px;
	vertical-align: -0.5px;

}

.main_content_left_serach_tr1{
	background:url(img/top_bar3.png);
	background-repeat: repeat-x;
	height:1px;

}

#main_content_left_serach_content2{
	margin:32px 0;
	text-align:center;

}

#main_content_left_serach_submitbutton{
	background: url(img/button_search1.png);
	width: 271px;
	height: 39px;
	cursor: pointer;

}

#main_content_left_serach_submitbutton:hover{
	opacity: 0.7;

}


#main_content_left_rank1{
	width: 710px;
	margin:30px 0 10px;
	padding: 0 0;
	box-sizing: content-box;
	background-color:#fff;
	border:solid 1px #deddd8;
	overflow:hidden;	
}

.main_content_left_rank1_desp{
	margin: 12px 6px 20px 10px;
	font-size: 16px;

}

.main_content_left_rank1_desp2{
	padding: 20px 20px 40px 20px;
    font-size: 16px;
    /*line-height: 1.6;*/

}

.main_content_left_rank1_desp2 h2{
	padding: 2px 0 0 10px;
	margin: 30px 0 20px 0;
	font-weight:bold;
	border-left:solid #60b562;
	box-sizing: border-box;
	line-height: 1.2;
	font-size:18px;
	position: relative;
    height: 20px;
    position: relative;
    display: inline-block;
    width: 100%;	
}

.main_content_left_rank1_desp2 h2:after{
	content:'';
	display: inline-block;
	background:url(img/top_bar4.png);
	background-repeat: repeat-x;
	width:100%;
	height:1px;
    position: relative;
    top: -10px;
    left: -12px;
}

.main_content_left_rank1_desp2 h3 {
    margin: 30px 0 4px 0;
    color: #49b997;
    font-weight: bold;
    font-style: normal;
    background: linear-gradient(transparent 60%, #fcfbcf 60%);
    display: inline-block;
}


#main_content_left_rank1_img{
	margin: 30px 0 0 10px;
}

.main_content_left_rank1_client{
	width: 215px;
	height: 380px;
	margin:10px 10px 10px 10px;
	float:left;
	border:solid 1px #deddd8;
	box-sizing: border-box;
	padding: 4px 4px 10px 4px;
}

.main_content_left_rank1_client:hover{
	opacity: 0.7;
}

.main_content_left_rank1_client_rank{
	text-align: center;
}

.main_content_left_rank1_client_clientimg{
	text-align: center;
}

.main_content_left_rank1_client_clientimg img{
	width: 160px;
	margin-top: 6px;
}

.main_content_left_rank1_client_name{
	font-size: 14px;
	line-height: 18px;
	margin-top: 6px;
	text-align: center;

}

.main_content_left_rank1_client_point{
	font-size: 14px;
	text-align: center;
	margin-top: 4px;
}

.main_content_left_rank1_client_privilegeprice{
	font-size: 14px;
	text-align: center;
}

.main_content_left_rank1_client_desp{
	font-size: 12px;
	margin-top: 6px;

}

.main_content_left_rank1_button1{
	clear:both;
	padding:30px 0;
	text-align:center;

}

#main_content_left_rank2{
	padding: 30px 0px;
	box-sizing: content-box;
	width; 710px;
	margin:30px 0 10px;
	background-color:#fff;
	border:solid 1px #deddd8;
	overflow:hidden;
}

#main_content_left_rank2_img{
	margin: 30px 0 0 10px;
}

.main_content_left_rank2_desp{
	margin: 12px 6px 20px 10px;
	font-size: 16px;

}

.main_content_left_rank2_client{
	width: 215px;
	margin:10px 20px 30px 0;
	float:left;
	font-size:14px;
}

.main_content_left_rank2_client_submenu{
	text-align: center;
}

.main_content_left_rank2_client_sec{
	position:relative;
	width: 215px;
	height: 205px;
	margin:6px 10px 10px 10px;	
	border:solid 1px #deddd8;
	box-sizing: border-box;
	overflow:hidden;
}

.main_content_left_rank2_client_sec:hover{
	opacity: 0.7;
}

.main_content_left_rank2_client_sec_name{
    line-height: 18px;
    margin-top: 6px;
    text-align: center;
}


.main_content_left_rank2_client_sec_clientimg{
	text-align: center;

}

.main_content_left_rank2_client_sec_clientimg img{
	width:130px;
	margin-top: 10px;

}

.main_content_left_rank2_client_sec_rank{
	position: absolute;
	top: 2px;
	left: 10px;

}

.main_content_left_rank2_client_sec_point{
	font-size:14px;
	text-align: center;
	margin-top: 4px;

}


.main_content_left_rank2_button1{
	clear:both;
	padding:30px 0 0px;
	text-align:center;

}



#main_content_right{
	width: 230px;
	float: right;

}

#main_content_right_space{
	height: 40px;
}

#main_content_right_guide1{
	margin:30px 0 0;
	background:url(img/sidebar_guide1_bg.png) no-repeat;
	height:469px;
	padding:42px 20px 0 20px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	box-sizing: border-box;
	position:relative;

}

#main_content_right_guide1_img{
	position:absolute;
	top:400px;
	left:-2px;
}

#main_content_right_menu1{
	margin:10px 0 0;

}

.main_content_right_menu_img{
	margin:20px 0 0;

}

#main_content_right_menu2{
	margin:30px 0 0;
	background-color:#fff;
	border: solid 1px #deddd8;

}

.main_content_right_menu2_sec1{
	height: 90px;
}

.main_content_right_menu2_sec1:hover{
	opacity: 0.7;
}

.main_content_right_menu2_sec1_left{
	width: 70px;
	position: relative;

}

.main_content_right_menu2_sec1_left img{
	width: 70px;
	height: 70px;
	margin : 8px 0 4px;
	float: left;
	margin-left: 12px;
	position: absolute;
	border: 1px #deddd8 solid;

}

.main_content_right_menu2_sec1_left_rank{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 8px;
	left: 12px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3.5px;
	box-sizing: border-box;

}

.rank1{
	background-color: #d8c981;
}

.rank2{
	background-color: #c8d0d0;
}

.rank3{
	background-color: #caa889;
}

.rank4{
	background-color: #86b4f5;
}

.rank5{
	background-color: #86b4f5;
}


.main_content_right_menu2_sec1_right{
	width: 130px;
	float: right;
	margin :10px 0 4px;
}

.main_content_right_menu2_sec1_right h3{
	font-size: 12px;
	height: 56px;

}

.main_content_right_menu2_sec1_right_info{
	font-size: 10px;
    color: #999999;
    text-align: right;
    padding-right: 10px;
}


#main_content_right_menu3{
	margin:30px 0 0;
	background-color:#fff;
	border: solid 1px #deddd8;

}

.main_content_right_menu3_client{
	height: 84px;
	margin: 10px 0 0;
}

.main_content_right_menu3_client:hover{
	opacity: 0.7;
}


.main_content_right_menu3_client_left{
	float:left;
	width:90px;
	text-align:center;
}

.main_content_right_menu3_client_clientimg{
	width:90px;
	margin-top: 3px;

}

.main_content_right_menu3_client_right{
	float: right;
	width: 130px;
	font-size: 12px;
	box-sizing: border-box;
	padding: 0 10px 0 0;

}

.main_content_right_menu3_client_right_name{
	font-size: 14px;
	line-height: 18px;
	/*height: 36px;*/
}


.main_content_right_snsarea{
	margin-top: 30px;
	text-align: center;
}

.main_content_right_snsarea img{
	width: 35px;
	margin: 0 19px;

}


/* ↓トップページ以外
-----------------------------*/

#breadcrumb{
	margin:20px 0 30px;
	font-size:12px;
	box-sizing: border-box;


}

#category_name{
	padding: 2px 0 0 10px;
	margin: 30px 0 10px 0;
	font-weight:bold;
    font-size: 20px;
    color: #333;
    font-weight: bold;

}

#category_name p{
	line-height: 1.0;

}

#sub_img_area{
	width: 100%;
	margin: 0 auto;
	/*background-color:#f2e9e0;*/
	background:url(img/top_bg1.png);
	background-repeat: repeat;
	height: 260px;
	text-align: center;
}

#sub_img_area img{
	margin: 30px auto 0;

}

.category_content1_sec{
	clear:both;
	width: 690px;
	height: 120px;
	margin: 20px 0 20px;

}

.category_content1_sec:hover{
	opacity: 0.7;
}

.category_content1_sec_left{
	float: left;
	width: 130px;

}

.category_content1_sec_left img{
	width: 120px;
	height: 120px;
}

.category_content1_sec_right{
	float: right;
	width: 540px;
	padding-right: 20px;
	box-sizing: border-box;
}

.category_content1_sec_right h3{
	font-size: 16px;

}

.category_content1_sec_right_title{
	font-size: 18px;
    font-weight: bold;
}

.category_content1_sec_right_sec{
	color: #999999;
	margin: 6px 0 0 0;

}

.category_content1_sec_right_info{
	color: #999999;
	margin: 6px 0 0 0;
	text-align: right;
	font-size: 14px;

}


.main_content_left_content1{
	width: 710px;
	margin: 30px 0 10px;
	background-color: #fff;
	border:solid 1px #e0ddd6;

}

.main_content_left_content1 h1{
	margin: 30px 0 0 16px;
	font-size: 20px;
	color: #333;
	font-weight:bold;

}

.main_content_left_content1_label1{
	margin: 30px 0 0 0;
	font-size: 20px;
	color: #333;
	font-weight:bold;

}

.main_content_left_content1_desp{
	font-size: 14px;
	padding: 20px 10px 20px 16px;

}

.main_content_left_content1_desp_info{
	font-size: 12px;
	color: #999999;
	margin : 6px 6px 0 0;
	float: left;
}

.main_content_left_content1_desp_date{
	font-size: 12px;
	color: #999999;
	float: right;
	margin: 6px 6px 0 0;

}

.main_content_left_content1_desp_sns{
	float: left;

}

.main_content_left_content1_sec1{
	padding:20px 20px 40px 20px;
	font-size: 14px;
    line-height: 1.6;
}

.main_content_left_content1_sec1 h2{
	padding: 2px 0 0 10px;
	margin: 30px 0 20px 0;
	font-weight:bold;
	border-left:solid #60b562;
	box-sizing: border-box;
	line-height: 1.2;
	font-size:18px;
	position: relative;
    height: 20px;
    position: relative;
    display: inline-block;
    width: 100%;	
}

.main_content_left_content1_sec1 h2:after{
	content:'';
	display: inline-block;
	background:url(img/top_bar4.png);
	background-repeat: repeat-x;
	width:100%;
	height:1px;
    position: relative;
    top: -10px;
    left: -12px;
}

.main_content_left_content1_sec1 h3{
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 16px 0;

}

.main_content_left_content1_sec1_headline1{
	background: #f9f9f9;
	border: 1px solid #aaaaaa;
	padding: 10px 20px;
	
}

.main_content_left_content1_sec1_headline1 h3{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;

}

.main_content_left_content1_sec1_headline1 h4{
	font-weight: bold;
	margin-top: 16px;
}


.main_content_left_content1_sec1_headline1 a{
	text-decoration: underline;

}


.main_content_left_content1_tag{
	padding:20px 20px 40px 20px;
	overflow: hidden;
}

.main_content_left_content1_tag li{
	float: left;
	margin: 0 12px 10px 0;
}

.main_content_left_content1_tag a{
	background-color: #49b997;
    padding: 2px 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
}

.main_content_left_content1_relation{
	margin: 0;
	font-size:14px;
	padding: 20px 0px 20px 20px;
}

.main_content_left_content1_relation h2{
	padding: 2px 0 0 10px;
	margin: 10px 0 20px 0;
	font-weight: bold;
	border-left: solid #60b562;
	box-sizing: border-box;
	line-height: 1.0;
	font-size: 18px;
	position: relative;
}

.main_content_left_content1_relation h2:after{
	content:'';
	display: inline-block;
	background:url(img/top_bar4.png);
	background-repeat: repeat-x;
	width:100%;
	height:1px;
	position: absolute;
	top: 26px;
	left: -5px;
}

.main_content_left_content1_relation_sec1{
	padding: 20px 0px 10px 0px;
	box-sizing: border-box;
	width: 630px;
	height: 160px;
    -webkit-transition: all 0.20s ease-in-out;
    transition: all 0.20s ease-in-out;
	border-bottom: 1px #deddd8 solid;
	line-height: 1.6;
}

.main_content_left_content1_relation_sec1:hover{
	opacity: 0.7;
}

.main_content_left_content1_relation_sec1 h3{
	font-weight: bold;
    font-size: 16px;

}

.main_content_left_content1_relation_sec1_left{
	width:130px;
	float: left;
}

.main_content_left_content1_relation_sec1_left img{
	width: 120px;
	height: 120px;
	border: 1px #deddd8 solid;

}

.main_content_left_content1_relation_sec1_right{
	float: left;
	margin-left: 20px;
	width: 480px;
}

.main_content_left_content1_relation_sec1_right h2{
	font-weight: bold;
}

.main_content_left_content1_relation_sec1_right_desp{
	font-size: 14px;
    color: #999999;
}

.main_content_left_content1_relation_sec1_right_info{
	font-size: 12px;
    color: #999999;
    margin-top: 6px;
    float: left;
}

.main_content_left_content1_relation_sec1_right_date{
	font-size: 12px;
    color: #999999;
    float: right;
    margin-top: 6px;
}

.main_content_left_content1_auther{
	margin: 0;
	font-size:14px;
	padding: 20px 0px 20px 20px;
	overflow: hidden;
}

.main_content_left_content1_auther h2{
	padding: 2px 0 0 10px;
	margin: 10px 0 20px 0;
	font-weight: bold;
	border-left: solid #60b562;
	box-sizing: border-box;
	line-height: 1.0;
	font-size: 18px;
	position: relative;
}

.main_content_left_content1_auther h2:after{
	content:'';
	display: inline-block;
	background:url(img/top_bar4.png);
	background-repeat: repeat-x;
	width:100%;
	height:1px;
	position: absolute;
	top: 26px;
	left: -5px;
}

.main_content_left_content1_author_left{
	float: left;
	width: 120px;

}

.main_content_left_content1_author_left_name{
	font-weight: bold;

}

.main_content_left_content1_author_left img{
	border-radius: 80px;
	border: solid 1px #deddd8;
}

.main_content_left_content1_author_right{
	float: left;
	width: 500px;

}

.main_content_left_content1_author_right p a:first-child{
	margin-top: 4px;

}

.main_content_left_content1_author_right p a{
	display: block;
	color: #00bfff;
	text-decoration: underline;
	font-weight: bold;
}

.main_content_left_content1_author_right_link{
	float: right;
	font-size: 12px;
	text-decoration: underline;

}

.main_content_left_content1_ranking1{


}


.main_content_left_content1_ranking1_sec1{
	margin: 50px auto 100px;
	width: 90%;

}

.main_content_left_content1_ranking1_sec1_h2{
	padding: 2px 0 0 10px;
	margin: 30px 0 20px 0;
	font-weight: bold;
	border-left: solid #60b562;
	box-sizing: border-box;
	line-height: 1.2;
	font-size: 18px;
	position: relative;
	height: 20px;
	position: relative;
	display: inline-block;
	width: 100%;
}


.main_content_left_content1_ranking1_sec1_h2:after{
	content: '';
	display: inline-block;
	background: url(img/top_bar4.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 1px;
	position: relative;
	top: -10px;
	left: -12px;
}


.main_content_left_content1_ranking1_sec1 h3{
	text-align: center;
	font-weight: bold;
	font-size: 18px;

}

.main_content_left_content1_ranking1_sec1_desc1{
	font-size: 16px;
    margin: 12px 6px 20px 10px;

}

.main_content_left_content1_ranking1_sec1_img{
	text-align: center;
	
}

.main_content_left_content1_ranking1_sec1_img img{
	width: 400px;

}

.main_content_left_content1_ranking1_sec1_privilege{
	text-align: center;
	margin: 4px 0;
	font-size: 16px;
	font-weight: bold;

}

.main_content_left_content1_ranking1_sec1_status{
	width: 400px;
	margin: 0 auto;
	font-size: 16px;
	margin-bottom: 10px;

}

.main_content_left_content1_ranking1_sec1_status_td_left{
	text-align: right;
	width: 50%;
	font-weight: bold;
	padding: 0 0 2px;

}

.main_content_left_content1_ranking1_sec1_status_td_right{
	text-align: left;
	width: 50%;
	padding: 0 0 2px;
}


.genretag1{
	font-weight: bold;
	background-color: #49b997;
	padding: 2px 10px;
	box-sizing: border-box;
	color: #fff;
}

.genretag1 a{
	color: #fff;

}

.genretag2{
	font-weight: bold;
	background-color: #b091d6;
	padding: 2px 10px;
	box-sizing: border-box;
	color: #fff;
}

.genretag3{
	font-weight: bold;
	background-color: #93d691;
	padding: 2px 10px;
	box-sizing: border-box;
	color: #fff;
}

.genretag4{
	font-weight: bold;
	background-color: #d6d091;
	padding: 2px 10px;
	box-sizing: border-box;
	color: #fff;
}

.genretag5{
	font-weight: bold;
	background-color: #d6ab91;
	padding: 2px 10px;
	box-sizing: border-box;
	color: #fff;
}


#sub_content_left_table1{
	width: 100%;
	font-size:14px;
	margin:20px auto 20px;

}

.sub_content_left_table1_td1{
	width:150px;
	vertical-align: middle;
	background-color:#ebf7e9;
	border: 1px #e5e5e5 solid;
	padding: 20px 15px;
}

.sub_content_left_table1_td2{
	vertical-align: middle;
	border: 1px #e5e5e5 solid;
	padding: 20px 15px;
}

.sub_content_left_table1_td3{
	width:150px;
	vertical-align: middle;
	background-color:#ebf7e9;
	border: 1px #e5e5e5 solid;
	padding: 15px 15px;
}

.sub_content_left_table1_td4{
	vertical-align: middle;
	border: 1px #e5e5e5 solid;
	padding: 15px 15px;
}

.sub_content_left_table1_td5{
	width:100%;
	vertical-align: middle;
	background-color:#ebf7e9;
	border: 1px #e5e5e5 solid;
	padding: 15px 15px;
	text-align: center;
}

.sub_content_left_table1_td6{
	width:100%;
	vertical-align: middle;
	border: 1px #e5e5e5 solid;
	padding: 15px 15px;
	text-align: center;
}

#sub_content_search{
	margin:30px 0 10px;
	box-sizing: content-box;
	background-color: #fff;
    border: solid 1px #deddd8;
    overflow: hidden;

}

#sub_content_search_table1{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px auto 0px auto;
    table-layout: fixed;
    font-size: 80%;
    background-color: #fff;

}

#sub_content_search_table1 th{
    border: 1px #e5e5e5 solid;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0 5px 0;
    background-color:#ebf7e9;

}

#sub_content_search_table1 td{
    border: 1px #e5e5e5 solid;
    line-height: 120%;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0 5px 0;
    padding:20px 0;

}

.sub_content_search_table1_menu1_img{
	width: 135px;
}

.sub_content_search_table1_menu1_img2{
	width: 135px;
}

.sub_content_search_table1_menu1{
	width: 20%;
}

.sub_content_search_table1_menu2{

}

.sub_content_search_table1_menu3{

}

.sub_content_search_table1_menu3 p:after{
	content:"円";
}

.sub_content_search_table1_menu4{

}

.sub_content_search_table1_menu4 p:after{
	content:"円";
}

.sub_content_search_table1_menu5{

}

.sub_content_search_table1_menu5 p:after{
	content:"円";
}

.sub_content_search_table1_menu6{
}

.sub_content_search_table1_menu7{


}

.sub_content_search_table1_menu7 img{
	width:120px;

}

#sub_content_search_table2{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px auto 0px auto;
    table-layout: fixed;
    font-size: 12px;
}

.sub_content_search_table2_caution{
	text-align: right;
	font-size: 10px;
	font-weight: bold;

}


#sub_content_search_table2 thead{ 
	display: block; 
	float: left;
}

#sub_content_search_table2 tbody{
    display: block; 
    width: auto; 
    position: relative; 
    overflow-x: auto; 
    white-space: nowrap; 

}

#sub_content_search_table2 th{
    width: 100%;
    padding: 10px 0 10px 0;
    border: 1px #e5e5e5 solid;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-color:#ebf7e9;
}

#sub_content_search_table2 td{
    border: 0px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 3px 10px 3px;
    border: 1px #e5e5e5 solid;
    border-collapse: collapse;

}

#sub_content_search_table2 tr{
	display: inline-block;
	padding: 0 2px;

}

.sub_content_search_table2_tr_left{
	width: 120px;
}

.sub_content_search_table2_tr_right{
	width: 180px;

}

.sub_content_search_table2_tr_right2{
	width: 180px;

}

.sub_content_search_table2_menu1_imgarea{
	width: 100%;
    display: block;
    height: 200px;
}

.sub_content_search_table2_menu1_imgareaspace{
	height: 38px;
}

.sub_content_search_table2_menu1_other{
	width: 100%;
    display: block;
    height: 26px;
}

.sub_content_search_table2_menu1_other2{
	width: 100%;
    display: block;
    height: 39px;
}

.sub_content_search_table2_menu1_circle1{
	font-size: 20px;
	padding-bottom: 6px;

}

.sub_content_search_table2_menu1_circle1_em1{
	font-size: 12px;
	font-weight: bold;

}

.sub_content_search_table2_menu1_circle1_link1{
	margin-top: 6px;
	font-weight: bold;
	font-size: 12px;

}

.height_middle0{
	line-height: 120%;

}


.height_middle1{
	line-height: 30px;

}

.height_middle2{
	line-height: 220px;

}

.height_middle3{
	line-height: 16px;
}

.sub_content_search_table2_symbol_yen:after{
	content:"円";
}

.sub_content_search_table2_symbol_double_circle{
	padding-bottom: 3px;
}

.sub_content_search_table2_symbol_double_circle:after{
	content:"◎";
	font-size: 20px;
	color: #ff0000;
}

.sub_content_search_table2_symbol_circle{
	padding-bottom: 3px;
}

.sub_content_search_table2_symbol_circle:after{
	content:"〇";
	font-size: 20px;
	color: #ff0000;
}

.sub_content_search_table2_symbol_triangle{
	padding-bottom: 3px;
}

.sub_content_search_table2_symbol_triangle:after{
	content:"△";
	font-size: 20px;
	color: #00bfff;
}


.form1_submessage{
	font-size: 14px;
	line-height: 24px;

}

.form1_required_btn{
	color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background-color: #49b997;
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
    display: inline-block;

}

.form2_textform1{
	color: #333;
    font-size: 16px;
    text-align: left;
    border: solid 1px #ccc;
    width: 100%;
    height: 25px;

}

.form2_textareaform1{
    color: #333;
    font-size: 16px;
    text-align: left;
    border: solid 1px #ccc;
    width: 100%;

}
.form2_submit_area{
	padding:20px 0 0;
	text-align: center;

}

.form2_thanks_message{
	padding:20px 0;
	text-align: center;

}

.client_service_content1{
	width:570px;
	margin: 0 auto;
}

.client_service_content1_sec1_img{
	text-align: center;
	margin:30px 0;
}

.client_service_content1_sec1_img img{
	width: 400px;

}

.client_service_content1_sec1_img2{
	text-align: center;
	margin:30px 0;
}

.client_service_content1_sec1_img2 img{
	width: 300px;

}

.client_service_content1_sec1_graph1{
	width:400px;
	height:320px;

}

.client_service_totalpoint{
	font-size:20px;
	font-weight: bold;
	color: #78ba7a;

}

.client_service_button1{
	text-align: center;
	margin:50px 0 30px;
}

.client_service_sec1{
	margin: 50px 0 0;
	font-size: 16px;
}

.client_service_sec1 p{
	padding-left:10px;

}

.client_service_sec2{
	margin: 0;
	font-size: 16px;
}

.client_service_sec2 h3{
	margin: 30px 0 4px 0;
	color: #49b997;
    font-weight: bold;
    font-style: normal;
    background: linear-gradient(transparent 60%, #fcfbcf 60%);
    display: inline-block;
}

.client_service_sec2 h3::before{
  content: "・";
}


.client_service_sec2 p{
	padding-left:10px;

}

.client_service_sec2 table{
	font-size: 14px;
}


.client_service_sec2 table td{
	border: 1px #e5e5e5 solid;
	padding: 15px 15px;
}

.client_service_sec2 table .th_bg{
	background-color: #ebf7e9;
}

.client_service_em1{
	font-weight: bold;
	color: #fa7397;
	font-size: 16px;
	margin-bottom: 6px;

}

.client_review_sec1{
	font-size:14px;
	margin:30px 0 30px;
}

.client_review_sec1_left{
	float:left;
	width:55px;
	height:70px;

}

.client_review_sec1_left img{
	width:50px;

}

.client_review_sec1_right{
	float:left;
	padding:10px 0 0;
}

.client_review_sec1_content{
	clear:both;
	padding: 10px 10px 0px 10px;
	background-color: #fff;
    border: solid 1px #deddd8;
    border-radius: 10px;
    position: relative;
}

.client_review_sec1_content:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 5%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #ffffff;
 	z-index: 2;
}

.client_review_sec1_content:after{
	content: "";
	position: absolute;
	top: -28px;
	left: 5%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #deddd8;
 	z-index: 1;
}

.client_review_sec1_detai11{
	font-size:12px;
	padding: 0 0 10px;
}

.client_review_sec1_pagination{
	text-align: center;
	margin:0 0 30px;
}

.client_service_remark{
	margin-top: 30px;
	text-align: right;
}


.page-numbers{
	font-weight: bold;
    background-color: #49b997;
    color: #fff;
    margin:0 5px;
    padding:0 5px;
    border-radius: 5px;
}

.current{
	color: #78ba7a;
	background-color: #fff;
}


.next,.prev{

}

/* ↓ブログ用
-----------------------------*/


.blog_center {
    text-align: center;
    margin-bottom: 0px;
}

.blog_center img {
	mix-width: 100%;
	min-width: 60%;

}

.blog_center2 {
    text-align: center;
    margin: 10px 0 0;
}

.blog_center2 img {
	mix-width: 100%;
	min-width: 60%;

}

.blog_link1 {
    font-weight: bold;
    color: #49b997;
    font-size: 18px;
    text-decoration: underline;
}

/* ↓フッター
-----------------------------*/

footer{
	clear:both;
	width:100%;
	text-align: center;
	/*background-color:#48a74b;*/
	padding:20px 0 0px;
	color:#333;
}

footer a{
	color:#333;
	margin:0 20px;
}

#footer_menu{
	margin-bottom:20px;

}

.footer_bar1{
    background: url(img/head_bar1.png);
    background-repeat: repeat-x;
    height: 10px;
    margin-top: 20px;
}


/* ------------------------------
   上部へスクロール
------------------------------ */

#pageTop {
  position: fixed;
  bottom: 28px;
  right: 28px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 0 0 0 0;
  border-radius: 70px;
  width: 70px;
  height: 70px;
  background-color: #49b997;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#pageTopImg{
	padding:7px 0 0 0;

}

/* ↓画像投稿用(cropper)
-----------------------------*/

#crop_area_box1{
	width: 400px;
	margin: 0 auto;
}

#crop_area_box2{
	width: 400px;
	margin: 0 auto;
}

.crop_button_area{
	padding: 20px 0;
	width: 400px;
	margin: 0 auto;
	text-align: center;
}


/* ↓追加
-----------------------------*/

.button3 {
    display: block;
    position: relative;
    width: 80%;/*ボタンの幅*/
    padding: 10px 0;
    margin: 5px auto;
    background-color: #ed4545;/*ボタンの色*/
    border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}
.button3:hover {
    text-decoration: none;
    color: #fff;
}
.button3::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: button3 3s ease-in-out infinite;
}
@-webkit-keyframes button3 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.button3__text-outer{
	text-align: center;
	color: #f85983;
	font-weight: bold;
	font-size: 16px;
	margin: 30px 0 40px;
}

.button4 {
    display: block;
    position: relative;
    width: 80%;/*ボタンの幅*/
    padding: 10px 0;
    margin: 5px auto;
    background-color: #5ccddf;;/*ボタンの色*/
    border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}
.button4:hover {
    text-decoration: none;
    color: #fff;
}
.button4::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: button3 3s ease-in-out infinite;
}
@-webkit-keyframes button3 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.button4__text-outer{
	text-align: center;
	color: #5ccddf;
	font-weight: bold;
	font-size: 16px;
	margin: 30px 0 40px;
}


.client_service_sec2 table{
	width: 100%;
}


.client_service_sec2 table th{
	font-weight: bold;
	text-align: left;
	background-color: #fff;
	border: solid 1px #deddd8;
	padding: 6px 8px 6px 8px;

}

.client_service_sec2 table td{
	text-align: left;
	padding-left: 3px;
	border: solid 1px #deddd8;
	padding: 6px 8px 6px 8px;
}

.single1 table{
	width: 100%;
}

 
.single1 table th{
	font-weight: bold;
	text-align: left;
	background-color: #fff;
	border: solid 1px #deddd8;
	padding: 6px 8px 6px 8px;

}

.single1 table td{
	text-align: left;
	padding-left: 3px;
	border: solid 1px #deddd8;
	padding: 6px 8px 6px 8px;
}

.table1 table{
	width: 100%;
}

 
.table1 table th{
	font-weight: bold;
	text-align: left;
	background-color: #fff;
	border: solid 1px #deddd8;
	padding: 6px 8px 6px 8px;

}

.table1 table td{
	text-align: left;
	padding-left: 3px;
	border: solid 1px #deddd8;
	padding: 6px 8px 6px 8px;
}

.speechbubble{
    text-align: left;
}

.speechbubble--type1{
    font-size: 14px;
    margin: 0 0 30px;
}

.speechbubble--type1 .speechbubble__image{
	float: left;
	width: 55px;
	height: 70px;
}

.speechbubble--type1 .speechbubble__image img{
	width: 50px;
	border-radius: 60px;
}

.speechbubble--type1 .speechbubble__body{
	float: left;
    padding: 10px 0 0;
}

.speechbubble--type1 .speechbubble__bubble{
    clear: both;
    padding: 10px 10px 0px 10px;
    background-color: #eee;
    border: solid 1px #deddd8;
    border-radius: 10px;
    position: relative;
}


.speechbubble--type1 .speechbubble__bubble:before{
    content: "";
    position: absolute;
    top: -24px;
    left: 4%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-bottom: 12px solid #eee;
    z-index: 2;
}

.speechbubble--type1 .speechbubble__bubble:after{
	content: "";
	position: absolute;
	top: -28px;
	left: 4%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #deddd8;
 	z-index: 1;
}

.speechbubble--type1 .speechbubble__bubble p{
    padding-left: 10px;
}

.speechbubble--type1 .speechbubble__detail{
    font-size: 12px;
    padding: 0 0 10px;
}

.speechbubble--type1 .speechbubble__reference{
    font-size: 12px;
    padding: 0 0 10px;
    text-align: right;
}


/* ↓スマホ用・レスポンシブ対応
-----------------------------*/
@media screen and (max-width: 640px) {



/* ↓基本設定(レスポンシブ用)
-----------------------------*/

.pc_none {
	display:inline;

}

.pc_block_none {
	display:block;

}

.sp_none { 
	display:none;

}

body {
	line-height:1.5;

}


/* ↓共通(レスポンシブ用)
-----------------------------*/

.em1{
	font-size: 110%;

}


.main_bar5{
	background:url(img/top_bar5.png);
	height: 13px;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 5px;
	
}



/* ↓ヘッダー(レスポンシブ用)
-----------------------------*/
header{
	width: 100%;
	margin: 0 auto;
	height: 32px;
}

#header_container{
	width: 100%;
	margin: 5px auto;
	position: relative;

}

#header_container h1{
	float: none;
	text-align: center;

}

#header_container h1 img{
	margin-top: 2px;
	width: 150px;
}

#header_desp {
	float:none;
	width:90%;
	margin: 15px auto 20px;
}

#header_menu {
	clear:both;
	padding:5px 0 0;
	width:100%;
	
}

#header_menu img{
	width:49%;
}

#header_desp2{
	margin:10px 0 0 15px;
	font-size: 14px;
}

/*ナビ*/
#nav-drawer {
	position: relative;
	float:left;
	top: -32px;
	left: 17px;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
	position: absolute;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 3px;/*線の太さ*/
	width: 18px;/*長さ*/
	border-radius: 3px;
	background: #848484;
	display: block;
	content: '';
	cursor: pointer;
}
#nav-open span:before {
	bottom: -7px;
}
#nav-open span:after {
	bottom: -14px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}


/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;/*最前面に*/
	width: 60%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 330px;/*最大幅（調整してください）*/
	height: 100%;
	background: #fff;/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


/*ナビ2*/
#nav-drawer2 {
	position: relative;
	float:right;
	top: -32px;
	right: 36px;
}

/*チェックボックス等は非表示に*/
.nav-unshown2 {
	display:none;
}

/*アイコンのスペース*/
#nav-open2 {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
	position: absolute;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open2 span img{
	width: 18px;

}


/*閉じる用の薄黒カバー*/
#nav-close2 {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}


/*中身*/
#nav-content2 {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;/*最前面に*/
	width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
	height: 27%;
	background: #fff;/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(170%);
	transform: translateX(170%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input2:checked ~ #nav-close2 {
	display: block;/*カバーを表示*/
	opacity: .5;
}

#nav-input2:checked ~ #nav-content2 {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}



.header_menu1_sp{
	margin: 20px 0 0;
	font-size: 14px;
	background-color: #fff;
	border: solid 1px #deddd8;
	border-radius: 3px;

}

.header_menu1_sp h2{
	padding: 14px 0 0 30px;
	font-size: 16px;
	

}

.header_menu1_sp_desc{
	padding: 0 0 0px 30px;
	font-size: 12px;
	color: #999999;
	

}


.header_menu1_sp_hr {
	height: 1px;
	border: none;
	border-top: 1px #deddd8 solid;
	margin-top: 10px;
}

.header_menu1_sp_navi1{
	text-align: left;

}

.header_menu1_sp_navi1 li{
	padding: 10px 0 10px 30px;
	color: #333030;
	border-bottom: solid 1px #deddd8;
	position: relative;
	-webkit-transition: all 0.20s ease-in-out;
    transition: all 0.20s ease-in-out;

}

.header_menu1_sp_navi1 li:hover{
	background: #f7f7f7;
}

.header_menu2_sp{
	margin: 20px 0 0;
	font-size: 14px;
	background-color: #fff;
	border: solid 1px #deddd8;
	border-radius: 3px;

}

.header_menu2_sp h2{
	padding: 14px 0 0 0px;
	font-size: 16px;
	text-align: center;

}

.header_menu2_sp_desc{
	padding: 0 0 0px 0px;
	font-size: 12px;
	color: #999999;
	text-align: center;
	

}

#header_menu2_sp_search {
	position: static;
	width: 200px;
	top: 0;
	right: 0;
	margin: 10px auto 0;
}

#header_menu2_sp_search form {
	position: relative;

}

#header_menu2_sp_search_text {
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	border: solid 1px #ccc;
	width: 200px;
	height: 30px;
	box-sizing: border-box;
}

#header_menu2_sp_search_submit {
	border: solid 1px #ccc;
	border-left: none;
	box-sizing: border-box;
	position: absolute;
	height: 30px;
	padding: 5px 10px;
}


/* ↓トップページ(レスポンシブ用)
-----------------------------*/
#main{
	width: 100%;
}

#main_img_area{
	height: 160px;
}

#main_img_area img{
	margin: 20px auto 0;
	width: 100%;

}

#main_content{
	width:100%;

}

#main_content_left{
	width: 100%;
	float: none;

}

#main_content_left_search{
	width: 100%;
	margin: 0px auto 10px;

}

#main_content_left_search_menu_img1{
	width: 95%;
}

.main_content_left_search_desp{
	font-size: 14px;

}

#main_content_left_search_content1{
	width:95%;
	margin: 0 auto;
	font-size: 12px;

}

#main_content_left_search_content1 td{
	padding: 20px 0px 20px 15px;
}

.main_content_left_serach_td1{
	width:60px;
}

#main_content_left_rank1{
	padding: 0 0px;
	margin: 0px auto 10px;
	width: 100%;
}

#main_content_left_rank1_img{

}

#main_content_left_rank1_img img{
	width: 95%;
	
}

.main_content_left_rank1_desp{
	font-size: 14px;
}

.main_content_left_rank1_desp2{
	font-size: 14px;
}

.main_content_left_rank1_client{
	width: 44%;
	height: 350px;
	margin:10px 10px 10px 10px;
	float:left;
	border:solid 1px #deddd8;
	box-sizing: border-box;
	padding: 4px 4px 10px 4px;
}

.main_content_left_rank1_client:hover{
	opacity: 0.7;
}

.main_content_left_rank1_client_rank{
	text-align: center;
}

.main_content_left_rank1_client_clientimg{
	text-align: center;
}

.main_content_left_rank1_client_clientimg img{
	width: 120px;
	margin-top: 0px;
}

.main_content_left_rank1_client_name{
	font-size: 14px;
	line-height: 18px;
	margin-top: 6px;
	text-align: center;

}

.main_content_left_rank1_client_point{
	font-size: 14px;
	text-align: center;
	margin-top: 4px;
}

.main_content_left_rank1_client_desp{
	font-size: 12px;
	line-height: 16px;
	margin-top: 6px;

}


#main_content_left_rank2{
	padding: 20px 0 0;
	margin: 30px auto 10px;
	width: 100%;
}


#main_content_left_rank2_img img{
	width: 95%;
}

.main_content_left_rank2_desp{
	font-size: 14px;

}

.main_content_left_rank2_client{
	width: 27%;
	margin:10px 20px 30px 0;
	float: left;
	font-size: 14px;
}

.main_content_left_rank2_client_submenu{
	text-align: center;
}

.main_content_left_rank2_client_submenu img{
	width: 100px;

}

.main_content_left_rank2_client_sec{
	position:relative;
	width: 105px;
	height: 170px;
	margin:6px 10px 10px 10px;	
	border:solid 1px #deddd8;
	box-sizing: border-box;
	overflow:hidden;
}

.main_content_left_rank2_client_sec: hover{
	opacity: 0.7;
}

.main_content_left_rank2_client_sec_name{
    line-height: 18px;
    margin-top: 6px;
    text-align: center;
    font-size: 12px;
}

.main_content_left_rank2_client_sec_clientimg{
	text-align: center;
	
}

.main_content_left_rank2_client_sec_clientimg img{
	width: 80px;
	margin-top: 10px;

}

.main_content_left_rank2_client_sec_rank{
	position: absolute;
	top: 2px;
	left: 4px;

}

.main_content_left_rank2_client_sec_point{
	font-size: 12px;
	text-align: center;
	margin-top: 4px;

}


.main_content_left_rank2_button1{
	clear:both;
	padding:30px 0 0px;
	text-align:center;

}


#main_content_right{
	width:100%;
	float:none;
	clear:both;

}

#main_content_right_guide1{
	margin:30px auto 0;
	background:url(img/sidebar_guide1_bg_m.png) repeat-x;
	height:469px;
	width:90%;
	border-radius: 10px;

}

#main_content_right_guide1_img2{
	position:absolute;
	top:0px;
	left:260px;


}

#main_content_right_menu1{
	text-align: center;

}

#main_content_right_menu2{
	margin: 30px auto 0;
	width: 90%;
}

#main_content_right_menu2 h2{
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	margin: 0 0 10px 0;
	display: block;
	background:url(img/sidebar_menu_menubg_m.png) repeat;
}

#main_content_right_menu2 img{
	width: 100%;

}

.main_content_right_menu2_sec1{
	height: auto;
	overflow: hidden;
}

.main_content_right_menu2_sec1:hover{
	opacity: 0.7;
}

.main_content_right_menu2_sec1_left{
	width: 30%;
	position: relative;

}

.main_content_right_menu2_sec1_left img{
	width: 100%;
	height: auto;
	margin : 8px 0 4px;
	float: left;
	margin-left: 12px;
	position: absolute;
	border: 1px #deddd8 solid;

}

.main_content_right_menu2_sec1_left_rank{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 8px;
	left: 12px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3.5px;
	box-sizing: border-box;

}

.main_content_right_menu2_sec1_right{
	width: 60%;
	float: right;
	margin :10px 0 4px;
}

.main_content_right_menu2_sec1_right h3{
	font-size: 14px;
	height: 56px;

}

.main_content_right_menu2_sec1_right_info{
	font-size: 12px;
    color: #999999;
    text-align: right;
    padding-right: 10px;
}

.main_content_right_menu2_sec1_right_info a{
	color: #999999;

}

#main_content_right_menu3{
	margin: 30px auto 0;
	background-color: #fff;
	border: solid 1px #deddd8;
	width: 90%;

}

#main_content_right_menu3 h2{
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	margin: 0 0 16px 0;
	display: block;
	background:url(img/sidebar_menu_menubg_m.png) repeat;
}

#main_content_right_menu3 img{
	width: 100%;

}

.main_content_right_menu3_client{
	height: auto;
	overflow: hidden;
	margin: 10px 0 0;
}


.main_content_right_menu3_client_left{
	float: left;
	width: 35%;
	text-align: center;
}

.main_content_right_menu3_client_clientimg{
	width: 100%;
	margin-top: 3px;

}

.main_content_right_menu3_client_right{
	float: right;
	width: 60%;
	font-size: 14px;
	box-sizing: border-box;
	padding: 0 10px 0 0;
}

.main_content_right_menu3_client_right_name{
	font-size: 14px;
	line-height: 18px;
	height: 26px;
}


/* ↓トップページ以外(レスポンシブ用)
-----------------------------*/

#breadcrumb{
	width:95%;
	padding: 0 0 0 10px;

}

#category_name{
	padding: 2px 0 0 0px;
	margin: 10px auto 10px;
	width: 100%;

}

#sub_img_area{
	height: 120px;
}

#sub_img_area img{
	margin: 20px auto 0;
	width:100%;

}

.category_content1_sec{
	width: 100%;

}

.category_content1_sec_left{
	width: 35%;

}

.category_content1_sec_left img{
	width: 100%;
	height: auto;
	margin: 0;
}

.category_content1_sec_right{
	width: 60%;
}


.category_content1_sec_right_title{
	font-size: 14px;
}

.category_content1_sec_right_sec{
	font-size: 12px;
	
}

.category_content1_sec_right h3{
	font-size: 14px;
}

.category_content1_sec_right_info{
	font-size: 12px;
}

.main_content_left_content1{
	width:95%;
	margin:30px auto 10px;

}

.main_content_left_content1_h1{
	text-align: center;

}

.main_content_left_content1 h1{
	margin:30px 0 0 0;
	text-align:center;
	font-size: 20px;
	color: #49b997;
	font-weight:bold;

}

.main_content_left_content1_label1 {
	margin:60px 0 0 0;
	text-align:center;
	font-size: 20px;
	color: #49b997;
	font-weight:bold;
}

.main_content_left_content1_sec1{
	padding:20px 20px 40px 20px;
	font-size: 14px;
    line-height: 1.6;
}

.main_content_left_content1_relation{
	margin: 0;
	font-size:14px;
	padding: 20px 0px 20px 20px;
}

.main_content_left_content1_relation h2{
	padding: 2px 0 0 10px;
	margin: 10px 0 20px 0;
	font-weight: bold;
	border-left: solid #60b562;
	box-sizing: border-box;
	line-height: 1.0;
	font-size: 18px;
	position: relative;
}

.main_content_left_content1_relation h2:after{
	content:'';
	display: inline-block;
	background:url(img/top_bar4.png);
	background-repeat: repeat-x;
	width:100%;
	height:1px;
	position: absolute;
	top: 26px;
	left: -5px;
}

.main_content_left_content1_relation_sec1{
	padding: 20px 0px 10px 0px;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
    -webkit-transition: all 0.20s ease-in-out;
    transition: all 0.20s ease-in-out;
	border-bottom: 1px #deddd8 solid;
	line-height: 1.6;
}

.main_content_left_content1_relation_sec1:hover{
	opacity: 0.7;
}

.main_content_left_content1_relation_sec1 h3{
	font-weight: bold;
    font-size: 14px;

}

.main_content_left_content1_relation_sec1_left{
	width: 25%;
	float: left;
}

.main_content_left_content1_relation_sec1_left img{
	width: 100%;
	height: auto;
	border: 1px #deddd8 solid;

}

.main_content_left_content1_relation_sec1_right{
	float: right;
	margin-left: 0px;
	width: 70%;
}

.main_content_left_content1_relation_sec1_right h2{
	font-weight: bold;
}

.main_content_left_content1_relation_sec1_right_desp{
	font-size: 14px;
    color: #999999;
}

.main_content_left_content1_relation_sec1_right_info{
	font-size: 12px;
    color: #999999;
    margin-top: 6px;
    float: left;
}

.main_content_left_content1_relation_sec1_right_date{
	font-size: 12px;
    color: #999999;
    float: none;
    margin-top: 6px;
}

.main_content_left_content1_auther{
	margin: 0;
	font-size:14px;
	padding: 20px 0px 20px 20px;
	overflow: hidden;
}

.main_content_left_content1_auther h2{
	padding: 2px 0 0 10px;
	margin: 10px 0 20px 0;
	font-weight: bold;
	border-left: solid #60b562;
	box-sizing: border-box;
	line-height: 1.0;
	font-size: 18px;
	position: relative;
}

.main_content_left_content1_auther h2:after{
	content:'';
	display: inline-block;
	background:url(img/top_bar4.png);
	background-repeat: repeat-x;
	width:100%;
	height:1px;
	position: absolute;
	top: 26px;
	left: -5px;
}

.main_content_left_content1_author_left{
	float: left;
	width: 30%;

}

.main_content_left_content1_author_left_name{
	font-weight: bold;

}

.main_content_left_content1_author_left img{
	border-radius: 100%;
	border: solid 1px #deddd8;
}

.main_content_left_content1_author_right{
	float: left;
	width: 60%;

}

.main_content_left_content1_author_right p{
	font-size: 12px;

}

.main_content_left_content1_author_right p a:first-child{
	margin-top: 4px;

}

.main_content_left_content1_author_right p a{
	display: block;
	color: #00bfff;
	text-decoration: underline;
	font-weight: bold;
}

.main_content_left_content1_author_right_link{
	float: right;
	font-size: 12px;
	text-decoration: underline;

}

.main_content_left_content1_ranking1{

}


.main_content_left_content1_ranking1_sec1{
	margin: 50px auto 100px;
	width: 90%;
	font-size: 14px;

}

.main_content_left_content1_ranking1_sec1 h3{
	text-align: center;
	font-weight: bold;
	font-size: 18px;

}

.main_content_left_content1_ranking1_sec1_img{
	text-align: center;
	
}

.main_content_left_content1_ranking1_sec1_img img{
	width: 220px;

}

.main_content_left_content1_ranking1_sec1_privilege{
	text-align: center;
	margin: 4px 0;
	font-size: 16px;
	font-weight: bold;

}

.main_content_left_content1_ranking1_sec1_status{
	width: 300px;
	margin: 0 auto;
	font-size: 14px;
	margin-bottom: 10px;

}

.main_content_left_content1_ranking1_sec1_status_td_left{
	text-align: right;
	width: 45%;
	font-weight: bold;
	padding: 0 0 2px;

}

.main_content_left_content1_ranking1_sec1_status_td_right{
	text-align: left;
	width: 65%;
	padding: 0 0 2px;
}


#sub_content_left_table1{
	width: 100%;

}

.sub_content_left_table1_td1{
	width: 70px;
	font-size: 10px;
}

.sub_content_left_table1_td2{


}

.sub_content_left_table1_td3{
	width: 70px;
}

.sub_content_left_table1_td5{
	width: 70px;
}


#sub_content_search{
	width;1000px;
	margin:30px 0 10px;

}

#sub_content_search_table1{
    width: 90%;
    font-size: 10px;

}

#sub_content_search_table1 thead{ 
	display: block; 
	float: left;
}

#sub_content_search_table1 tbody{
    display: block; 
    width: auto; 
    position: relative; 
    overflow-x: auto; 
    white-space: nowrap; 

}


#sub_content_search_table1 th{
    width: 100%;
    padding: 10px 0 10px 0;
}

#sub_content_search_table1 td{
    border: 0px;
    line-height: 120%;
    text-align: center;
    vertical-align: middle;
    padding: 10px 3px 10px 3px;
    border: 1px #e5e5e5 solid;
    border-collapse: collapse;

}

#sub_content_search_table1 tr{
	display: inline-block;
	padding: 0 2px;
	width: 100px;

}


.sub_content_search_table1_menu1{
	 width: 100%;
	 display: block;
	 height: 100px;
}

.sub_content_search_table1_menu1_img{
	width: 80px;
}

.sub_content_search_table1_menu1_img2{
	width: 70px;
}

.sub_content_search_table1_menu1_title{
	width: 100px;

}

.sub_content_search_table1_menu2{
	 width: 100%;
	 display: block;
	 text-align: left;
}

.sub_content_search_table1_menu2 p{
	width:60%;
	margin: 0 auto;

}

.sub_content_search_table1_menu2 p:before{
	content: "";

}

.sub_content_search_table1_menu3{
	 width: 100%;
	 display: block;
}

.sub_content_search_table1_menu3 p{
	width:60%;
	margin: 0 auto;

}

.sub_content_search_table1_menu3 p:before{
	content: "";

}

.sub_content_search_table1_menu3 p:after{
	content:"円";
}

.sub_content_search_table1_menu4{
	 width: 100%;
	 display: block;
}

.sub_content_search_table1_menu4 p:before{
	content: "";

}

.sub_content_search_table1_menu4 p:after{
	content:"円";
}

.sub_content_search_table1_menu5{
	 width: 100%;
	 display: block;
}

.sub_content_search_table1_menu5 p:before{
	content:"";
}

.sub_content_search_table1_menu5 p:after{
	content:"円";
}

.sub_content_search_table1_menu6{
	 width: 100%;
	 display: block;
}

.sub_content_search_table1_menu6 p:before{
	content:"";
}

.sub_content_search_table1_menu7{
	 width: 100%;
	 display: block;
	 margin:0 0 30px;

}

.sub_content_search_table1_menu7 img{
	width:250px;

}

#sub_content_search_table2{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px auto 0px;
    table-layout: fixed;
    font-size: 10px;

}

.sub_content_search_table2_caution{
	text-align: right;
	font-size: 10px;
	font-weight: bold;

}


#sub_content_search_table2 thead{ 
	display: block; 
	float: left;
}

#sub_content_search_table2 tbody{
    display: block; 
    width: auto; 
    position: relative; 
    overflow-x: auto; 
    white-space: nowrap; 

}

#sub_content_search_table2 th{
    width: 100%;
    padding: 10px 0 10px 0;
    border: 1px #e5e5e5 solid;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-color:#ebf7e9;
}

#sub_content_search_table2 td{
    border: 0px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 3px 10px 3px;
    border: 1px #e5e5e5 solid;
    border-collapse: collapse;

}

#sub_content_search_table2 tr{
	display: inline-block;
	padding: 0 2px;

}

.sub_content_search_table2_tr_left{
	width: 70px;
}

.sub_content_search_table2_tr_right{
	width: 30%;

}

.sub_content_search_table2_tr_right2{
	width: 29.8%;

}

.sub_content_search_table2_menu1_imgarea{
	width: 100%;
    display: block;
    height: 150px;
}

.sub_content_search_table2_menu1_imgareaspace{
	height: 38px;
}

.sub_content_search_table2_menu1_other{
	width: 100%;
    display: block;
    height: 26px;
}

.sub_content_search_table2_menu1_circle1{
	font-size: 20px;
	padding-bottom: 6px;

}

.sub_content_search_table2_menu1_circle1_em1{
	font-size: 12px;
	font-weight: bold;

}

.sub_content_search_table2_menu1_circle1_link1{
	margin-top: 6px;
	font-weight: bold;
	font-size: 12px;

}


.height_middle2{
	line-height: 140px;
}

.form1_required_btn{
    font-size: 10px;

}

.form2_textform1{
	color: #333;
    font-size: 16px;
    text-align: left;
    border: solid 1px #ccc;
    width:  95%;
    height: 25px;

}

.form2_textareaform1{
    color: #333;
    font-size: 16px;
    text-align: left;
    border: solid 1px #ccc;
     width: 95%;

}

#client_review_img{
	width: 90%;
}


.client_service_content1_sec1_img img{
	width: 200px;

}

.client_service_content1_sec1_img2{
	text-align: center;
	margin:30px 0;
}

.client_service_content1_sec1_img2 img{
	width: 200px;

}

.client_service_content1_sec1_graph1{
	width:280px;
	height:200px;

}

.client_service_totalpoint{
	font-size:16px;
	font-weight: bold;
	color: #78ba7a;

}

.client_service_sec1{
	margin:0;
	font-size:14px;
	margin: 0 0 30px 0;
}

.client_service_sec2{
	margin:0;
	font-size:14px;
	margin: 0 0 30px 0;
}

.client_review_sec1_detai11{
	font-size:12px;
	padding: 0 0 10px 10px;
}


.client_review_sec1_content:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 9%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #ffffff;
 	z-index: 2;
}

.client_review_sec1_content:after{
	content: "";
	position: absolute;
	top: -28px;
	left: 9%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #deddd8;
 	z-index: 1;
}

/* ↓ブログ用
-----------------------------*/


.blog_center {
    text-align: center;
    margin-bottom: 20px;
}


.blog_center img{
    width: 90%;
    height: 90%;
}

.blog_center2 {
    text-align: center;
    margin-bottom: 20px;
}


.blog_center2 img{
    width: 100%;
    height: 100%;
}

/* ↓フッター(レスポンシブ用)
-----------------------------*/

footer{
	clear: both;
	width: 100%;
	text-align: center;
	padding: 20px 0 0;
	font-size: 14px;
}

footer a{
	margin:0 20px;
}

#footer_menu{
	margin-bottom:10px;

}

/* ------------------------------
   上部へスクロール
------------------------------ */

#pageTop a {
	width: 60px;
	height: 60px;
}
 

#pageTopImg{
	padding:8px 0 0 0;
	width:40px;
}

/* ↓画像投稿用(cropper)
-----------------------------*/

#crop_area_box1{
	width: 100%;
	height: 400px;
	margin: 0 auto;
}

#crop_area_box2{
	width: 95%;
	margin: 0 auto;
}

.crop_button_area{
	padding: 20px 0;
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

#crop_area_result1{
	width: 90%;
}

/* ↓追加
-----------------------------*/

.button3 {
    width: 95%;/*ボタンの幅*/
}

.table{
	width: 95%;
	font-size: 14px;
	margin: 20px auto 20px;
}

.table .type1{
	width: 70px;
}


}