@charset "Shift_JIS";

body  {
	font-size: 12px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fffcf3;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
}

p {
	padding: 0px;
	margin: 0px;
}

/* links */

a {
	text-decoration: underline;
	}
a:link {
	color: #000099;
	text-decoration: underline;
	}
a:visited {
	color: #660099;
	text-decoration: underline;
	}
a:hover,
a:focus,
a:active {
	color: #FF6633;
	text-decoration: underline;
	}

img {
	border: 0px;
}

/* box */

#container { 
	width: 970px;
	background-image: url(../images/container-bg.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: left;
} 

/* topics */

#container p.topics {
	margin: 0px 20px 5px 20px;
	padding: 5px;
	/* border: #999 1px dotted; */
	} 

/* header */

#container #header { 
	width: 950px;
	height: 178px;
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	padding: 0px 10px 25px 10px;
	margin: 0px 10px;
} 

*html #container #header { 
	overflow: hidden;
} 

*:first-child+html #container #header { 
}  

#container #header h1 {
	width: 550px;
	margin: 0px;
	padding: 16px 0px 4px 0px;
}

#container #header #logo {
	width: 127px;
	float: left;
	padding: 17px 0px 0px 0px;
	}

#container #header #sizechange {
	width: 127px;
	float: right;
	padding: 9px 15px 0px 0px;
}

#container #header #tab {
	width: 310px;
	position: relative;
	top: -16px;
	left: 625px;
	}
	
*html #container #header #tab {
	top: -35px;
	}
	
*:first-child+html #container #header #tab {
	top: -35px;
	}

#container #header #search { /*100907*/
	width: 600px;
	padding: 17px 0px 8px 17px; 
}

html>/**/body #container #header #search { /*IE8 100907*/
	width: 600px\9;
	padding  /*\**/: 18px 0px 9px 17px\9; 
}

/* #container #header #search form {
	line-height: 0;
}*/

#container #header #search img {
	vertical-align: middle;
}

#container #header #search input {
	vertical-align: middle;
}

#container #header #search #keyword {/*0907*/
	width: 225px;
	padding: 5px;
	background-color: #FFF;
	background-image: url(../images/textbox_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid;
	border-top-color: #999;
	border-right-color: #c0c0c0;
	border-bottom-color: #c0c0c0;
	border-left-color: #999;
}

/* column-a(left) */

#container #column-a {
	float: left;
	width: 330px;
	padding: 0px 0px 0px 20px;
}

#container #column-a ul {
	padding: 0px;
	margin: 5px 0px 20px 0px;
	list-style: none;
}

#container #column-a ul li {
	padding: 5px 10px;
}	

/* title-link(a) */

#container #column-a h3 {
	background-image: url(../images/title-a_bg.gif);
	background-repeat: no-repeat;
	width: 330px;
	padding: 0px;
	margin: 0px;
}
#container #column-a h3 a {
	display:block;  
	padding: 0px;
}

/* column-b(center) */

#container #column-b { 
	width: 400px;
	margin: 0px 10px 0px 360px;
	padding: 0px;
} 

*html #container #column-b { /*ie6*/
	width: 400px;
	margin: 0px 10px 0px 358px;
	padding: 0px;
} 

#container #column-b h3 {
	padding: 0px;
	margin: 0px;
}

#container #column-b .waku-main {
	background-image: url(../images/topwaku-bg.gif);
	background-repeat: repeat-y;
	padding: 10px 5px 5px 10px;
	margin: 0px;
}


*html #container #column-b .waku-main { /*ie6 縦余白調整*/
	padding: 10px 5px 0px 10px;
	margin: 0px;
}

*:first-child+html #container #column-b .waku-main { /*ie7 縦余白調整*/
	padding: 10px 5px 0px 10px;
	margin: 0px;
}

#container #column-b .waku-main .lab {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	overflow: hidden;
}

*html #container #column-b .waku-main .lab { /*ie6 回りこみ解除*/
	padding: 0px;
	margin: 0px;
	zoom:100%;
}

*:first-child+html #container #column-b .waku-main .lab { /*ie7 縦余白調整*/
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#container #column-b .waku-main .lab .pic {
	float: left;
	padding-right: 5px;
	width: 40px;
	margin: 0px;
}

#container #column-b .waku-main .lab .txt {
	width: auto;
	margin: 0px 0px 10px 45px;
}

#container #column-b .waku-main ul.forum {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#container #column-b .waku-main ul.forum li {
	font-size: 10px;
	padding: 2px 0px;
}	

#container #column-b .waku-main ul.forum li img {
	vertical-align: middle;
	padding: 0px 3px 0px 0px;
}

#container #column-b .waku-main ul.studio {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#container #column-b .waku-main ul.studio li {
	background-image: url(../images/pcstudio_list.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 2px 0px 2px 10px;
}	
	
#container #column-b .waku-main .lab_pic {
	float: left;
	padding-right: 5px;
}

#container #column-b .waku-main p.banner {	
	text-align: center;
	padding-top: 5px;
}

#container #column-b .waku-main p.rss {
	font-size: 10px;
	margin: 10px 0px;
}

#container #column-b .waku-main p.rss img {
	vertical-align: bottom;
	padding: 0px 3px 0px 0px;
}


#container #column-b .waku-main form {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#container #column-b .waku-main form #keyword {
	width: 230px;
	margin: 0px 0px 0px 0px;
}

#container #column-b .waku-main form #select-cat {
	width: 235px;
	margin: 5px 0px 0px 0px;
}

#container #column-b .waku-footer {
	background-image: url(../images/topwaku-footer_bg.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

/* title-link(b) */

#container #column-b h3.lab-title {
	background-image: url(../images/title-b_lab.gif);
	background-repeat: no-repeat;
	width: 400px;
	text-align: center;
}
#container #column-b h3.lab-title a {
	display:block; 
	padding: 0px;
}

#container #column-b h3.forum-title {
	background-image: url(../images/title-b_01.gif);
	background-repeat: no-repeat;
	width: 400px;
	text-align: center;
}
#container #column-b h3.forum-title a {
	display:block; 
	padding: 0px;
}

#container #column-b h3.dl-title {
	background-image: url(../images/title-b_02.gif);
	background-repeat: no-repeat;
	width: 400px;
	text-align: center;
}

#container #column-b h3.pc-title {
	background-image: url(../images/title-b_03.gif);
	background-repeat: no-repeat;
	width: 400px;
	text-align: center;
}
#container #column-b h3.pc-title a {
	display:block; 
	padding:0px;
}

#container #column-b h3.info-title {
	background-image: url(../images/title-b_04.gif);
	background-repeat: no-repeat;
	width: 400px;
	text-align: center;
}
#container #column-b h3.info-title a {
	display:block; 
	padding: 0px;
}
#container #column-b  .waku-main ul.info {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

#container #column-b  .waku-main ul.info li {
	padding: 5px 10px;
}	



/* column-c(right) */

#container #column-c {
	float: right;
	width: 180px;
	padding: 0px 20px 0px 0px;
}

#container #column-c h3 {
	margin: 0px;
	padding: 0px;
}

#container #column-c .login-main {
	background-image: url(../images/login_bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 5px 10px;
}

#container #column-c .login-main form {
	margin: 0px;
}

#container #column-c .login-main form #emailbox {
	width: 120px;
}

#container #column-c .login-main form #passbox {
	width: 120px;
}


#container #column-c .login-main p {
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
}

#container #column-c .login-main p.botton {
	text-align: right;
	padding: 2px 0px;
	margin-top: 5px;
}

#container #column-c .login-main ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#container #column-c .login-main ul li {
	background-image: url(../images/login_list.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 3px 10px;
}

#container #column-c ul.mm {
	padding: 0px;
	margin: 10px 0px;
	list-style: none;
}

#container #column-c ul.mm li {
	background-image: url(../images/pcstudio_list.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 2px 0px 2px 12px;
}	

#container #column-c ul.linkb {
	padding: 0px;
	margin: 5px 0px 0px 0px;
	list-style: none;
}

#container #column-c ul.linkb_etc {
	padding: 0px;
	margin: 20px 0px 0px 0px;
	list-style: none;
}

#container #column-c ul.linkb_win {
	padding: 0px;
	margin: 20px 0px 0px 20px;
	list-style: none;
}

#container #column-c .login-footer {
	margin: 0px;
	padding: 0px;
}

/* footer */

#container #footer { 
	height: 65px;
	padding: 10px 20px 0px 20px;
	background-image:url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
}

#container #footer .line { 
	height: 3px;
	width: 920px;
	padding: 0px;
	background-image:url(../images/footer-bar.gif);
	background-repeat: repeat-x;
}

#container #footer .sitetop {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	text-align: right;
}

#container #footer .about {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	float: left;
}

#container #footer .copyright {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	float: right;
}


/* etc */

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}