@charset "utf-8";
/* CSS Document */


.setsumei {padding-left: 10px; font-size: 11px; line-height: 15px}
.style1 {color: #339900}
.style2 {color: #000000}

/*------------------------------------------------------------------------- 
ＳＳギア・ジーポン追加スタイル 
-------------------------------------------------------------------------*/
#main {
	width:566px;
	margin-bottom:30px;
	}

#main img{
	border:none;
	}

/*------------------------------------------------------------------------- 
汎用 
-------------------------------------------------------------------------*/
#main .pexp
{
	padding-left:10px;
	padding-bottom:15px;
}

#main .clear {clear:both;}

#main .imglink
{
	display:none;
}

#main .ss-sample-img-area
{
	margin-bottom:30px;
}

#main .point-title
{
	font-size:14px;
	line-height:180%;
	font-weight:bold;
}

#main .point-txt-red
{
	font-size:14px;
	line-height:180%;
	color:#227c38;
	font-weight:normal;
}
/*　ページ内リンクボタン　*/
#jumpbtn-area
{
	padding-bottom:15px;
}
#main a.jumpbtn
{
	float:left;
	background-color:#CCC;
	padding:2px 10px 2px 22px;
	margin-right:4px;
	color:#FFF;
	line-height:150%;
	text-decoration:none;
}

#main a.jumpbtn:hover
{
	background-color:#AAA;
	color:#FFF;
	text-decoration:none;
}


/*-------------------------------------------------------------------------
 エスエスギア概要  
-------------------------------------------------------------------------*/	
#main ul,
#main li{
	margin:0px;
	padding:0px;
	}
	
#main ul{
	margin-left:2em;
	}

#main ul.listup {
	clear:both;
	}

#main ul.listup li{
	line-height:150%;
	margin-bottom:2px;
	}

/*------------------------------------------------------------------------- 
ビデオで見るエスエスギア  
-------------------------------------------------------------------------*/
#main h2.video{
	margin:16px 0 10px 0;
	border-bottom:1px solid #999999;
	font-size:110%;
	font-weight:bold;
}

/* -------------------------------------------------------------------------
効果・取組事例  
-------------------------------------------------------------------------*/
#main .jirei_menu ol{
	padding:0;
	margin:0;
	list-style:none;
	list-style-type:decimal;
}

#main .jirei_menu ol li{
	margin:0 0 0 40px;
}

#main .hanbai_jirei{
	width:590px;
	}

#main .hanbai_jirei ul{
	padding:0;
	margin-right:5px;
	list-style:none;
	}

#main .hanbai_jirei li{
	margin:0;
	padding:0;
	list-style:none;
	}

#main .hanbai_jirei h3{

	}

#main .hanbai_jirei .jirei_box{
	width:190px;
	float:left;
	border:#666666 solid 1px;
	position: relative;
	height: 350px;
	}

#main .hanbai_jirei .jirei_box_rightpad{
	margin-right:7px;
	}
	
#main .hanbai_jirei .jirei_box_pad{
	padding:5px;
	}
	
#main div.jirei_box h4{
	width:174px;
	height:40px;
	padding-left:5px;
	background-image:none;
	background-color:#0099FF;
	margin:5px;
	border:#0066FF;
	color:#FFFFFF;
	text-align:left;
	font-weight: bold;
	font-size:12px;
	}

#main .hanbai_jirei p,.hanbai_jirei ul{
	margin:0px;
	padding:0 5px 6px 5px;
	}

#main p.prof{
	margin:5px 5px 8px 5px;
	border:#CCCCCC solid 1px;
	padding:0 5px 5px 5px;
	color: #666666;
	font-size: 10px;
	}

#main .case_point{
	background:url(../scene/ssgear/images/ico_point.gif) no-repeat left top;
	padding-left:110px;
	margin:10px 0px;
	display:block;
	}

#main .hanbai_jirei .jirei_box li{
	list-style:disc;
	font-weight:bold;
	color: #003399;
	line-height: 120%;
	}


#main .jirei_hosoku{
	font-size:10px;
	line-height:130%;
	position: absolute;
	left: 5px;
	top: 220px;
	}

#main .jirei_result img{
	position:absolute;
	left:5px;
	top:280px;
}

#main .jirei_hosoku{
	font-size:10px;
	line-height:130%;
	position: absolute;
	left: 5px;
	top: 220px;
	}

#main .jirei_result img{
	position:absolute;
	left:5px;
	top:280px;
}

#main .seikou_jirei div{
	width:272px;
	float:left;
	}
	
#main .seikou_jirei .img1{
	background:url(../scene/ssgear/images/img_seikoujirei1.gif) no-repeat left top;
}

#main .seikou_jirei .img2{
	background:url(../scene/ssgear/images/img_seikoujirei2.gif) no-repeat left top;
}

#main .seikou_jirei .img3{
	margin-top:10px;
	background:url(../scene/ssgear/images/img_seikoujirei3.gif) no-repeat left top;
}

#main .seikou_jirei .img4{
	margin-top:10px;
	background:url(../scene/ssgear/images/img_seikoujirei4.gif) no-repeat left top;
}

#main .seikou_jirei p{
	padding:175px 5px 0 0;
	font-size: 10px;
}


#main .kaiin_jirei table{
	border:#CCCCCC solid 1px;
	}
	
#main .kaiin_jirei th{
	width:120px;
	border-right:#999999 solid 2px;
	font-size:12px;
	}
	
#main .kaiin_jirei td{
	width:350px;
	}

#main .kaiin_jirei tbody th{
	border-bottom:#CCCCCC solid 1px;
	}

#main .kaiin_jirei tfoot th{
	border-bottom:0px;
	}

#main .kaiin_jirei tbody td{
	border-bottom:#CCCCCC solid 1px;
	}

#main .kaiin_jirei tfoot td{
	border-bottom:0px;
	}


#main h2.sub_group{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	border-bottom: #009900 solid 2px;
	padding-left: 10px;
	margin-bottom: 15px;
}

/*------------------------------------------------------------------------- 
ＳＳギア機能説明 
-------------------------------------------------------------------------*/
#main .point-mark
{
	float:left;
	width:20px;
	padding-left:10px;
	color: #FF9900;
}

#main .point-txt
{
	font-size:14px;
	line-height:180%;
	font-weight:normal;
}

	
#main .ss-sample-img-area
{
	margin-left:20px;
	margin-bottom:30px;
}

#ss-sample-img1
{
	background:url("../scene/ec/images/ss_sample_01.gif") 0 0 no-repeat;
	width:580px;
	height:227px;
}
#ss-sample-img2
{
	background:url("../scene/ec/images/ss_sample_02.gif") 0 0 no-repeat;
	width:580px;
	height:863px;
}

#main .func_exp{
	padding-bottom: 15px;
	margin-left:20px;
}

#main .func_exp img{
	float:right;
	padding-left:10px;
}



#main div.func_exp2 h4 {
	float:left;
	width:350px;
}
#main div.func_exp2 p.pexp {
	float:left;
	width:350px;
}

#main div.func_exp3 h4 {
	float:left;
	width:490px;
}
#main div.func_exp3 p.pexp {
	float:left;
	width:500px;
}

#main div.func_exp2 a{
	width:160px;
	float:right;
	padding-right:20px;
}



#main .right_attention{
	text-align:right;
	font-size:10px;
	margin-bottom:15px;
}

/*------------------------------------------------------------------------- 
ＳＳギアQ&A 
-------------------------------------------------------------------------*/
#main #qanda ul {
	padding:0;
	margin:0;
	list-style: none;
}

#main #qanda li {
	padding:0;
	margin:0;
	list-style: none;
}

#main #qanda .qanda_list ul{
	padding-bottom:20px;
	border-bottom:#CCCCCC solid 1px;
}

#main #qanda .qanda_list li{
	font-weight:bold;
	margin-left:10px;
}

#main #qanda p.qanda_q {
	font-weight:bold;
	margin-left:10px;
	color:#1978E3;
}

#main #qanda .qa_top{
	margin-top:15px;
}

#main #qanda p.ans_point{
	margin:0 0 0 20px;
}


#main #qanda .ans_point .title{
	width:520px;
	background:url(../scene/ssgear/images/ico_ans_point.gif) no-repeat left 3px;
	padding:0 0 0 15px;
	margin-top:4px;
	margin-left:30px;
	font-weight:normal;
	color:#ff4422;
}

#main #qanda .qanda_pict{
	margin-bottom:15px;
	margin-left:10px;
}
	
#main #qanda .qanda_step{
	width:92px;
	float:left;
}

#main #qanda .qanda_step ul{
	width:90px;
	list-style-type: disc;
	list-style-position: inside;
}

#main #qanda .qanda_step li{
	list-style-type: disc;
	font-size: 11px;
	line-height: 120%;
}

/* -------------------------------------------------------------------------
ジーポン 
-------------------------------------------------------------------------*/
#main #gpon-area ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#main #gpon-area li{
	margin:0;
	padding:0;
	}

#main .gponsite-img-area
{
	float:left;
	width:290px;
	padding-bottom:30px;
}
#main .gponsite-text-area
{
	float:left;
	width:300px;
	padding-bottom:30px;
}

#main .gponsite-img-area #sample-img1
{
	background:url(../scene/ec/images/gpon_sample_01.gif) 0 0 no-repeat;
	width:260px;
	height:549px;
}
#main .gponsite-img-area #sample-img2
{
	background:url(../scene/ec/images/gpon_sample_02.gif) 0 0 no-repeat;
	width:260px;
	height:422px;
}
#main .gponsite-img-area #sample-img3
{
	background:url(../scene/ec/images/gpon_sample_03.gif) 0 0 no-repeat;
	width:260px;
	height:650px;
}

#main ul.gpon-list
{
	list-style-position:inside;
	padding-left:0px;
	margin-left:0px;
}

#main ul.gpon-list ol
{
	list-style-position:inside;
	padding-left:0px;
	margin-left:20px;
}
#main .kensaku {
	width:280px;
	background-color:#99CCFF;
	border:#cccccc solid 1px;
	margin-left:30px;
	margin-bottom:15px;
}

#main .kensaku p{
	margin:5px 0;
}	

#main .kensaku_pad{
	padding:10px;
	}
	
#main .kensaku .midashi{
	font-size:14px;
	}
	
#main .kensaku .midashi .sitename{
	font-size:14px;
	font-weight:bold;
	color: #FF3333;
	}
	
#main .kensaku a{
	text-decoration:underline;
	}

#main div.gpon_info_list{
	margin:20px 10px 30px 0px;
}

#main .gpon_info_list ul{
	width:480px;
}

#main .gpon_info_list ul li{
	width:120px;
	float:left;
}

/*-------------------------------------------------------------------------
イーグルメンバー
-------------------------------------------------------------------------*/
#main #service-img-area
{
	margin-bottom:20px;
}

#main #service-img
{
	background:url(../gyousyu/eag../scene/ec/images/golf_image.gif) 0 0 no-repeat;
	width:580px;
	height:420px;
}
	
/* Q&A */
#main .qa-mark
{
	float:left;
	width:20px;
	color:#227c38;
	font-weight:bold;
}
#main .question
{
	float:left;
	width:530px;
}
#main .answer
{
	float:left;
	width:530px;
	padding-bottom:20px;
}

/* sample IMG */
#main #golf_sample-img-area
{
	margin-bottom:20px;
}

#main #golf_sample-img
{
	background:url(../gyousyu/eag../scene/ec/images/golf_sample_01.gif) 0 0 no-repeat;
	width:580px;
	height:1579px;
}

/* CASE IMG */
#main .golf_jirei-img-area
{
	margin-bottom:20px;
}

#main #golf_jirei1-img
{
	background:url(../gyousyu/eag../scene/ec/images/golf_jirei_01.gif) 0 0 no-repeat;
	width:580px;
	height:360px;
}

#main #golf_jirei2-img
{
	background:url(../gyousyu/eag../scene/ec/images/golf_jirei_02.gif) 0 0 no-repeat;
	width:580px;
	height:360px;
}


/*-------------------------------------------------------------------------
TOPICS 
-------------------------------------------------------------------------*/
#main #topics-area
{
	margin-bottom:40px;
}
#main .topics
{
	margin:0 0 0 10px;
	padding:0px;
}

#main span.day
{
	float:left;
	width:80px;
}
#main span.data
{
	float:left;
	width:450px;
}
#main span.data a:hover
{
	color:#333;
}


/*-------------------------------------------------------------------------
CONTACT 
-------------------------------------------------------------------------*/
#main #contact-co
{
	padding-left:10px;
	padding-bottom:30px;
	margin:0px;
}

#main #contact-co a
{
	background: url(../scene/ssgear/images/img_form_link.gif) 0 0 no-repeat;
	padding:2px 0 0 23px;
}
#main #contact-co a:hover
{
	background:url(../scene/ssgear/images/img_form_link.gif) 0 0 no-repeat;
	background-position:0 -29px;
}

#main #contact-co a
{
	background:url(../scene/ssgear/images/img_form_link.gif) 0 0 no-repeat;
}

#main #contact-co a:hover
{
	background:url(../scene/ssgear/images/img_form_link.gif) 0 0 no-repeat;
	background-position:0 -29px;
}

#main p.h1exp a.inquiry
{
	background:url(../scene/ssgear/images/img_form_link.gif) 0 0 no-repeat;
	padding:2px 0 0 16px;
}
#main p.h1exp a:hover.inquiry
{
	background:url(../scene/ssgear/images/img_form_link.gif) 0 0 no-repeat;
	background-position:0 -29px;
	padding:2px 0 0 16px;
}





/*-------------------------------------------------------------------------
EC ストアキット
-------------------------------------------------------------------------*/
/*                                                 ---- IMAGE PHOTO */
div#industry-area
{
	background:url("../scene/ec/images/industry-img.jpg") 0 0 no-repeat;
	width:780px;
	padding-top:100px;
	background-color:#FFF;
}
/*                                                 ---- SUB MENU */
#submenu-area
{
	background-color: #E2BAFF;
	height:25px;
	padding-left:15px;
}

/*                                                 ---- SUB2 MENU */
#industry-logo
{
	background:url("../scene/ec/images/storekit_p_logo.gif") 0 0 no-repeat;
	width:150px;
	height:70px;
	margin-bottom:20px;
}


/*                                                 ---- BANNER */

/*                                                 ---- SERVICE IMG */
.service-img-area
{
	margin-bottom:20px;
}

#service1-img
{
	background:url("../scene/ec/images/storekit_1_image.gif") 0 0 no-repeat;
	width:568px;
	height:420px;
	background-position:2px 0;
}

#service2-img
{
	background:url("../scene/ec/images/storekit_2_image_01.gif") 0 0 no-repeat;
	width:580px;
	height:280px;
}

#service3-img
{
	background:url("../scene/ec/images/storekit_3_image.gif") 0 0 no-repeat;
	width:580px;
	height:950px;
}

#service4-img
{
	background:url("../scene/ec/images/storekit_2_image_02.gif") 0 0 no-repeat;
	width:580px;
	height:230px;
}

/*                                                 ---- FUNC IMG */
#func-sample-img
{
	background:url("../scene/ec/images/storekit_sample_01.gif") 0 0 no-repeat;
	width:580px;
	height:250px;
}

p.orange{
	color:#FF6600;
}

#main div.pBox {border:1px solid #D7BDBD;margin-bottom:16px;margin-right:10px;margin-left:10px;}
#main div.pBox p.pLeadTxt {width:575px;background:#F6F9F2;padding:6px;margin:0px;}
#main div.pBox h2 {width:575px;background:#F6F9F2;margin:0px;padding:0 6px 6px 6px;font-weight:bold;color:#225566;}
#main div.pBox h2 a {background:url("../scene/ec/images/link_storekitnet_bg.gif") 0 2px no-repeat;
	padding:6px 6px 6px 20px;font-weight:bold;color:#225566;}
#main div.pBox h2 a:hover {background:url("../scene/ec/images/link_storekitnet_bg.gif") 0 2px no-repeat;
	padding:6px 6px 6px 20px;font-weight:bold;color:#333399;text-decoration:none;}
#main div.pBox p {background:#FFF;padding:6px;}

a.newWindow{
padding-right:20px;
background:url("../scene/ec/images/link_new_window.gif") 0 2px no-repeat;
background-position:top right;
}

div.pBox p a.storekitsite {background:url("../scene/ec/images/link_storekitnet_bg.gif") 0 2px no-repeat;
padding:6px 6px 6px 20px;color:#222255;}
div.pBox p a.storekitsite:hover {background:url("../scene/ec/images/link_storekitnet_bg.gif") 0 2px no-repeat;
padding:6px 6px 6px 20px;color:#333399;text-decoration:none;}
