@charset "utf-8";
/* CSS Document */
/* **************************************************************************
 * Style Name: layoutsub.css
 * Style URI: /css/layoutsub.css
 * Description: サブコンテンツ指定用
 * Version: CSS2
 * Last Up Date: 2010.03.03
 * Author: matsumura
 * ************************************************************************** */

/* ==========================================================================
 * フォームフロー
 * --------------------------------------------------------------------------
 * #container > #containerInner > #contents > #Form
 * ========================================================================== */
#container #containerInner #contents #Form table{
	margin: auto;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;	
	}
#FormMember table{
	border-top: 1px solid #efefef;
	}	
	
#container #containerInner #contents #Form table th,
#container #containerInner #contents #Form table td{
	border-bottom: 1px solid #efefef;
}

#container #containerInner #contents #Form table th{
	width: 35%;
	background-color:#efefef;
	text-align:center;
	font-weight:bold;
	vertical-align:top;
	border-top: 1px solid #FFF;
	text-align:left;
	padding: 10px;
	}
	
#container #containerInner #contents #Form table td{
	background-color:#FFF;
	padding: 10px;
	}
	
#container #containerInner #contents #Form table td p,
#container #containerInner #contents #Form table th p{
	margin: 5px;
	}	
	

#container #containerInner #contents #Form table td textarea{
	width: 85%;
	height: 100px;}
	
#container #containerInner #contents #Form table td textarea{
	padding: 5px;
	}

.Extxt .alertBox{
	margin: 10px 10px 0px 10px;
	}

	
#container #containerInner #contents #Form .alertBox ul,
#FormMember .alertBox ul,
.Extxt .alertBox ul{
	list-style: circle outside;
	padding: 10px 30px;
	}
		
#container #containerInner #contents #Form .formNote,
#FormMember #Form .formNote{
	padding: 20px;
	text-align: center;
	}
	
#container #containerInner #contents #Form .formSubmit{
	text-align:center;
	}
	
#container #containerInner #contents #Form .formSubmit ul{
	list-style: none;
	display: block;
	margin: 0px auto;
	width: 400px;
	}
	
#container #containerInner #contents #Form .formSubmit li{
	float: left;
	width: 200px;
	}	
	
#container #containerInner #contents #Form .formTxt{
	padding: 30px;
	margin: auto;
	display: block;
	}
	
#container #containerInner #contents #Form .memo{
	padding: 10px;
	}
	
.memo iframe{
	border: 1px #666 solid;
	}	
		
.error{
	background: #fdf9c7;
	color: #F00;
	}	
	
.w_nomal{
	font-weight: normal;
	}	

/* ==========================================================================
 * 他フォームフロー汎用
 * --------------------------------------------------------------------------
 * 
 * ========================================================================== */

.formSubmit{
	text-align: center;
	padding: 30px;	
	}
	
.formSubmit2{
	text-align: center;
	padding: 10px;	
	}	
	
.formSubmit ul{
	list-style: none;
	display: block;
	margin: 0px auto;
	width: 400px;
	}
	
.formSubmit li{
	float: left;
	width: 200px;
	}	
	
.selectList ul{
	list-style: none outside;
	}
	
.selectList{
	margin: 5px;
	}	
	
.selectList ul li{
	float: left;
	margin: 0px 10px 0px 0px;
	}	
	
.noteSmall{
	font-size: 90%;
	padding-left: 5px;
	}	
	
.noteRead{
	padding: 0px 0px 10px 0px;
	}	
	
	
/*会員登録＆フォームフロー共通*/	

#Form .sectionFree2,
#FormMember .sectionFree2{
	padding: 0px 10px 10px 10px;
}

/* ==========================================================================
 * サブコンテンツ汎用
 * --------------------------------------------------------------------------
 * #container > #subContents01
 * ========================================================================== */

/*サブコンテンツ汎用クラス*/	
.Extxt p,
.ExtxtH3 p{
	margin: 10px 10px;
	}	
	
.ExtxtH3{
	padding: 10px;

	}
	
.ExtxtH3 h3{
	border-bottom: 2px solid #CCCCCC;
	font-weight:bold;	
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 20px;
	background-image: url(../images/common/point_blue_ball.gif);
	background-position:5px 7px;
	background-repeat:no-repeat; 
	}
	
	

h3.firstH3{
	padding: 5px 5px 5px 10px;
	height: 14px;
	background-image:url(../images/common/h2_bg.png);
	background-repeat:no-repeat;
	background-position:right top ;
	color: #FFF;
	font-weight:bold;
	border-bottom: none;
	}


/*サブコンテンツ汎用テーブル*/	

.Extxt .Extxt{
	padding: 10px;
	}
	
#contents .sectionH2 .Extxt table{
	width: 90%;
	border-collapse: collapse;
	border: 1px solid #efefef;
	margin: 10px;
	}
	

#contents .sectionH2 .Extxt table  th{
	width: 35%;	
	background: #efefef;
	border-bottom: 1px solid #ffffff;
	font-weight:bold;
	}	
	
#contents .sectionH2 .Extxt table td{
	border-bottom: 1px solid #efefef;	
	}	
	
	
.sub_right{
	display: block;
	text-align:right;
	}	
	
.ExLeft{
	float: left;
	}
	
ul.ExList{
	margin-left: 2em;
	display: block;
	}
	
.ExList li{
	margin-left: 2em;	
	}	


/*規約整形*/
#Kiyaku{
	border: 1px solid #999;
	}

#Kiyaku	h3{
	border-style: solid;
	border-color:  #CCC;
	border-width: 0px 0px 1px 3px;
	background-color: #efefef;
	background-image: none;
	padding: 5px 0 5px 10px;
	margin: 0px;
	}
	
#Kiyaku	h4{
	background-image: none;
	padding: 5px 0 5px 10px;
	margin: 0px;
	font-weight:bold;
	}	
	
#Kiyaku ol{
	list-style-type: decimal ;
	position:static  ;
	padding-left: 40px;
	margin-top: 0 ;
	}

/*定義リスト並列*/
dl.Exdata{
	border-bottom:1px solid #efefef;
	border-right:1px solid #efefef;
	border-left:1px solid #efefef;	
	}

dl.Exdata dt{
	border-top: 1px solid #efefef;
	width: 5em;
	clear: left;
	float: left;
	line-height:1.7em;
	padding: 0px 5px;
	font-weight:bold;
	color: #666;
	}

dl.Exdata dd{
	border-top: 1px solid #efefef;	
	margin-left: 5em;
	line-height:1.7em;
	border-left:1px solid #efefef;
	padding: 0px 5px;	
	}

/* ==========================================================================
 * きゅーぽん説明ページ
 * --------------------------------------------------------------------------
 * #container > #subContents01 > #Cupon
 * ========================================================================== */
 
#container  #containerInner  #contents #Cupon{
	
	} 

#container  #containerInner  #contents #Cupon .Extxt02 p{
	margin: 30px 10px;
	}

#container  #containerInner  #contents #Cupon .CuImg{
	float: left;
	margin: 10px 10px 10px 30px;
	}
	
#container  #containerInner  #contents #Cupon .point{
	font-size: 110%;
	font-weight:bold;
	
	}
 
.pink{
	color:#fe4365;
	}
.gray{
	color: #999;
	}
		
 
.point{
	font-size: 110%;
	font-weight:bold;
	letter-spacing: normal;
}
	
.lineb{
	border-bottom: 2px solid #efefef;
	}	
	
.point2{
	font-weight:bold;	
	} 	
 
.cuEx{
	padding: 0px 0px 15px 170px;
	}
	
.cuList{
	padding: 10px;
	}
	
.cuList p{
	text-align:center;
	margin: 0px;
	}	
	

#qponKiyaku{
	height: 400px;
	overflow:auto;
	border: 1px solid #999;
	}

#qponKiyaku	h3{
	border-style: solid;
	border-color:  #CCC;
	border-width: 0px 0px 1px 3px;
	background-color: #efefef;
	background-image: none;
	padding: 5px 0 5px 10px;
	margin: 0px;
	}
	
#qponKiyaku ol{
	list-style-type: decimal ;
	position:static  ;
	padding-left: 40px;
	margin-top: 0 ;
	}

/* ==========================================================================
 * メルマガ登録フォーム
 * --------------------------------------------------------------------------
 *
 * ========================================================================== */
 
	
.mm_comp{
	margin-left: 10px;
	}
	
.compTxt{
	text-align: center;
	}
	
.compTxt ul{
	list-style: none outside;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;	
	}	

/*定義リスト並列*/
dl.Exdata{
	border-bottom:1px solid #efefef;
	border-right:1px solid #efefef;
	border-left:1px solid #efefef;	
	}

dl.Exdata dt{
	border-top: 1px solid #efefef;
	width: 5em;
	clear: left;
	float: left;
	padding: 0px 5px;
	font-weight:bold;
	color: #666;
	}

dl.Exdata dd{
	border-top: 1px solid #efefef;	
	margin-left: 5em;
	line-height:1.7em;
	border-left:1px solid #efefef;
	padding: 0px 5px;	
	}
	
.check{
	background:url(../images/common/icon_check.jpg) top left no-repeat;
	padding-left: 70px;
	min-height: 26px;
	}	
	
/* ==========================================================================
 * ヘルプ,初めての方へ
 * --------------------------------------------------------------------------
 *
 * ========================================================================== */
 
#Help h4{
	padding: 5px;
	}

		
#First h4{
	padding: 5px;
	margin-bottom: 10px;
}

#First h4.titleh4{
	display: block;
	border-bottom:none;
	font-weight:bold;	
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 20px;
	background-image: url(../images/common/point_blue.gif);
	background-position:10px 10px;
	background-repeat:no-repeat; 	
	}
	
#Help dl,
#First dl{
	margin: 0px 20px;
	}
	
#Help dl dt,
#First dl dt{
	font-weight: bold;
	}
	
#Help dl dd,
#First dl dd{
	margin-left: 10px;
	}	


/* ==========================================================================
 * リンクリスト並列
 * --------------------------------------------------------------------------
 *
 * ========================================================================== */

#Linklist{
	
	}
	

#Linklist .Listblock{
	border-bottom: 1px solid #efefef;
	margin-bottom: 2px;
	}
	
#Linklist .Listblock p.Listleft{
	float: left;
	width: 20%;
	}	
#Linklist .Listblock p.Listright{
	float: left;	
}


/*定義リスト並列*/


#Linklist dl{
	border:none;
	}
	


#Linklist dl dt{
	border-top: 2px solid #efefef;
	border-right: none;
	width: 10em;
	clear: left;
	float: left;
	padding: 0px 5px;
	font-weight:bold;
	color: #666;
	}
	
#Linklist dl dt p{
	line-height: 1em;
	}	

#Linklist dl dd{
	border-top: 2px solid #efefef;	
	border-left: none;	
	margin-left: 10em;
	line-height:1.7em;
	padding: 0px 5px;	
	}
	
#Linklist ul{
	display: block;
	list-style: none;
	margin: 10px;
	text-align:right;
	}
	
#Linklist ul li{
	display: inline;
	font-weight:bold;
}

#Linklist ul li a{

	padding: 5px;
	}
#Linklist h3{	
	display: block;
	border-bottom: 2px solid #CCCCCC;
	font-weight:bold;	
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 20px;
	background-image: url(../images/common/point_blue_ball.gif);
	background-position:5px 7px;
	background-repeat:no-repeat; 		
}


/* ==========================================================================
 * 購入方法
 * --------------------------------------------------------------------------
 *
 * ========================================================================== */

#Howto h4.titleh4{
	display: block;
	border-bottom: 2px solid #CCCCCC;
	font-weight:bold;	
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 20px;
	background-image: url(../images/common/point_blue_ball.gif);
	background-position:5px 7px;
	background-repeat:no-repeat; 	
	}
	
	

#Howto dl{
	margin: 10px 10px 0px 10px;
	}
	

#Howto dl dt{
	font-weight: bold;
	background-image:url(../images/common/arrow_gray.gif);
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding: 5px 5px 5px 20px ;
	margin-top: 20px;
	}
	

#Howto dl dd{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 30px;
	}	
	
#Howto dl dt{
	background-image:url(../images/common/h2_bg.png);
	background-repeat: repeat-y;
	background-position:right top ;
	letter-spacing: 0.3em;
}	
	
/* ==========================================================================
 * サイトマップ
 * --------------------------------------------------------------------------
 *
 * ========================================================================== */
	
#SiteMap dl{
	margin: 10px 10px 15px 10px;	
	}		

#SiteMap dl dt{
	font-weight: bold;
	background-image:url(../images/common/arrow_gray.gif);
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding: 5px 5px 5px 20px ;
	}
	

#SiteMap dl dd{
	background-image:url(../images/common/list_bg2.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-right: 5px;
	padding-left: 20px;
	}