@charset "utf-8";


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


					service サービス共通


---------------------------------------------- */ 
/* description共通設定 */
#service .description h3,
#service #contents>h3 { width:955px; height:45px; margin-bottom:26px; padding-left:15px; line-height:46px; font-size:15px; background:url(../img/share/h3Bg.png) no-repeat;}
.description>h4 { width:920px; margin:0 auto 14px; padding-bottom:2px; font-size:18px; border-bottom:1px solid #cccccc;}
#service .description>p { width:920px; margin:0 auto 18px; font-size:13px; line-height:21px;}
#service .description>p small { display:block; font-size:11px;}
#service .description h4+p small{ margin-top:17px;}
#service .description ul { width:901px; margin:0 auto 4px; padding:6px 0 6px 19px; background:url(../img/service/share/description_ulBAck.png);}
#service .description ul li { float:left; width:284px; height:154px; margin-right:6px; border:3px solid#e7e7e7; background:#fff;}
#service .description li h4 { height:45px; margin:16px 0 8px 24px; padding-left:14px; font-size:18px; line-height:23px;background:url(../img/share/planTitleBg.png) no-repeat;}
#service .description li p{ width:240px; margin:0 auto; line-height:21px; font-size:13px;}
#service .description li p a{ display:block; width:66px; height:22px; margin:10px 0 0 auto; padding-left:19px; line-height:23px; color:#000; font-size:11px; text-decoration:none; background:url(../img/service/share/detailBtn.png) no-repeat;}
#service .description ul+p{ text-align:right;}

/* section共通設定 */
#service .section h4{ width:945px; height:35px; padding-left:25px; font-size:14px; line-height:33px; background:url(../img/share/h4Bg.png) no-repeat;}
#service .section { width:970px; margin:0 auto;}
#service .sectionInner,
#service .sectionBox { width:920px; margin:0 auto;}
#service .sectionInner { border:3px solid #e7e7e7;}
#service .sectionInner h5,
#service .sectionBox h5 { width:842px; margin-bottom:12px; font-size:15px; font-weight:normal;}
#service .sectionInner h5 { padding-left:28px;  color:#314793; background:url(../img/share/sectionArrow.png) no-repeat; background-position:0px 2px;}
#service .sectionBox h5{ padding:0; color:#000; background:none;}
#service .sectionInner .min { display:block; width:190px; margin:-15px 12px 10px auto;}
#service .sectionInner h5+p { width:870px; margin:-5px 0 10px;}
#service .sectionInner p>span { display:block; margin-bottom:20px; padding-bottom:3px; border-bottom:1px dashed #828282;}
#service .sectionInner p:last-child span { margin:0;}
#service .sectionInner table{ width:875px; margin-bottom:20px; border:1px solid #b6b6b6;}
#service .sectionInner th{ text-align:center; font-weight:normal; vertical-align:middle; white-space:nowrap; border-bottom:1px solid #b6b6b6; background:#ededed;}
#service .sectionInner td{ height:30px; padding-left:13px; vertical-align:middle; line-height:30px; border:1px solid #b6b6b6; border-left-style:none;}
#service .index .section .sectionInner,
#service .cloudmail .section .sectionInner { width:895px; padding:13px 0 12px 21px;}



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


					service サービス個別


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

/* index設定 */
#service .index .description{ margin-bottom:50px;}
#service .index .section h4 { margin-bottom:15px;}
#service .index .section .sectionInner { margin-bottom:62px;}
#service .index .section .sectionInner th { width:160px;}
#service .index .section .sectionInner td { width:696px; line-height:27px; vertical-align:middle;}

/* wimax設定 */
#service .wimax { margin-bottom:40px;}
#service .wimax .description h3 { margin-bottom:30px;}
#service .wimax .description>img { display:block; margin:0 0 25px 17px;}
#service .wimax .description small{ display:block; width:920px; margin:0 auto 52px; font-size:11px; line-height:17px; letter-spacing:0.05em;}
#service .wimax .section h4 { margin-bottom:30px;}

	/* 自宅でも外出先でもインターネット */
	#service .wimax #net ul { width:946px; margin-bottom:19px;}
	#service .wimax #net li { float:left; width:213px; height:171px; margin-right:23px; border-radius:6px; background:#cbedff;}
	#service .wimax #net li h3 { width:164px; margin:22px auto 10px; padding-bottom:5px; font-size:28px; text-align:center; line-height:31px; border-bottom:1px solid #000;}
	#service .wimax #net li h3 small { font-size:11px; vertical-align:middle;}
	#service .wimax #net li p { text-align:center; line-height:19px;}
	#service .wimax #net li p small { font-size:10px;}
	#service .wimax #net .sectionBox>p { margin-bottom:54px;}
	#service .wimax #net .sectionBox>p small { font-size:11px; line-height:17px;}

	/* サービスエリア */
	#service .wimax #area .sectionBox { margin-bottom:64px;}	
	#service .wimax #area h5 { margin-bottom:30px; font-size:14px; font-weight:normal;}
	#service .wimax #area iframe { float:left; display:block; width:534px; height:680px;}
	#service .wimax #area .textBox { float:right; width:358px; height:636px; border:14px solid #e7e7e7;}
	#service .wimax #area .textBox p>* { display:block; text-align:center;}
	#service .wimax #area .textBox .red { margin:64px auto 45px; font-size:22px; font-weight:bold; line-height:31px; color:#e6481a;}
	#service .wimax #area .textBox .red strong { display:block; padding-top:4px; font-size:31px;}
	#service .wimax #area .textBox span { width:358px; margin-bottom:22px; font-size:16px; font-weight:bold; line-height:21px; border:none;}
	#service .wimax #area .textBox small { width:260px; margin:0 auto; padding-top:20px; font-size:11px; text-align:justify; text-justify: inter-ideograph; line-height:17px;}

	/* 選べる端末 */
	#service .wimax #terminal .sectionBox { width:892px; height:722px; margin-bottom:60px; padding:14px; background:#e7e7e7;}
	#service .wimax #terminal .boxLeft,
	#service .wimax #terminal .boxRight { width:438px; height:722px; background:#fff;}
	#service .wimax #terminal .boxLeft { float:left;}
	#service .wimax #terminal .boxRight { float:right;}
	#service .wimax #terminal .sectionBox h3 { margin:22px 0 10px; font-size:20px; text-align:center; font-weight:normal;}
	#service .wimax #terminal .sectionBox img { display:block; margin:0 auto 20px;}
	#service .wimax #terminal ul { width:370px; margin:0 auto 16px; line-height:19px;}
	#service .wimax #terminal ul:nth-of-type(2) { margin:0 auto 8px;}
	#service .wimax #terminal li { line-height:19px; text-indent:-1em; margin-left:1em;}
	#service .wimax #terminal dl { width:370px; margin:0 auto 16px; font-size:11px; line-height:17px;}
	#service .wimax #terminal dl dt { float:left;}
	#service .wimax #terminal dl .big { float:none;}
	#service .wimax #terminal p { width:370px; margin:0 auto 16px; font-size:11px; text-align:left; line-height:17px;}
	
	/* 料金プラン */
	#service .wimax #plan .sectionInner { width:915px; margin-bottom:65px;}
	#service .wimax #plan table { width:870px; margin:17px auto 16px; table-layout:fixed;}
	#service .wimax #plan th { width:160px; white-space:nowrap;}
	#service .wimax #plan tr:nth-of-type(1) td { height:20px; text-align:center;}
	#service .wimax #plan td { padding:5px 16px; line-height:19px;}
	#service .wimax #plan td span { display:block; margin-bottom:2px; text-align:center;}
	#service .wimax #plan tr:nth-of-type(2) td { vertical-align:text-top;}
	#service .wimax #plan tr:nth-of-type(3) td { font-size:11px; line-height:17px; letter-spacing:0.05em; text-align:justify; text-justify: inter-ideograph;}
	#service .wimax #plan tr:nth-of-type(3) td span { display:block; width:520px; margin:6px auto -10px; font-size:13px; border-bottom:1px solid #000;}
	#service .wimax #plan .red { text-align:center; line-height:30px;}
	#service .wimax #plan .red strong { display:inline-block; padding-left:8px; font-size:18px; color:#ec2729;}
	
	/* オプション */
	#service .wimax #option .sectionInner { width:915px; margin-bottom:50px;}
	#service .wimax #option table { width:870px; margin:17px auto 16px;}
	#service .wimax #option th { width:160px; white-space:nowrap;}
	#service .wimax #option td { height:55px; line-height:19px; padding:0 14px; letter-spacing:0.05em;}
	#service .wimax #option th+td { width:114px;}

	/* 利用までの流れ */
	#service .wimax #step h4{ margin-bottom:18px; font-size:14px;}
	#service .wimax #step h5{ margin-bottom:14px; font-size:13px;}
	#service .wimax #step ul{ width:906px; margin:0 auto; padding:14px 0 15px 14px; background:#e7e7e7;}
	#service .wimax #step li{ position:relative; float:left; width:220px; height:195px; margin-right:4px; background:#fff;}
	#service .wimax #step li * { width:185px; margin:0 auto;}
	#service .wimax #step li h3 { margin-top:53px; font-size:20px;}
	#service .wimax #step li p { line-height:19px;}
	#service .wimax #step li>img { display:block; position:absolute; top:17px; left:14px;}

/* hosting */
#service .hosting .description { margin-bottom:52px;}
#service .hosting .description ul { padding-bottom:0;}
#service .hosting .description li { margin-bottom:6px;}
#service .hosting .description li:nth-of-type(5) h4 { line-height:45px;}
#service .hosting .description .btn { margin-top:-12px;}
#service .hosting .section h4 { margin-bottom:18px; padding-left:20px;}
#service .hosting .sectionInner { width:895px; margin-bottom:62px; padding:13px 0 12px 21px;}
#service .hosting .sectionInner table { width:872px; margin-bottom:23px; border:1px solid #b6b6b6;}
#service .hosting .sectionInner th { width:194px;}
#service .hosting .sectionInner td { width:696px; line-height:27px; vertical-align:middle;}
#service .hosting .section p+h5 { margin-top:28px;}
#service .hosting #flets h5 { margin-bottom:15px;}
#service .hosting #flets p { margin-bottom:20px;}
#service .hosting #flets th { width:532px; height:30px; padding-left:17px; text-align:left;}
#service .hosting #flets td { text-align:center;}

/* cloudmail */
#service .cloudmail .description { margin-bottom:36px;}
#service .cloudmail .section h4 { margin-bottom:22px;}
#service .cloudmail .section .sectionInner { margin-bottom:48px;}
#service .cloudmail .sectionInner h5 { margin-bottom:9px;}
#service .cloudmail .sectionInner h5+p { line-height:19px;}
#service .cloudmail .sectionInner p>strong { display:block;}
#service .cloudmail .sectionInner table { width:869px; margin-bottom:3px;}
#service .cloudmail .sectionInner th { width:187px; height:30px; font-weight:normal;}

#service .cloudmail #mailsoft .leftBox { float:left; width:500px; margin-right:31px;}
#service .cloudmail #mailsoft .rightBox { float:left; width:270px; margin-bottom:10px;}
#service .cloudmail #mailsoft .leftBox h5,
#service .cloudmail #mailsoft .rightBox h5 { width:120px;}
#service .cloudmail #mailsoft .rightBox+h5 { width:300px; clear:both;}
#service .cloudmail #mailsoft .leftBox ul li { float:left; width:245px;}
#service .cloudmail #mailsoft .leftBox ul li:last-child { float:none;}
#service .cloudmail #webMail .sectionInner { margin-bottom:21px;}
#service .cloudmail #webMail .sectionInner:nth-of-type(3) { margin-bottom:58px;}
#service .cloudmail #webMail .sectionInner>img { display:block; float:left; margin-right:28px;}
#service .cloudmail #webMail .sectionInner ul { float:left; width:265px; margin-bottom:25px;}
#service .cloudmail #webMail .sectionInner li { width:262px; margin-bottom:12px; text-indent:-1em; padding-left:1em; letter-spacing:0.04em;} 
#service .cloudmail #webMail .sectionInner li strong { margin-bottom:2px; font-size:13px;}



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


					business 法人のお客様


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

#business #contents .mainImg { display:block; margin-bottom:56px;}
#business #contents ul { width:1006px;}
#business #contents ul li { float:left; width:467px; height:175px; margin:0 36px 33px 0;}
#business #contents ul li h3 { width:452px; height:45px; margin-bottom:11px; padding-left:15px; font-size:15px; line-height:45px; background:url(../img/business/h3.png) no-repeat;}
#business #contents ul li p { position:relative; float:right; clear:right; width:300px; height:117px; padding:3px 6px 0 0; line-height:19px;}
#business #contents ul li span { display:inline-block; width:137px; height:120px; overflow:hidden;}
#business #contents ul li span>img { display:block; height:120px; margin:0 auto;}
#business #contents ul li a { display:block; position:absolute; left:0; bottom:0; width:140px; height:28px; padding-left:27px; line-height:28px; text-decoration:none; color:#fff; font-weight:bold;
background:url(../img/business/btn.png) no-repeat;}



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


				news　お知らせ


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

#news #contents .section h3 { width:955px; height:45px; margin-bottom:22px; padding-left:15px; line-height:48px; font-size:15px; background:url(../img/share/h3Bg.png) no-repeat;}
#news #contents .section { padding-bottom: 2em;}




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


				contact 資料請求・お問い合せ


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

#contact #contents h3 { width:955px; height:45px; margin-bottom:22px; padding-left:15px; line-height:48px; font-size:15px; background:url(../img/share/h3Bg.png) no-repeat;}
#contact #contents p { font-size:15px; margin:0 0 26px 23px;}
#contact #contents p a { display:inline-block; margin-left:5px;}
#contact #contents .hissu { margin-bottom:28px; font-size:13px; color:#ec2729; line-height:21px;}
#contact #contents .hissu small { font-size:14px;}
#contact #contents form { margin-bottom:10px;}
#contact #contents table { width:747px; margin:0 auto 21px; border-top:1px dashed #b4b4b4;}
#contact #contents table tr { display:block; width:747px; padding:9px 0 8px; border-bottom:1px dashed #b4b4b4;}
#contact #contents table th { width:130px; padding-left:8px; font-weight:normal;}
#contact #contents table th small { display:inline-block; margin-right:4px; font-size:14px; color:#ec2729;}
#contact #contents table td span { display:block; margin-bottom:8px;}
#contact #contents table td input,
#contact #contents table td select,
#contact #contents table td textarea { padding-left:9px; border-radius:3px; border:1px solid #cccccc;}
#contact #contents table td small { xdisplay:inline-block; margin-left:6px; font-size:11px;}
#contact #contents table td input { width:348px; height:25px;}
#contact #contents table .bigText input { width:521px;}
#contact #contents table .minText input { width:145px;}
#contact #contents table select { -webkit-appearance: none; -moz-appearance: none; appearance: none;
 width:105px; height:25px; background:url(../img/contact/select.png) no-repeat; background-position:84px 2px; cursor:pointer;}
#contact #contents table .area small { color:#343987;}
#contact #contents table td textarea { width:521px; height:167px; resize:vertical;}
#contact #contents .submit { display:block; width:200px; margin:0 auto;}



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


				　privacy　プライバシーポリシー


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

#privacy #contents .description { width:920px; margin:0 auto 42px; font-size:14px; line-height:23px; letter-spacing:0.05em;}
#privacy #contents dl{ width:920px; margin:0 auto 46px;}
#privacy #contents dt{ width:907px; height:32px; margin-bottom:11px; padding-left:13px; font-size:14px; font-weight:bolder; color:#fff; line-height:35px; background:url(../img/privacy/dtBg.png) no-repeat;}
#privacy #contents dd { width:896px; margin:0 auto 22px; line-height:19px; letter-spacing:0.06em;}
#privacy #contents .enactment { width:178px; margin:0 24px 0 auto; line-height:19px; text-align:right;}



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


								rules　利用規約


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

#rules #contents .selectBtn { height:30px; width:900px; margin:0 auto 40px; }
#rules #contents .selectBtn li { background: url(../img/share/sectionArrow.png) no-repeat 10px 5px; border:1px solid #d8d8d8; padding-left:35px; font-size:14px; float:left; width:383px; margin:0 10px; line-height:30px; }
#rules #contents .selectBtn li a { color:#282828; text-decoration:none; display: block; }

#rules #contents h3 { border:1px solid #bcbcbc; background:#ebebeb; border-left:3px #224997 solid; padding:0px 10px; margin-bottom:10px; }


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


								support　サポート会員


---------------------------------------------- */ 
	/* 共通 */
#support  .selectBtn{ width:900px; margin:0 auto 40px; } 
#support  .selectBtn li { background: url(../img/share/sectionArrow.png) no-repeat 10px 10px; border:1px solid #d8d8d8; padding-left:35px; font-size:14px; float:left; width:383px; margin:0 10px 10px; line-height:40px; }
#support  .selectBtn li:hover { background: url(../img/share/sectionArrow.png) no-repeat 10px 10px #e4e4e4;}
#support  .selectBtn li a { color:#282828; text-decoration:none; display: block; }

#support h3{ clear:both; width:955px; height:45px; margin-bottom:26px; padding-left:15px; line-height:46px; font-size:15px; background:url(../img/share/h3Bg.png) no-repeat;}
#support h4{ width:945px; height:35px; margin-bottom:20px; padding-left:25px; font-size:14px; line-height:33px; background:url(../img/share/h4Bg.png) no-repeat;} 
#support h5{ font-size:13px;}
#support .heading{ margin-bottom:30px;}
#support .heading strong{ display:block; margin-bottom:5px; font-size:14px;}

#support table{ width: 100%; margin-bottom:20px;} 
#support table th,
#support table td { padding: 10px; vertical-align:middle; border:1px solid #b6b6b6; }
#support table th{ width:100px;font-weight:normal; white-space:nowrap; background:#ededed;}
#support table td{ padding-left:13px;}

#support a{ color:#343987;} 
#support a:hover{ color:#3281be;} 

#support .section p{ margin-bottom:30px;}

#support .attention strong,
#support .attention span{ color:#ec2729;}

/*#support dl{ margin-top:30px;}
#support dl dt{ margin-bottom:10px; font-size:13px; text-indent:-1em; margin-left:1em;}
#support dl dd{ margin-bottom:60px; padding-bottom:40px; border-bottom:1px solid #b6b6b6;}
#support dl dd a{ display:block; width:320px; height:120px; overflow:hidden; background: #E4E4E4;}
#support dl dd a img{ display:block; height:120px; margin:0 auto;}*/

#support ul.step_flow {}
#support ul.step_flow li { float: left; width: 30%; padding:0 3% 2em 0;}
#support ul.step_flow li p{margin: 0;}
#support ul.step_flow li a.fancybox { display:block; height:140px; padding: 6px 0 0; overflow:hidden; margin: 0.5em 0; background: #E4E4E4;text-decoration: none;}
#support ul.step_flow li a.fancybox img{ display:block; height:120px; margin:0 auto;}
#support ul.step_flow li a.fancybox:after { content: "クリックで拡大表示"; display: block; text-align: center; font-size: 0.86em;  line-height: 2em; color: #5E5E5E;}
#support ul.step_flow li table { margin:1em 0;}
#support ul.step_flow li table th,
#support ul.step_flow li table td{ width: 100%; padding: 0 0.5em; display: block;}


	/* 個別指定 */
/*#support .index table{ width:600px; margin-bottom:40px;} */
#support .index .attention{ width:620px; margin-bottom:20px; padding:10px; border:1px solid #b6b6b6;}
#support .index .attention strong{ display:block; margin-bottom:8px; font-size:15px; border-bottom:1px solid #ec2729;}
#support .index .user { font-weight:bold; color:#000369;}
#support .index .link { font-weight:bold; color:#ec2729;}

#support .access .accessNavi{ margin-bottom:30px; font-size:13px;}
#support .access .accessNavi li{ margin-bottom:10px; text-indent:0;}
#support .access .accessNavi li a{ display:inline-block; margin-left:10px; font-weight:bold;}
#support .access .accessPoint{ width:460px; margin:20px 0 10px; padding:10px 10px 5px; font-size:13px; font-weight:bold; border:1px solid #b6b6b6;}
#support .access .accessPoint strong{ display:block; font-size:28px; color:#ec2729;}
#support .access table.accessPoint{ width:auto;}
#support .access table.accessPoint td{ padding:10px; font-size:28px; color:#ec2729;}
#support .access p.attention strong{ display:block; margin-bottom:20px; font-size:16px;}
#support .access ul.attention { margin-bottom:30px;}
#support .access ul.attention li{ text-indent:-1em; margin-left:1em; padding-bottom:5px;}
#support .access ul.attention li strong{ padding-left:2px;}

#support .access .menuList ul{ margin-bottom:40px;}
#support .access .menuList ul li{ margin-bottom:10px; font-size:13px;}

#support .access .selection{ margin-bottom:30px;}
#support .access .selection li{ display:inline-block; margin:0 20px 0 0; text-align:center;}
#support .access .selection li img{ display:block;}

#support .preform h4{ height:30px; margin-bottom:10px; padding:0px 10px; border:1px solid #bcbcbc; background:#ebebeb; border-left:3px #224997 solid; }
#support .preform ul{ margin:-20px 0 30px 20px; list-style:disc;}
#support .preform .heading{ margin-top:20px;}
#support .preform .name{ padding-top:30px; text-align:right;}
#support .preform .guide{ margin-top:20px; padding-top:20px; border-top:1px solid #b6b6b6;}
#support .preform .section p{ margin-bottom:40px;}

#support .homepage ol{ margin:0 0 20px 20px;}
#support .homepage p strong{ display:block; margin-top:10px;}
#support .homepage p img{ display:block; margin-top:20px;}
#support .homepage ul{ margin-bottom:30px;}
#support .homepage ul li{ margin-bottom:10px;}
#support .homepage .attention{ margin-bottom:40px;}
#support .homepage .source{ font-weight:bold; color:#ec2729;}

#support .ftp .heading strong{ display:inline-block;}
#support .ftp .section { padding-bottom:60px;}
#support .ftp .section p>a{ display:block; margin:10px 0;}
/*#support .ftp table{ width:650px;}*/

#support .port .attention { margin-bottom:40px; color:#ec2729; font-size:13px; font-weight:bold;}
#support .port .devising img{ display:block; margin:20px 0 40px;}
#support .port ol{ margin:0 0 10px 20px;}
#support .port ol+p{ margin:0 0 30px 20px;}
#support .port ul{ margin:0 0 40px 20px; font-size:13px;}
#support .port ul li{ margin-bottom:10px;}