@charset "utf-8";

/*------------------------------------------------------------------------------
jcom
------------------------------------------------------------------------------*/

.title01 {
	height:51px;
	padding: 25px 10px 0 85px;
	background: url(../img/lifestyle/jcom01/bg_tit.png) no-repeat 0 0 !important;
}


#jcom01						{ width:580px; margin:0 auto; padding:0 0 0 18px; text-align:left; border:solid 2px #FD6FC3;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
}
#jcom01 .jc1				{ padding:0 0 33px 0;}

/* キャンペーン */
#jcom01 .jc2				{ padding:0 0 50px 0;}
#jcom01 .jc2>div			{ position:relative; padding:175px 0 0 0; width:562px; overflow:hidden;}
#jcom01 .jc2 h3				{ position:absolute; top:0; left:0;}
#jcom01 .jc2>div div		{ position:relative; padding:0 177px 10px 20px; width:365px; min-height:143px;}
#jcom01 .jc2 em				{ display:block; font-size:21px; line-height:1.5; color:#ffffff; font-weight:bold;}
#jcom01 .jc2 p				{ padding:10px 0 0 0; font-size:15px; line-height:1.67; color:#ffffff; font-weight:bold;}
#jcom01 .jc2>span			{ display:block; font-size:1px; line-height:1;}
#jcom01 .jc2 .jcom_note li	{ padding:10px 0 0 0; font-size:12px; color:#e60012;}

	#jcom01 .jc2 em			{ font-size:20px;}
	#jcom01 .jc2 p			{ font-size:14px; line-height:1.8;}

/* 学割NETコース */
#jcom01 .jc3				{ padding:0 0 45px 0;}
#jcom01 .jc3 h3				{}
#jcom01 .jc3 h4				{ padding:20px 18px 20px 10px; font-size:20px; line-height:1.5; color:#231815; font-weight:bold;}
#jcom01 .jc3 h4 span		{ font-size:30px;}
#jcom01 .jc3 div			{ position:relative; padding:0 0 28px 10px;}
#jcom01 .jc3 img.plus		{ position:absolute; top:78px; left:258px;}
#jcom01 .jc3 p				{ float:left;}
#jcom01 .jc3 p span			{ display:block; width:240px; padding:3px 0 0 5px; font-size:11px; line-height:1.3;}
#jcom01 .jc3 p.eq			{ padding:52px 0 0 0;}
#jcom01 .jc3 img.eq			{ position:absolute; bottom:143px; left:258px;}
#jcom01 .jc3 .jcom_link li	{ padding:0 18px 2px 0; text-align:center;}
#jcom01 .jc3 .jcom_note li	{ padding:0 0 0 26px; font-size:11px; color:#000000;}

	#jcom01 .jc3 h4			{ font-size:19px;}

/* 学割TV・NETコース */
#jcom01 .jc4 h4				{ padding:12px 18px 12px 10px;}
#jcom01 .jc4 p span			{ width:240px; padding:3px 0 0 30px;}

/* 会員特典 */
#jcom01 .jc5				{ padding:0 0 60px 0;}
#jcom01 .jc5>div			{ position:relative; padding:185px 0 0 0; width:562px; overflow:hidden;}
#jcom01 .jc5 h3				{ position:absolute; top:0; left:0;}

#jcom01 .jc5>div div		{ position:relative; padding:0 0 10px 0; text-align:center;}
#jcom01 .jc5 strong			{ display:block; padding:0 25px 10px 25px; font-size:14px; line-height:1.64; text-align:left; font-weight:bold; color:#ffffff;}
#jcom01 .jc5 .jcom_note		{ padding:0 25px 18px 25px;}
#jcom01 .jc5 .jcom_note li	{ padding:0 0 1px 0; font-size:11px; line-height:1.4; text-align:left; color:#ffffff;}
#jcom01 .jc5 dl				{ position:relative; width:495px; margin:0 auto; padding:10px 10px 8px 20px; font-size:14px; line-height:1.5; color:#7cba27; text-align:left; background-color:#ffffff;
	-webkit-border-radius:4px;
	border-radius:4px;
	behavior:url(/files/js/PIE.htc);
}
#jcom01 .jc5 dt				{ width:3.2em; padding:0 0 0 0; font-weight:bold; white-space:nowrap; float:left; clear:left;}
#jcom01 .jc5 dd				{ padding:0 0 0 3.2em;}
#jcom01 .jc5 dd a			{ color:#7cba27; text-decoration:none;}
#jcom01 .jc5>span			{ display:block; font-size:1px; line-height:1;}

	#jcom01 .jc5 strong		{ padding:0 25px 10px 25px; font-size:13px; line-height:1.8;}
	#jcom01 .jc5 dl			{ font-size:13px; line-height:1.7;}

/* キャンペーン */
#jcom01 .jc6				{ padding:0 0 40px 0;}
#jcom01 .jc6>div			{ position:relative; padding:75px 0 0 0; width:570px; overflow:hidden;}
#jcom01 .jc6 h3				{ position:absolute; top:0; left:0;}
#jcom01 .jc6>div div		{ position:relative; padding:0 27px 10px 22px;}

#jcom01 .jc6 h4				{ width:315px; min-height:150px; font-size:22px; line-height:1.5; font-weight:bold;}
#jcom01 .jc6 h4 strong		{ display:block; padding:8px 0 0 0; font-size:27px; line-height:1.4; color:#f18d00; font-weight:bold;}
#jcom01 .jc6>div div p		{ width:365px; min-height:115px; padding:16px 0 0 0; font-size:16px; line-height:1.8; color:#f18d00; font-weight:bold;}
#jcom01 .jc6>div div p img	{ margin:0 4px 0 2px;vertical-align:-4px;}
#jcom01 .jc6>div div span	{ display:block; width:335px; min-height:30px; padding:5px 0 15px 0; font-size:10px; line-height:1.5; text-align:right;}

/*
#jcom01 .jc6>div			{ position:relative; padding:210px 0 0 0; width:570px; overflow:hidden;}
#jcom01 .jc6 h3				{ position:absolute; top:0; left:0;}
#jcom01 .jc6>div div		{ position:relative; padding:0 30px 10px 25px; min-height:200px;}
#jcom01 .jc6 dl				{ padding:0 0 5px 0; font-size:13px; line-height:1.65;}
#jcom01 .jc6 dt				{ padding:0 0 0 0; color:#f18d00; font-weight:bold;}
#jcom01 .jc6 dd				{ padding:0 0 12px 0; color:#000000;}
#jcom01 .jc6 .jc6_1			{ width:330px;}
#jcom01 .jc6 .jc6_2			{ width:290px;}
#jcom01 .jc6 .jc6_3			{ width:510px;}
*/
#jcom01 .jc6 .jcom_link li	{ padding:0 0 0 0; text-align:center;}
#jcom01 .jc6>span			{ display:block; font-size:1px; line-height:1;}

/* 大型青バナー */
#jcom01 .jc7 .jcom_link		{ padding:50px 0 10px 0;}
#jcom01 .jc7 .jcom_link li	{ padding:0 18px 10px 0; text-align:center;}

/* ジュピターテレコム */
#jcom01 .jc8				{ padding:0 0 25px 0;}
#jcom01 .jc8 h4				{ margin:0 18px 0 0; padding:18px 0 14px 0; font-size:24px; line-height:1.4; border-top:solid 3px #FD6FC3;}
#jcom01 .jc8 h4 span		{ font-size:21px;}
#jcom01 .jc8>dl				{ padding:0 0 18px 0; color:#231815;}
#jcom01 .jc8>dl dt			{ font-size:15px; line-height:1.6; font-weight:bold;}
#jcom01 .jc8>dl dd			{ padding:2px 18px 0 0; font-size:13px; line-height:1.85;}
#jcom01 .jc8>dl .jcom_note	{ font-size:11px; line-height:1.4;}

#jcom01 .jc8 .jcom_link li	{ padding:0 14px 8px 0; text-align:center;}
#jcom01 .jc8 li dl			{ position:relative; width:511px; margin:0 auto; padding:0 5px 0 0;}
#jcom01 .jc8 li dt			{}
#jcom01 .jc8 li dd			{ position:absolute; top:14px; left:90px; color:#231815;}
#jcom01 .jc8 li dd strong	{ font-family: Arial; line-height:1.05; font-size:45px; line-height:1.05; font-weight:bold; float:left;}
#jcom01 .jc8 li dd i		{ padding:8px 0 0 6px; font-size:12px; line-height:1.2; font-weight:bold; font-style:normal; text-align:left; float:left; white-space:nowrap;}




/* ----------------------------------------

ClearFix

---------------------------------------- */

/* Modern Browsers
------------------------------- */

#jcom01 .jc3 div:after,
#jcom01 .jc4 div:after,
#jcom01 .jc5 dl:after,
#jcom01 .jc8 li dd:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
#jcom01 .jc3 div,
#jcom01 .jc4 div,
#jcom01 .jc5 dl,
#jcom01 .jc8 li dd{
	*zoom: 1;
}