/*--
	■Contents DSピクロス CSS

	Base

====================================================== --*/

body {
	background:url(../img/bg.gif) repeat center top;
	font-size: 12px;
	color: #506B7E;
	margin:0px;
	padding:0px;
	text-align:center;
}
body#Index {
	background:url(../img/bg_index.gif) repeat center top;
}
.container{
}
.partition {
	clear: both;
	display: none;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 14px;
}
img {
	border: 0px;
	vertical-align:top;
}
td {
	font-size: 12px;
}
th {
	font-size: 12px;
}
dl,dt,dd,ul,li,ol {
	margin: 0px;
	padding:0px;
}
dt {
	font-weight: bold;
}
dd {
	line-height: 1.3em;
}
li {
	line-height: 1.3em;
}
hr {
	display:none;
	clear:both;
}
strong {
}
em {
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.clear-fix:after
{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0px;
}
* html .clear-fix { display: inline-block; }
/* no ie mac \*/
* html .clear-fix { height: 1%; }
.clear-fix { display: block; }
/* */
sup{
	vertical-align:5px;
	font-size:9px;
}

/*-- 

	Link Ele

====================================================== --*/
a:link {
}
a:visited {
}
a:hover {
}


/*-- 

	Head Ele

====================================================== --*/
.head-wrap {
	width: 100%;
	background:url(../img/bg_white.gif) repeat center top;
	text-align:center;
	height:170px;
}
#Index .head-wrap {
	height:550px;
}
#News .head-wrap ,
#Advice .head-wrap {
	height:98px;
}
.head {
	width: 768px;
	margin:0px auto;
	position:relative;
}

.nintendo-logo{
	width:79px;
	float:left;
	text-align:right;
	margin-bottom:12px;
	margin-top:10px;
}

#News .nintendo-logo,
#Advice .nintendo-logo,
#Base .nintendo-logo{
	margin-bottom:7px;
}

.ds-logo{
	width:121px;
	float:right;
	margin-bottom:12px;
	text-align:left;
	margin-top:9px;
}
#News .ds-logo,
#Advice .ds-logo,
#Base .ds-logo{
	margin-bottom:7px;
}

.head h1{
	clear:both;
	margin:0px;
	padding:0px;
}
.head .logo{
	clear:both;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:100;
	
}
.head .logo-news{
	clear:both;
	margin:0px;
	padding:0px 0px 24px;
}

.global-navi {
	width:768px;
	margin-top:-140px;
	padding-bottom:10px;
	position:relative;
	text-align:left;
}
.global-navi ul {
	margin-left:6px;
}
.global-navi ul li {
	width: 150px;
	display: block;
	float: left;
	height:116px;
	overflow:hidden;
	list-style-type:none;
	margin-top:-2px;
}
.global-navi ul li a{
	display:block;
	margin-left:10px;
	height:116px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}
.global-navi ul li img{
	margin-left:10px;
}
#Index .global-navi ul li a img,
#Base .global-navi ul li img{
	visibility:hidden;
	margin:0px;
}
#Index .global-navi ul li.h-02 a{
	background-image:url(../img/index_menu_02.gif);
}
#Index .global-navi ul li.h-03 a{
	background-image:url(../img/index_menu_03.gif);
}
#Index .global-navi ul li.h-04 a{
	background-image:url(../img/index_menu_04.gif);
}
#Index .global-navi ul li.h-05 a{
	background-image:url(../img/index_menu_05.gif);
}
#Index .global-navi ul li.h-06 a{
	background-image:url(../img/index_menu_06.gif);
}


#Index .global-navi ul li a:hover{
	background-position:0px -116px;
}
#Index .global-navi ul li.h-01{
	width:175px;
	height:149px;
	margin-top:-0px;
	float:none;
}
#Index .global-navi ul li.h-01 a{
	background-image:url(../img/index_menu_01.gif);
	height:149px;
	margin:0px;
}
#Index .global-navi ul li.h-01 a:hover{
	background-position:0px -149px;
}

#Index .head .about{
	position:absolute;
	top:120px;
	text-align:center;
	width:768px;
	left:0px;
	display:none;
	
}

#Base .global-navi {
	margin-top:19px;
	padding-bottom:0px;
}
#Base .global-navi ul{
	margin-left:15px;
}
#Base .global-navi li{
	width: 148px;
	height:58px;
	margin-top:0px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#Base .global-navi ul li a{
	margin-right:2px;
	margin-left:0px;
	height:58px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#Base .global-navi li.h-01,
#Base .global-navi li.h-01 a{
	background-image:url(../img/h_01.gif);
}
#Base .global-navi li.h-02,
#Base .global-navi li.h-02 a{
	background-image:url(../img/h_02.gif);
}
#Base .global-navi li.h-03,
#Base .global-navi li.h-03 a{
	background-image:url(../img/h_03.gif);
}
#Base .global-navi li.h-04,
#Base .global-navi li.h-04 a{
	background-image:url(../img/h_04.gif);
}
#Base .global-navi li.h-05,
#Base .global-navi li.h-05 a{
	background-image:url(../img/h_05.gif);
}
#Base .global-navi ul li.current,
#Base .global-navi ul li a:hover{
	background-position:0px -58px;
}

#Base .global-navi li.none-03{
	background-image:url(../img/_h_03.gif);
}
#Base .global-navi li.none-04{
	background-image:url(../img/_h_04.gif);
}

/*-- 

	Contents Ele

====================================================== --*/
.contents {
	width: 100%;
	text-align:center;
	margin: 0px;
	padding: 0px;
}



/*-- 

	Footer Ele

====================================================== --*/

.footer {
	width: 100%;
	font-size: 11px;
	clear: both;
	background:url(../img/bg_white.gif) repeat center top;
	padding-top:20px;
}

.news-footer{
	margin-top:50px;
	height:50px;
}

#Index .footer {
	background:none;
}
.footer-navi {
	margin-bottom:15px;
}
#Base .footer-navi {
	padding-bottom:40px;
	margin-bottom:0px;
}
.footer-navi ul {
	margin: 0px 0px 5px;
	padding: 0px;
}
.footer-navi ul li {
	display: inline;
	list-style-type: none;
}
.footer-navi ul li a,
.footer-navi ul li span,
.footer-navi ul li strong{
	border-left: 1px solid #506B7E;
	padding-right: 0.2em;
	padding-left: 0.5em;
	color: #506B7E;
	text-decoration:none;
	line-height:11px;
}
.footer-navi ul li a:hover{
	text-decoration:underline;
}

.footer-navi ul li.first a,
.footer-navi ul li.first strong{
	border:none;
}

.copy {
	text-align:center;
	padding-bottom:20px;
}


/*-- 

	Main Contents Ele

====================================================== --*/
.main {
	width: 768px;
	margin: 49px auto 0px;
	padding: 0px;
	text-align:left;
}

#Advice .main,
#News .main{
	margin-top:39px;
}

.to-top {
	text-align: right;
}



/*-- 

	Common Parts Ele

====================================================== --*/
.main-img{
	width:768px;
	margin-bottom:20px;
}
.main-img .text{
	width:412px;
	height:251px;
	position:relative;
}
.main-img .img{
	width:390px;
	margin-top:-251px;
	height:251px;
	margin-left:366px;
	text-align:right;
}
.main-img .img img{
	margin-right:1px;
}
.main-img .text h1{
	margin:0px 0px 12px 15px;
	height:156px;
}
.main-img .text p{
	margin:0px 0px 0px 15px;
}
.main-img .text p.many{
	margin:0px 0px 0px 0px;
	left:15px;
	bottom:0px;
	position:absolute;
}

/*-- 

	Individual Parts Ele

====================================================== --*/

/*-- 
	1.誰でも気軽に楽しめる			 --*/

/*-- ------------------------------------------------- --*/
/*-- challenge --*/
/*-- ------------------------------------------------- --*/
.challenge{
	background:url(../easy/img/challenge_bg.gif) no-repeat right bottom;
	width:740px;
	height:440px;
	margin-left:15px;
	margin-bottom:40px;
}

/*-- control --*/
/*-- ------------------------------------------------- --*/
.control{
	width:740px;
	background:url(../easy/img/control_bg.gif) no-repeat right bottom;
	height:790px;
	margin-left:15px;
	margin-bottom:118px;
}
.control h2{
	margin:0px 0px 24px 20px;
}
.control h2 img{
	margin-top:20px;
}

.control li{
	list-style:none;
	width:245px;
	float:left;
	display:block;
	margin-bottom:0px;
}

.control .img{
	clear:both;
	padding-top:5px;
	
}


/*-- 
	2.多彩な収録パズル！			 --*/

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

/*-- practice --*/
/*-- ------------------------------------------------- --*/
.practice{
	width:740px;
	margin-left:15px;
	background:url(../many/img/practice_bg.gif) no-repeat right bottom;
	padding-bottom:10px;
	margin-bottom:40px;
}
.practice h2{
	margin:0px 0px 0px;
}
.practice h2 img{
	margin:20px 0px 19px 20px;
}
.practice p{
	margin:0px 0px 0px 20px;
	padding-bottom:14px;
}
.practice .img{
	width:315px;
	float:right;
	text-align:center;
}
.practice .img img{
	margin-right:15px;
	margin-top:2px;
}
.practice .img img.text{
	margin-top:74px;
}

.practice .question{
	width:425px;
	float:left;
	height:355px;
}
.practice .question ul{
	margin-left:15px;
}
.practice .question li{
	list-style:none;
	float:left;
	display:block;
	width:205px;
	margin-bottom:10px;
}

.practice .wifi{
	height:90px;
	width:730px;
	clear:both;
}
.practice .wifi p{
	margin:0px;
	padding:0px;
}
.practice .wifi p img{
	margin:28px 0px 0px 93px;
}
.practice .wifi .link{
	width:147px;
	height:55px;
	overflow:hidden;
	margin:-44px 0px 0px 564px;
}
.practice .wifi .link a{
	height:55px;
	display:block;
	background:url(../many/img/wifi_link.gif) no-repeat left top;
}
.practice .wifi .link a:hover{
	background:url(../many/img/wifi_link.gif) no-repeat 0px -55px;
}
.practice .wifi .link a img{
	visibility:hidden;
	margin:0px;
}

/*-- collection --*/
/*-- ------------------------------------------------- --*/
.collection{
	width:740px;
	background:url(../many/img/collection_bg.gif) no-repeat right bottom;
	margin:0px 0px 128px 15px;
	height:540px;
}
.collection .text{
	width:420px;
	float:left;
}
.collection .text h2{
	margin:0px;
}
.collection .text h2 img{
	margin:20px 0px 19px 20px;
}
.collection .text p{
	margin:0px 0px 40px 20px;
}
.collection .text div{
	margin:0px 0px 0px 23px;
}
.collection .img{
	width:310px;
	float:left;
	text-align:center;
}
.collection .img img{
	margin-top:22px;
}
.collection-comming{
	height:160px;
	width:740px;
	text-align:center;
	background:url(../many/img/collection_bg_02.gif) no-repeat right bottom;
	margin:0px 0px 116px 15px;
}
.collection-comming img{
	margin-top:50px;
}

/*-- 
	3.オリジナルのパズルが作れる			 --*/

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


/*-- edit --*/
/*-- ------------------------------------------------- --*/
.edit{
	width:740px;
	height:990px;
	margin:0px 0px 40px 15px;
	background:url(../original/img/edit_bg.gif) no-repeat right bottom;
}
.edit .text {
	width:390px;
	float:right;
	height:500px;
}
.edit .text h2{
	margin:0px;
}
.edit .text h2 img{
	margin:40px 0px 19px 0px;
}
.edit .text p{
	margin:0px 0px 28px 0px;
}
.edit .text .catch{
	margin:0px 0px 17px 0px;
}
.edit .text .make-advice{
	width:354px;
	position:relative;
}
.edit .text .make-advice a{
	position:absolute;
	left:-10px;
	top:0px;
	display:block;
	width:354px;
	height:165px;
	overflow:hidden;
	background:url(../original/img/make_advice.gif) no-repeat left top;
}
.edit .text .make-advice a:hover{
	background:url(../original/img/make_advice.gif) no-repeat 0px -165px;
}
.edit .text .make-advice a img{
	visibility:hidden;
}
.edit .flash{	
	width:350px;
	float:left;
	height:500px;
	text-align:center;
}
.edit .flash img{	
	margin-top:37px;
}

.edit .list{
	clear:both;
	width:650px;
	margin:0px 0px 0px 40px;
}
.edit .list h3{
	margin:0px 10px 2px;
	padding-top:10px;
	text-align:right;
}
.edit .list ul{
	margin-left:18px;
}
.edit .list li{
	width:210px;
	float:left;
	text-align:left;
	list-style:none;
	display:block;
}
.edit .list li img{
	margin-left:8px;
	margin-bottom:7px;
	margin-top:26px;
}


/*-- send --*/
/*-- ------------------------------------------------- --*/
.send{
	width:740px;
	margin:0px 0px 118px 15px;
	height:480px;
	background:url(../original/img/send_bg.gif) no-repeat right bottom;
}
.send .text{
	background:url(../original/img/send_img.jpg) no-repeat right bottom;
	height:261px;
	width:691px;
	margin-bottom:24px;
}
.send .text h2{
	margin:0px;
}
.send .text h2 img{
	margin:20px 0px 18px 20px;
}
.send .text p{
	margin:0px 0px 0px 20px;
}
.send p.catch{
	margin:0px 0px -5px 380px;
}
.send .wifi{
	width:730px;
	height:90px;
}
.send .wifi img{
	margin:0px 0px 0px 20px;
}
.send .wifi p{
	margin:-46px 0px 0px 193px;
}
.send .wifi p img{
	margin:0px;
}
.send .wifi a{
	display:block;
	width:147px;
	height:55px;
	overflow:hidden;
	margin:-41px 0px 0px 371px;
	background:url(../original/img/contest_link.gif) no-repeat left top;
}
.send .wifi a:hover{
	background:url(../original/img/contest_link.gif) no-repeat 0px -55px;
}
.send .wifi a img{
	visibility:hidden;
}


/*-- 
	4.Wi-fiで広がる楽しみ方			 --*/

/*-- ------------------------------------------------- --*/
/*-- other --*/
/*-- ------------------------------------------------- --*/
.other{
	width:740px;
	margin:0px 0px 118px 15px;
	background:url(../wifi/img/other_bg.gif) no-repeat right bottom;
	height:790px;
}
.other .download{
	width:390px;
	float:left;
}
.other .contest{
	width:340px;
	float:left;
}
.other h2{
	margin:0px;
}
.other h2 img{
	margin:20px 0px 19px 20px;
}
.other p{
	margin:0px 0px 20px 20px;
}
.other .img{
	margin-left:57px;
	margin-bottom:24px;
	clear:both;
}
.other .button{
	height:78px;
	margin-left:249px;
	width:239px;
	overflow:hidden;
}
.other .button a{
	display:block;
	background:url(../wifi/img/button.gif) no-repeat left top;
}
.other .button a:hover{
	background:url(../wifi/img/button.gif) no-repeat 0px -78px;
}
.other .button a img{
	visibility:hidden;
}

/*-- 
	5.パズルの解き方のコツ！			 --*/

/*-- ------------------------------------------------- --*/
/*-- solve --*/
/*-- ------------------------------------------------- --*/
.solve{
	margin:0px 0px 0px 15px;
}
.solve h2{
	margin:0px;
}
.solve h2 img{
	margin:20px 0px 21px 20px;
}
.solve li{
	margin:0px 0px 40px 0px;
	list-style:none;
	width:740px;

	overflow:hidden;
	height:320px;

	background:url(../kotsu/img/solve_bg.gif) no-repeat right top;
}
.solve li img{
	margin-bottom:10px;
}
/*-- advice --*/
/*-- ------------------------------------------------- --*/
.advice{
	width:740px;
	margin-left:15px;
	position:relative;
	margin-bottom:125px;
	height:205px;
	background:url(../kotsu/img/advice_bg.gif) no-repeat right top;
}
.advice img{
	margin:15px 0px 0px 15px;
}
.advice img.point{
	position:absolute;
	left:-15px;
	top:-10px;
	margin:0px;
}
/*-- 
	ニュース			 --*/

/*-- ------------------------------------------------- --*/
h1.news{
	margin:0px 0px 20px 15px;
}

/*-- caution --*/
/*-- ------------------------------------------------- --*/
.caution{
	margin:0px 0px 20px 15px;
}
/*-- close --*/
/*-- ------------------------------------------------- --*/
.close-top{
	text-align:right;
	height:108px;
	margin-top:-108px;
	margin-right:13px;
}
.close-bottom{
	text-align:right;
	margin-top:95px;
	margin-right:13px;
	padding-bottom:60px;
}
/*-- news --*/
/*-- ------------------------------------------------- --*/

dl.info{
	width:740px;
	margin-left:15px;
	background: url(../news/img/bg_bottom2.gif) no-repeat left bottom;
	padding-bottom:30px;
	margin-bottom:25px;
}
dl.info dt{
	background:url(../news/img/bg_top2.gif) no-repeat right top;
	padding:20px 0px 0px 20px;
}
dl.info dd{
	background:url(../news/img/bg2.gif) repeat-y right top white;
	padding:18px 0px 5px 0px;
	width:740px;
	font-weight: bold;
}

dl.news{
	width:740px;
	margin-left:15px;
	background: url(../news/img/bg_bottom.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:25px;
}
dl.news dt{
	background:url(../news/img/bg_top.gif) no-repeat right top;
	padding:20px 0px 0px 20px;
}
dl.news dd{
	background:url(../news/img/bg.gif) repeat-y right top white;
	padding:18px 0px 20px 0px;
	width:740px;
}
dl.news dd.contest{
	padding-bottom:40px;
}
dl.news dd p{
	margin:0px 0px 5px 63px;
}
dl.news dd table{
	margin:0px 0px 0px 63px;
}
dl.news dd table th{
	background:#f08a01;
	color:white;
	text-align:center;
	vertical-align:middle;
	padding:6px 16px 6px 18px;
	font-size:12px;
	font-weight:normal;
	line-height:1.5em;
	border-right:2px solid white;
	border-bottom:2px solid white;
}
dl.news dd table.date th{
	text-align:left;
}

dl.news dd table .theme th,
dl.news dd table .theme td{
	font-size:15px;
	padding-top:15px;
	padding-bottom:15px;
}
dl.news dd table .theme td{
	padding:15px 0px 0px;
}

dl.news dd table td{
	background:#fce8cd;
	color:#333;
	text-align:left;
	vertical-align:middle;
	padding:6px 16px 6px 18px;
	font-size:12px;
	font-weight:normal;
	line-height:1.5em;
	border-bottom:2px solid white;
}

dl.news dd table td table{
	margin:0px 0px 0px 15px;
}

dl.news dd table .theme td table th{
	border:none;
	text-align:left;
	padding:0px 0px 15px ;
	background:#fce8cd;
	color:#333;
}
dl.news dd table .theme td table td{
	border:none;
	padding:0px 0px 0px ;
	white-space:nowrap;
}
dl.news dd table td table td dl{
	width:180px;
	float:left;
	background:none;
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
}
dl.news dd table td table td dl dt{
	background:none;
	background:white;
	margin:0px 10px 0px 0px;
	padding:3px;
}
dl.news dd table td table td dl dt img{
	border:2px solid black;
}
dl.news dd table td table td dl dd{
	border:none;
	background:none;
	text-align:left;
	padding:2px;
	width:auto;
	font-size:10px;
	padding-bottom:10px;
}

dl.news dd .comming{
	margin-bottom:80px;
}
dl.news dd .end{
	*margin-bottom:20px;
}

dl.news dd .end th{
	background:#00a9ac;
	vertical-align:top;
}

dl.news dd .end td{
	background:#cceeee;
}

dl.puzzleImg {
	float:left;
	background:none;
	padding:0px;
	margin: 7px 10px 0 6px;
}

dl.puzzleImg dt{
	background: white;
	padding: 3px;
}

dl.puzzleImg dd{
	border:none;
	background:none;
	text-align:left;
	padding: 2px 0 4px 0;
	width:auto;
	font-size:10px;
}
dl.news dd .end td dl dt img{
	border:2px solid black;
}

div#archiveNavi {
	margin: 0 auto 20px;
	position: relative;
	left: 84px;
}

div#archiveNavi IMG {
	margin-right: 17px;
	margin-bottom: 5px;
}

div.linkIndex {
	width: 665px;
	text-align: right;
	margin: 0 0 20px;
	font-size: 10px;
	color: #00a9ac;
}

div.linkIndex a {
	color: #0098e1;
}

div.linkIndex a:hover {
	color: #78c6ec;
}

/*-- 
	■作り方のコツ　--*/

/*-- ------------------------------------------------- --*/
.make-advice-wrap{
	width:740px;
	margin-left:15px;
}

.make-advice-wrap h1{
	margin:0px;
}
.make-advice-wrap .catch{
	margin:0px 0px 34px;
}

/*-- close --*/
/*-- ------------------------------------------------- --*/
.make-advice-wrap .close-top{
	text-align:right;
	height:115px;
	margin-top:-115px;
	margin-right:0px;
	margin-bottom:15px;
}
.make-advice-wrap .close-bottom{
	margin-right:0px;
	clear:both;
	margin-top:0px;
}

/*-- title --*/
/*-- ------------------------------------------------- --*/
.make-advice-wrap .title{
	width:740px;
	background:url(../original/img/advice_title_bg.gif) no-repeat left top;
	height:155px;
	margin-bottom:35px;
}
.make-advice-wrap .title h2{
	margin:0px;
	padding:0px;
}
.make-advice-wrap .title h2 img{
	margin:18px 0px 0px 18px;
}
.make-advice-wrap .next{
	width:260px;
	height:90px;
	margin:-77px 0px 10px 465px;
}
.make-advice-wrap .title li{
	width:245px;
	float:left;
	list-style:none;
}

/*-- advice-01 --*/
/*-- ------------------------------------------------- --*/
.advice-01{
	width:740px;
	background:url(../original/img/advice_01_bg.gif) no-repeat left top;
	height:880px;
	margin-bottom:35px;
}
.advice-01 h3{
	margin:0px 0px 34px 20px;
}
.advice-01 h3 img{
	margin-top:35px;
}
.advice-01 dl{
	width:708px;
	margin-left:20px;
}
.advice-01 dl dt{
	margin-bottom:18px;
}
.advice-01 dl dd{
	width:708px;
}
.advice-01 dl dd li{
	list-style:none;
	width:236px;
	float:left;
	display:block;
	margin-bottom:18px;
}
.advice-01 dl dd li.text img{
	margin:60px 0px 0px 13px;
	
}


/*-- advice-02 --*/
/*-- ------------------------------------------------- --*/
.advice-02{
	width:740px;
	background:url(../original/img/advice_02_bg.gif) no-repeat left top;
	height:1070px;
	margin-bottom:35px;
}
.advice-02 h3{
	margin:0px 0px 34px 20px;
}
.advice-02 h3 img{
	margin-top:35px;
}
.advice-02 .img{
	margin:0px 0px 20px 20px;
}

.advice-02 .text{
	margin:35px 0px 34px 35px;
}




/*-- advice-03 --*/
/*-- ------------------------------------------------- --*/
.advice-03{
	width:740px;
	background:url(../original/img/advice_03_bg.gif) no-repeat left top;
	height:945px;
	margin-bottom:35px;
}
.advice-03 h3{
	margin:0px 0px 34px 20px;
}
.advice-03 h3 img{
	margin-top:35px;
}

.advice-03 dl{
	width:693px;
	margin-left:20px;
}
.advice-03 dl dt{
	width:520px;
	float:left;
	clear:both;
	height:205px;
}
.advice-03 dl dt.large{
	height:250px;
}
.advice-03 dl dd{
	width:169px;
	float:right;
	height:205px;
	text-align:right;
	background:url(../original/img/advice_arrow.gif) no-repeat 0px 62px;
}
.advice-03 .text{
	margin:0px 0px 0px 34px;
	clear:both;
	padding-top:33px;
}


/*-- advice-04 --*/
/*-- ------------------------------------------------- --*/
.advice-04{
	width:740px;
	background:url(../original/img/advice_04_bg.gif) no-repeat left top;
	height:1685px;
	margin-bottom:35px;
}
.advice-04 h3{
	margin:0px 0px 32px 20px;
}
.advice-04 h3 img{
	margin-top:35px;
}

.advice-04 dl{
	width:690px;
	margin-left:20px;
}
.advice-04 dl dt{
	background:url(../original/img/advice_arrow_02.gif) no-repeat 69px 100%;
	padding-bottom:16px;
	margin-left:3px;
	margin-bottom:3px;
}
.advice-04 dl dd{
	margin-bottom:33px;
}
.advice-04 .text{
	margin:0px 0px 0px 34px;
	height:117px;
}
.advice-04 .text img{
	margin-bottom:4px;
}
.advice-04 .img{
	margin:-13px 0px 0px 20px;
}

/*-- advice-05 --*/
/*-- ------------------------------------------------- --*/
.advice-05{
	width:740px;
	background:url(../original/img/advice_05_bg.gif) no-repeat left top;
	height:785px;
	margin-bottom:35px;
}
.advice-05 h3{
	margin:0px 0px 32px 20px;
}
.advice-05 h3 img{
	margin-top:35px;
}
.advice-05 ul{
	margin-left:5px;
}
.advice-05 li{
	list-style:none;
	margin:0px 0px 20px 15px;
	display:block;
}
.advice-05 li.last{
	width:350px;
	float:left;
	margin:0px;
}
.advice-05 li.last img{
	margin-left:15px;
}

/*-- advice-06 --*/
/*-- ------------------------------------------------- --*/
.advice-06{
	width:740px;
	background:url(../original/img/advice_06_bg.gif) no-repeat left top;
	height:630px;
	margin-bottom:35px;
}
.advice-06 h3{
	margin:0px 0px 35px 20px;
}
.advice-06 h3 img{
	margin-top:35px;
}
.advice-06 dl{
	margin:0px 0px 0px 20px;
}
.advice-06 dl dt{
	margin:0px 0px 32px 15px;
}
.advice-06 dl dd{
	width:708px;
}
.advice-06 dl dd li{
	list-style:none;
	width:236px;
	float:left;
	display:block;
	padding-bottom:36px;
}
.advice-06 .text{
	clear:both;
	margin:0px 0px 0px 37px;
}
/*-- .note --*/
/*-- ------------------------------------------------- --*/
.note{
	width:440px;
	height:110px;
	background:url(../original/img/note_bg.gif) no-repeat left top;
}
.note img{
	margin:5px;
}

/*-- next-bottom --*/
/*-- ------------------------------------------------- --*/
.next-bottom{
	width:280px;
	height:110px;
	background:url(../original/img/next_bg.gif) no-repeat right top;
	margin-left:460px;
	margin-top:-110px;
	margin-bottom:35px;
}
.next-bottom img{
	margin:5px;
}

/*-- 

	Index Ele

====================================================== --*/
.index{
	width:768px;
	margin:0px auto;
	padding-top:19px;
	text-align:left;
}

/*-- topics --*/
/*-- ------------------------------------------------- --*/
.index .topics{
	width:458px;
	background:url(../img/index_topics_body.gif) no-repeat right bottom;
	height:119px;
}
.index .topics h2{
	margin:0px 0px 10px 15px;
}
.index .topics div{
	width:395px;
	margin-left:38px;
	overflow:scroll;
	overflow-y:auto;
	overflow-x:hidden;
	height:70px;
}
* html .index .topics div{
}
.index .topics div dl{
	width:370px;
}
.index .topics div dl dt{
	font-weight:normal;
	font-size:11px;
	width:94px;
	line-height:1.4em;
}
.index .topics div dl dd{
	font-weight:normal;
	font-size:11px;
	margin-left:94px;
	margin-top:-1.4em;
	line-height:1.4em;
	margin-bottom:10px;
}

.index .topics div dl dd a{
	color:#506b7e;
}
.index .topics div dl dd a:hover{
	text-decoration:none;
}
/*-- bn --*/
/*-- ------------------------------------------------- --*/
.index .bn{
	width:297px;
	margin-left:465px;
	margin-top:-110px;
	margin-bottom:0px;
}
.index .bn ul{
	margin-top:0px;
	margin-bottom:6px;
}
.index .bn li{
	list-style:none;
}
.index .bn li.contest{
	height:71px;
	overflow:hidden;
	width:297px;
	display:block;
}
.index .bn li.contest a{
	display:block;
	background:url(../img/contest.gif) no-repeat left top;
}
.index .bn li.contest a:hover{
	background:url(../img/contest.gif) no-repeat 0px -71px;
}
.index .bn li.contest a img{
	visibility:hidden;
}

/*-- information --*/
/*-- ------------------------------------------------- --*/
.index .information{
	width:572px;
	text-align:right;
}

/*-- ds-bn --*/
/*-- ------------------------------------------------- --*/
.index .ds-bn{
	width:174px;
	height:94px;
	margin-left:580px;
	margin-top:-94px;
}
.index .ds-bn li{
	margin-bottom:6px;
	width:174px;
	list-style:none;
	background:url(../img/index_ds_bn_bg.gif) no-repeat left top;
	padding:2px 0px;
	display:block;
}
.index .ds-bn li a{
	display:block;
	width:170px;
	height:40px;
	overflow:hidden;
	margin: 0px 2px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.index .ds-bn li a img{
	visibility:hidden;
}
.index .ds-bn li.bn-01 a{
	background-image:url(../img/index_ds_bn_01.gif);
}
.index .ds-bn li.bn-02 a{
	background-image:url(../img/index_ds_bn_02.gif);
}
.index .ds-bn li.bn-03 {
	background:url(../img/index_ds_bn_bg_02.gif) no-repeat left top;
}
.index .ds-bn li.bn-03 a{
	background-image:url(../img/index_ds_bn_03.gif);
	height:90px;
}
.index .ds-bn li a:hover{
	background-position:0px -40px;
}
.index .ds-bn li.bn-03 a:hover{
	background-position:0px -90px;
}


/*=================================================
add header
=================================================*/
#add_header{
	width: 100%;
	height: 54px;
	background-image: url(../img/bg_add_header.png);
	background-repeat: repeat-x;
	text-align: center;
}

#add_header #wrap{
	width: 768px;
	margin: 0 auto;
	text-align: center;
}

#add_header #wrap .add_btn{
	width: 580px;
	margin: 0 auto;
	padding-top: 10px;
}

#add_header #wrap .add_btn a img{
	border: none;
}