@charset "utf-8";


/* ----------------------------------------
Internet
---------------------------------------- */
#net .section01{
	width:721px;
	margin:0 auto 30px auto;
	padding:15px 0 5px 0;
	background:#f2f2ef;
	}
#net .section01 .info01,
#net .section01 .info02{
	width:692px;
	margin:0 auto 12px auto;
	padding:0 0 17px 0;
	background:url(../internet/image/index_bg01.gif) no-repeat left bottom;
	clear:both;
	}
#net .section01 .title01{
	background:url(../internet/image/index_item01.gif) no-repeat left top;
	}
#net .section01 .title02{
	background:url(../internet/image/index_item02.gif) no-repeat left top;
	}
#net .section01 h2{
	font-size:100%;
	font-weight:bold;
	line-height:1.5;
	color:#2f2f2f;
	margin:0;
	padding:15px 0 9px 89px;;
	border-bottom:1px solid #dbe1ef;
	}

#net .section01 .info01 .bot{
	width:195px;
	padding:15px 0 0 0;
	float:right;
	}
#net .section01 .info01 .text{
	font-size:85%;
	line-height:1.5;
	padding:33px 200px 0 24px;
	}

#net .section01 .info02 .text{
	font-size:85%;
	line-height:1.5;
	padding:10px 24px 5px 24px;
	}
#net .section01 .info02 table{
	border-collapse:separate;
	border-spacing:6px;
	}
#net .section01 .info02 td{
	width:25%;
	font-size:85%;
	line-height:1.5;
	color:#666666;
	padding:7px 10px 7px 12px;
	background:#eef2f8;
	vertical-align:top;
	}
#net .section01 .info02 td .ml1em{
	font-size:75%;
	line-height:1.8;
	}
#net .section01 .info02 .bot{
	margin-top:5px;
	}


#net .text-area01{
	padding-bottom:22px;
	}
#net .section03{
	width:691px;
	margin:0 auto 8px auto;
	background:url(../internet/image/index_bg03.gif) no-repeat left bottom;
	clear:both;
	}
#net .section03 .block{
	padding:18px 0 0 0;
	background:url(../internet/image/index_bg02.gif) no-repeat left top;
	}
#net .section03 .text-area{
	width:444px;
	padding:0 0 18px 0;
	float:left;
	}
#net .section03 .link-area{
	width:220px;
	padding:0 0 13px 0;
	float:right;
	}
#net .section03 .text-area p{
	font-size:85%;
	line-height:1.5;
	padding-left:12px
	}
#net .section03 .text-area ul{
	margin-left:2em;
	}
#net .section03 .text-area li{
	font-size:85%;
	line-height:1.5;
	padding-bottom:5px;
	}
#net .section03 .link-area p{
	font-size:85%;
	line-height:1.5;
	padding:0 12px 7px 17px;
	padding-right:12px;
	padding-bottom:3px;
	background:url(../image/icon01.gif) no-repeat left 5px;
	}

#net-flow .hyoji{
	width:721px;
	line-height:0;
	text-align:right;
	margin:0 auto;
	}
#net-flow .step{
	width:721px;
	margin:0 auto 15px auto;
	background:url(../internet/image/item_bg01.gif) no-repeat left bottom;
	clear:both;
	}
#net-flow .step .bg{
	background:url(../internet/image/item_bg02.gif) no-repeat left top;
	}
#net-flow .step .no{
	width:82px;
	padding-bottom:10px;
	float:left;
	}
#net-flow .step h2{
	font-size:100%;
	font-weight:bold;
	line-height:1.2;
	color:#ffffff;
	padding:13px 0 10px 91px;
	}

#net-flow .flow-next1{
	padding:0 0 60px 0;
	background:url(../internet/image/flow_next01.gif) no-repeat center bottom;
	}

#net-flow .flow-table1 td.arrow{
	text-align:center;
	line-height:0;
	padding:3px 0;
	vertical-align:middle;
	}

#net-flow .flow-table1{
	margin:0 auto;
	}
#net-flow .flow-table1 td.data1{
	padding:8px 0 9px 0;
	border:1px solid #c4d9e9;
	background:#eff5fa;
	vertical-align:top;
	}
#net-flow .flow-table1 .pic1{
	text-align:center;
	padding:0 0 8px 0;
	}
#net-flow .flow-table1 .pic2{
	float:right;
	}

#net-flow .flow-table1 .text-data{
	margin:0 auto;
	clear:both;
	}
#net-flow .flow-table1 .text-data .text1{
	font-size:75%;
	line-height:1.5;
	padding:0 0 0 27px;
	}
#net-flow .flow-table1 .text-data .text2{
	font-size:75%;
	line-height:1.5;
	padding:0 323px 0 27px;
	}

#net-flow .flow-table1 .text-data .no1{
	width:22px;
	float:left;
	}
#net-flow .flow-table1 .line01{
	height:20px;
	clear:both;
	margin-left:30px;
	margin-right:10px;
	background:url(../internet/image/line01.gif) repeat-x center;
	}
#net-flow .flow-table1 .line02{
	height:20px;
	margin-left:30px;
	margin-right:10px;
	background:url(../internet/image/line01.gif) repeat-x center;
	}

#net-flow .nagare-area01{
	background:url(../internet/image/siharai_bg02.gif) no-repeat scroll left bottom;
	padding-bottom:15px;
	}
#net-flow .nagare-area02{
	background:url(../internet/image/siharai_bg01.gif) no-repeat scroll left top;
	height:36px;
	padding:11px 0 0 14px;
	font-size:85%;
	color:#444e65;
	font-weight:bold;
	}
#net-flow .box02-bg{
	background:url(../internet/image/box02_bg.gif) no-repeat scroll center bottom;
	padding-bottom:15px;
	}
#net-flow .box02{
	background:url(../internet/image/box02.gif) no-repeat scroll center top;
	height:36px;
	padding:11px 0 0 14px;
	font-size:85%;
	color:#444e65;
	font-weight:bold;
	}
#net-flow .card{
	background:url(../internet/image/siharai_card.gif) no-repeat center center;
	height:78px;
	border:#cccccc solid 1px;
	width:673px;
	margin-bottom:13px;
	}
#net-flow .card .kome{
	padding:17px 0 0 258px;
	}
#net-flow  .icon-maru{
	background:url(../image/icon10.gif) no-repeat scroll left 2px;
	padding:0 0 2px 17px;
	margin:-5px 0 5px 10px;
	}


#beginner{}
#beginner .section01{
	width:699px;
	margin:0 auto 29px auto;
	padding:0 0 20px 0;
	background:url(../internet/image/beginner_sec01_bg.gif) no-repeat center bottom;
	}
#beginner .section01 .left{
	width:348px;
	float:left;
	}
#beginner .section01 .right{
	width:348px;
	float:right;
	}
#beginner .section01 .text{
	font-size:85%;
	line-height:1.5;
	margin:14px 17px 0 17px;
	}

#beginner .section02{
	width:692px;
	margin:0 auto 30px auto;
	padding:15px 0;
	background:#f2f2ef;
	}
#beginner .section02 .block1,
#beginner .section02 .block2,
#beginner .section02 .block3{
	width:662px;
	margin:0 auto;
	clear:both;
	}
#beginner .section02 .block1{
	background:url(../internet/image/beginner_sec02_bg02.gif) no-repeat left bottom;
	}
#beginner .section02 .block2{
	background:url(../internet/image/beginner_sec02_bg03.gif) no-repeat left bottom;
	}
#beginner .section02 .bg{
	padding:5px 0 0 0;
	background:url(../internet/image/beginner_sec02_bg01.gif) no-repeat left top;
	}
#beginner .section02 .no{
	width:200px;
	padding:0 0 0 0;
	float:left;
	}
#beginner .section02 .no img{
	margin:0 0 0 10px;
	}
#beginner .section02 .text-area{
	padding:10px 15px 30px 220px;
	}
#beginner .section02 .block2 .text-area{
	padding-bottom:15px;
	}
#beginner .section02 .link-area{
	text-align:center;
	padding:13px 0 0 0;
	}

#beginner .section03{
	width:691px;
	margin:0 auto 7px auto;
	background:url(../internet/image/beginner_sec03_bg02.gif) no-repeat left bottom;
	clear:both;
	}
#beginner .section03 .bg{
	width:691px;
	margin:0 auto;
	padding:9px 0 13px 0;
	background:url(../internet/image/beginner_sec03_bg01.gif) no-repeat left top;
	
	}
#beginner .section03 .left{
	width:344px;
	float:left;
	}
#beginner .section03 .right{
	width:341px;
	float:right;
	}
#beginner .section03 .pic{
	width:66px;
	text-align:right;
	float:left;
	}
#beginner .section03 dl{
	padding:0 12px 0 78px;
	}
#beginner .section03 dt{
	font-size:100%;
	font-weight:bold;
	line-height:1.5;
	padding:2px 0 5px 0;
	}







/* ----------------------------------------
mobile
---------------------------------------- */
#mobile .pic01{
	width:190px;
	float:left;
	}
#mobile .data-area01{
	padding-left:210px;
	}
#mobile .bot01{
	width:482px;
	text-align:center;
	margin:15px 0 0 0;
	padding:14px 0;
	background:#f3f3f3;
	}

#lbNumber{ display:none;}