/* 
===menu============= 
*/
body.wbms .menu {
	margin-top: 3px;
}
body.wbms .menu div.title {
	float: left;
	width: 230px;
}

body.wbms .menu ul {
	float: left;
	width: 540px;
}
body.wbms .menu ul li {
	display: block;
	float: right;
	margin-left: 30px;
	/* padding-top: 11px; */
	
}
body.wbms .menu .purchase_btn {
	float: right;
}

/* 
===cont wbms top============= 
*/
body.wbms .cont h3 {
	font-size: 129%;
	color: #333;
	font-weight: bold;
}
body.wbms .cont p {
	font-size: 114%;
	margin-bottom: 0.8em;
}
body.wbms div.cont{
	margin-top: 53px;
}
body.wbms div.cont div.punit {
	margin-bottom: 70px;
}

/* gallery */
div.cont div.gallery{
	border: 1px solid #BBB;
	padding: 10px;
	position: relative;
	z-index: 1;
	
	
}
div.cont div.gallery.fl{
	float: left;
	margin-right: 20px;
}
div.cont div.gallery.fr{
	float: right;
	margin-left: 15px;
}

div.cont div.gallery img.on_img{
	float: left;
}
div.cont div.gallery div.loader{
	z-index: 2;
	opacity: 0.5;
	position: absolute;
	background-color: #000;
	padding: 125px 192px;
	
}
* html div.cont div.gallery div.loader  { 

	top:0;
	left: 0;
	margin-top: 10px;
	margin-left: 10px;
}        
*:first-child+html div.cont div.gallery div.loader { 

	top:0;
	left: 0;
	margin-top: 10px;
	margin-left: 10px;
}

/* サムネイル */
* html div.cont div.gallery ul {
	width: 89px;
}
div.cont div.gallery ul{
	margin-left: 405px;
	border-left: 1px solid #BBB;
	height: 266px;
}
div.cont div.gallery li{
	margin-left: 5px;
	margin-bottom: 5px;
	display: block;
}
div.cont div.gallery li img {
	cursor: pointer;
}
div.cont div.gallery li img:hover {
	margin: -1px;
	border: 1px solid #00CCFF;
}
div.cont div.gallery li img.on{
	margin: -1px;
	border: 1px solid #00CCFF;
	cursor: default;
}


/* 
===cont wbms_spec============= 
*/

body.wbms_spec div.cont {

	border-top: 1px solid #dadbda;
	margin-left: 35px;
	margin-right: 35px;
}



body.wbms_spec div.atable.fl {

	float: left;
}
body.wbms_spec div.atable.fr {

	float: right;
}
body.wbms_spec div.atable h3 {

	color: #7A7A7A;
	margin-bottom: 10px;
	margin-top: 30px;
}

body.wbms_spec div.atable table th {
	padding: 5px;
	width: 110px;
	background-color: #EBEBEB;
	text-align: right;
	font-weight: bold;
	color: #7A7A7A;
}
body.wbms_spec div.atable table td {
	padding: 1em 5px;
	width: 260px;
}

body.wbms_spec div.atable table td,
body.wbms_spec div.atable table th {
	border: 1px solid #dadbda;
	vertical-align: middle;
	height: 35px;
}
body.wbms_spec div.atable table td li {
	list-style: disc inside;
	margin-left: 3px;
}
body.wbms_spec div.atable table td .cap {
	font-size: 85%;
}

body.wbms_spec .spec_cap {
	margin: 50px 35px 50px;

}


body.wbms_spec div#cloth.atable table td {
	width: 480px;
}

* html body.wbms_spec div.atable,
*:first-child+html body.wbms_spec div.atable {
	width: 370px;
}
* html body.wbms_spec div#cloth.atable,
*:first-child+html body.wbms_spec div#cloth.atable {
	width: 590px;
	clear: both;
}


/* 
===bugnet_install============= 
*/

body#bugnet_install div#read,
body#multishade_temp div#read {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 50px;
}
body#bugnet_install div#read h3,
body#multishade_temp div#read h3 {
	color: #FF3333;
}


body#bugnet_install div.install {
	margin-bottom: 80px;
}
body#bugnet_install div.install .h4 {
	border: 1px solid #CCC;
	padding: 5px 7px;
	margin-bottom: 25px;
}
body#bugnet_install div.install h4 {

	color: #333;
	font-size: 122%;
	
	padding: 1px 0.5em;
	border-left: 3px solid #333;
	font-weight: bold;
	line-height: 1.3em;
	height: 1.1em;
	
}

body#bugnet_install div.install div.video {
	float: left;
	margin-left: 5px;
}

body#bugnet_install div.install div.process {
	margin-left: 475px;
	margin-right: 5px;
	height: 274px;
}
body#bugnet_install div.install div.process ol {
	
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	
}

body#bugnet_install div.install div.process ol li {
	
	list-style: decimal inside;
	margin: 1.8em 0.8em;

	
}


body#bugnet_install div.install p.descrip_dl {

	text-align: center;
	border: 1px dashed #CCC;
	background-color: #F9F9F9;
	margin-top: 25px;
	height: 2.6em;
	line-height: 2.6em;
}


/* 
===multishade_temp============= 
*/
body#multishade_temp .temp {
	margin-bottom: 70px;
}
body#multishade_temp .graph {
	float: left;
	margin-left: 10px;
	width: 470px;
}

body#multishade_temp .graph img.scene {
	float: left;
	margin-bottom: 15px;
	margin-left: 5px;
}

body#multishade_temp .graph .title {
	margin-left: 105px;
	padding-top: 15px;
}
body#multishade_temp .graph h4 {
	text-align: center;
}

body#multishade_temp .graph ul {
	width: 310px;
	margin: 10px auto;
}
body#multishade_temp .graph ul li {
	float: left;
	font-size: 85%;
	margin-right: 10px;

}
body#multishade_temp .graph ul li img {
	margin-right: 3px;
}
body#multishade_temp .graph p {
	font-size: 85%;
	width: 320px;
	margin: 20px auto;
}



body#multishade_temp .temp table {
	float: right;
	width: 410px;
	margin-right: 10px;
}
body#multishade_temp .temp th,
body#multishade_temp .temp td {
	
	border: 1px solid #CCC;
	font-size: 85%;
	width: 25%;
	padding: 0.1em 0.5em;

}
body#multishade_temp .temp th {
	background-color: #DDD;
	text-align: center;
	font-weight: bold;
	vertical-align: baseline;
	line-height: 1.1;
}
body#multishade_temp .temp td {
	text-align: right;
}





/* 
===faq============= 
*/

body.faq div#main div#contents,
body.corporate div#main div#contents,
body.inquiry div#main div#contents {
	width: 820px;
	padding: 40px 0 100px;
}

body.faq h2,
body.corporate h2 {
	margin-bottom: 20px;
}

body.faq ul.shortcut li {
	margin: 10px 0 10px 4px;
	font-size: 114%;
	list-style: square inside;
}

body.faq h3 {
	margin-top: 70px;
	margin-bottom: 15px;
}
body.faq ul.qindex li {
	margin: 5px 4px;
	list-style: disc inside;
}


body.faq dl dt {
	background: url(/img/faq/faq_q.gif) no-repeat 14px 10px #756365;
	padding: 8px 8px 6px 40px;
	color: #FFF;
	/* font-size: 114%; */
	margin-top: 20px;
}

body.faq dl dd {
	background: url(../img/faq/faq_a.gif) no-repeat 14px 10px #FFF;
	padding: 8px 8px 6px 40px;
	/* font-size: 114%; */
	border: 1px solid #756365;

	line-height: 1.6;
}


/* 
===corporate============= 
*/


body.corporate dl {
	border: 1px solid #CCC;
	background-color: #F7F7F7;
	
	font-size: 115%;
}
body.corporate dt {
	float: left;
	margin-top: -1px;
	border-top: 1px solid #CCC;
	width: 230px;
	padding: 0.8em 0 0 15px;
}
body.corporate dd {
	
	margin-top: -1px;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: 0.8em 15px;
	margin-left: 245px;
	background-color: #FFF;
	
}




/* 
===inquiry============= 
*/

body.inquiry h2 {
	margin-bottom: 20px;
}
body.inquiry p.capt {
	margin-left: 3px;
	margin-bottom: 1px;
}
body.inquiry dl {
	/* margin-top: 14px; */
	border: 1px solid #CCC;
	background-color: #F5F3EA;
	/* margin-bottom: 30px; */
}
body.inquiry dt {
	float: left;
	margin-top: -1px;
	border-top: 1px solid #CCC;
	width: 122px;
	padding: 1em 10px 0 10px;
}
* html body.inquiry dt label {
	float: left;
}


body.inquiry dd {
	
	margin-top: -1px;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: 1em 15px;
	margin-left: 142px;
	background-color: #FFF;
}
*:first-child+html body.inquiry dd {
	margin-left: 0px
}
* html body.inquiry dd {
	margin-left: 0px
}

body.inquiry dd .expl  {
	color: #999;
	font-size: 92%;
	display: block;
}

body.inquiry dd label  {
	font-size: 92%;
	display: block;
}

body.inquiry dd p + p {
	margin-top: 1em;
}



body.inquiry .requir {
	color: #996600;
}

body.inquiry dt .requir {
	float: right;
	
}

/* 
form 
*/
body.inquiry input#address {
	width: 400px;
}
body.inquiry input[type=radio] {
	margin-right: 0.8em;
}
body.inquiry dd#inq_cont label {
	display: inline;
}
body.inquiry textarea#inq_text {
	height: 15em;
	width: 500px;
}
body.inquiry div.action {
	margin: 55px 0;
	text-align: center;
}




form input.btn_confirm {
	/* 内容の確認 */
	background:url(/img/inquiry/confirm_btn.gif) no-repeat 0 0;
	margin: 0 auto;
}

form input.btn_return {
	/* 戻って修正する */
	background:url(/img/inquiry/return_btn.gif) no-repeat 0 0;
	margin: 0 25px 0 200px;
	float: left;
}

form input.btn_submit {
	/* この内容で問い合わせをする */
	background:url(/img/inquiry/submit_btn.gif) no-repeat 0 0;
	width: 240px;
	margin: 0 25px;
}



/* 
===goody============= 
*/
*:first-child+html body.goody {
	position: relative;
}
* html body.goody {
	position: relative;
}
*:first-child+html body.goody #nav {
	position: relative;
	z-index: 3;
}
* html body.goody #nav {
	position: relative;
	z-index: 3;
}

body.goody div#title_box {
	float: right;
	position: relative;
	height: 229px;
}

body.goody div.title {
	text-align: right;
	font-size: 92%;
}

body.goody div.title h2 {
	margin-bottom: 15px;
}
body.goody div.menu {
	margin-bottom: 40px;
}

body.goody div.menu div.gallery {
	margin-right: 0px;
}

body.goody div.menu ul {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 582px;
	margin-top: 30px;
	
	
}

body.goody div.menu ul li {
	display: block;
	width: 190px;
	height: 50px;
	margin-left: 4px;
	margin-top: 4px;
	
	background-color: #3399FF;
	
	float: left;
	
	position:relative;
}

body.goody div.menu ul li span.num {
	width: 27px;
	text-align: center;
	display: block;
	float: left;
	
	position: absolute;
	top:50%;
	margin-top: -10px;
}

body.goody div.menu ul li img.mtitle {
	position: absolute;
	top:50%;
	left: 27px;
	margin-top: -17px;
}


/* 
table 
*/
body.goody table,
body.goody p.table_cap {
	/* margin-top: 40px; */
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}
body.goody p.table_cap {
	font-size: 85%;
	margin-top: 0.1em;
	padding-left: 0.5em;
}

body.goody table caption {
	font-weight: bold;
}

body.goody table th,
body.goody table td {
	border: 1px solid #CCC;
	padding: 0.5em;
	font-size: 92%;
	text-align: center;
	line-height: 1.4;
}

body.goody table th {
	white-space: nowrap;
	font-weight: bold;
	background-color: #EBEBEB;
	text-align: left;
}
body.goody table tr.head th {
	vertical-align: baseline;
	text-align: center;
}


/* 
section 
*/
body.goody div.section {
	margin-top: 80px;
}

body.goody div.h3 {
	margin-bottom: 0.3em;
}

body.goody div.h3 span {
	background: url(../img/goody/h_num_bg.png) #3399FF no-repeat 0 0; 
	width: 37px;
	height: 37px;
	margin-right: 8px;
	
	display: block;
	position: relative;
	
	float: left;
}

body.goody div.h3 span img {
	position: absolute;
	top:50%;
	left: 50%;
}


body.goody h3 {
	height: 37px;
	line-height: 37px;
	font-weight: bold;
	font-size: 129%;
	
	color: #333;
}


body.goody h4 {
	color: #666;
	font-size: 114%;
	font-weight: bold;
}


/* p */
body.goody div.section .parag {
	margin-bottom: 0.8em;
}
body.goody div.section .parag p {
	margin-bottom: 0.8em;
}

body.goody div.section .parag .img_tile img {
	margin: 0 3px;
}


body.goody div.section img.fl {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
body.goody div.section img.fr {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

.test {
	vertical-align: bottom;
}

body.goody div.p1 div.h3 span img {
	margin-top: -9px;
	margin-left: -6px;
}
body.goody div.p1 div.video {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

body.goody div.p2 div.h3 span img {
	margin-top: -10px;
	margin-left: -7px;
}
body.goody div.p2 div.video {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

body.goody div.p3 div.h3 span img {
	margin-top: -9px;
	margin-left: -7px;
}

body.goody div.p4 div.h3 span img {
	margin-top: -9px;
	margin-left: -8px;
}

body.goody div.p5 div.h3 span img {
	margin-top: -9px;
	margin-left: -8px;
}

body.goody div.p5 .p5_img {
	float: left;
	width: 433px;
}

body.goody div.p6 div.h3 span img {
	margin-top: -10px;
	margin-left: -8px;
}

body.goody div.p6 div.parag.p6_img {
	width: 856px;
	margin-left: auto;
	margin-right: auto;
}


/* footer_plink */
body.goody div.footer_plink {

	margin-top: 50px;
}

body.goody div.footer_plink .next {
	float: right;
}
body.goody div.footer_plink .return {
	float: left;
}



/* 
===top============= 
*/
*:first-child+html body.top {
	position: relative;
}
* html body.top {
	position: relative;
}
*:first-child+html body.top #nav {
	position: relative;
	z-index: 3;
}
* html body.top #nav {
	position: relative;
	z-index: 3;
}

body.top div#main_img_box {
	position: relative;
	width: 928px;
	margin: 0px auto;
}

body.top div#main_img_box div.main_img {
	position: relative;
	z-index: 1;
}

body.top div#main_img_box div.main_img img#main_img_title {
	position: absolute;
	left: 0;
	top: 240px;

	z-index: 2;
}


body.top div#scrollable_box {
	background: url(../img/top/scrollable_bg.gif) repeat-x 0 0;
	height: 100px;
	width: 928px;
	border-top: 1px solid #CCC;
	
	-moz-border-radius-bottomright:5px; 
	-moz-border-radius-bottomleft:5px; 
	
	-webkit-border-bottom-left-radius:5px; 
	-webkit-border-bottom-right-radius:5px;
	
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; /* CSS3草案 */
}