@charset "utf-8";

/******************************************************************************/
/*-- フォント関連CSS ---------------------------------------------------------*/
/******************************************************************************/

/******************************************************************************/
/*-- テキスト設定 ------------------------------------------------------------*/

/* 斜体 */
.italic{
	font-style:italic;
}

/* 強調 */
.bold{
	font-weight:bold;
}

/* 下線 */
.ul{
	text-decoration:underline;
}

/* フォントサイズを小さく */
.small,.small *{
	font-size:80%;
	color:inherit;
}

.f12 {
	font-size: 12px !important;	
}
/* フォントサイズを大きく */
.large,.large *{
	font-size:140%;
	color:inherit;
}
/* アクセントカラー */
.accent,.accent *{
	color:#EC6D51;
	font-weight:bold;
}

.bdr_accent {
	border: 1px solid #EC6D51;
	padding: 2px 5px 1px;
	display:inline;
}


.bdr_accent_new {
	border: 1px solid #EC6D51;
	padding: 0px 3px 0px !important;
	display:inline;
	color: #EC6D51;
	font-size: 9px;
	line-height:0.9;
	margin: 0 0 0 5px;
}

/* 主張の強いテキスト */
.strong,.strong *{
	color:#cd668f;
	font-weight:bold;}
div.label .strong,div.label .strong *{
	color:#86a22f;}
div.sign .strong,div.sign .strong *{
	color:#596AA6;}
div.publishing .strong,div.publishing .strong *{
	color:#856859;}
div.yugu .strong,div.yugu .strong *{
	color:#EC6D51;}
div.utst .strong,div.utst .strong *{
	color:#238098;
}
/* 主張の弱いテキスト */
.frail,.frail *{
	font-size:80%;
	color:#999999;
}
.frail *{
	font-size:100%;
}
/* カラー */
.color,.color *{color:#cd668f;}
div.label .color,div.label .color *{color:#86a22f;}
div.sign .color,div.sign .color *{color:#596AA6;}
div.publishing .color,div.publishing .color *{color:#856859;}
div.yugu .color,div.yugu .color *{color:#EC6D51;
}

.default,.default *{
	color:#000000;}
.red,.red *{
	color:#FF3333;}
.blue,.blue *{
	color:#3366CC;}
.yellow,.yellow *{
	color:#FFCC00;}
.green,.green *{
	color:#336633;}
.white,.white *{
	color:#ffffff;}
.gray,.gray *{
	color:#888888;
}
.purple,.purple *{
	color:#856859;
}


/******************************************************************************/
/*-- テキストの代わりにロゴなどを表示させるクラス ----------------------------*/
span.logo_mini
,span.logo_hanasns
,span.mail_address
,span.mail_address_mailmag
,span.logo_seec
,span.logo_pedia{
	display:inline-block;
	vertical-align:middle;
	line-height:0px;
	font-size:0px;
	color:#ffffff;}
/* Abocロゴ */
span.logo_mini{
	margin:0px 3px 0px 0px;
	width:35px;
	height:11px;
	background:url(../images/logo_mini.gif) no-repeat left center;}
/* はなせんせロゴ */
span.logo_hanasns{
	margin:-4px 0px 0px 3px;
	width:81px;
	height:20px;
	background:url(../images/logo_hanasense.svg) no-repeat left center;
}
/* aboclabメールアドレス */
span.mail_address{
	margin:0px 3px 0px 0px;
	width:145px;
	height:13px;
	background:url(../images/mail_address_aboclabel.gif) no-repeat left center;
}
/* mailmagメールアドレス */
span.mail_address_mailmag{
	margin:0px 3px 0px 0px;
	width:137px;
	height:13px;
	background:url(../images/mail_address_mailmag.gif) no-repeat left center;
}
/* シーCラベルロゴ */
span.logo_seec{
	margin:0px 3px 0px 0px;
	width:58px;
	height:13px;
	background:url(../images/logo_seec.gif) no-repeat left center;
}
/* 花ペディアロゴ */
span.logo_pedia{
	margin:0px 3px 0px 0px;
	width:69px;
	height:18px;
	background:url(../images/logo_pedia.gif) no-repeat left center;
}



/******************************************************************************/
/*-- リスト用アイコンを表示させるクラス --------------------------------------*/

/* リンクアイコン */
span.link{
	padding:0px 0px 0px 18px;
	background:url(../images/li_link_large.png) no-repeat 0px center;}
div.publishing span.link{
	padding:0px 0px 0px 18px;
	background:url(../images/li_link_large.png) no-repeat 0px 3px;
}
span.link2{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(../images/li_link_large_whiteline.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

span.link3{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(../images/li_link_large_whiteline.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}	
	
span.link_nest{
	padding:0px 0px 0px 14px;
	background:url(../images/li_link_nest.png) no-repeat 0px center;
	white-space: nowrap;
}

span.link_nest_bn{
	padding:2px 0px 0px 28px !important;
	margin-left: 10px !important;
	background:url(../images/li_link_nest.png) no-repeat 15px center;
	white-space: nowrap;
	text-align: left !important;
}

span.link_nest_kankyo {
	padding: 0px 0px 0px 10px;
	background: url(../images/li_link_nest.png) no-repeat 0px center !important;
	white-space: nowrap;
	vertical-align: middle;
}

span.link_back{
	padding: 0px 0px 0px 15px;
	background: url(../images/li_link_back.png) no-repeat 0px center;
	white-space: nowrap;
}

span.link_next{
	padding: 0px 15px 0px 0px;
	white-space: nowrap;
	background-image: url(../images/li_link_next.png);
	background-repeat: no-repeat;
	background-position: right center;
}


span.up{
	padding:0px 0px 0px 14px;
	background:url(../images/li_up.png) no-repeat left center;}
/* for mac ie5 */
/*\*//*/
span.link,span.up{
	padding:0px;
	background:none;}
span.link a{
	padding:0px 0px 0px 14px;
	background:url(../images/li_link.png) no-repeat 0px center;}
span.up a{
	padding:0px 0px 0px 14px;
	background:url(../images/li_up.png) no-repeat 0px center;}
}
/* */


/* 拡張子別アイコン */


span.pdf,
span.jpg
,span.gif
,span.img
,span.xls
,span.doc
,span.cat{
	padding: 4px 0px 0px 18px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
span.pdf{background-image:url(../images/icon_file_pdf.gif);}
span.jpg{background-image:url(../images/icon_file_jpg.gif);}
span.gif{background-image:url(../images/icon_file_gif.gif);}
span.img{background-image:url(../images/icon_file_img.gif);}
span.xls{background-image:url(../images/icon_file_xls.gif);}
span.doc{background-image:url(../images/icon_file_doc.gif);}
span.cat{background-image:url(../images/icon_file_cat.gif);
}


/* 箇条書きアイコン */
span.item{
	padding:0px 0px 0px 14px;
	background:url(../images/li_item.png) no-repeat 0px center;}
div.label span.item{background:url(../images/li_item_label.png) no-repeat 0px center;}
div.sign span.item{background:url(../images/li_item_sign.png) no-repeat 0px center;}
div.publishing span.item{background:url(../images/li_item_publishing.png) no-repeat 0px center;}
div.yugu span.item{background:url(../images/li_item_yugu.png) no-repeat 0px center;}
div.yugu span.item{background:url(../images/li_item_utst.gif) no-repeat 0px center;
}


/* 新しいウィンドウで開く */
a.newwin{
	padding-right:18px;
	background:url(../images/icon_newwin.gif) no-repeat right 1px;
	background-repeat:no-repeat;
}
a.newwin2{
	background-repeat: no-repeat;
	background-image: url(../images/icon_newwin.gif);
	background-position: 150px 4px;
}
a.newwin_white{
	padding-right:18px;
	background:url(../images/icon_newwin_white.png) no-repeat right 1px;
	background-repeat:no-repeat;
}

span.newwin{
	display:inline-block;
	margin-left:6px;
	width:13px;
	background:url(../images/icon_newwin.gif) no-repeat right 3px;
	text-decoration:none !important;
}



/******************************************************************************/
/*-- 1pxボーダーで囲う＆薄い背景色 -------------------------------------------*/

/* testボックス */
.rail,.rail_active{
	display: inline-block;
	border: 1px solid #5d866a;
	background: #f3f6f4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 30px;
	height: 30px;
	padding-top:2px;
}
/* ベースカラーの70%（ボーダー）,5%（中） */
div.label .rail{border-color:#74b052;background:#f5f9f2;}
div.sign .rail{border-color:#7582b1;background:#f5f6f9;}
div.publishing .rail{
	border-color: #b985af;
	background: #faf6f9;
	white-space: nowrap;
	line-height: 30px;
	height: 30px;
	padding-top:2px;
}
div.yugu .rail{border-color:#e58d57;background:#fdf7f3;}
div.utst .rail{border-color:#65a6b7;background:#f4f9fa;}
.rail_active{border-color:#ffb74c;background:#fffaf2;
	
}


/******************************************************************************/
/*-- マーカー ----------------------------------------------------------------*/
.marker_orange{
	padding:0px 4px;
	font-size:80%;
	color:#ffffff;
	background:#cd668f;
}
.marker_gray{
	padding:0px 4px;
	font-size:80%;
	color:#ffffff;
	background:#999999;
}


.bdrL_purple {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #856859;
	padding-left: 10px;
}


.bdrL_green {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #27753d;
	padding-left: 10px;
}

.bdrL_pink {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #cd668f;
	padding-left: 10px;
}

/******************************************************************************/
/*-- フォントカラー -------------------------------------------*/
.fc_sign_blue {
	color: #596aa6;
}


/******************************************************************************/
/*-- Font Awesome -------------------------------------------*/



div.publishing .fa-arrow-circle-left,div.label .fa-arrow-circle-left,div.company .fa-arrow-circle-left {
	color: #EB9815 !important;
	font-size: 120% !important;
	vertical-align: middle;	
	margin:-3px 5px 0 0;
}

div.publishing .fa-arrow-circle-right,div.label .fa-arrow-circle-right,.quoteWrapper .fa.fa-arrow-circle-right {
	color: #EB9815 !important;
	font-size: 120% !important;
	vertical-align: middle;	
	margin:-3px 0 0 5px;
}
div.yurinokiContents .fa-arrow-circle-right {
	color: #EB9815 !important;
	font-size: 125% !important;
	vertical-align: middle;	
	margin:-2px 8px 0 0 !important;
}
div.yurinokiContents ul.link_nest {
    margin: 2px 0 15px 5px; 
}
div.yurinokiContents ul.link_nest li{padding:2px 0px 2px 15px !important;line-height:120%;background:url(../images/li_link_nest.png) no-repeat left center !important;}
div.publishing .fa-caret-left,div.label .fa-caret-left,div.company .fa-caret-left {
	color: #EB9815 !important;
	font-size: 120% !important;
	vertical-align: middle;	
	margin:-3px 5px 0 0;
}

div.publishing .fa-caret-right,div.label .fa-caret-right,.quoteWrapper .fa.fa-caret-right {
	color: #EB9815 !important;
	font-size: 120% !important;
	vertical-align: middle;	
	margin:-3px 0 0 5px;
}


/******************************************************************************/
/*--上付き。下付き文字 -------------------------------------------*/

span.supText {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
span.subText {
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0em;
}

/*--斜体 -------------------------------------------*/
.oblique{
	font-style:oblique;
	font-family:Times New Roman,"ＭＳ Ｐゴシック";
}