@charset "utf-8";

/***************************************************

body

***************************************************/

html, body {
height: 100%;
}

/*html {
overflow-y: scroll;
}*/

body {
color: #7f7f7f;
background: #fff;
font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 14px;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
}

body.modal_open {
overflow: hidden;
}

a {
color: #7f7f7f;
text-decoration: none;
}

a:hover,
a:active {
text-decoration: underline;
}

.brdb {
	border-bottom: 1px dotted #7F7F7F !important;
}
.brdbs {
	border-bottom: 1px solid #ACACAC !important;
}



/***************************************************

container

***************************************************/

#container {
width: 940px;
margin: 0 auto;
}


/***************************************************

header

***************************************************/

#header {
position: relative;
height: 126px;
}

#header h1 {
position: absolute;
top: 18px;
left: 0;
}

/* nav
--------------------------------------------------*/
#header nav ul {
position: absolute;
overflow: hidden;
top: 72px;
right: 0;
border-right: solid 1px #f8bad5;
font-size: 15px;
line-height: 1;
}

#header nav ul li {
float: left;
border-left: solid 1px #f8bad5;
}

#header nav ul li a {
display: block;
padding: 6px 24px 0;
text-decoration: none;
}

#header nav ul li a span {
display: block;
padding: 0 0 6px 0;
background: url(../img/bg_nav.png) no-repeat -150px bottom;
}

#header nav ul li.current a span {
background: url(../img/bg_nav.png) no-repeat 0 bottom;
}

#header nav p {
float: right;
margin: 34px 12px 0 0;
border: solid 1px #f074ab;
line-height: 20px;
}

#header nav p a {
display: block;
height: 20px;
padding: 0 25px;
color: #f074ab;
text-decoration: none;
}

#header nav p a span {
position: relative;
padding: 0 16px 0 0;
}

#header nav p a span:after {
content: '';
position: absolute;
width: 10px;
height: 14px;
top: 2px;
right: 0;
background: url(../img/sprite.png) no-repeat;
background-position: -10px -10px;
}

/* search
--------------------------------------------------*/
#header .search {
float: right;
height: 20px;
margin: 34px 0 0 0;
border: solid 1px #f074ab;
}

#header .search select,
#header .search input {
vertical-align: top;
}

#header .search select {
z-index: 1;
}

#header .search option {
color: #7f7f7f;
}

#header .search input {
width: 64px;
height: 20px;
padding: 0 0 0 0;
margin: 0 0 0 0;
border: none;
background: #f074ab url(../img/sprite.png) no-repeat;
background-position: 14px -48px;
}

/* search - customSelect
--------------------------------------------------*/
#header .search .customSelect {
position: relative;
z-index: 0;
width: 145px;
padding: 0 25px 0 10px;
}

#header .search .customSelect.changed {
}

#header .search .customSelectFocus {
}

#header .search .customSelectOpen {
}

#header .search .customSelectInner {
width: auto !important;
}

#header .search .customSelectInner:after {
content: '';
position: absolute;
width: 11px;
height: 8px;
top: 6px;
right: 7px;
background: url(../img/sprite.png) no-repeat;
background-position: -10px -34px;
}


/***************************************************

content

***************************************************/

#content { padding: 0 0 80px 0;}

#content:after {
content: '';
display: block;
clear: both;
line-height: 0;
font-size: 0.1em;
}

#content input::-webkit-input-placeholder {
color: #7f7f7f;
font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#content input:-moz-placeholder {
color: #7f7f7f;
font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/* topicPath
--------------------------------------------------*/
#content .topicPath {
overflow: hidden;
margin: 0 0 10px 0;
font-size: 10px;
}

#content .topicPath li {
float: left;
color: #f074ab;
}

#content .topicPath li + li {
background: url(../img/arw_topicpath.png) no-repeat left center;
margin: 0 0 0 9px;
padding: 0 0 0 13px;
}

/* pageNav
--------------------------------------------------*/
#content .pageNav {
overflow: hidden;
position: relative;
margin: 45px 0 0 0;
}

#content .pageNav ul {
position: relative;
left: 50%;
float: left;
}

#content .pageNav ul li {
position: relative;
left: -50%;
float: left;
border: solid 1px #f074ab;
}

#content .pageNav ul li + li { margin: 0 0 0 20px;}

#content .pageNav ul li a {
display: block;
padding: 5px 45px;
font-size: 26px;
color: #f074ab;
text-decoration: none;
}

#content .pageNav ul li a:hover {
color: #fff;
background: #f074ab;
}

#content .pageNav ul li input {
display: block;
margin: 0 0 0 0;
padding: 5px 45px;
font-size: 26px;
color: #f074ab;
border: none;
background: none;
font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
cursor: pointer;
}

#content .pageNav ul li a span {
position: relative;
padding: 0 45px 0 0;
}

#content .pageNav ul li a span:after {
content: '';
position: absolute;
top: 0;
right: 0;
}


/***************************************************

footer

***************************************************/

#footer {
position: relative;
overflow: hidden;
padding: 0 0 30px 0;
font-size: 10px;
z-index: 2;
}

#footer #sns {
overflow: hidden;
float: right;
}

#footer ul li {
float: left;
margin: 0 0 0 10px;
}

#footer ul li .fb-like {
overflow: hidden;
width: 70px;
}

#footer p { overflow: hidden;}

#footer p span { font-family: Arial, Helvetica, sans-serif;}


/***************************************************

INDEX

***************************************************/

#index #content { padding: 0 0 5px 0;}

/* panelList
--------------------------------------------------*/
#index .panelList {
position: relative;
overflow: hidden;
width: 952px;
margin: 0 -12px 0 0;<dd></dd>
}

#index .panelList .panel {
position: relative;
overflow: hidden;
float: left;
top: 200px;
width: 226px;
height: 226px;
margin: 0 12px 12px 0;
opacity: 0;
filter: alpha(opacity=0);
}

#index .panelList .panel a { display: block;}

#index .panelList .panel a .frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 226px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: solid 0 #fff;
opacity: 0.5;
filter: alpha(opacity=50);
}

/*----- normal -----*/

#index .panelList .panel.normal li { position: relative;}

#index .panelList .panel.normal.horizontal li { float: left;}

#index .panelList .panel.normal dl {
position: absolute;
bottom: 8px;
left: 8px;
}

#index .panelList .panel.normal dt {
font-size: 22px;
line-height: 1.35;
}

#index .panelList .panel.normal dd {
margin: 3px 0 0 0;
font-size: 13px;
}

#index .panelList .panel.normal dt span,
#index .panelList .panel.normal dd span {
background: url(../../img/bg_txt_panel.png);
line-height: 1;
}

/*----- special -----*/

#index .panelList .panel.special { width: 464px;}

#index .panelList .panel.special dl {
position: absolute;
top: 50%;
left: 25px;
color: #fff;
}

#index .panelList .panel.special dd {
margin: 20px 0 0 0;
font-size: 13px;
}

#index .panelList .panel.special a:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 83px;
height: 83px;
background: url(../../img/ribon_special.png) no-repeat;
}

/*----- news -----*/

#index .panelList .panel.news {
width: 464px;
background: #f2f2f2;
font-size: 12px;
line-height: 2;
}

#index .panelList .panel.news dl {
overflow: hidden;
height: 166px;
padding: 30px;
}

#index .panelList .panel.news dt {
float: left;
margin: 0 30px 0 0;
vertical-align: top;
}

#index .panelList .panel.news dt p { line-height: 1.5;}

#index .panelList .panel.news dt p span {
padding: 0 10px;
color: #fff;
background: #f074ab;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}

#index .panelList .panel.news dd {
	overflow: hidden;
	margin-bottom: 10px;
	min-height: 44px;
}

/*#index .panelList .panel.news dd + dt { margin: 20px 30px 0 0;*/}

#index .panelList .panel.news dd + dt + dd { margin: 20px 0 0 0;}

/*----- menu -----*/

#index .panelList .panel.menu01 { background: #f5dc3f;}
#index .panelList .panel.menu02 { background: #b7e28a;}
#index .panelList .panel.menu03 { background: #b39deb;}
#index .panelList .panel.menu04 { background: #7cc5ff;}
#index .panelList .panel.menu05 { background: #ffc556;}

#index .flex-viewport { height: 226px !important;}

/***************************************************

ABOUT

***************************************************/

#about #content article {
padding: 0 0 25px 0;
}
#about_title {
color: #f074ab;
font-size: 28px;
}
#about_sub_title {
font-size: 23px;
}

#about #content article.pro {
padding: 0 0 70px;
border-top:3px solid #f074ab;
border-bottom:3px solid #f074ab;
background: url(../../about/img/bg_about.png) no-repeat right top;
}
#about #content article.more_info {
padding: 25px 0 0;
}
#about #content article.more_info p {
font-size: 12px;
}
#about #content article.more_info p.last {
margin: 0;
}
#about #content article.more_info p strong {
padding: 0 0 2px;
font-size: 13px;
font-weight: normal;
display: inline-block;
}

#about #content article h1 {
padding-bottom: 10px;
border-bottom: solid 3px #f074ab;
}

#about #content article h2 {
margin: 45px 0 0 0;
font-size: 23px;
}
#about #content article h3 {
font-size: 18px;
}
#about #content article h4 {
font-size: 16px;
}

#about #content article section {
margin: 10px 0 0 0;
padding: 10px 0 10px 0;
}

#about #content article section .link a {
color: #f074ab;
text-decoration: underline;
}

#about #content article p {
margin: 0 0 30px 0;
}


/* pageNav
--------------------------------------------------*/
#about #content .pageNav {
padding-top: 36px;
border-top: solid 3px #f074ab;
}

#about #content .pageNav ul li a span:after {
background: url(../img/sprite.png) no-repeat;
}

#about #content .pageNav ul li.flow a span:after {
width: 37px;
height: 32px;
background-position: -10px -80px;
}

#about #content .pageNav ul li.flow a:hover span:after {
background-position: -57px -80px;
}

#about #content .pageNav ul li.voice a span:after {
width: 34px;
height: 32px;
background-position: -10px -125px;
}

#about #content .pageNav ul li.voice a:hover span:after {
background-position: -57px -125px;
}


/***************************************************

FLOW

***************************************************/

#flow #content article {
border-bottom: solid 3px #f074ab;
}
h1#flow_title {
margin-bottom: 25px;
padding-bottom: 10px;
border-bottom: solid 3px #f074ab;
}
#flow_intro h2 {
font-size: 25px;
}
#flow_intro p {
font-size: 17px;
}
#flow #content article section {
position: relative;
margin: 15px 0 0 0;
padding: 10px 0 10px 120px;
}

#flow #content article section                                         { background: url(../img/txt_flow01.png) no-repeat left center;}
#flow #content article section + section                               { background: url(../img/txt_flow02.png) no-repeat left center;}
#flow #content article section + section + section                     { background: url(../img/txt_flow03.png) no-repeat left center;}
#flow #content article section + section + section + section           { background: url(../img/txt_flow04.png) no-repeat left center;}
#flow #content article section + section + section + section + section { background: url(../img/txt_flow05.png) no-repeat left center;}

#flow #content article section + section {
margin: 0 0 0 0;
border-top: dotted 1px #7f7f7f;
}

#flow #content article section + section:after {
content: '';
position: absolute;
width: 70px;
height: 40px;
top: -20px;
left: 0;
background: #fff url(../img/sprite.png) no-repeat;
background-position: -130px -10px;
}

#flow #content article section div {
display: table-cell;
vertical-align: middle;
}

#flow #content article section .img {
width: 235px;
padding: 0 50px 0 0;
}

#flow #content article section .txt {
width: 535px;
}

#flow #content article section h1,
#flow #content article section p {
overflow: hidden;
}

#flow #content article section h1 {
font-size: 25px;
}

#flow #content article section p {
margin: 15px 0 0 0;
font-size: 18px;
}

#flow #content article section .link {
margin: 5px 0 0 0;
color: #f074ab;
font-size: 14px;
}

#flow #content article section .link a {
color: #f074ab;
text-decoration: underline;
}

#flow #content article section .link a:hover,
#flow #content article section .link a:active {
text-decoration: none;
}

#flow #content article section ul.link {
overflow: hidden;
margin: 0 0 0 0;
}

#flow #content article section ul.link li {
float: left;
margin: 5px 20px 0 0;
}

/* pageNav
--------------------------------------------------*/
#flow #content .pageNav ul li a span:after {
width: 34px;
height: 32px;
background: url(../img/sprite.png) no-repeat;
background-position: -10px -125px;
}
#flow #content .pageNav ul li a:hover span:after {
background-position: -57px -125px;
}

/* colorbox
--------------------------------------------------*/
.counseling #cboxContent {margin:60px 54px 0;}

/***************************************************

BECOME

***************************************************/
h1#become_title {
margin-bottom: 25px;
padding-bottom: 10px;
border-bottom: solid 3px #f074ab;
}
#become_intro h2 {
font-size: 25px;
}
#become_intro p {
font-size: 17px;
}

/***************************************************

VOICE

***************************************************/

/* category
--------------------------------------------------*/
#voice #content article .category {
margin: 20px 0 0 0;
padding: 15px 20px 20px;
background: #f2f2f2;
}

#voice #content article .category p {
color: #f074ab;
font-size: 20px;
}

#voice #content article .category p + p {
color: #7f7f7f;
font-size: 10px;
}

#voice #content article .category ul {
overflow: hidden;
font-size: 13px;
}

#voice #content article .category ul li {
float: left;
margin: 10px 0 0 0;
padding: 0 10px;
}

#voice #content article .category ul li label {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 16px;
background: url(../img/sprite.png) no-repeat -10px -407px;
cursor: pointer;
}

#voice #content article .category ul li label.checked {
background: url(../img/sprite.png) no-repeat -10px -429px;
}

#voice #content article .category ul li input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}

/* panelList
--------------------------------------------------*/
#voice .panelList {
position: relative;
overflow: hidden;
width: 952px;
margin: 0 -12px 0 0;
}

#voice .panelList .panel {
position: relative;
overflow: hidden;
float: left;
top: 200px;
width: 226px;
height: 226px;
margin: 12px 12px 0 0;
opacity: 0;
filter: alpha(opacity=0);
}

#voice .panelList .panel.male   { background: url(../../about/img/icn_male_m.png) no-repeat 162px 151px;}
#voice .panelList .panel.female { background: url(../../about/img/icn_female_m.png) no-repeat 162px 151px;}

#voice .panelList .panel.voice01 { background-color: #f5dc3f;}
#voice .panelList .panel.voice02 { background-color: #ffc556;}
#voice .panelList .panel.voice03 { background-color: #b7e28a;}
#voice .panelList .panel.voice04 { background-color: #b39deb;}
#voice .panelList .panel.voice05 { background-color: #7cc5ff;}
#voice .panelList .panel.voice06 { background-color: #f2a4d3;}
#voice .panelList .panel.voice07 { background-color: #d6d6d6;}

#voice .panelList .panel a {
display: block;
width: 226px;
height: 226px;
}

#voice .panelList .panel a .frame {
position: absolute;
top: 0;
left: 0;
width: 226px;
height: 226px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: solid 0 #fff;
opacity: 0.5;
filter: alpha(opacity=50);
}

#voice .panelList .panel dl {
position: relative;
height: 226px;
}

#voice .panelList .panel dt {
position: absolute;
top: 0;
left: 8px;
font-size: 21px;
line-height: 1.4;
}
#voice .panelList .panel dt .categoryTag {
display: inline-block;
font-size: 12px;
border: 1px dotted #7f7f7f;
margin: 0 0 5px;
padding: 2px 3px;
}
#voice .panelList .panel dd {
position: absolute;
bottom: 8px;
left: 8px;
font-size: 15px;
}


/***************************************************

VOICE DETAIL

***************************************************/

#voiceDetail #content .columnSet {
overflow: hidden;
}

/* mainColumn
--------------------------------------------------*/
#voiceDetail #content .columnSet .mainColumn {
width: 100%;
float: left;
margin: 0 -260px 0 0;
}

#voiceDetail #content .mainColumn header {
overflow: hidden;
padding: 0 0 0 150px;
}

#voiceDetail #content .mainColumn header.male { background: url(../../about/img/icn_male_l.png) no-repeat 27px 20px;}
#voiceDetail #content .mainColumn header.female { background: url(../../about/img/icn_female_l.png) no-repeat 27px 20px;}

#voiceDetail #content .mainColumn header.voice01 { background-color: #f5dc3f;}
#voiceDetail #content .mainColumn header.voice02 { background-color: #ffc556;}
#voiceDetail #content .mainColumn header.voice03 { background-color: #b7e28a;}
#voiceDetail #content .mainColumn header.voice04 { background-color: #b39deb;}
#voiceDetail #content .mainColumn header.voice05 { background-color: #7cc5ff;}
#voiceDetail #content .mainColumn header.voice06 { background-color: #f2a4d3;}
#voiceDetail #content .mainColumn header.voice07 { background-color: #d6d6d6;}

#voiceDetail #content .mainColumn header hgroup {
position: relative;
min-height: 115px;
padding: 15px 20px 20px;
border-left: solid 12px #fff;
background: #f2f2f2;
}

#voiceDetail #content .mainColumn header hgroup h1 {
font-size: 28px;
line-height: 1.4;
}

#voiceDetail #content .mainColumn header hgroup h2 {
margin: 5px 0 0 0;
font-size: 16px;
}

#voiceDetail #content .mainColumn header hgroup h3 {
position: absolute;
bottom: 20px;
right: 20px;
}

#voiceDetail #content .mainColumn section {
margin: 35px 0 0 0;
padding: 0 290px 0 0;
}

#voiceDetail #content .mainColumn section + section {
margin: 45px 0 0 0;
}

#voiceDetail #content .mainColumn section h1 {
font-size: 20px;
line-height: 1.8;
}

#voiceDetail #content .mainColumn section p {
margin: 15px 0 0 0;
}

#voiceDetail #content .pageNav {
margin: 55px auto 0;
}

#voiceDetail #content .pageNav ul li a span:after {
width: 34px;
height: 35px;
background: url(../img/sprite.png) no-repeat;
background-position: -10px -170px;
}
#voiceDetail #content .pageNav ul li a:hover span:after {
background-position: -57px -170px;
}

/* subColumn
--------------------------------------------------*/
#voiceDetail #content .subColumn {
width: 260px;
float: right;
margin: 190px 0 0 0;
padding: 10px 0;
border-top: solid 3px #f074ab;
border-bottom: solid 3px #f074ab;
}

#voiceDetail #content .subColumn h1 {
color: #f074ab;
font-size: 13px;
}

#voiceDetail #content .subColumn ul {
font-size: 12px;
}
#voiceDetail #content .subColumn ul.moreList {
display: none;
border-top: dotted 1px #9f9f9f;
}

#voiceDetail #content .subColumn ul li {
border-top: dotted 1px #9f9f9f;
}
#voiceDetail #content .subColumn ul li:first-child {
border-top: none;
}

#voiceDetail #content .subColumn ul li a {
position: relative;
display: block;
padding: 10px 0 10px 59px;
}

#voiceDetail #content .subColumn ul li a:after {
content: '';
position: absolute;
top: 10px;
left: 0;
width: 49px;
height: 49px;
}

#voiceDetail #content .subColumn ul li.male a:after { background: url(../../about/img/icn_male_s.png) no-repeat 9px 6px;}
#voiceDetail #content .subColumn ul li.female a:after { background: url(../../about/img/icn_female_s.png) no-repeat 9px 6px;}

#voiceDetail #content .subColumn ul li.voice01 a:after { background-color: #f5dc3f;}
#voiceDetail #content .subColumn ul li.voice02 a:after { background-color: #ffc556;}
#voiceDetail #content .subColumn ul li.voice03 a:after { background-color: #b7e28a;}
#voiceDetail #content .subColumn ul li.voice04 a:after { background-color: #b39deb;}
#voiceDetail #content .subColumn ul li.voice05 a:after { background-color: #7cc5ff;}
#voiceDetail #content .subColumn ul li.voice06 a:after { background-color: #f2a4d3;}
#voiceDetail #content .subColumn ul li.voice07 a:after { background-color: #d6d6d6;}

#voiceDetail #content .subColumn p {
padding: 10px 0 0 0;
font-size: 13px;
text-align: center;
border-top: dotted 1px #9f9f9f;
}

#voiceDetail #content .subColumn p a {
color: #f074ab;
text-decoration: underline;
}

#voiceDetail #content .subColumn p a:hover,
#voiceDetail #content .subColumn p a:active {
text-decoration: none;
}


/***************************************************

SEARCH

***************************************************/

#search #content { padding: 0 0 5px 0;}

/* searchMethod
--------------------------------------------------*/
#search #content .searchMethod {
margin: 0 0 10px 0;
background: #f2f2f2;
}

#search #content .searchMethod:after {
content: '';
display: block;
clear: both;
line-height: 0;
font-size: 0.1em;
}

/*----- criteria -----*/

#search #content .searchMethod .criteria {
float: left;
width: 424px;
padding: 15px 20px 30px;
border-right: solid 12px #fff;
}

#search #content .searchMethod .criteria p {
color: #f074ab;
font-size: 22px;
}

#search #content .searchMethod .criteria p + p {
color: #7f7f7f;
font-size: 10px;
}

#search #content .searchMethod .criteria table {
width: 100%;
margin: 15px 0 0 0;
}

#search #content .searchMethod .criteria th {
width: 154px;
padding: 0 0 10px 0;
font-size: 15px;
font-weight: normal;
text-align: left;
}

#search #content .searchMethod .criteria td {
width: 270px;
padding: 0 0 10px 0;
}

#search #content .searchMethod .criteria td select {
z-index: 1;
}

#search #content .searchMethod .criteria td .customSelect {
position: relative;
width: 263px;
padding: 0 0 0 5px;
border: solid 1px #f074ab;
background: #fff;
z-index: 0;
}

#search #content .searchMethod .criteria td .customSelectInner {
width: auto !important;
}

#search #content .searchMethod .criteria td .customSelectInner:after {
content: '';
position: absolute;
width: 11px;
height: 8px;
top: 6px;
right: 7px;
background: url(../img/sprite.png) no-repeat;
background-position: -10px -34px;
}

#search #content .searchMethod .criteria td ul {
overflow: hidden;
}

#search #content .searchMethod .criteria td ul li {
float: left;
}

#search #content .searchMethod .criteria td ul li + li {
margin: 0 0 0 40px;
}

#search #content .searchMethod .criteria td ul li label {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 16px;
background: url(../img/sprite.png) no-repeat -10px -407px;
cursor: pointer;
}

#search #content .searchMethod .criteria td ul li label.checked {
background: url(../img/sprite.png) no-repeat -10px -429px;
}

#search #content .searchMethod .criteria td ul li input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}

#search #content .searchMethod .criteria td input[type=text] {
height: 21px;
width: 268px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: solid 1px #f074ab;
}

#search #content .searchMethod .criteria div {
text-align: right;
}

#search #content .searchMethod .criteria div input[type=submit] {
margin: 0 0 0 0;
padding: 5px 20px;
color: #fff;
border: none;
background: #f074ab;
font-size: 16px;
}
#search #content .searchMethod .criteria div input.clearBtn {
margin-right: 10px;
background: #c2c2c2;
}

/*----- map -----*/

#search #content .searchMethod .map {
position: relative;
float: right;
min-height: 295px;
width: 424px;
padding: 15px 20px 30px;
}

#search #content .searchMethod .map p {
color: #f074ab;
font-size: 22px;
}

#search #content .searchMethod .map p + p {
color: #7f7f7f;
font-size: 10px;
}

#search #content .searchMethod .map .img {
position: absolute;
top: 25px;
left: 72px;
}

#search #content .searchMethod .map .img .imgInner {
position: relative;
}

#search #content .searchMethod .map .img area {
display: block;
}

#search #content .searchMethod .map .img .balloon {
display: none;
position: absolute;
width: 136px;
border: solid 1px #f074ab;
background: #fff;
}

#search #content .searchMethod .map .img .balloonInner {
position: relative;
width: 96px;
padding: 10px 20px 15px;
}

#search #content .searchMethod .map .img .balloonInner:after {
content: '';
position: absolute;
bottom: -27px;
left: 50%;
margin: 0 0 0 -7px;
border-top: solid 20px #fff;
border-right: solid 8px transparent;
border-bottom: solid 8px transparent;
border-left: solid 8px transparent;
}

#search #content .searchMethod .map .img .balloonInner:before {
content: '';
position: absolute;
bottom: -28px;
left: 50%;
margin: 0 0 0 -7px;
border-top: solid 20px #f074ab;
border-right: solid 8px transparent;
border-bottom: solid 8px transparent;
border-left: solid 8px transparent;
}

#search #content .searchMethod .map .img .balloon p {
font-size: 15px;
text-align: center;
}

#search #content .searchMethod .map .img .balloon p + p,
#search #content .searchMethod .map .img .balloon ul {
margin: 10px 0 0 0;
font-size: 12px;
}

#search #content .searchMethod .map .img .balloon ul {
overflow: hidden;
}

#search #content .searchMethod .map .img .balloon ul li {
float: left;
min-width: 48px;
text-align: center;
}

#search #content .searchMethod .map .img .balloon p + p a,
#search #content .searchMethod .map .img .balloon ul li a {
text-decoration: underline;
}

#search #content .searchMethod .map .img .balloon p + p a:hover,
#search #content .searchMethod .map .img .balloon p + p a:active,
#search #content .searchMethod .map .img .balloon ul li a:hover,
#search #content .searchMethod .map .img .balloon ul li a:active {
text-decoration: none;
}

#search #content .searchMethod .map .img .balloon.map01 { top: -40px; left: 195px;}
#search #content .searchMethod .map .img .balloon.map02 { top:  10px; left: 165px;}
#search #content .searchMethod .map .img .balloon.map03 { top:  50px; left: 160px;}
#search #content .searchMethod .map .img .balloon.map04 { top:  35px; left: 120px;}
#search #content .searchMethod .map .img .balloon.map05 { top:  50px; left:  75px;}
#search #content .searchMethod .map .img .balloon.map06 { top:  70px; left:  30px;}
#search #content .searchMethod .map .img .balloon.map07 { top: 125px; left:  30px;}
#search #content .searchMethod .map .img .balloon.map08 { top: 100px; left: -25px;}
#search #content .searchMethod .map .img .balloon.map09 { top:   6px; left: -32px;}

/* panelList
--------------------------------------------------*/
#search #content .panelList {
position: relative;
overflow: hidden;
width: 952px;
margin: 0 -12px 0 0;
}

#search #content .panelList .panel {
position: relative;
overflow: hidden;
float: left;
top: 200px;
width: 226px;
margin: 0 12px 30px 0;
opacity: 0;
filter: alpha(opacity=0);
}

#search #content .panelList .panel a {
position: relative;
display: block;
}

#search #content .panelList .panel a .frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 226px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: solid 0 #fff;
opacity: 0.5;
filter: alpha(opacity=50);
}

#search #content .panelList .panel dl {
position: absolute;
bottom: 8px;
left: 8px;
}
#search #content .panelList .panel .ttl {
	position: absolute;
	bottom: 8px;
	left: 8px;
	font-size: 20px;
	line-height: 1.35;
}
#search #content .panelList .panel .ttl span {
	background: url(../../img/bg_txt_panel.png);
	line-height: 1;
}

#index .panelList .panel.normal .ttl {
	position: absolute;
	bottom: 8px;
	left: 8px;
	font-size: 20px;
	line-height: 1.35;
}
#index .panelList .panel.normal .ttl span {
	background: url(../../img/bg_txt_panel.png);
	line-height: 1;
}



#search #content .panelList .panel dt {
font-size: 22px;
line-height: 1.35;
}

#search #content .panelList .panel dd {
margin: 3px 0 0 0;
font-size: 13px;
}

#search #content .panelList .panel dt span,
#search #content .panelList .panel dd span {
background: url(../../img/bg_txt_panel.png);
line-height: 1;
}

#search #content .panelList .panel ul {
overflow: hidden;
font-size: 12px;
margin: 10px 0 0 0;
}
#search #content .panelList .panel ul li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#search #content .panelList .panel .panelUl {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 220px;
height: 20px;
}
#search #content .panelList .panel .threeLi:before {
content: "…";
line-height: 20px;
}
#search #content .panelList .panel ul li span {
margin: 0 0 0 5px;
}

#search #content .panelList .panel ul + ul li {
float: left;
}

#search #content .panelList .panel ul + ul li + li {
margin: 0 0 0 5px;
}

#search #content .panelList .panel p {
margin: 10px 0 0 0;
font-size: 13px;
text-align: center;
}

#search #content .panelList .panel p a {
color: #f074ab;
border: solid 1px #f074ab;
}

#search #content .panelList .panel p a:hover,
#search #content .panelList .panel p a:active {
color: #fff;
background: #f074ab;
text-decoration: none;
}

#search .cover {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 88px;
background: url(../../search/img/bg_cover.png) repeat-x left top;
z-index: 1;
}


/***************************************************

SEARCH DETAIL

***************************************************/

#searchDetail #content .columnSet {
overflow: hidden;
}

/* mainColumn
--------------------------------------------------*/
#searchDetail #content .columnSet .mainColumn {
width: 100%;
float: left;
margin: 0 -260px 0 0;
}

#searchDetail #content .mainColumn header {
overflow: hidden;
background: #f2f2f2;
}

#searchDetail #content .mainColumn header .img {
position: relative;
float: left;
}

#searchDetail #content .mainColumn header .img p {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 30px;
line-height: 1.35;
}

#searchDetail #content .mainColumn header .img p span {
background: url(../../img/bg_txt_panel.png);
line-height: 1;
}

#searchDetail #content .mainColumn header .txt {
position: relative;
overflow: hidden;
min-height: 250px;
padding: 10px 20px 0 30px;
/*border-left: solid 12px #fff;*/
}

#searchDetail #content .mainColumn header .txt h1,
#searchDetail #content .mainColumn header .txt p,
#searchDetail #content .mainColumn header .txt ul,
#searchDetail #content .mainColumn header .txt div {
display: none;
}

#searchDetail #content .mainColumn header .txt h1 {
font-size: 50px;
line-height: 1.3;
}

#searchDetail #content .mainColumn header .txt h1 span {
display: block;
font-size: 18px;
}

#searchDetail #content .mainColumn header .txt p {
margin: 5px 0 0 0;
}

#searchDetail #content .mainColumn header .txt ul {
margin: 15px 0 0 0;
}

#searchDetail #content .mainColumn header .txt ul + ul {
overflow: hidden;
}

#searchDetail #content .mainColumn header .txt ul + ul li {
float: left;
}

#searchDetail #content .mainColumn header .txt ul + ul li + li {
margin: 0 0 0 5px;
}

#searchDetail #content .mainColumn header .txt div {
position: absolute;
bottom: 0px;
right: 20px;
}

#searchDetail #content .mainColumn section {
margin: 35px 0 0 0;
padding: 0 290px 0 0;
}

#searchDetail #content .mainColumn section + section {
margin: 45px 0 0 0;
}

#searchDetail #content .mainColumn section h1 {
font-size: 24px;
line-height: 1.8;
}

#searchDetail #content .mainColumn section p {
margin: 20px 0 0 0;
line-height: 1.8;
}

#searchDetail #content .mainColumn section dl {
overflow: hidden;
margin: 40px 0 0 0;
padding: 20px 0;
border-top: dotted 1px #7f7f7f;
border-bottom: dotted 1px #7f7f7f;
font-size: 12px;
}

#searchDetail #content .mainColumn section dt {
float: left;
width: 150px;
margin: 0 10px 0 0;
color: #f074ab;
}

#searchDetail #content .mainColumn section dd {
overflow: hidden;
}

#searchDetail #content .mainColumn section dd + dt {
margin: 20px 10px 0 0;
}

#searchDetail #content .mainColumn section dd + dt + dd {
margin: 20px 0 0 0;
}

#searchDetail #content .mainColumn .pageNav {
margin: 55px 0 0 0;
padding: 0 290px 0 0;
}

#searchDetail #content .mainColumn .pageNav ul li a span:after {
width: 34px;
height: 35px;
background: url(../img/sprite.png) no-repeat;
background-position: -10px -170px;
}

/* subColumn
--------------------------------------------------*/
#searchDetail #content .subColumn {
width: 260px;
float: right;
margin: 340px 0 0 0;
padding: 10px 0 20px;
border-top: solid 3px #f074ab;
border-bottom: solid 3px #f074ab;
}

#searchDetail #content .subColumn h1 {
color: #f074ab;
font-size: 13px;
}

#searchDetail #content .subColumn h2 {
margin: 15px 0 0 0;
font-size: 15px;
}

#searchDetail #content .subColumn div {
margin: 15px 0 0 0;
}

#searchDetail #content .subColumn dl {
font-size: 12px;
}

#searchDetail #content .subColumn dt {
margin: 10px 0 0 0;
}
#searchDetail #content .subColumn dd {
word-wrap: break-word;
}
#searchDetail #content .subColumn dd + dt {
margin: 20px 0 0 0;
word-wrap: break-word;
}



/***************************************************

SPECIAL

***************************************************/

#special #content .pageNav { margin: 21px 0 0 0;}

/* category
--------------------------------------------------*/
#special #content article .category {
margin: 20px 0 0 0;
padding: 15px 20px 20px;
background: #f2f2f2;
}

#special #content article .category p {
color: #f074ab;
font-size: 20px;
}

#special #content article .category p + p {
color: #7f7f7f;
font-size: 10px;
}

#special #content article .category ul {
overflow: hidden;
font-size: 13px;
}

#special #content article .category ul li {
float: left;
margin: 10px 0 0 0;
padding: 0 10px;
}

#special #content article .category ul li label {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 16px;
background: url(../img/sprite.png) no-repeat -10px -407px;
cursor: pointer;
}

#special #content article .category ul li label.checked {
background: url(../img/sprite.png) no-repeat -10px -429px;
}

#special #content article .category ul li input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}

/* specialList
--------------------------------------------------*/
#special .specialList {
position: relative;
overflow: hidden;
width: 952px;
margin: 12px -12px 0 0;
}

#special .specialList .special {
float: left;
width: 464px;
margin: 0 12px 24px 0;
}

#special .specialList .panel {
position: relative;
overflow: hidden;
height: 226px;
}

#special .specialList .panel a { display: block;}

#special .specialList .panel a .frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 226px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: solid 0 #fff;
opacity: 0.5;
filter: alpha(opacity=50);
}

#special .specialList .panel dl {
position: absolute;
top: 50%;
left: 25px;
color: #fff;
vertical-align: bottom;
}

#special .specialList .panel dd {
margin: 20px 0 0 0;
font-size: 13px;
}

#special .specialList .panel a:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 83px;
height: 83px;
background: url(../../img/ribon_special.png) no-repeat;
}

#special .specialList .special p {
margin: 5px 0 0 0;
}

#special .specialList .special p a {
color: #f074ab;
text-decoration: underline;
}

#special .specialList .special p a:hover,
#special .specialList .special p a:active {
text-decoration: none;
}


/***************************************************

SPECIAL DETAIL

***************************************************/

#specialDetail #content .columnSet {
overflow: hidden;
}

/* mainColumn
--------------------------------------------------*/
#specialDetail #content .columnSet .mainColumn {
width: 100%;
float: left;
margin: 0 -260px 0 0;
}

#specialDetail #content .mainColumn header {
overflow: hidden;
background: #f2f2f2;
}

#specialDetail #content .mainColumn header .img {
position: relative;
float: left;
}

#specialDetail #content .mainColumn header .img p {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 30px;
line-height: 1.35;
}

#specialDetail #content .mainColumn header .img p span {
background: url(../../img/bg_txt_panel.png);
line-height: 1;
}

#specialDetail #content .mainColumn header .txt {
position: relative;
overflow: hidden;
min-height: 250px;
padding: 30px 20px 20px 30px;
border-left: solid 12px #fff;
}

#specialDetail #content .mainColumn header .txt h1 {
font-size: 50px;
line-height: 1.3;
}

#specialDetail #content .mainColumn header .txt h1 span {
display: block;
font-size: 18px;
}

#specialDetail #content .mainColumn header .txt p {
margin: 5px 0 0 0;
}

#specialDetail #content .mainColumn header .txt ul {
margin: 20px 0 0 0;
}

#specialDetail #content .mainColumn header .txt ul + ul {
overflow: hidden;
}

#specialDetail #content .mainColumn header .txt ul + ul li {
float: left;
}

#specialDetail #content .mainColumn header .txt ul + ul li + li {
margin: 0 0 0 5px;
}

#specialDetail #content .mainColumn header .txt div {
position: absolute;
bottom: 20px;
right: 20px;
}

#specialDetail #content .mainColumn section {
width: 650px;
margin: 35px 0 0 0;
}

#specialDetail #content .mainColumn section + section {
margin: 45px 0 0 0;
}

#specialDetail #content .mainColumn section h1 {
font-size: 24px;
line-height: 1.8;
}
#specialDetail #content .mainColumn section h1 span {
font-size: 16px;
line-height: 1.8;
}

#specialDetail #content .mainColumn section p {
margin: 20px 0 0 0;
line-height: 1.8;
}
#specialDetail #content .mainColumn .cafeStyle {
margin-bottom: 20px;
}
#specialDetail #content .mainColumn .cafeStyle p {
line-height: 2.2;
}
}
#specialDetail #content .mainColumn section .profile {
overflow: hidden;
margin: 40px 0 0 0;
padding: 20px 0;
border-top: dotted 1px #7f7f7f;
border-bottom: dotted 1px #7f7f7f;
font-size: 12px;
}

#specialDetail #content .mainColumn section .profile .img {
float: left;
margin: 0 20px 0 0;
}

#specialDetail #content .mainColumn section .profile .txt {
overflow: hidden;
}

#specialDetail #content .mainColumn section .profile .txt p {
margin: 15px 0 0 0;
}


#specialDetail #content .mainColumn .pageNav {
margin: 55px 0 0 0;
padding: 0 290px 0 0;
}

#specialDetail #content .mainColumn .pageNav ul li a span:after {
width: 34px;
height: 35px;
background: url(../img/sprite.png) no-repeat;
background-position: -10px -170px;
}

/* subColumn
--------------------------------------------------*/
#specialDetail #content .subColumn {
width: 260px;
float: right;
margin: 340px 0 0 0;
padding: 10px 0;
border-top: solid 3px #f074ab;
border-bottom: solid 3px #f074ab;
}
#specialDetail #content .noBtm {
border-bottom: none;
}
#specialDetail #content .subColumn h1 {
color: #f074ab;
font-size: 13px;
}

#specialDetail #content .subColumn ul {
}

#specialDetail #content .subColumn ul li {
overflow: hidden;
position: relative;
height: 100px;
margin: 10px 0 0 0;
}

#specialDetail #content .subColumn ul li .img img {
width: 260px;
}

#specialDetail #content .subColumn ul li .txt {
position: absolute;
top: 50%;
left: 13px;
}

#specialDetail #content .subColumn ul li .txt img {
width: 137px;
}

#specialDetail #content .subColumn ul + p {
margin: 10px 0 0 0;
font-size: 13px;
text-align: center;
}

#specialDetail #content .subColumn ul + p a {
color: #f074ab;
text-decoration: underline;
}

#specialDetail #content .subColumn ul + p a:hover,
#specialDetail #content .subColumn ul + p a:active {
text-decoration: none;
}

#specialDetail #content .subColumn h2 {
font-size: 15px;
margin: 15px 0 0;
}
#specialDetail #content .subColumn dl {
font-size: 12px;
}
#specialDetail #content .subColumn dt {
margin: 10px 0 0;
}
#specialDetail #content .subColumn dd {
word-wrap: break-word;
}
#specialDetail #content .subColumn dd + dt {
margin: 20px 0 0;
word-wrap: break-word;
}

/***************************************************

REQUEST

***************************************************/

/* article
--------------------------------------------------*/
#form #content article {
padding: 40px;
background: #f2f2f2;
}

#form #content article h1 {
color: #f074ab;
font-size: 30px;
line-height: 1.2;
}

#form #content article h1 + p {
margin: 15px 0 0 0;
font-size: 10px;
}

#form #content article h1 + p span {
color: #f074ab;
}

#form #content article h1 + p a {
color: #f074ab;
text-decoration: underline;
}

#form #content article h1 + p a:hover,
#form #content article h1 + p a:active {
text-decoration: none;
}

#form #content article table {
width: 100%;
margin: 40px 0 0 0;
}

#form #content article table th {
width: 20%;
padding: 0 0 30px 0;
font-size: 15px;
font-weight: normal;
text-align: left;
vertical-align: top;
}

#form #content article table th span {
color: #f074ab;
}

#form #content article table td {
width: 80%;
padding: 0 0 30px 0;
vertical-align: top;
}

#form #content article table td .horizontalList {
overflow: hidden;
}

#form #content article table td .horizontalList li {
float: left;
}

#form #content article table td .horizontalList li + li {
margin: 0 0 0 20px;
}

#form #content article table td .verticalList li + li {
margin: 10px 0 0 0;
}

#form #content article label {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 16px;
background: url(../img/sprite.png) no-repeat -10px -407px;
cursor: pointer;
}

#form #content article label.checked {
background: url(../img/sprite.png) no-repeat -10px -429px;
}

#form #content article input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}
/*
#form #content article .radio input{
	display: none;
}
#form #content article li.radio label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 0px;
	padding: 4px 20px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	background-image: none;
}
#form #content article li.radio label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: 0px;
	width: 13px;
	height: 13px;
	margin-top: -7px;
	background: #ffffff;
	border: 1px #F272AB solid;
	border-radius: 50%;
}
#form #content article li.radio input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 4px;
	width: 7px;
	height: 7px;
	margin-top: -3px;
	border-radius: 50%;
	background: #F272AB;
}
*/
#form #content article .radio input {
	display:none;
}
#form #content article li.radio label {
	padding-left: 20px;
	background: url(../img/bg_radio.png) no-repeat left center !important;
}
#form #content article li.radio label.selected {
	background: url(../img/bg_radio_o.png) no-repeat left center !important;
}


#form #content article table td input[type=text] {
height: 20px;
margin: 0 0 0 0;
padding: 0 5px;
border: solid 1px #f074ab;
line-height: 20px;
}

#form #content article table td input[type=text].sizeS  { width:  68px;}
#form #content article table td input[type=text].sizeM  { width: 138px;}
#form #content article table td input[type=text].sizeL  { width: 258px;}
#form #content article table td input[type=text].sizeLL { width: 488px;}

#form #content article table td input[type=text] + input[type=text] {
margin: 0 0 0 15px;
}

#form #content article table td input[type=text] + span {
margin: 0 5px;
}

#form #content article table td textarea {
width: 98%;
height: 168px;
margin: 0 0 0 0;
padding: 5px;
border: solid 1px #f074ab;
resize: none;
}

#form #content article table td .select {

}

#form #content article table td .select select {
z-index: 1;
}

#form #content article table td .select option {
color: #7f7f7f;
}

#form #content article a {
color: #f074ab;
text-decoration: underline;
}

#form #content article a:hover,
#form #content article a:active {
color: #f074ab;
text-decoration: underline;
}

/* select - customSelect
--------------------------------------------------*/
#form #content article table td .select .customSelect {
position: relative;
z-index: 0;
width: 240px;
height: 20px;
padding: 0 15px 0 5px;
border: solid 1px #f074ab;
background: #fff;
}

#form #content article table td .select .customSelectInner {
width: auto !important;
}

#form #content article table td .select .customSelectInner:after {
content: '';
position: absolute;
width: 11px;
height: 8px;
top: 6px;
right: 7px;
background: url(../img/sprite.png) no-repeat;
background-position: -10px -34px;
}

/* privacy
--------------------------------------------------*/
#form #content article .privacy {
overflow: hidden;
position: relative;
}

#form #content article .privacy .inner {
position: relative;
left: 50%;
float: left;
}

#form #content article .privacy .inner label {
position: relative;
left: -50%;
float: left;
}


/***************************************************

FAQ

***************************************************/

/* article
--------------------------------------------------*/
#faq #content header h1 {
color: #f074ab;
font-size: 30px;
}

#faq #content article {
margin: 15px 0 0 0;
border-top: solid 3px #f074ab;
border-bottom: solid 3px #f074ab;
}

#faq #content article + article {
margin: 0 0 0 0;
border-top: none;
}

#faq #content article h1 {
padding: 25px 0;
color: #7f7f7f;
font-size: 20px;
}

#faq #content article p {
padding: 25px 0;
border-top: dotted 2px #7f7f7f;
}

#faq #content article a {
color: #f074ab;
}


/***************************************************

NEWS

***************************************************/

#news #content header h1 {
margin: 0 0 15px 0;
color: #f074ab;
font-size: 30px;
}

#news #content .columnSet {
overflow: hidden;
}

/* mainColumn
--------------------------------------------------*/
#news #content .mainColumn {
float: left;
width: 640px;
}

#news #content .mainColumn article {
padding: 30px 0;
border-top: solid 3px #f074ab;
border-bottom: solid 3px #f074ab;
}

#news #content .mainColumn article + article {
border-top: none;
}

#news #content .mainColumn article h1 {
margin: 15px 0 0 0;
font-size: 20px;
}

#news #content .mainColumn article p {
margin: 20px 0 0 0;
line-height: 1.8;
}

#news #content .mainColumn article .date {
margin: 0 0 0 0;
color: #f074ab;
font-size: 16px;
line-height: 1.5;
}

#news #content .mainColumn article .date span {
margin: 0 15px 0 0;
padding: 0 15px;
color: #fff;
background: #f074ab;
font-size: 18px;
}

/* subColumn
--------------------------------------------------*/
#news #content .subColumn {
float: right;
width: 260px;
padding: 10px 0;
border-top: solid 3px #f074ab;
border-bottom: solid 3px #f074ab;
font-size: 13px;
}

#news #content .subColumn h1 {
color: #f074ab;
}

#news #content .subColumn p {
margin: 10px 0 0 0;
font-size: 13px;
text-align: center;
}

#news #content .subColumn p a {
color: #f074ab;
text-decoration: underline;
}

#news #content .subColumn p a:hover,
#news #content .subColumn p a:active {
text-decoration: none;
}

#news #content .subColumn li {
padding: 10px 0;
border-bottom: dotted 1px #7f7f7f;
}

#news #content .subColumn li .date {
color: #f074ab;
}

#news #content .subColumn li .date span {
margin: 0 5px 0 0;
padding: 0 10px;
color: #fff;
background: #f074ab;
}

#news #content .subColumn li p {
margin: 0 0 0 0;
text-align: left;
}

#news #content .subColumn li p + p {
margin: 3px 0 0 0;
}

#news #content .subColumn li p a {
color: #7f7f7f;
text-decoration: none;
}

#news #content .subColumn li p a:hover,
#news #content .subColumn li p a:active {
text-decoration: underline;
}


/***************************************************

PRIVACY

***************************************************/

/* article
--------------------------------------------------*/
#privacy #content article h1 {
color: #f074ab;
font-size: 30px;
}

#privacy #content article section {
margin: 20px 0 0 0;
}

#privacy #content article section + section {
margin: 40px 0 0 0;
}

#privacy #content article section h1 {
color: #7f7f7f;
font-size: 20px;
}

#privacy #content article section p {
margin: 5px 0 0 0;
}

#privacy #content article section p a {
color: #f074ab;
text-decoration: underline;
}

#privacy #content article section p a:hover,
#privacy #content article section p a:active {
text-decoration: none;
}
/* kiyaku
--------------------------------------------------*/
dl.spec {
zoom: 1;
}
dl.spec:after {
content: '';
display: block;
clear: both;
line-height: 0;
font-size: 0.1em;
}
dl.spec dt {
width: 150px;
float: left;
}
dl.spec dd {
width: 790px;
float: left;
}


/***************************************************

POPUP

***************************************************/

#popup #content {
width: 880px;
margin: 0 auto;
padding: 30px;
}

#popup #content .pageNav {
margin: 30px 0 0 0;
}

#popup #content .pageNav ul li {
display: none;
}

#popup #content .pageNav ul li + li {
margin: 0 0 0 0;
}

#popup #content .pageNav ul li.current {
display: block;
}

/* therapyList
--------------------------------------------------*/
#popup .therapyList p {
margin: 20px 0 0 0;
}

#popup .therapyList ul {
overflow: hidden;
width: 840px;
margin: 30px auto 0;
}

#popup .therapyList ul li {
float: left;
width: 130px;
margin: 0 0 20px 0;
padding: 0 5px;
text-align: center;
}

#popup .therapyList ul li span {
display: block;
}

#popup .therapyList ul li a {
text-decoration: underline;
}

#popup .therapyList ul li a:hover,
#popup .therapyList ul li a:active {
color: #f074ab;
text-decoration: none;
}

/* therapyDetail
--------------------------------------------------*/
#popup .therapyDetail { min-height: 560px;}

#popup .therapyDetail img { width: auto !important;}

#popup .therapyDetail .img {
float: right;
margin: 15px 0 0 40px;
}

#popup .therapyDetail .txt {
overflow: hidden;
margin: 15px 0 0 0;
}

#popup .therapyDetail .txt h2 {
margin: 50px 0 0 0;
color: #f074ab;
font-size: 18px;
}

#popup .therapyDetail .txt ul + h2 {
margin: 20px 0 0 0;
}

#popup .therapyDetail .txt h2 + p,
#popup .therapyDetail .txt h2 + ul {
margin: 5px 0 0 0;
}

#popup .therapyDetail .txt ul li {
list-style-type: disc;
margin: 0 0 0 25px;
}

#popup .therapyDetail .menu {
overflow: hidden;
margin: 40px 0 0 0;
padding: 25px 0 0 0;
border-top: dotted 1px #7f7f7f;
}

#popup .therapyDetail .menu li {
float: left;
width: 176px;
margin: 5px 0 0 0;
}

#popup .therapyDetail .menu li a {
display: block;
height: 26px;
padding-left: 26px;
text-decoration: underline;
}

#popup .therapyDetail .menu li.menu01 a {
background: url(/popup/img/icn_therapy01_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu02 a {
background: url(/popup/img/icn_therapy02_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu03 a {
background: url(/popup/img/icn_therapy03_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu04 a {
background: url(/popup/img/icn_therapy04_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu05 a {
background: url(/popup/img/icn_therapy05_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu06 a {
background: url(/popup/img/icn_therapy06_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu07 a {
background: url(/popup/img/icn_therapy07_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu08 a {
background: url(/popup/img/icn_therapy08_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu09 a {
background: url(/popup/img/icn_therapy09_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu10 a {
background: url(/popup/img/icn_therapy10_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu11 a {
background: url(/popup/img/icn_therapy11_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu12 a {
background: url(/popup/img/icn_therapy12_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu13 a {
background: url(/popup/img/icn_therapy13_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu14 a {
background: url(/popup/img/icn_therapy14_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu15 a {
background: url(/popup/img/icn_therapy15_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu16 a {
background: url(/popup/img/icn_therapy16_s.png) no-repeat 0 0;
}

#popup .therapyDetail .menu li.menu01 a:hover,
#popup .therapyDetail .menu li.menu01.current a {
background-image: url(/popup/img/icn_therapy01_s_on.png);
}

#popup .therapyDetail .menu li.menu02 a:hover,
#popup .therapyDetail .menu li.menu02.current a {
background-image: url(/popup/img/icn_therapy02_s_on.png);
}

#popup .therapyDetail .menu li.menu03 a:hover,
#popup .therapyDetail .menu li.menu03.current a {
background-image: url(/popup/img/icn_therapy03_s_on.png);
}

#popup .therapyDetail .menu li.menu04 a:hover,
#popup .therapyDetail .menu li.menu04.current a {
background-image: url(/popup/img/icn_therapy04_s_on.png);
}

#popup .therapyDetail .menu li.menu05 a:hover,
#popup .therapyDetail .menu li.menu05.current a {
background-image: url(/popup/img/icn_therapy05_s_on.png);
}

#popup .therapyDetail .menu li.menu06 a:hover,
#popup .therapyDetail .menu li.menu06.current a {
background-image: url(/popup/img/icn_therapy06_s_on.png);
}

#popup .therapyDetail .menu li.menu07 a:hover,
#popup .therapyDetail .menu li.menu07.current a {
background-image: url(/popup/img/icn_therapy07_s_on.png);
}

#popup .therapyDetail .menu li.menu08 a:hover,
#popup .therapyDetail .menu li.menu08.current a {
background-image: url(/popup/img/icn_therapy08_s_on.png);
}

#popup .therapyDetail .menu li.menu09 a:hover,
#popup .therapyDetail .menu li.menu09.current a {
background-image: url(/popup/img/icn_therapy09_s_on.png);
}

#popup .therapyDetail .menu li.menu10 a:hover,
#popup .therapyDetail .menu li.menu10.current a {
background-image: url(/popup/img/icn_therapy10_s_on.png);
}

#popup .therapyDetail .menu li.menu11 a:hover,
#popup .therapyDetail .menu li.menu11.current a {
background-image: url(/popup/img/icn_therapy11_s_on.png);
}

#popup .therapyDetail .menu li.menu12 a:hover,
#popup .therapyDetail .menu li.menu12.current a {
background-image: url(/popup/img/icn_therapy12_s_on.png);
}

#popup .therapyDetail .menu li.menu13 a:hover,
#popup .therapyDetail .menu li.menu13.current a {
background-image: url(/popup/img/icn_therapy13_s_on.png);
}

#popup .therapyDetail .menu li.menu14 a:hover,
#popup .therapyDetail .menu li.menu14.current a {
background-image: url(/popup/img/icn_therapy14_s_on.png);
}

#popup .therapyDetail .menu li.menu15 a:hover,
#popup .therapyDetail .menu li.menu15.current a {
background-image: url(/popup/img/icn_therapy15_s_on.png);
}

#popup .therapyDetail .menu li.menu16 a:hover,
#popup .therapyDetail .menu li.menu16.current a {
background-image: url(/popup/img/icn_therapy16_s_on.png);
}

#popup .therapyDetail .menu li span {
margin: 0 0 0 5px;
}

#popup .therapyDetail .menu li a:hover,
#popup .therapyDetail .menu li a:active {
color: #f074ab;
text-decoration: none;
}

#popup .therapyDetail .menu li.current a {
color: #f074ab;
}

#popup .therapyDetail .slider .flex-direction-nav .flex-prev,
#popup .therapyDetail .slider .flex-direction-nav .flex-next {
width: 29px;
height: 53px;
background-image: url(../img/sprite.png);
opacity: 1;
}

#popup .therapyDetail .slider .flex-direction-nav .flex-prev {
left: -9999px;
}

#popup .therapyDetail .slider .flex-direction-nav .flex-next {
left: -9999px;
}

#popup .therapyDetail .slider .flex-direction-nav .flex-prev:before,
#popup .therapyDetail .slider .flex-direction-nav .flex-next:before { display: none;}

#popup .therapyDetail .slider .flex-direction-nav .flex-prev:hover,
#popup .therapyDetail .slider .flex-direction-nav .flex-next:hover {
opacity: 1;
}

#popup .therapyDetail .slider .flex-control-nav {
width: auto;
left: -9999px;
}

/* educationList
--------------------------------------------------*/
#popup .educationList section {
padding: 30px 0;
}

#popup .educationList section + section {
border-top: dotted 1px #7f7f7f;
}

#popup .educationList section h1 {
font-size: 18px;
}

#popup .educationList section h1 a {
color: #f074ab;
text-decoration: underline;
}

#popup .educationList section h1 a:hover,
#popup .educationList section h1 a:acive {
text-decoration: none;
}

#popup .educationList section p {
margin: 10px 0 0 0;
}

/* tabNav
--------------------------------------------------*/
#popup .tabNav {
overflow: hidden;
margin: 30px 0 0 0;
font-size: 26px;
}

#popup .tabNav li {
float: left;
width: 50%;
background: #f2f2f2;
text-align: center;
}

#popup .tabNav li a {
display: block;
padding: 5px;
color: #aeaeae;
text-decoration: underline;
}

#popup .tabNav li a:hover,
#popup .tabNav li a:active {
text-decoration: none;
}

#popup .tabNav li.current {
background: #f074ab;
}

#popup .tabNav li.current a {
color: #fff;
}

/* tabNav
--------------------------------------------------*/
#popup .tabContent {
display: none;
padding: 10px 15px 15px 10px;
border: solid 1px #f074ab;
}

#popup .tabContent.current {
display: block;
}

#popup .tabContent table {
width: 100%;
}

#popup .tabContent p + table {
margin: 15px 0 0 0;
}

#popup .tabContent table th {
padding: 10px 20px;
border-top: solid 5px #fff;
border-left: solid 5px #fff;
background: #d9d9d9;
font-weight: normal;
text-align: left;
}

#popup .tabContent table td {
padding: 10px 20px;
border-top: solid 5px #fff;
border-left: solid 5px #fff;
background: #f2f2f2;
vertical-align: middle;
}

#popup .tabContent table td p {
font-size: 16px;
}

#popup .tabContent table td ul {
padding: 0 0 0 20px;
}

#popup .tabContent table td ul li {
list-style-type: disc;
}

#popup .tabContent table td ul li + li {
margin: 5px 0 0 0;
}

#popup .tabContent table td span {
font-size: 12px;
}

#popup .tabContent .notes {
margin: 15px 0 0 0;
font-size: 12px;
}

#popup .tabContent .notes li {
padding: 0 0 0 1em;
text-indent: -1em;
}

#popup .tabContent table td .notes {
margin: 5px 0 0 0;
padding: 0 0 0 0;
}

#popup .tabContent table td .notes li {
list-style-type: none;
}

#popup .tabContent table td .notes li + li {
margin: 0 0 0 0;
}

#popup .tabContent table td .notes + p {
margin: 10px 0 0 0;
}

#popup .tabContent .linkList {
margin: 15px 0 0 0;
text-align: center;
}

#popup .tabContent .linkList li {
display: inline;
}

#popup .tabContent .linkList li + li {
margin: 0 0 0 15px;
}

#popup .tabContent .linkList li a {
color: #f074ab;
text-decoration: underline;
}

#popup .tabContent .linkList li a:hover,
#popup .tabContent .linkList li a:active {
text-decoration: none;
}
#searchDetail #content .subColumn div.otherProArea {
	width: 264px;
	max-height: 244px;
	overflow: hidden;
	margin-top: 0;
}
#searchDetail #content .subColumn div.otherProArea .otherPro {
	float: left;
	width: 86px;
	margin: 5px 2px 10px 0;
}
.serapUl {
	width: 340px;
}
.serapUl li {
	margin: 0 5px 6px 0 !important;
}
.slideUl {
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 300px;
}
.slideUl li {
	position: absolute;
}
.ttlComp {
	margin: 30px 0;
	color: #f074ab;
	font-size: 30px;
	line-height: 1.2;
}
h2.ttlComp {
	margin: 15px 0;
	color: #7f7f7f;
	font-size: 20px;
	line-height: 1.2;
}
.compArea p {
	line-height: 2.2;
	margin-bottom: 15px;
	font-size: 13px;
}
.compArea ul li a {
display: block;
margin: 0 0 0 0;
padding: 6px 100px !important;
font-size: 26px;
color: #f074ab;
border: none;
background: none;
font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#specialDetail #content .mainColumn section .lastArea {
	padding: 20px 20px 20px;
	background-color: #f2f2f2;
}
#specialDetail #content .mainColumn section .lastArea h1 {
	margin-bottom: 20px;
	font-size: 18px;
}
#specialDetail #content .mainColumn section .lastArea dl {
	
}
#specialDetail #content .mainColumn section .lastArea dl dt {
	color: #f074ab;
}
#specialDetail #content .mainColumn section .lastArea dl dd {
	margin-bottom: 20px;
}

.profile .linkUl {
	padding: 20px 0;
}
.profile .linkUl li {
	line-height: 2.5;
}
.profile .linkUl li a {
	color: #f074ab;
	line-height: 15px;
}
.profile .linkUl li a.blank:after {
	padding: 1px 15px 1px 0;
	background: url(../img/bg_blank.png) no-repeat right center;
}
#newsList {overflow: hidden;}
.hiddenLi {display: none;}

.noSearch {
	padding: 60px 0 100px;
	color: #f074ab;
	line-height: 1.6;
	text-align:center;
	font-size: 20px;
}
.wd530 {width: 530px !important}

#specialDetail .spSec {
	width: 650px;
	padding: 20px 0;
	border-top: 1px dotted #7F7F7F;

}
#specialDetail .spSec h2 {
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 1.8;
}
#specialDetail .spSec ul li {
	float: left;
	margin: 0 15px 15px 0;
	font-size: 16px;
}
a.bgiNo:after { background-image: none !important;}
.fourthBox {
	overflow: hidden;
	width: 661px;
	margin-bottom: 40px;
}
.fourthBox .fourthUnit {
	float: left;
	width: 145px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.fourthBox .fourthUnit2 {
	width: 304px;
	position: relative;
}
.fourthBox .fourthUnit dl dt {
	margin-bottom: 10px;
}
.fourthBox .fourthUnit dl dd {
	margin-bottom: 3px;
	font-size: 12px;
}
.fourthBox .fourthUnit2 p.sub_img {
	position: absolute;
	top: 89px;
	right: 5px;
}
.rIltDl {
	overflow: hidden;
	width: 650px;
	margin: 20px 0 0;
	padding: 0;
	font-size: 12px;
}
.rIltDl dt {
	float: left;
	margin: 0 10px 0 0;
	width: 150px;
}
.rIltDl dd {
	overflow: hidden;
	font-size: 14px;
	line-height: 1.8;
}
.rIltDl dd h2 {
	font-size: 16px;
	margin-bottom: 6px;
}
.priceTxt {
	text-align: right;
	font-size: 16px;
}
.cocorogotoTbl { width: 100%;}
.cocorogotoTbl td {
	vertical-align: bottom;
	font-size: 14px;
}
.link { color: #f074ab;}


#simpleFade {
	position: relative;
	/*overflow: hidden;*/
	width: 940px;
	height: 300px;
}
#simpleFade ul {
	width: 940px;
	height: 300px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#simpleFade ul li {
	top: 0;
	left: 0;
	width: 940px;
	height: 300px;
	display: none;
	position: absolute;
}


/***************************************************

common class

***************************************************/

/* font-family
--------------------------------------------------*/
#phylosophy #content article .menu h2,
#menu #content article section h2,
#recruit #container article section h2,
.single-post #content article section h2 {
	/*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
}

/* a
--------------------------------------------------*/
a.blank,
#about #content a[href^="http"],
#flow #content a[href^="http"],
#popup #content a[href^="http"],
#specialDetail #content a[href^="http"],
#faq #content a[href^="http"],
#form #content a[href^="http"] {
position: relative;
padding: 0 18px 0 0;
}

a.blank:after,
#about #content a[href^="http"]:after,
#flow #content a[href^="http"]:after,
#popup #content a[href^="http"]:after,
#specialDetail #content a[href^="http"]:after,
#faq #content a[href^="http"]:after,
#form #content a[href^="http"]:after {
content: '';
position: absolute;
top: 50%;
right: 0;
width: 14px;
height: 14px;
margin: -6px 0 0 0;
background: url(../img/sprite.png) no-repeat;
background-position: -30px -10px;
}

/* text-alignt
--------------------------------------------------*/
.taL { text-align: left !important;}
.taR { text-align: right !important;}
.taC { text-align: center !important;}

/* vertical-alignt
--------------------------------------------------*/
.vaT { vertical-align: top !important;}
.vaB { vertical-align: bottom !important;}
.vaM { vertical-align: middle !important;}

/* float
--------------------------------------------------*/
.flL { float: left;}
.flR { float: right;}

.clrFix { /zoom: 1;}
.clrFix:after {
content: '';
display: block;
clear: both;
line-height: 0;
font-size: 0.1em;
}

/* font-weight
--------------------------------------------------*/
.fwB { font-weight: bold !important;}

.fs11 { font-size: 11px !important;}
.fs12 { font-size: 12px !important;}

/* margin
--------------------------------------------------*/
.mt00 { margin-top:0 !important;}
.mt01 { margin-top:1px !important;}
.mt02 { margin-top:2px !important;}
.mt03 { margin-top:3px !important;}
.mt04 { margin-top:4px !important;}
.mt05 { margin-top:5px !important;}
.mt06 { margin-top:6px !important;}
.mt07 { margin-top:7px !important;}
.mt08 { margin-top:8px !important;}
.mt09 { margin-top:9px !important;}
.mt10 { margin-top:10px !important;}
.mt11 { margin-top:11px !important;}
.mt12 { margin-top:12px !important;}
.mt13 { margin-top:13px !important;}
.mt14 { margin-top:14px !important;}
.mt15 { margin-top:15px !important;}
.mt16 { margin-top:16px !important;}
.mt17 { margin-top:17px !important;}
.mt18 { margin-top:18px !important;}
.mt19 { margin-top:19px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}

.mr01 { margin-right:1px !important;}
.mr02 { margin-right:2px !important;}
.mr03 { margin-right:3px !important;}
.mr04 { margin-right:4px !important;}
.mr05 { margin-right:5px !important;}
.mr06 { margin-right:6px !important;}
.mr07 { margin-right:7px !important;}
.mr08 { margin-right:8px !important;}
.mr09 { margin-right:9px !important;}
.mr10 { margin-right:10px !important;}
.mr11 { margin-right:11px !important;}
.mr12 { margin-right:12px !important;}
.mr13 { margin-right:13px !important;}
.mr14 { margin-right:14px !important;}
.mr15 { margin-right:15px !important;}
.mr16 { margin-right:16px !important;}
.mr17 { margin-right:17px !important;}
.mr18 { margin-right:18px !important;}
.mr19 { margin-right:19px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr60 { margin-right:60px !important;}
.mr70 { margin-right:70px !important;}
.mr80 { margin-right:80px !important;}
.mr90 { margin-right:90px !important;}

.mb00 { margin-bottom:0px !important;}
.mb01 { margin-bottom:1px !important;}
.mb02 { margin-bottom:2px !important;}
.mb03 { margin-bottom:3px !important;}
.mb04 { margin-bottom:4px !important;}
.mb05 { margin-bottom:5px !important;}
.mb06 { margin-bottom:6px !important;}
.mb07 { margin-bottom:7px !important;}
.mb08 { margin-bottom:8px !important;}
.mb09 { margin-bottom:9px !important;}
.mb10 { margin-bottom:10px !important;}
.mb11 { margin-bottom:11px !important;}
.mb12 { margin-bottom:12px !important;}
.mb13 { margin-bottom:13px !important;}
.mb14 { margin-bottom:14px !important;}
.mb15 { margin-bottom:15px !important;}
.mb16 { margin-bottom:16px !important;}
.mb17 { margin-bottom:17px !important;}
.mb18 { margin-bottom:18px !important;}
.mb19 { margin-bottom:19px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}

.ml01 { margin-left:1px !important;}
.ml02 { margin-left:2px !important;}
.ml03 { margin-left:3px !important;}
.ml04 { margin-left:4px !important;}
.ml05 { margin-left:5px !important;}
.ml06 { margin-left:6px !important;}
.ml07 { margin-left:7px !important;}
.ml08 { margin-left:8px !important;}
.ml09 { margin-left:9px !important;}
.ml10 { margin-left:10px !important;}
.ml11 { margin-left:11px !important;}
.ml12 { margin-left:12px !important;}
.ml13 { margin-left:13px !important;}
.ml14 { margin-left:14px !important;}
.ml15 { margin-left:15px !important;}
.ml16 { margin-left:16px !important;}
.ml17 { margin-left:17px !important;}
.ml18 { margin-left:18px !important;}
.ml19 { margin-left:19px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}
.ml80 { margin-left:80px !important;}
.ml90 { margin-left:90px !important;}

.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }

.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }

.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }


.colorR { color: #e50012 !important; }
.colorY { color: #e2a700 !important; }
.colorG { color: #44af35 !important; }
.colorB { color: #4593d0 !important; }


.wd200 {width: 200px !important;}

/* =========================================================
■Clearfix
========================================================= */
.clearfix:after,
section:after,
.spSec:after,
.rIltDl:after,
.secondBox:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
section,
.spSec,
.rIltDl,
.secondBox {
	display: inline-table;
	min-height: 1%;
}


/* ------------------------------------------------------ */