/* CSS Document */

/*  after
==============================================*/
#wrapper .after {
	width: 661px;
	margin: 0px 0px 0px 6px;
	}


/*  after index
==============================================*/
#wrapper .after .topbg {
	width: 661px;
	background-image: url(/after/images/after_topbg.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 5px 0px 0px 0px;
	color: #999999;
	}

#wrapper .after .topbg .waku {
	width: 610px;
	background-image: url(/after/images/top_waku_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 26px;
	}
	
#wrapper .after .topbg .waku-b {
	width: 610px;
	background-image: url(/after/images/top_waku_bg_b.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 12px 0px 0px 0px;
	}

#wrapper .after .topbg .waku h3 {
	padding: 0px 0px 6px 0px;
	}
		
#wrapper .after .topbg .waku li.txt {
	width: 245px;
	padding: 10px 10px 10px 80px;
	float: left;
	}
	
#wrapper .after .topbg .waku li.txt2 {
	width: 245px;
	padding: 0px 0px 0px 5px;
	float: left;
	}
	
#wrapper .after .topbg .waku li.txt2 a{
	color: gray;
	text-decoration: underline;
	}
	
#wrapper .after .topbg .waku li.txt2 a:link {
	color: gray;
	text-decoration: underline;
	}
	
#wrapper .after .topbg .waku li.txt2 a:hover {
	color: #D70000;
	text-decoration: underline;
	}

#wrapper .after .topbg .waku li.button {
	width: 245px;
	padding: 6px 0px 10px 0px;
	float: left;
	}

/* 2008/06/30 modify 
#wrapper .after .topbg .waku li.txt h1.pagetitle{
	overflow: hidden;
	visibility: hidden;
}

#wrapper .after .topbg .waku li.txt p.article-info{
	overflow: hidden;
	visibility: hidden;
}

#wrapper .after .topbg .waku li.txt p.details{
	overflow: hidden;
	visibility: hidden;
}
*/

/* 0630 smc */
#wrapper .after .topbg .waku li.txt p.details {
	display: none;
}

#wrapper .after .topbg .waku li.txt p.article-info {
	display: none;
}

#wrapper .after .topbg .waku li.txt p.subtitle {
	display: none;
}

#wrapper .after .topbg h1.pagetitle {
	display: none;
}

/* 0630 smc */

.bu-regist {
	margin: 20px 0px 0px 24px;
	}
	
#wrapper .after .topbg .waku .regist {
	width: 585px;
	margin: 0px 0px 0px 15px;
	background-image: url(/after/images/after_top_reg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

#wrapper .after .topbg .waku .v-info {
	width: 585px;
	margin: 0px 0px 0px 15px;
	background-image: url(/after/images/after_top_info.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

#wrapper .after .topbg .waku .support {
	width: 585px;
	margin: 0px 0px 0px 15px;
	background-image: url(/after/images/after_top_support.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}


/*** version info link ***************************************/
#wrapper .after .topbg .waku li.button .v-info-link {
	width:243px;
	height: 91px;
	background-image: url(/after/images/top_v_infolink.jpg); 
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#wrapper .after .topbg .waku li.button .v-info-link li{
float: left;
}

#wrapper .after .topbg .waku li.button .v-info-link01 a{
width: 243px;
height: 36px;
display: block;
}

#wrapper .after .topbg .waku li.button .v-info-link01 a:hover {
	background-image: url(/after/images/top_v_infolink.jpg); 
background-position: -243px 0px;
}

#wrapper .after .topbg .waku li.button .v-info-link02 a{
width: 243px;
height: 19px;
display: block;
}

#wrapper .after .topbg .waku li.button .v-info-link02 a:hover {
	background-image: url(/after/images/top_v_infolink.jpg); 
background-position: -243px -36px;
}

#wrapper .after .topbg .waku li.button .v-info-link03 a{
width: 243px;
height: 36px;
display: block;
}

#wrapper .after .topbg .waku li.button .v-info-link03 a:hover {
	background-image: url(/after/images/top_v_infolink.jpg); 
background-position: -243px -55px;
}
	

/*** after support link ***************************************/
#wrapper .after .topbg .waku li.button .support-link {
	width:243px;
	height: 91px;
	background-image: url(/after/images/top_sup_link.jpg); 
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#wrapper .after .topbg .waku li.button .support-link li{
float: left;
}

#wrapper .after .topbg .waku li.button .support-link01 a{
width: 243px;
height: 36px;
display: block;
}

#wrapper .after .topbg .waku li.button .support-link01 a:hover {
	background-image: url(/after/images/top_sup_link.jpg); 
background-position: -243px 0px;
}

#wrapper .after .topbg .waku li.button .support-link02 a{
width: 243px;
height: 19px;
display: block;
}

#wrapper .after .topbg .waku li.button .support-link02 a:hover {
	background-image: url(/after/images/top_sup_link.jpg); 
background-position: -243px -36px;
}

#wrapper .after .topbg .waku li.button .support-link03 a{
width: 243px;
height: 36px;
display: block;
}

#wrapper .after .topbg .waku li.button .support-link03 a:hover {
	background-image: url(/after/images/top_sup_link.jpg); 
background-position: -243px -55px;
}

	
/**★3/26修正ここから★**/
/*** after toppage link ***************************************/
#wrapper .after .topbg .u-toplink {
	width:590px;
	margin: 8px 0px 20px 35px;
	}
/**★3/26修正ここまで★**/
#wrapper .after .topbg .u-toplink-l {
	width:143px;
	height: 80px;
	background-image: url(/after/images/top_link_l.jpg); 
	background-repeat: no-repeat;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
}

#wrapper .after .topbg .u-toplink-l {
float: left;
}

#wrapper .after .topbg .u-toplink-l01 {
width: 143px;
height: 29px;
display: block;
background-image: url(/after/images/top_link_l.jpg); 
background-position: -143px 0px;
}

#wrapper .after .topbg .u-toplink-l02 a{
width: 143px;
height: 20px;
display: block;
}

#wrapper .after .topbg .u-toplink-l02 a:hover {
	background-image: url(/after/images/top_link_l.jpg); 
background-position: -143px -29px;
}

#wrapper .after .topbg .u-toplink-l03 a{
width: 143px;
height: 31px;
display: block;
}

#wrapper .after .topbg .u-toplink-l03 a:hover {
	background-image: url(/after/images/top_link_l.jpg); 
background-position: -143px -49px;
}

/**★3/26修正ここから★**/
#wrapper .after .topbg .u-toplink-c {
	width:293px;
	height: 80px;
	background-image: url(/after/images/top_link_c.jpg); 
	background-repeat: no-repeat;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
}

#wrapper .after .topbg .u-toplink-c {
float: left;
}

#wrapper .after .topbg .u-toplink-c01 {
width: 293px;
height: 29px;
display: block;
background-image: url(/after/images/top_link_c.jpg); 
background-position: -293px 0px;
}

#wrapper .after .topbg .u-toplink-c02 a{
width: 293px;
height: 51px;
display: block;
}

#wrapper .after .topbg .u-toplink-c02 a:hover {
background-image: url(/after/images/top_link_c.jpg); 
background-position: -293px -29px;
}
/**★3/26修正ここまで★**/

#wrapper .after .topbg .u-toplink-r {
	width:143px;
	height: 80px;
	background-image: url(/after/images/top_link_r.jpg); 
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#wrapper .after .topbg .u-toplink-r {
float: left;
}

#wrapper .after .topbg .u-toplink-r01 {
width: 143px;
height: 29px;
display: block;
background-image: url(/after/images/top_link_r.jpg); 
background-position: -143px 0px;
}

#wrapper .after .topbg .u-toplink-r02 a{
width: 143px;
height: 25px;
display: block;
}

#wrapper .after .topbg .u-toplink-r02 a:hover {
	background-image: url(/after/images/top_link_r.jpg); 
background-position: -143px -29px;
}

#wrapper .after .topbg .u-toplink-r03 a{
width: 143px;
height: 26px;
display: block;
}

#wrapper .after .topbg .u-toplink-r03 a:hover {
	background-image: url(/after/images/top_link_r.jpg); 
background-position: -143px -54px;
}


/*  after inside page
==============================================*/
#wrapper .after-in {
	width: 661px;
	background-image: url(/after/images/after_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 6px;
	}

#wrapper .after-in .menu {
	width: 180px;
	float: right;
	margin: 0px 0px 20px 0px;
	}

/* list margin 0714 smc */
#wrapper .after-in .main .list-filter {
	margin: 0px 0px 30px;
	}

#wrapper .after-in .contents {
	width: 475px;
	float: left;
	margin: 0px 0px 0px 0px;
	}


/*pan------------------------*/
#wrapper .after-in .contents .pan {
	margin: 4px 0px 0px 11px;
	font-size: 10px;
	line-height: 11px;
	color: #333333;
	}

#wrapper .after-in .contents .pan a {
	color: #666666;
	}

#wrapper .after-in .contents .pan a:hover {
	color: #666666;
	text-decoration: underline;
	}

/*main------------------------*/
#wrapper .after-in .contents .main {
	width: 457px;
	margin: 21px 0px 20px 18px;
	}

#wrapper .after-in .contents .main h2 {
	padding: 0px 0px 26px 0px;
	}

#wrapper .after-in .contents .main h3 {
	background-image: url(/after/images/title_bg01.gif);
	background-repeat: no-repeat;
	padding: 12px 0px 15px 16px;
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	color: #FFFFFF;
	}

#wrapper .after-in .contents .main .product {
	margin: 0px 0px 30px 17px;
	}

#wrapper .after-in .contents .main .product td.txt {
	width: 132px;
	border: 1px solid #dedede;
	vertical-align: bottom;
	}

#wrapper .after-in .contents .main .product p.photo {
	text-align: center;
	padding: 5px 0px 0px 0px;
	}

.ttl-gb {
	color: #2e84db;
	font-weight: bold;
	}

#wrapper .after-in .contents .main .product p.com {
	padding: 0px 5px 0px 13px;
	}

#wrapper .after-in .contents .main .product p.button {
	text-align: center;
	padding: 0px 0px 0px 0px;
	}

#wrapper .after-in .contents .main .annai {
	width:449px;
	height: 52px;
	padding: 17px 0px 0px 0px;
	margin: 0px 0px 50px 3px;
	background-image: url(/after/images/annai_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	}

#wrapper .after-in .contents .main li.option-l {
	width: 170px;
	float: left;
	text-align: center;
	padding: 0px 0px 40px 0px;
	}

#wrapper .after-in .contents .main li.option-r {
	width: 275px;
	float: left;
	padding: 0px 0px 40px 0px;
	}


/*contact00------------------------*/
#wrapper #contact00 {
	margin-top: 0;
	margin-bottom: 10px;
}
#wrapper #contact00 img {
	margin-right: 10px;
	margin-bottom: 10px;
}



/*menu------------------------*/
#wrapper .after-in .menu ul {
	width: 169px;
	height: 306px;
	background-image: url(/after/images/menu.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 10px 6px;
	}

#wrapper .after-in .menu li {
float: left;
}

#wrapper .after-in .menu01 {
width: 169px;
height: 25px;
display: block;
background-image: url(/after/images/menu.jpg);
background-position: -169px 0px;
}

#wrapper .after-in .menu02 a {
width: 169px;
height: 31px;
display: block;
}

#wrapper .after-in .menu02 a:hover {
	background-image: url(/after/images/menu.jpg);
background-position: -169px -25px;
}

#wrapper .after-in .menu02on a {
width: 169px;
height: 31px;
display: block;
background-image: url(/after/images/menu.jpg);
background-position: -169px -25px;
}

#wrapper .after-in .menu03 {
width: 169px;
height: 15px;
display: block;
	background-image: url(/after/images/menu.jpg);
background-position: -169px -56px;
}

#wrapper .after-in .menu04 a {
width: 169px;
height: 34px;
display: block;
}

#wrapper .after-in .menu04 a:hover {
	background-image: url(/after/images/menu.jpg);
background-position: -169px -71px;
}

#wrapper .after-in .menu04on a {
width: 169px;
height: 34px;
display: block;
background-image: url(/after/images/menu.jpg);
background-position: -169px -71px;
}

#wrapper .after-in .menu05 {
width: 169px;
height: 16px;
display: block;
	background-image: url(/after/images/menu.jpg);
background-position: -169px -105px;
}

#wrapper .after-in .menu06 a {
width: 169px;
height: 19px;
display: block;
}

#wrapper .after-in .menu06 a:hover {
background-image: url(/after/images/menu.jpg);
background-position: -169px -121px;
}

#wrapper .after-in .menu06on a {
width: 169px;
height: 19px;
display: block;
background-image: url(/after/images/menu.jpg);
background-position: -169px -121px;
}

#wrapper .after-in .menu07 a {
width: 169px;
height: 30px;
display: block;
}

#wrapper .after-in .menu07 a:hover {
	background-image: url(/after/images/menu.jpg);
background-position: -169px -140px;
}

#wrapper .after-in .menu07on a {
width: 169px;
height: 30px;
display: block;
background-image: url(/after/images/menu.jpg);
background-position: -169px -140px;
}

#wrapper .after-in .menu08 {
width: 169px;
height: 29px;
display: block;
	background-image: url(/after/images/menu.jpg);
background-position: -169px -170px;
}

#wrapper .after-in .menu09 a {
width: 169px;
height: 30px;
display: block;
}

#wrapper .after-in .menu09 a:hover {
background-image: url(/after/images/menu.jpg);
background-position: -169px -199px;
}

#wrapper .after-in .menu09on a {
width: 169px;
height: 30px;
display: block;
background-image: url(/after/images/menu.jpg);
background-position: -169px -199px;
}

#wrapper .after-in .menu10 a {
width: 169px;
height: 25px;
display: block;
}

#wrapper .after-in .menu10 a:hover {
	background-image: url(/after/images/menu.jpg);
background-position: -169px -229px;
}

#wrapper .after-in .menu10on a {
width: 169px;
height: 26px;
display: block;
background-image: url(/after/images/menu.jpg);
background-position: -169px -229px;
}

#wrapper .after-in .menu11 a {
width: 169px;
height: 32px;
display: block;
}

#wrapper .after-in .menu11 a:hover {
	background-image: url(/after/images/menu.jpg);
background-position: -169px -255px;
}

#wrapper .after-in .menu11on a {
width: 169px;
height: 32px;
display: block;
background-image: url(/after/images/menu.jpg);
background-position: -169px -255px;
}

.after-bu {
	margin: 0px 0px 10px 6px;
	}

/*  manual
==============================================*/
#wrapper .after-in .contents .main .manual {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 17px;
	}


#wrapper .after-in .contents .main .manual-waku {
	background-color: #f6f6f6;
	width: 427px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 13px;
	}

#wrapper .after-in .contents .main .manual-waku p {
	margin:0;
	padding-top: 13px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 13px;
	}

#wrapper .after-in .contents .main .manual-waku ul {
	margin:0;
	padding-right: 7px;
	padding-bottom: 13px;
	padding-left: 7px;
	}

#wrapper .after-in .contents .main .manual-waku li {
	margin:0;
	padding-left: 7px;
	background-image: url(/after/images/arrow_red.gif);
	background-repeat: no-repeat;
	}



#wrapper .after-in .contents .main .manual-waku img {
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 120px;
	margin-left: 0;
	}

#wrapper .after-in .contents .main .manual-waku a {
	color: #ac0000;
	text-decoration: none;
	}

#wrapper .after-in .contents .main .manual-waku a:hover {
	color: #ac0000;
	text-decoration: underline;
	}

/*  supply
==============================================*/

#wrapper .after-in .contents .supply {
	width: 451px;
	margin: 21px 0px 20px 20px;
	}


#wrapper .after-in .contents .supply h2 {
	padding: 0px 0px 26px 0px;
	}

#wrapper .after-in .contents .supply h3 {
	background-image: url(/after/images/title_bg02.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 1px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 18px;
	}


#wrapper .after-in .contents .supply .waku {
	width: 451px;
	background-image: url(/after/images/function_bg.gif);
	background-repeat: repeat-y;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

#wrapper .after-in .contents .supply .waku p.txt {
	padding: 0px 13px 12px 13px;
	}

#wrapper .after-in .contents .supplyt .waku p.txt2 {
	padding: 0px 0px 20px 7px;
	}

#wrapper .after-in .contents .supply .waku p.green {
	background-color: #e2fff7;
	padding: 15px 14px;
	margin: 5px 14px 24px 13px;
	}
#wrapper .after-in .contents .supply .tab {
	width: 451px;
	height: 34px;
	background-image: url(/after/images/suplay_tab.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}


#wrapper .after-in .contents .supply .tab li {
float: left;
}

#wrapper .after-in .contents .supply .tab01 a {
width: 81px;
height: 34px;
display: block;
}

#wrapper .after-in .contents .supply .tab01 a:hover {
background-image: url(/after/images/suplay_tab.jpg);
background-position: 0px -34px;
}

#wrapper .after-in .contents .supply .tab01on {
width: 81px;
height: 34px;
display: block;
background-image: url(/after/images/suplay_tab.jpg);
background-position: 0px -34px;
}

#wrapper .after-in .contents .supply .tab02 a {
width: 71px;
height: 34px;
display: block;
}

#wrapper .after-in .contents .supply .tab02 a:hover {
background-image: url(/after/images/suplay_tab.jpg);
background-position: -81px -34px;
}

#wrapper .after-in .contents .supply .tab02on {
width: 71px;
height: 34px;
display: block;
background-image: url(/after/images/suplay_tab.jpg);
background-position: -81px -34px;
}

#wrapper .after-in .contents .supply .tab03 a {
width: 112px;
height: 34px;
display: block;
}

#wrapper .after-in .contents .supply .tab03 a:hover {
background-image: url(/after/images/suplay_tab.jpg);
background-position: -152px -34px;
}

#wrapper .after-in .contents .supply .tab03on {
width: 112px;
height: 34px;
display: block;
background-image: url(/after/images/suplay_tab.jpg);
background-position: -152px -34px;
}


#wrapper .after-in .contents .supply .tab04 a {
width: 96px;
height: 34px;
display: block;
}

#wrapper .after-in .contents .supply .tab04 a:hover {
background-image: url(/after/images/suplay_tab.jpg);
background-position: -264px -34px;
}

#wrapper .after-in .contents .supply .tab04on {
width: 96px;
height: 34px;
display: block;
background-image: url(/after/images/suplay_tab.jpg);
background-position: -264px -34px;
}

#wrapper .after-in .contents .supply .tab05 a {
width: 91px;
height: 34px;
display: block;
}

#wrapper .after-in .contents .supply .tab05 a:hover {
background-image: url(/after/images/suplay_tab.jpg);
background-position: -360px -34px;
}

#wrapper .after-in .contents .supply .tab05on {
width: 91px;
height: 34px;
display: block;
background-image: url(/after/images/suplay_tab.jpg);
background-position: -360px -34px;
}



#wrapper .after-in .contents .supply .product {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 20px;
	}

#wrapper .after-in .contents .supply .product td.txt {
	width: 132px;
	border: 1px solid #dedede;
	vertical-align: bottom;
	}

#wrapper .after-in .contents .supply .product p.photo {
	text-align: center;
	padding: 5px 0px 0px 0px;
	}

.ttl-gb {
	color: #35dbaf;
	font-weight: bold;
	}

#wrapper .after-in .contents .supply .product p.com {
	padding: 0px 5px 0px 13px;
	}

#wrapper .after-in .contents .supply .product p.button {
	text-align: center;
	padding: 0px 0px 0px 0px;

}

/* 2010/04/09 h1 table border smc start
==============================================*/

#wrapper .after-in .main .articleInr table {
	border-collapse: collapse;
	border: 1px outset;
	border-color: #000000;
	font-weight:normal;
	padding:0;
}

#wrapper .after-in .main .articleInr td {
	border: 1px inset;
	border-color: #000000;
}

* html #wrapper .after-in .main .articleInr table,th,td {
	font-weight:normal;
	border: 1px;
	border-color: #000000;
	padding:0;
}
/* end */


/*  hidden
==============================================*/
#wrapper .after-in .contents .supply .tab,
.top6-link,.top7-link,.menu li,
.top1-link,.top2-link,.top3-link,.top4-link,.top5-link,
 .v-info-link,.support-link,.u-toplink {
	text-indent: -9999px ;
	
/*  MacIE 5 \*/
overflow: hidden;
/*  MacIE 5 end */
	}






@charset "utf-8";
/* CSS Document */

#inquiry h2 {
padding-top: 2px !important;
margin-left: 10px;
}

#inquiry h3 {
margin-bottom: 0px !important;
}

#inquiry span.red {
color: #d40000;
font-weight: bold;
}

#inquiry .inr {
width: 426px;
margin: 0 auto;
}

#inquiry .inr table {
width: 400px;
border-collapse: collapse;
}

#inquiry .inr table,
#inquiry .inr th,
#inquiry .inr td {
border: 1px solid #cdcdcd;
}

#inquiry .inr td {
padding: 5px 10px;
}

#inquiry .inr td span {
font-size: 10px;
}

#inquiry .inr table th {
background: #E8F1FE;
color: #2066C9;
width: 110px;
padding: 5px 0;
padding-left: 20px;
text-align: left;
font-weight: bold;
}

* html #inquiry .inr table th {
width: 130px;
}

#inquiry .inr table th span {
color: #d40000;
font-weight: bold;
margin-right: 0.3em;
}

#inquiry .inr table th.require {
text-indent: -0.7em;
}

#inquiry .inr table td.ie {
font-weight: bold;
background: #E8F1FE;
color: #2066C9;
padding-left: 20px;
}

* html #inquiry .inr table td.ie {
font-weight: bold;
background: #E8F1FE;
color: #2066C9;
width: 0;
padding-left: 20px;
}

#inquiry .inr table input.type_01 {
width: 180px;
margin: 0 5px;
}

#inquiry .inr table input.type_02 {
width: 40px;
margin: 0 5px;
}

#inquiry .inr table input.type_03 {
width: 240px;
margin: 0 5px;
}

#inquiry .inr table input.type_04 {
width: 180px;
}

#inquiry .inr table textarea {
width: 330px;
height: 100px;
margin: 0 auto;
}

#inquiry .inr table #motive,
#inquiry .inr table #motive th,
#inquiry .inr table #motive td {
border: none;
}

#submitBtn {
padding: 20px 0;
text-align: center;
}

#submitBtn input {
margin: 0 10px;
}

#notice {
width: 380px;
margin: 0 auto 20px;
padding: 10px 20px;
background: #E8F1FE;
}

#notice p {
margin-bottom: 0;
}

#frame #wrapper .after-in #regist .main .inr p.txtback {
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}