@charset "utf-8";
/* ===================================================================

CSS information

 style info :common CSS

=================================================================== */

/* ----------------------------------------------------
	基本設定
---------------------------------------------------- */
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body{
	color: #333;
	font-size: 12px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	background-color: #fff;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	min-width:320px;
	margin: 0 auto;
}
a{color:#333;text-decoration: none;}
/*a:link { color:#333;text-decoration:none; }
a:visited { color:#333; }
a:hover { color:#333;text-decoration: underline; }
a:active { color:#333; }*/




/* ----------------------------------------------------
	#wrap
---------------------------------------------------- */
#wrap{
}

/* ----------------------------------------------------
	header
---------------------------------------------------- */
header{}
header .name{
	font-size: 10px;
	background: #d9d9d9;
	text-align: right;
	padding: 3px 5px;
}
header .inner{
	padding: 10px;
}
#logo{
	float: left;
	margin: 3px 0 0 0;
}
header .inner table{
	float: right;
}
header .inner table td{
	font-size: 11px;
	padding: 0 1px 2px;
	vertical-align: bottom;
}
header .inner table td.txt{
	font-size: 9px;
	color: #6093bf;
}
header .inner table td .icon{
	font-size: 8px;
	display: block;
	padding: 3px;
	color: #fff;
	background: #005bac;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

/* ----------------------------------------------------
	nav
---------------------------------------------------- */
nav{}
#main_nav{
	border-left: 1px solid #fff;
	width: 100%;
	display: table;
	table-layout: fixed;
	border-collapse: collapse
}
#main_nav li{
	display: table-cell;
	border: 1px solid #fff;
}

#main_nav li a{
	color: #fff;
	font-size: 10px;
	text-align: center;
	display: block;
	height: 60px;
	vertical-align: bottom;
	padding: 41px 0 5px 0;
}
/*マイメニュー*/
#nav01{
	background: #005bac url(../../img/shared/icn_mymenu.png) no-repeat center 10px;
	background-size: 33px 24px;
}
/*会員証*/
#nav02{
	background: #00a3ad url(../../img/shared/icn_card.png) no-repeat center 10px;
	background-size: 33px 24px;
}
/*専用メニュー*/
#nav03{
	background: #70c602 url(../../img/shared/icn_menu.png) no-repeat center 10px;
	background-size: 33px 24px;
}
/*さがす*/
#nav04{
	background: #f39a0d url(../../img/shared/icn_search.png) no-repeat center 10px;
	background-size: 33px 24px;
}
/*ライフプラン*/
#nav05{
	background: #887360 url(../../img/shared/icn_lifeplan.png) no-repeat center 12px;
	background-size: 22px 23px;
}
/*お問い合わせ*/
#nav06{
	background: #887360 url(../../img/shared/icn_mail.png) no-repeat center 12px;
	background-size: 27px 19px;
}
/*WELBOXへ*/
#nav07{
	background: #005bac url(../../img/shared/icn_welbox.png) no-repeat center 10px;
	background-size: 33px 24px;
}


/*マイメニュー*/
#mymenu{
	display: none;
	background: #005bac;
	border-top: 1px solid #fff;
}
#mymenu li.id{
	color: #fff;
	padding: 14px 10px;
	border-bottom: 1px solid #fff;
	font-size: 13px;
	text-align: center;
}
#mymenu a{
	color: #fff;
	padding: 14px 10px;
	border-bottom: 1px solid #fff;
	font-size: 13px;
}
#mymenu a .font{color: #fff;}


/*自社メニュー*/
#housemenu{
	display: none;
	background: #70c602;
	border-top: 1px solid #fff;
}
#housemenu li.id{
	color: #fff;
	padding: 14px 10px;
	border-bottom: 1px solid #fff;
	font-size: 17px;
	font-weight: bold;
}
#housemenu a{
	color: #fff;
	padding: 14px 10px;
	border-bottom: 1px solid #fff;
	font-size: 13px;
}
#housemenu a .font{color: #fff;}

#housemenu .portal_top{
	background: url(../../img/shared/icn_company.png) no-repeat 10px 14px;
	background-size: 19px 19px;
}
#housemenu .portal_top a{
	padding: 14px 10px 14px 40px;
}

/*さがす*/
#searchmenu{
	display: none;
	background: #f39a0d;
	border-top: 1px solid #fff;
}
#searchmenu .top{
	margin: 0 20px;
	padding: 10px 0 1px 0;
}
#searchmenu .top .form{margin: 0 0 10px 0;}
#searchmenu .top .search_keyword{
	background: #fff;
}
#searchmenu .position,
#searchmenu .station{
	background: #fff;
	position: relative;
	margin: 0 0 10px 0;
}
#searchmenu .position a,
#searchmenu .position span,
#searchmenu .station a,
#searchmenu .station span{
	color: #333;
}
#searchmenu .position a,
#searchmenu .station a{
	display: block;
	text-align: center;
	padding: 6px 10px 14px;
	height: auto;
}
#searchmenu .position span{
	font-size: 25px;
	line-height: 1.0;
	text-align: left;
	color: #f39a0d;
	position: relative;
	top: 4px;
	left: 0px;
	margin: 0 10px 0 0;
}
#searchmenu .station span{
	font-size: 25px;
	line-height: 1.0;
	text-align: left;
	color: #f39a0d;
	position: relative;
	top: 4px;
	left: 0px;
	margin: 0 10px 0 0;
}
#searchmenu hr{
	border: none;
	height: 1px;
	background: #fff;
	margin: 5px 10px;
}
#searchmenu .list{
	border-top: 5px solid #f39a0d;
}
#searchmenu .list p{
	font-weight: bold;
	margin: 0 0 10px 10px;
}
#searchmenu .list ul{
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
#searchmenu .list li{
	width: 33%;
	display: table-cell;
	border: 5px solid #f39a0d;
	border-top: none;
}
#searchmenu .list li a{
	width: 100%;
	text-align: center;
	line-height: 1.2;
	vertical-align: bottom;
	height: 80px;
	padding: 50px 0 10px 0;
	vertical-align: middle;
	background: #fff;
	color: #f39a0d;
}

#searchmenu .list li a .icon{
	width: 100%;
	position: absolute;
	top: 15px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	display: block;
	color: #f39a0d;
}
#genre_search .list li a .icon.icon-shopping_living{
	font-size: 32px;
}

#searchmenu .list li a strong{
	position: absolute;
	bottom: 7px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	color: #333;
}
#searchmenu .list li a strong.lines{
	bottom: 3px;
}
.sub .close a{
	display: block;
	text-align: center;
	position: relative;
	padding: 0px 10px 10px!important;
}
.sub .close a .font{
	font-size: 25px;
	margin: 0 0 0 10px;
	position: relative;
	top: 4px;
}

/* ----------------------------------------------------
	タブ
---------------------------------------------------- */
.tab2,
.tab3,
.tab3_p,
.tab4{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 20px 0;
}
.tab2.top,
.tab3.top,
.tab4.top{
	border-bottom: 4px solid #005bac;
}
.tab2.bottom,
.tab3.bottom,
.tab4.bottom{
	border-top: 4px solid #005bac;
}

.tab3_p.top{border-bottom: 4px solid #e4007f;}
.tab3_p.bottom{border-top: 4px solid #e4007f;}

.tab2 li{
	display: table-cell;
	width: 50%;
	border-right: 1px solid #fff;
}
.tab3 li,
.tab3_p li{
	display: table-cell;
	width: 33.33%;
	border-right: 1px solid #fff;
}
.tab4 li{
	display: block;
	float:left;
	width: 25%;
	border-right: 1px solid #fff;
}
.tab2 li:last-child,
.tab3 li:last-child,
.tab3_p li:last-child,
.tab4 li:last-child{
	border: none;
}
.tab2 li a,
.tab3 li a{
	background: #669dcd;
	color: #fff;
	font-size: 15px;
	text-align: center;
	padding: 10px 0;
}

.tab3_p li a{
	background: #f7b2d8;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
}
.tab4 li a{
	background: #669dcd;
	color: #fff;
	font-size: 13px;
	text-align: center;
}
.tab4 .tab4_1 a,
.tab4 .tab4_3 a,
.tab4 .tab4_4 a{
	padding: 10px 0 11px;
}
.tab4 .tab4_2 a{
	padding: 20px 0;
}
.tab2 li a.active,
.tab3 li a.active,
.tab4 li a.active{
	background: #005bac;
	position: relative;
}
.tab3_p li a.active{
	background: #e4007f;
	position: relative;
}
.tab2.top li a.active:after,
.tab3.top li a.active:after,
.tab3_p.top li a.active:after,
.tab4.top li a.active:after{
	font-family: 'entypo';
	content: '\2B07';
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin: 0 0 0 -10px;
	color: #005bac;
	font-size: 30px;
}
.tab2.bottom li a.active:after,
.tab3.bottom li a.active:after,
.tab3_p.bottom li a.active:after,
.tab4.bottom li a.active:after{
	font-family: 'entypo';
	content: '\2B06';
	position: absolute;
	top: -25px;
	left: 50%;
	margin: 0 0 0 -10px;
	color: #005bac;
	font-size: 30px;
}

.tab3_p.top li a.active:after{color: #e4007f!important;}
.tab3_p.bottom li a.active:after{color: #e4007f!important;}




.tab5{
	display: table;
	table-layout: fixed;
	margin: 0 auto 20px auto;
}

.tab5 li{
	display: block;
	float:left;
	border-right: 1px solid #ccc;
	padding:0 10px;
}

.tab5 li:last-child{
	border: none;
}

.tab5 li a.active{
	font-weight:bold;
}


.tabcont img{
	width: 100%;
	height: auto;
}
.tabcont .inner{
	padding: 0 10px;
}

.tabcont .inner_02{
	padding: 0 10px;
	border-bottom:1px solid #d9d9d9;
}

.tabcont .btn_01,
.tabcont .btn_02{
	margin: 0 10px;
}
.tabcont .tit_03{
	margin: 0 0 10px 0;
}
.basicinfo{}
.basicinfo dt{font-weight: bold;margin: 0 0 5px 0;}
.basicinfo dd{margin: 0 0 10px 0;}



.btns{
	padding: 15px 10px;
}
.btns ul{}
.btns li a{
	background: #0088ff;
	color: #fff;
	font-size: 12px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}
.btns li a.org{
	background: #f39a0d;
}


.btns ul .btn_left{
	width: 48%;
	float: left;
}
.btns ul .btn_right{
	width: 48%;
	float: right;
}

.tab2 a .font{
	color: #fff;
	font-size: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -60px;
}

.tab2 a .icon{
	margin-right:5px;
	color:#fff;
}




/* ----------------------------------------------------
	footer
---------------------------------------------------- */
footer{
}
footer .btn_wh{
	font-size: 11px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

footer .btn_wh .font{
	color: #333;
	display: block;
}
footer .top{
	padding: 15px 0;
}
footer .bottom{
	padding: 15px 0;
	background: #d9d9d9;
}
footer ul{text-align: center;}
footer li{
	display: inline-block;
}
footer a{
	color: #0088ff;
	display: inline;
}
#copy{
	text-align: center;
	font-size: 9px;
	color: #737373;
}

/* ----------------------------------------------------
	見出し関連
---------------------------------------------------- */
/*ブルー*/
.tit_01{
	font-size: 17px;
	background: #005bac;
	color: #fff;
	font-weight: bold;
	padding: 7px;
}
.tit_01.toggle_btn{
	padding: 0;
	position: relative;
}
.tit_01.toggle_btn a{
	color: #fff;
	display: block;
	padding: 7px;
}
.tit_01.toggle_btn a .font{
	font-size: 25px;
	line-height: 1.0;
	position: absolute;
	top: 6px;
	right: 10px;
}

/*ピンク*/
.tit_02{
	font-size: 17px;
	background: #e4007f;
	color: #fff;
	font-weight: bold;
	padding: 7px;
}
/*水色 上線*/
.tit_03{
	color: #005bac;
	background: #d9edff;
	font-size: 17px;
	padding: 3px 10px;
	border-top: 2px solid #005bac;
	font-weight: bold;
}

/*ピンク 上線*/
.tit_05{
	color: #e4007f;
	background: #fef2fb;
	font-size: 17px;
	padding: 3px 10px;
	border-top: 2px solid #e4007f;
	font-weight: bold;
}

/*背景水色　文字黒*/
.tit_04{
	background: #d9edff;
	color: #000;
	font-size: 13px;
	text-align: center;
	padding: 10px;
	position: relative;
}


/*背景ピンク　文字白*/
.tit_06{
	background: #f7b2d8;
	color: #fff;
	font-size: 17px;
	text-align: left;
	padding: 7px 10px;
	position: relative;
}

/*背景エメラルドグリーン　文字白*/
.tit_07{
	background: #68cad5;
	color: #fff;
	font-size: 17px;
	text-align: left;
	padding: 7px 10px;
	position: relative;
}
/*背景赤ピンク　文字白*/
.tit_08{
	background: #e76581;
	color: #fff;
	font-size: 17px;
	text-align: left;
	padding: 7px 10px;
	position: relative;
}
/*背景みどり　文字白*/
.tit_09{
	background: #3eb034;
	color: #fff;
	font-size: 17px;
	text-align: left;
	padding: 7px 10px;
	position: relative;
}

/*みどり 上線*/
.tit_10{
	color: #3eb034;
	background: #d8efd6;
	font-size: 17px;
	padding: 3px 10px;
	border-top: 2px solid #3eb034;
	font-weight: bold;
}


/*下層大見出し アイコン有*/
.tit_main{
	margin-top: 1px;
	font-size: 17px;
	font-weight: bold;
	color: #005bac;
	text-align: center;
	padding: 15px 0;
	background-color: #d9edff;
}

.tit_main .icon{
	font-size: 22px;
	position: relative;
	top: 3px;
}

/*テキスト見出し 青*/
.tit_txt_01{
	font-size: 17px;
	font-weight: bold;
	color: #005bac;
}
/*テキスト見出し 水色*/
.tit_txt_02{
	font-size: 17px;
	font-weight: bold;
	color: #0088ff;
}


/*テキスブルー*/
.txt_01{
	font-size: 15px;
	color: #005bac;
}
/*テキストピンク*/
.txt_02{
	font-size: 15px;
	color: #e4007f;
}

/*テキスト左線*/
.txt_03{
	font-size: 17px;
	border-left: 6px solid #005bac;
	padding:0 0 0 7px;
	line-height: 1.3;
}

/*テキスト黒bold*/
.txt_04{
	font-size: 15px;
	font-weight: bold;
	color:#000;
}

/*テキスト黒*/
.txt_05{
	font-size: 15px;
	font-weight: normal;
	color:#000;
}
/*テキスト水色*/
.txt_06{
	font-size: 15px;
	color: #0088ff;
}

/*テキスト左線ピンク*/
.txt_07{
	font-size: 17px;
	border-left: 6px solid #e4007f;
	padding:0 0 0 7px;
	line-height: 1.3;
}
/*テキスト赤*/
.txt_08{
	font-size: 15px;
	color: #df141d;
}
/*テキストグリーン*/
.txt_09{
	color: #3eb034;
	font-weight: bold;
	padding: 10px;
}
/*すご得 ピンク*/
.txt_10{
	color: #e4007f;
}



/*テキスブルー色のみ*/
.txt_blue{
	color: #005bac;
}
/*テキストピンク色のみ*/
.txt_pink{
	color: #e4007f!important;
}

/*テキスト水色 色のみ*/
.txt_skyblue{
	color: #0088ff;
}

/*テキスト白 色のみ*/
.txt_white{
	color: #fff!important;
}




.tit_welobox{
	border-top: 3px solid #005bac;
	padding: 15px 7px;
}

.arrow{
	padding: 0 30px 0 0;
}
.arrow .font{
	font-size: 25px;
	color: #a6a6a6;
	line-height: 1.0;
	position: absolute;
	top: 60%;
	right: 10px;
	margin: -20px 0 0 0;
}

.arrow2 .font{
	font-size: 25px;
	color: #a6a6a6;
	line-height: 1.0;
	position: absolute;
	top: 90%;
	right: 10px;
	margin: 0;
}

/* ----------------------------------------------------
	ボタン
---------------------------------------------------- */
.btn_wh{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
.btn_wh a{
	display: block;
	margin: 0px 0 0 0;
	padding: 10px 0;
}
.btn_wh a strong{
	position: relative;
	top: -4px;
}
.btn_wh .font{
	font-size: 25px;
	color: #a6a6a6;
	line-height: 1.0;
	position: relative;
	top: 0px;
	left: 8px;
}
#pagetop.btn_wh .font{
	left: 0;
}

.border_none{border:none}


.btn_mailmag a{
	background: #0088ff;
	color: #fff;
	font-size: 12px;
	padding: 5px 0 10px 0!important;
	text-align: center;
	font-weight: bold;
}
.btn_ebook a{
	background: #0088ff;
	color: #fff;
	font-size: 12px;
	padding: 5px 0 10px 0!important;
	text-align: center;
	font-weight: bold;
}
.btn_mailmag .font{
	font-size: 20px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}
.btn_ebook .font{
	font-size: 20px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}
.btn_01 a{
	display: block;
	background: #0088ff;
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	position: relative;
}
.btn_02 a{
	display: block;
	background: #f39a0d;
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	position: relative;
}
.btn_03 a{
	display: block;
	background: #d9d9d9;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	position: relative;
}

.btn_03 a .font{
font-size: 40px;
color: #a6a6a6;
line-height: 0;
	position: relative;
	top: 5px;
	left: 5px;
}

.btn_04 a{
	display: block;
	background: #669dcd;
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-weight: normal;
	padding: 10px;
	position: relative;
	width:49%;
	float:left;
	margin:0 1px;
}
.btn_05 a{
	display: block;
	background: #3eb034;
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	position: relative;
}

.btn_01.partner a{padding: 10px 10px 10px 30px;}
.btn_01.shop_detail a{padding: 10px 10px 10px 30px;}


.btn_detail_back{
	display:block;
	background-color:#a6a6a6;
	color:#fff;
	font-size: 13px;
	font-weight:normal;
	text-align: center;
	padding: 10px;
	margin:20px;
	position: relative;
}

.btn_detail_back .font{
	position: absolute;
	top: -10px;
	left : 10px;
	font-size:40px;
}


/* ----------------------------------------------------
	アイコン
---------------------------------------------------- */
.btn_01 a .icon{
	color: #fff;
	font-size: 17px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}
.btn_01.partner a .font{
	color: #fff;
	font-size: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -31px 0 0 -70px;
}
.btn_01.plan a{
	padding: 2px 0 5px!important;
}
.btn_01.plan a .font{
	color: #fff;
	font-size: 18px;
	margin: 0 5px 0 0;
	position: relative;
	top: 1px;
}
.shop_detail .icn{
	background: url(../../img/shared/icn_shop.png) no-repeat top left;
	background-size: 15px 12px;
	display: block;
	width: 15px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -61px;
}
.icn_arrow{
	background: url(../../img/shared/icn_arrow.png) no-repeat top left;
	background-size: 10px 8px;
	display: inline-block;
	width: 10px;
	height: 8px;
	position: relative;
	top: -1px;
}


/* ----------------------------------------------------
	リンクエリア
---------------------------------------------------- */
.img_link a{
	display: block;
	position: relative;
	min-height: 75px;
	padding: 5px 30px 10px 105px;
}
.img_link a .img{
	position: absolute;
	top: 5px;
	left: 5px;
}
.img_link a .title{margin: 10px 0 0 0;}
.img_link a  strong{
	font-size: 14px;
}
.block_link{
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.block_link li{
	width: 50%;
	float: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 0 -1px 0;
}
.block_link li:nth-child(2n){
	border-right: none;
}
.block_link li a{
	font-size: 13px;
	font-weight: bold;
	padding: 12px 10px;
}
.block_link li a small{
	font-size: 11px;
	display: block;
}


.block_link_w li a{
	padding: 12px 20px 12px 10px;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
}



.btn a{
	display: block;
}
.tit_03.toggle_btn{
	padding: 0;
}
.tit_03.toggle_btn a{
	padding: 3px 10px;
}

.link{
	color: #0088ff;
}
/* ----------------------------------------------------
	検索パーツ
---------------------------------------------------- */
.search_keyword,
.search_keyword_02{
	background: #d9d9d9;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.search_keyword:after{
	content: "";
	display: block;
	width: 1px;
	height: 39px;
	background: #a6a6a6;
	position: absolute;
	top: 3px;
	right: 40px;
}

.search_keyword input[type="text"],
.search_keyword_02 input[type="text"],
.search_keyword input[type="search"],
.search_keyword_02 input[type="search"]{
	width: 100%;
	border: none;
	padding: 0px 10px;
	background: transparent;
	font-size: 13px;
	color: #8c8c8c;
	height: 45px;
	outline:none;
}
.search_keyword input[type="text"].focused,
.search_keyword_02 input[type="text"].focused,
.search_keyword input[type="search"].focused{
	color: #333;
}
.search_keyword input[type="submit"]{
	color: #f39a0d;
	border: none;
	background: transparent;
	width: 40px;
	font-size: 30px;
	line-height: 1.0;
	padding: 0 0 0 0;
	position: absolute;
	top: 8px;
	right: 0px;
}
.position,
.genre{
	background: #f39a0d;
	position: relative;
}
.position a,
.position span,
.genre a,
.genre span{
	color: #fff;
}
.position a,
.genre a{
	display: block;
	text-align: center;
	padding: 5px 0 0 10px;
	height: 45px
}
.position span{
	font-size: 25px;
	position: absolute;
	top: 10%;
	left: 15%;
}
.genre span{
	font-size: 25px;
	position: absolute;
	top: 10%;
	left: 10%;
}

.selectbox_style_nolink,
.selectbox_style a{
	display: block;
	width: 100%;
	background: #d9d9d9;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 13px;
	padding: 12px 28px 12px 10px;
	height: 44px;
	color: #8c8c8c;
}
.selectbox_style a:after{
	font-family: 'entypo';
	content: '\25BE';
	position: absolute;
	top: 4px;
	right: 0px;
	padding: 0 10px 0 0;
	font-size: 25px;
	color: #8c8c8c;
}



select{
	width: 100%;
	background: #d9d9d9;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 13px;
	padding: 12px 28px 12px 10px;
	height: 45px;
}
.selectbox{
	position: relative;
	overflow: hidden;
}
.selectbox:after{
	font-family: 'entypo';
	content: '\25BE';
	position: absolute;
	top: 4px;
	right: 0px;
	padding: 0 10px 0 0;
	font-size: 25px;
	color: #8c8c8c;
}
.checkbox{
	position: relative;
	padding: 0 0 0 25px;
}
.checkbox .font{
	position: absolute;
	top: -7px;
	left: -2px;
	font-size: 22px;
	z-index: 10;
}
.checkbox:after{
	content: "";
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
	top: -2px;
	left: 0px;
	background: #d9d9d9;
}
.radio{position: relative;}
.radio .circle{
	position: absolute;
	bottom: 3px;
	left: 3px;
	font-size: 20px;
	z-index: 10;
	width: 14px;
	height: 14px;
	display: block;
	background: #000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}


.radio:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #d9d9d9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.textbox{
	position: relative;
	min-height:34px;
}



input[type="checkbox"]{
	border: 1px solid #737373;
	background: #d9d9d9;
	width: 21px;
	height: 21px;
	margin: 0 5px -5px 0;
	position: absolute;
	top: -2px;
	left: 0px;
	z-index: 100;
}
input[type="radio"]{
	border: 1px solid #737373;
	background: #d9d9d9;
	width: 20px;
	height: 20px;
	position: relative;
	margin: 0 5px -5px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	z-index: 100;
}



input[type="checkbox"]:checked{
	background: transparent;
}
input[type="radio"]:checked{
	background: transparent;
}

.modal{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 100000;
}


.option_plus_minus{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px;
}
.option_plus_minus:first-child{
	border-top: 1px solid #ccc;
}

.option_plus_minus > p,
.option_plus_minus > div{
	display: table-cell;
	vertical-align: middle;
}
.option_plus_minus .kind{
	width: 20%;
	padding: 0 5px 0 0;
	font-weight: bold;
}
.option_plus_minus .kind span{
	display: block;
	font-size: 11px;
}
.option_plus_minus .txt{
	width: 50%;
}
.option_plus_minus .txt p{
	font-size: 15px;
	text-align: center;
	padding: 8px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.option_plus_minus .txt_none{
	width: auto;
}
.option_plus_minus .txt_none p{
	font-size: 15px;
	text-align: center;
	padding: 8px;
	color: #8c8c8c;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}


.option_plus_minus .plus_minus{
	padding: 0 0 0 15px;
}
.option_plus_minus .plus_minus .btns{
	padding: 0;
}

.option_plus_minus .plus_minus a{
	background: #d9d9d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	height: 40px;
	overflow: hidden;
}
.option_plus_minus .plus_minus a .font{
	font-size: 20px;
	color: #737373;
	position: relative;
	top: -4px;
}

.help_link{
	margin: 0 0 20px 0;
}
.help_link p{
	float: left;
	position: relative;
}
.help_link p a{
	padding: 0 0 0 20px;
	color: #0088ff;
	text-decoration: underline;
}
.help_link p .font{
	position: absolute;
	top: -4px;
	left: 0;
	font-size: 17px;
}

.toggle_list{
}
.toggle_list > li{
	display:block;
	width:100%;
	border-top:1px solid #ccc;
	font-weight:normal;
	position:relative;
}
.toggle_list > li > a{
	display: block;
	padding: 10px;
}
.toggle_list > li > a .font{
	font-size: 25px;
	line-height: 1.0;
	position: absolute;
	top: 6px;
	right: 10px;
	color:#ccc;
}
.box_link{
	cursor: pointer;
}
hr.style02{
	border-top: 1px solid #f7b2d8;
}

.bgw em{
  color: #e4007f;
  font-style:normal;
}