@charset "utf-8";

/* ##################################### services.css ##################################### */
#R .headline01 { background:url(../img/hl01_gold.gif) no-repeat; }

/* ========================== side menu ========================== */
#sideMenu li.index, #sideMenu li.index a { background: url(../services/img/sideMenu.gif) 0 0; }
#sideMenu li.index a.on, #sideMenu li.index a:hover { background: url(../services/img/sideMenu.gif) -200px 0; }
#sideMenu li.clubood, #sideMenu li.clubood a { background: url(../services/img/sideMenu.gif) 0 -30px; }
#sideMenu li.clubood a.on, #sideMenu li.clubood a:hover { background: url(../services/img/sideMenu.gif) -200px -30px; }
#sideMenu li.web, #sideMenu li.web a { background: url(../services/img/sideMenu.gif) 0 -60px; }
#sideMenu li.web a.on, #sideMenu li.web a:hover { background: url(../services/img/sideMenu.gif) -200px -60px; }
#sideMenu li.mobile, #sideMenu li.mobile a { background: url(../services/img/sideMenu.gif) 0 -90px; }
#sideMenu li.mobile a.on, #sideMenu li.mobile a:hover { background: url(../services/img/sideMenu.gif) -200px -90px; }
#sideMenu li.sns, #sideMenu li.sns a { background: url(../services/img/sideMenu.gif) 0 -120px; }
#sideMenu li.sns a.on, #sideMenu li.sns a:hover { background: url(../services/img/sideMenu.gif) -200px -120px; }
#sideMenu li.support, #sideMenu li.support a { background: url(../services/img/sideMenu.gif) 0 -150px; }
#sideMenu li.support a.on, #sideMenu li.support a:hover { background: url(../services/img/sideMenu.gif) -200px -150px; }


/* ========================== index ========================== */
.leadClubood { width:590px; margin-bottom:30px; border:5px solid #ddd; }
.leadClubood h3 { margin:0 !important; padding:0 !important; border:0 !important; font-size:12px !important; font-weight:normal !important; line-height:1.3em !important; }
.leadClubood .inside { }
.leadClubood a { display:block; width:574px; height:126px; padding:74px 0 0 16px;
	background:url(../services/img/leadClubood.jpg) no-repeat; color:#333 !important; text-decoration:none !important; }
.leadClubood a:hover { background:url(../services/img/leadClubood.jpg) 0 -200px no-repeat; color:#a80d15 !important; text-decoration:none; }

.leadServices { width:600px; margin-bottom:30px; background:url(../services/img/leadServices_body.gif) repeat-y; }
.leadWeb, .leadMobile, .leadSupport { float:left; width:190px; border-top:5px solid #ddd; }
.leadWeb, .leadMobile { margin-right:15px; }
.leadServices p { margin:0; padding:10px 5px 8px 10px; line-height:1.3em; }
.leadServices_btm { clear:both; }

.leadWeb h3, .leadMobile h3, .leadSupport h3 { display:block; width:190px; height:105px; text-indent:-9999px; overflow:hidden; }
.leadWeb h3 a, .leadWeb h3 a:hover,
.leadMobile h3 a, .leadMobile h3 a:hover,
.leadSupport h3 a, .leadSupport h3 a:hover { display:block; height:105px; }

.leadWeb h3, .leadWeb h3 a { background: url(../services/img/leadWeb_hd.jpg) 0 0; }
.leadWeb h3 a:hover { background: url(../services/img/leadWeb_hd.jpg) -190px 0; }
.leadMobile h3, .leadMobile h3 a { background: url(../services/img/leadMobile_hd.jpg) 0 0; }
.leadMobile h3 a:hover { background: url(../services/img/leadMobile_hd.jpg) -190px 0; }
.leadSupport h3, .leadSupport h3 a { background: url(../services/img/leadSupport_hd.jpg) 0 0; }
.leadSupport h3 a:hover { background: url(../services/img/leadSupport_hd.jpg) -190px 0; }

/* ========================== web ========================== */
.fig_web01 { margin-bottom:15px; }

/* ========================== sns ========================== */
.fig_sns01 { margin-bottom:20px; padding:15px; background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.fig_sns01 p, .fig_sns01 .arrow01 { margin:0; line-height:2.5em; }

.snsSolution { margin-bottom:20px; }
.snsSolution ul { margin:0 0 0 20px; }
.snsSolution li { padding:0 0 0 13px; background:url(../img/arw03.gif) no-repeat left center; list-style:none; line-height:2em; }

/* ========================== clubood ========================== */
#R.clubood h4 { margin-bottom:10px; padding:3px 3px 2px 3px; border:none; background:#eee; color:#C03655;
	border-bottom:1px solid #aaa; border-right:1px solid #aaa; line-height:1.2em; }
#R.clubood .proposal { margin-bottom:20px; }
#R.clubood .proposal img { float:left; margin-right:10px; }
#R.clubood .proposal p { margin:0; }

/* ========================== support ========================== */
.supportCategory { margin-bottom:25px; }
.supportCategory dl { width:625px; }
.supportCategory dt, .supportCategory dd { float:left; line-height:1.2em !important; }
.supportCategory dt { width:140px; clear:both; padding:3px 7px; background:#eee; border-top:1px solid #aaa; border-left:5px solid #734c01/*#649BD9*/;
	border-right:1px solid #aaa; color:#734c01/*#084285*/; }
.supportCategory dd { /*width:445px;*/ padding:3px 10px; }
.supportCategory .gapLine { display:block; clear:both; margin-bottom:10px; font-size:1px; height:1px; line-height:1px; border-top:1px solid #aaa; }
.supportCategory a:link, .supportCategory a:visited { text-decoration:underline; }
.supportCategory a:hover { text-decoration:underline; }

.supportCategoryTitle { margin-bottom:15px !important; padding:7px 7px 5px 7px; background:#eee; border-top:1px solid #aaa;
	 color:#084285; font-size:14px; font-weight:bold; }

.supporter { width:625px; margin-bottom:20px; }
.supporter.onPageTop { margin-bottom:10px; }
.supporter .L { float:left; width:140px; }
.supporter .R { float:right; width:475px; }
.supporter .R h4 { margin:0 0 5px 0 !important; padding:0 !important; border:none !important; 
	font-size:14px !important; font-weight:bold; line-height:1.5em !important; }
.supporter .R h5 { margin-bottom:2px !important; padding-bottom:2px; border-bottom:1px dotted #aaa;
	color:#084285/*#a80d15*/; font-size:14px !important; font-weight:bold ; }
.supporter p.serviceContents { margin:0 0 15px 0; color:#134905;  }
.supporter .supporterPh { border:1px solid #bbb; }
.supporter p { margin:0 0 10px 0; }
.supporter dl {}
.supporter dt { margin-bottom:2px; font-weight:bold; }
.supporter dd { margin:0 0 10px 0; }





/*  */