@charset "euc-jp";
/*////////////////////////////////////////////////////////////
Lasta - others.css for support pages.
------------------------------------------------------------

[Others]
    0. Import CSS
    1. About Us
    2. Contact Top
    3. Contact Form
    4. Not Found
    5. Mail Reg
    6. Support Block

////////////////////////////////////////////////////////////*/

/* ################################################################################
    [Ohters] Setting other styles
   ################################################################################ */
/* ------------------------------------------------------------
    0. Import CSS
   ------------------------------------------------------------ */
@import url(common.css);
@import url(color.css);
@import url(parts_pagetitle.css);
@import url(parts_blog.css);

/* ------------------------------------------------------------
    1. About Us
   ------------------------------------------------------------ */
div#pagetitleAboutus {
	width:auto;
	margin: 0 auto 22px;
	text-align:center;
}

dl#aboutusTxt {
	width:705px;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
	margin:0 0 15px;
}

/* ------------------------------------------------------------
    2. Contact Top
   ------------------------------------------------------------ */
ul#contactContent {
	width:705px;
	margin: 0 0 15px;
}

ul#contactContent li.blocLeft {
	width:325px;
	float:left;
}

ul#contactContent li.blocLeft dl.contactUnit {
	width:325px;
	margin: 0 0 32px;
}

ul#contactContent li.blocLeft dl.contactUnit dt {
	width:325px;
	line-height: 0;
	font-size: 0px;
	vertical-align: bottom;
	border-bottom: 1px #E1E1E1 dotted;
	padding: 0 0 3px;
	margin: 0 0 10px;
}

ul#contactContent li.blocLeft dl.contactUnit dd {
	width:321px;
	padding: 0 0 0 4px;
}

ul#contactContent li.blocLeft dl.contactUnit dd p.contactExpl {
	width:321px;
	padding: 0 0 10px;
}

ul#contactContent li.blocLeft dl.contactUnit dd p.contactBtn {
	width:321px;
	line-height: 0;
	font-size: 0px;
	vertical-align: bottom;
}

ul#contactContent li.blocLeft dl.contactUnit dd p.contactBtn a:link img,
ul#contactContent li.blocLeft dl.contactUnit dd p.contactBtn a:visited img {
	opacity:1.0;
	filter:alpha(opacity=100);
}

ul#contactContent li.blocLeft dl.contactUnit dd p.contactBtn a:hover img,
ul#contactContent li.blocLeft dl.contactUnit dd p.contactBtn a:active img {
	opacity:0.6;
	filter:alpha(opacity=60);
}

ul#contactContent li.blocRight {
	width:350px;
	float:right;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}

/* ------------------------------------------------------------
    3. Contact Form
   ------------------------------------------------------------ */
p.contactLead {
	width:701px;
	margin:0 0 15px 4px;
}

ul.contactError {
	width:673px;
	padding:15px;
	margin:0 0 15px;
	border:1px solid #ff0000;
	color:#FF0000;
}

ul.contactGoon {
	width:673px;
	padding:15px;
	margin:0 0 15px;
	border:1px solid #009900;
	color:#009900;
}

p.contactFin {
	width:auto;
	padding:15px;
	margin:0 0 15px;
	text-align:center;
}

div#contactForm {
	width:701px;
	padding:0 0 0 4px;
}

div#contactForm table th.only {
	width:131px;
	color:#000;
	padding:12px 0;
	font-weight:bold;
	vertical-align:top;
}

div#contactForm table th.parent {
	width:30px;
	vertical-align:middle;
	border-right:#E1E1E1 1px solid;
}

div#contactForm table th.firstChild {
	width:85px;
	color:#000;
	padding:12px 0 12px 15px;
	font-weight:bold;
	vertical-align:top;
}

div#contactForm table td {
	width:570px;
	padding:9px 0;
	vertical-align:top;
}

div#contactForm table td ul {
	width:565px;
	padding:0 0 0 5px;	
}

div#contactForm table td ul li {
	display:block;
	margin: 0 20px 0 0;
	float:left;
}

div#contactForm table td li input.select-radio{
	border:0;
	margin: 2px 3px 0 0;
}

div#contactForm table td li label {
	color:#000;
}

div#contactForm table td input.long {
	width:250px;
	margin: 0 5px;
	padding:3px;
}

div#contactForm table td input.short {
	width:40px;
	margin: 0 5px;
	padding:3px;
}

div#contactForm table td select {
	width:280px;
	margin: 0 5px;
	padding:3px;
}

div#contactForm table td input.active {
	ime-mode:active;
}

div#contactForm table td input.inactive {
	ime-mode:inactive;
}

div#contactForm table td textarea {
	width:500px;
	height:150px;
	margin: 0 5px;
	padding:3px;
	ime-mode:active;
}

div#contactForm table td ul.contactBtn {
	margin:0 0 50px;
}

div#contactForm table td ul.contactBtn li input.submit {
	border:0;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}

/* For Mail Magazine */
ul.contactNote {
	width:705px;
	margin:0 0 15px;
	font-size:91.3%; /*11px*/
}

ul.contactNote li {
	width:auto;
	padding:0 0 0 1em;
	text-indent:-1em;
	margin: 0 0 15px;
}

/* ------------------------------------------------------------
    4. Not Found
   ------------------------------------------------------------ */
div#notfound {
	width:auto;
	padding:40px 0 0;
}

/* ------------------------------------------------------------
    5. Mail Reg
   ------------------------------------------------------------ */
div#mailreg {
	width:auto;
	padding:40px 0 0;
}

/* ------------------------------------------------------------
    6. Support Block
   ------------------------------------------------------------ */
dl#supportBlock {
	width:705px;
}

dl#supportBlock dd {
	width:695px;
	margin:0 0 20px;
	padding:0 5px;
}

/* For Company & Partners */
dl#supportBlock dd ul.company {
	width:695px;
	margin:0 0 25px;
}

dl#supportBlock dd ul.company li.companyPhoto {
	width:230px;
	float:left;
	line-height: 0;
	font-size: 0px;
	vertical-align: bottom;
	border: 1px solid #E1E1E1;
}

dl#supportBlock dd ul.company li.companyPhoto a:link img,
dl#supportBlock dd ul.company li.companyPhoto a:visited img {
	opacity:1.0;
	filter:alpha(opacity=100);
}

dl#supportBlock dd ul.company li.companyPhoto a:hover img,
dl#supportBlock dd ul.company li.companyPhoto a:active img {
	opacity:0.6;
	filter:alpha(opacity=60);
}

dl#supportBlock dd ul.company li.companyIntro {
	width:450px;
	float:right;
}

dl#supportBlock dd ul.company li.companyIntro p.companyName {
	font-weight:bold;
	color:#666;
	margin: 0 0 8px;
}

dl#supportBlock dd ul.company li.companyIntro p.companyName a:link,
dl#supportBlock dd ul.company li.companyIntro p.companyName a:visited {
	color:#666;
	text-decoration:underline;
}

dl#supportBlock dd ul.company li.companyIntro p.companyName a:hover,
dl#supportBlock dd ul.company li.companyIntro p.companyName a:active {
	color:#333;
	text-decoration:none;
}

/* For Sitemap */
dl#supportBlock dd ul.tree {
	padding:0 0 0 20px;
}

dl#supportBlock dd ul.tree ul {
	padding:5px 0 5px 30px;
}

dl#supportBlock dd ul.tree li {
	padding:5px 0 5px 12px;
	background:transparent url(/img/common/marker.gif) left 9px no-repeat;
}