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

 file name  :service.css
 style info :サービス
=================================================================== */
/* -----------------------------------------------------------
	#sub | サイドバー：2階層目以降共通
----------------------------------------------------------- */
#sub li {
    margin: 0px;
	padding: 0px;
}

#sub li a{
	text-indent:-9999px;
	display: block;
}

/*サービス*/

#submenuTop02 a{
	width: 210px;
	height: 32px;
	background: url(../images/sub_navi_top.gif) no-repeat;
}

#submenuTop02 a#stay02,
#submenuTop02 a:hover{
	background: url(../images/sub_navi_top.gif) no-repeat;
}

/*01｜メーカー・代理店等、企業様向けメニュー*/
#submenu01 a{
	width: 210px;
	height: 49px;
	background: url(../images/sub_navi_off_01.gif) no-repeat;
}
#submenu01 a#stay02,
#submenu01 a:hover{
		background: url(../images/sub_navi_on_01.gif) no-repeat;
}
/*02｜オンラインショップ様向け特別限定メニュー*/
#submenu02 a{
	width: 210px;
	height: 49px;
	background: url(../images/sub_navi_off_02.gif) no-repeat;
}
#submenu02 a#stay02,
#submenu02 a:hover{
	background: url(../images/sub_navi_on_02.gif) no-repeat;
}

/*----------------------------------------------------
	.service_data | サービス一覧
----------------------------------------------------*/
.service_data{
    margin-bottom:25px;
}

.service_data02{
    widht: 100%;
    margin-bottom:20px;
	padding-bottom: 20px;
	background: url(../../common/images/dotted_line.gif) no-repeat left bottom;	
	overflow:hidden;
}

.big_f{
    font-size: 105% !important;
}

.md_pic{
	float:right;
    width: 230px;
	margin-left: 20px;
	margin-bottom: 0px;
}

.service_tex{
	float:left;
	width:360px;
}

.service_tex h4 {
    color: #59b8b8;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}

.service_tex p {
    color: #333333;
	font-size: 100%;
	font-weight: normal;
}

.service_tex p a{
	background: url(../../images/ic_link01.gif) no-repeat left center;
	padding-left: 12px;
	margin-left: 5px;
	margin-top: 10px;
}

#bt_read {
	clear: both;
	background: url(../../common/images/dotted_line.gif) no-repeat left top;
}

#bt_read p {
    padding: 20px 0;
}

.md_pic03{
	float:right;
    width: 170px;
	height: 40px;
	margin-left: 20px;
	margin-top: 70px;
}

.service_tex02{
	width:100%;
}

.service_tex02 h4 {
    color: #6ec5c5;
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 10px;
}

.aicon{
	background: url(../images/aicon_1.gif) no-repeat left top;
	padding: 0 0 0 25px;
}
.aicon02{
	background: url(../images/aicon_2.gif) no-repeat left top;
	padding: 0 0 0 25px;
}
.aicon03{
	background: url(../images/aicon_3.gif) no-repeat left top;
	padding: 0 0 0 25px;
}
.aicon04{
	background: url(../images/aicon_4.gif) no-repeat left top;
	padding: 0 0 0 25px;
}
.aicon05{
	background: url(../images/aicon_5.gif) no-repeat left top;
	padding: 0 0 0 25px;
}

.f_green {
    color: #99cc33 !important;
	font-size: 110% !important;
	font-weight: bold !important;
}

#f_green02 {
    color: #6ec5c5;
	font-size: 110%;
	font-weight: normal;
}

#f_green03 {
    color: #99cc33;
	font-size: 105%;
	font-weight: bold;
}

#f_Brown{
    color: #922222;
	font-size: 100%;
	font-weight: normal;
}