/* CSS Document */
@charset:"Shift_JIS";
/*=====================================================================
CSS information

last-updated : 
file name	 : sty.css
author		 : 
style info	 : プレゼントキャンペーン
	
+1:	ヘッダー
+2:	メイン
+3:	タブ（jQuery）
+4:	
+5:	
=====================================================================*/


/*	全体包括BOX用	*/




#sixpoints
	{
	margin: 0px auto;
	padding: 0px;
	line-height: 100%;
	color: #333333;
	text-align: justify;
	font-size:12px;
	width:100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/*font-size: 62.5%;*/	/* 1em = 10px */
	}


#sixpoints .clear
	{
	clear:both;
	}
#sixpoints .mb20
	{
	margin-bottom:2%;
	}
#sixpoints .fl
	{
	float:left;
	}

#sixpoints .fr
	{
	float:right;
	}
#sixpoints img
	{
	border: none;
	margin: 0px;
	padding: 0px;]
	display:block;
	}



object,embed
	{
	vertical-align: top;
	}




/*====================================================
+3:	タブ
====================================================*/

#sixpoints ul
	{
	padding: 0px;
	display: block;
	height: auto;
	}

#sixpoints li
	{
	margin: 0;
	padding: 0px;
	display: inline;
	list-style: none;
	float: left;
	margin-left:1.6%;
	margin-right:1.6%;
	}

#sixpoints ul.tab
	{
	margin: 0;
	padding: 0;
	list-style: none;
	_zoom: 1;
	overflow: hidden;
	}
#sixpoints .naviarea
	{
	margin: 1% 1%;
	}





#sixpoints .tab_members-only
	{
	background: url(sixpoints/tab_members-only.gif) no-repeat;
	}
#sixpoints .tab_members-only a:hover
	{
	background: url(sixpoints/tab_members-only_on.gif) no-repeat;
	}


#sixpoints .tab_benefit
	{
	background: url(sixpoints/tab_benefit.gif) no-repeat;
	}
#sixpoints .tab_benefit a:hover
	{
	background: url(sixpoints/tab_benefit_on.gif) no-repeat;
	}



#sixpoints .tab_reasonable
	{
	background: url(sixpoints/tab_reasonable.gif) no-repeat;
	}
#sixpoints .tab_reasonable a:hover
	{
	background: url(sixpoints/tab_reasonable_on.gif) no-repeat;
	}


#sixpoints .tab_homepage
	{
	background: url(sixpoints/tab_homepage.gif) no-repeat;
	}
#sixpoints .tab_homepage a:hover
	{
	background: url(sixpoints/tab_homepage_on.gif) no-repeat;
	}


#sixpoints .tab_style
	{
	background: url(sixpoints/tab_style.gif) no-repeat;
	}
#sixpoints .tab_style a:hover
	{
	background: url(sixpoints/tab_style_on.gif) no-repeat;
	}


#sixpoints .tab_available
	{
	background: url(sixpoints/tab_available.gif) no-repeat;
	}
#sixpoints .tab_available a:hover
	{
	background: url(sixpoints/tab_available_on.gif) no-repeat;
	}


#sixpoints .tab_common
	{
    width:13.3%;
	height:auto;
    display: block;
	background-position:center 0;
    background-repeat: no-repeat;
    text-decoration: none;
	background-position:center;
	text-indent:-1000px;
    -moz-background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    background-size: 100% auto !important;
	}
#sixpoints .tab_common a
	{
	display: block;
    /*width:75px;*/
    width:100%;
    -moz-background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    background-size: 100% auto !important;
	height:100% !important;
	font-weight:normal;
	font-size:1em;
	background-position:center 0;
	}

#sixpoints .tab_common a:hover
	{
	background-position:center 0;
	text-indent:-1000px;
    -moz-background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    background-size: 100% auto !important;
	}





/*====================================================
コンテンツボックス
====================================================*/
#sixpoints .photo
	{
	float:left;
	margin: 1% 3%;
	width:40%;
	}
#sixpoints .rightbox
	{
	float:right;
	margin: 3% 0 0 0;
	width:54%;
	}
#sixpoints .copy
	{
	font-size:13px;
	line-height:150%;
	margin-top:5%;
	margin-right:5%;
	margin-bottom:1%;
	}

#sixpoints .caption
	{
	font-size:12px;
	line-height:150%;
	margin-left:3%;
	margin-bottom:1%;
	}


#sixpoints .icon
	{
	margin: 3.7% 3% 2.3% 6.7%;
	float:left;
	width:12.5%;
	}
#sixpoints .icontext
	{
	float:left;
	font-size:13px;
	line-height:150%;
	float:left;
	width:73.6%;
	margin-top:6.7%;
	}




#sixpoints .btn_area
	{
	padding:1% 2.3% 0 2.3%;
    -moz-background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    background-size: 100% auto !important;
	height:100% !important;
	}

#sixpoints .btn_shosai
	{
	background: url(sixpoints/btn.gif) no-repeat;
    -moz-background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    background-size: 100% auto !important;
	height:100% !important;
	}


#sixpoints .btn_shosai a
	{
	display:block;
	text-indent:-1000px;
    -moz-background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    background-size: 100% auto !important;
	}
#sixpoints .btn_shosai a:hover
	{
	background: url(sixpoints/btn_on.gif) no-repeat;
    -moz-background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    background-size: 100% auto !important;
	}








/*====================================================
pagetop
====================================================*/
#sixpoints .pagetop
	{
	text-align:right;
	margin-bottom:10px;
	}


#sixpoints .pagetop a
	{
	font-weight:bold;
	font-size:11px;
	}

#sixpoints .pagetop a:link
	{
	color: #999999;
	text-decoration: underline;
	}
#sixpoints .pagetop a:visited
	{
	color: #999999;
	text-decoration: underline;
	}
#sixpoints .pagetop a:hover
	{
	color: #999999;
	text-decoration: none;
	}




	
/*====================================================
スマホ対応
====================================================*/

#sixpoints img
	{
	width:100%;
	}