@charset "Shift_JIS";

body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background:url(../img/bg.jpg) top repeat-x #666666;}
body,td,th {font:12px/1.5em Verdana,Helvetica,Arial,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','ƒƒCƒŠƒI','‚l‚r ‚oƒSƒVƒbƒN','Osaka',HiraKakuPro-W3,sans-serif; color:#000;}
td {word-break:break-all;}
h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,address {margin:0; padding:0; list-style-type:none;}
.c-both {clear:both; margin:0; padding:0;}

/* MENU */
#menu_bg {position:relative; margin:auto; width:830px; height:27px; background:url(../img/menu/menubg.jpg) 0 0 no-repeat;}
ul#menu {position:absolute; width:291px; margin:0; padding-left:540px;}
#menu_bg ul li {margin:0; padding-right:3px;}
li#guide {float:left; width:65px; list-style:none;}
li#guide a {width:65px; height:27px; display:block;}
li#sample {float:left; width:97px; list-style:none;}
li#sample a {width:97px; height:27px; display:block;}
li#qa {float:left; width:40px; list-style:none;}
li#qa a {width:40px; height:27px; display:block;}
li#login {float:left; width:61px; list-style:none;}
li#login a {width:61px; height:27px; display:block;}
#guide a span {display:none;}
#sample a span {display:none;}
#qa a span {display:none;}
#login a span {display:none;}
a.guide {background-image: url(../img/menu/guide.jpg);}
a:hover.guide {background-position: 0px -27px;}
a.sample {background-image: url(../img/menu/sample.jpg);}
a:hover.sample {background-position: 0px -27px;}
a.qa {background-image: url(../img/menu/qa.jpg);}
a:hover.qa {background-position: 0px -27px;}
a.login {background-image: url(../img/menu/login.jpg);}
a:hover.login {background-position: 0px -27px;}

/* FONT */
h1 {width:830px; height:90px; margin:0; padding:0; background:url(../img/header.jpg) no-repeat; text-indent:-9999px; font-size:5px;}
h2 {font-size:14px; font-weight:bold; line-height:22px;}
h3 {font-size:14px; font-weight:bold; background-color:#000; margin-bottom:10px; padding:5px; color:#fff;}
h4 {font-weight:bold; color:#ff6600; display:inline;}
h5 {font-size:12px; font-weight:normal; color:#CC0000; display:inline;}
h6 {width:802px; height:30px; padding-bottom:20px; background:url(../img/footer.jpg) no-repeat #666; text-indent:-9999px; font-size:5px;}
.j16 {font-size:16px; line-height:22px;}
.j14 {font-size:14px; line-height:20px;}
.j12 {font-size:12px; line-height:16px;}
.j11 {font-size:11px; line-height:16px;}
.j10 {font-size:10px; line-height:16px;}
.eng {font-family:Arial, Helvetica, sans-serif;}
.white {color:#fff;}
.pink {color:#ff0099;}

/* SPACE */
.space_2 {margin-top:2px; margin-bottom:2px;}
.space_5 {margin-top:5px; margin-bottom:5px;}
.space_10 {margin-top:10px; margin-bottom:10px;}
.space_15 {margin-top:15px; margin-bottom:15px;}
.space_20 {margin-top:20px; margin-bottom:20px;}

/* LINK */
a {cursor:pointer;}
a:link {color:#ff0099;}
a:hover {color:#ff33cc;}
a:visited {color:#ff0099;}
a:active {color:#ff33cc;}
a.link_par:link {color:#ff0099; text-decoration:none; padding-left:15px; background:url(../img/yj.gif) left 3px no-repeat;}
a.link_par:hover {color:#ff0099; text-decoration:underline; padding-left:15px; background:url(../img/yj.gif) left 3px no-repeat;}
a.link_par:visited {color:#ff0099; text-decoration:none; padding-left:15px; background:url(../img/yj.gif) left 3px no-repeat;}
a.link_par:active {color:#ff0099; text-decoration:underline; padding-left:15px; background:url(../img/yj.gif) left 3px no-repeat;}
a.link_yellow:link {color:#ffcc00;}
a.link_yellow:hover {color:#ffff00;}
a.link_yellow:visited {color:#ffcc00;}
a.link_yellow:active {color:#ffff00;}
a.link_white:link {color:#fff; text-decoration:none;}
a.link_white:hover {color:#ffcc00; text-decoration:none;}
a.link_white:visited {color:#fff; text-decoration:none;}
a.link_white:active {color:#ffcc00; text-decoration:none;}
a.link_top:link {color:#000; text-decoration:none;}
a.link_top:visited {color: #000; text-decoration:none;}
a.link_top:hover {color:#ff0099;}
a.link_top:active {color:#ff0099;}
a.link_grey:link {color:#333; text-decoration:none;}
a.link_grey:visited {color:#333; text-decoration:none;}
a.link_grey:hover {color:#333; text-decoration:underline;}
a.link_grey:active {color:#333; text-decoration:underline;}

#header {width:830px; height:90px; margin:auto;}
#wrap {padding-top:15px; background:url(../img/contentsbg.jpg) left top repeat-x;}
#container {width:802px; margin:auto; background:url(../img/boxbg.gif) repeat-y #fff;}
#container .box {width:780px; padding:11px; background:url(../img/box_t.jpg) center top no-repeat;}
div.contents {width:760px; padding:20px 10px;}
div.welcome {width:780px; background:url(../img/mainphoto.jpg) center top no-repeat;}
div.welcome div.subbox {width:758px; margin:0 auto;}
div.welcome div.topics {float:left; width:342px; padding:35px 15px 15px 15px; border:solid 1px #999; background:url(../img/topics.jpg) center top no-repeat;}
div.welcome div.tokuten {float:right; width:342px; padding:35px 15px 15px 15px; border:solid 1px #999; background:url(../img/tokuten.jpg) center top no-repeat;}
div.gbox {width:730px; margin:auto; padding:15px; background-color:#ddd;}
div.gbox p {background:url(../img/dot_25.gif) repeat; line-height:25px;}
div.gbox p span {padding-left:10px; background:url(../img/arrow_g.jpg) left 4px no-repeat; font-weight:bold;}
img.title {margin-bottom:5px;}
.box ol li {margin-left:20px; margin-bottom:5px; list-style-type:decimal;}
.box ol.sp li {margin-left:20px; margin-bottom:15px; list-style-type:decimal;}
.box ul li {margin-left:20px; margin-bottom:5px; list-style-type:square;}
.box ul.sp li {margin-left:20px; margin-bottom:15px; list-style-type:square;}
div.bbox {width:710px; margin:auto; padding:15px 24px; border:solid 1px #999;}
div.ybox {margin:20px 0; padding:10px; background-color:#ffc; border:1px solid #f60; text-align:center;}
div.ybox a:link {color:#f30;}
div.ybox a:hover {color:#f60;}
div.ybox a:visited {color:#f30;}
div.ybox a:active {color:#f60;}

div.isplist {background:url(../img/circle.gif) left 5px no-repeat; margin-top:5px; padding-top:5px; border-top:1px dotted #666;}
div.isplist img {border:none;}
div.isplist div.left_m_enter {float:left; width:130px; padding-left:30px; padding-right:340px; background:url(../img/memberent.jpg) right top no-repeat;}
div.isplist div.left_y_enter {float:left; width:130px; padding-left:30px; padding-right:340px; background:url(../img/yahooent.jpg) right top no-repeat;}
div.isplist div.right {float:right; width:205px; margin-top:2px; text-align:right;}
div.isplist div.right img {margin-left:5px;}
div.bnr_pb {margin-top:5px; padding-top:5px; border-top:1px dotted #666; text-align:right}

div.cclist {margin-top:15px; padding-top:5px; border-top:1px dotted #666;}
div.cclist img {border:none;}
div.cclist img.cctitle {margin:15px 0 5px 0;}
div.cclist div.left_enter {float:left; width:522px;}
form {display:inline;}
div.cclist div.right {float:right; width:205px; text-align:right;}
div.cclist div.right img {margin-left:5px;}
div.cclist div.right table td {border:none; margin:0; padding:0;}

p.par {padding-left:15px; margin-top:5px; margin-bottom:15px;}
div.dot {height:1px; padding-top:20px; margin-bottom:20px; background:url(../img/dot.gif) bottom repeat-x;}
dl.qa dt {padding-left:25px; padding-bottom:10px; background:url(../img/q.gif) left top no-repeat; font-size:14px; font-weight:bold;}
dl.qa dd {padding-left:55px; padding-bottom:30px; background:url(../img/a.gif) 25px 2px no-repeat;}
table.svc {border-top:solid 1px #333; border-left:solid 1px #333; margin-bottom:5px;}
table.svc th,td {padding:3px; border-right:solid 1px #333; border-bottom:solid 1px #333; text-align:center;}
table.svc th {background-color:#ccc; font-weight:normal;}
table.svc th.title {background-color:#000; font-size:14px; font-weight:bold; text-align:center; color:#fff;}
table.svc td.left {text-align:left;}



/*--- so-netAOCNI—Ή‚Μ‚¨’m‚η‚Ή ---*/
.info1711 {
	margin: 30px 10px;
}
.info1711 h3 {
	display: block;
	margin-bottom: 20px;
	text-align: center;
	font-size: 120%;
}
.info1711 h4 {
	display: block;
	padding: 10px 0;
	margin: 10px 0;
	text-align: center;
	border-top: dotted 1px #333333;
	border-bottom: dotted 1px #333333;
	font-size: 110%;
}
.info1711 strong {
	color: #cc0000;
}
.info1711 dt {
	padding: 5px;
	background-color: #B9B9B9;
	color: #ffffff;
}
.info1711 dd {
	margin: 0;
	padding: 10px 0;
}

/*--- Yahoo!ƒEƒHƒŒƒbƒg—˜—p•s‰Β‚Μ‚¨’m‚η‚Ή ---*/
.info1806 {
	margin: 30px 10px;
}
.info1806 h3 {
	display: block;
	margin-bottom: 20px;
	text-align: center;
	font-size: 120%;
}
.info1806 h4 {
	display: block;
	padding: 10px 0;
	margin: 10px 0;
	text-align: center;
	border-top: dotted 1px #333333;
	border-bottom: dotted 1px #333333;
	font-size: 110%;
}