/* SAMANSA's Main Style Sheet for PC Browser */


/* ------TOC------

 * Import StyleSheets

 * Define Basic Layout
 	- *, body, text link style
	- #wrapper
	- #header
		- define subclasses & subtags of #header
	- #contentWrap
	- #mainMenu
	- #pageHeading
	- #contentBox
	- #mainContent
	- #footer

 * #mainMenu List item styles
 

   ------END------ */



/********** Define Basic Layout ***********/

*{ font-size:100%; color:#482317; font-weight:normal; font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN',Osaka,sans-serif; }

.nodisp{ display: none; }
.alignright{ text-align: right; }
.aligncenter{ text-align: center; }
.clfloat{clear:both; display:block; width:1px; height:1px; font-size:1%;}
.notice{color:#f36; font-weight:bold;}

body{ margin: 0; padding: 0; }
body h1.headmsg{font-size:75%; font-weight:normal; margin: 0; padding-top:0.5em; width: 764px; margin:0 auto; text-align:right;}


a:link, a:visited{ color:#B13860; text-decoration:underline; font-weight:bold; }
a:active, a:hover{ color:#E32484; text-decoration:underline; font-weight:bold; }

#wrapper{ width: 764px; text-align:left; margin:0 auto; text-align:center; }

#header{ 
	padding: 0;
	width:680px;
	text-align:right;
	vertical-align: top;
}
	#header h1, #header p{ font-size:75%; font-weight:normal; margin: 0; padding-top:0.5em; }
	#header p{padding-top:1.5em;}
	#header img.printimg{display:block; width:100%;}
	
#contentWrap{ width:680px; margin: 20px 6px 0 6px; clear:right;	text-align:left;}

#pageHeading{ width: 680px;	margin:0; }
	#pageHeading p{margin:0; padding:0; line-height:0;}
	#pageHeading img{display: block; margin:0; padding:0;}
	#pageHeading object{margin:0; padding:0;}
	#pageHeading h2{ margin:0; font-size:130%; font-weight:bold;}
	#pageHeading h2 img{padding-top:1em;}
	#pageHeading object p{display:none;}
	/*
	 overflow control (exclude MacIE5)
	\*/
	#pageHeading object p{display:block;}
	/* end */
	
	
#contentBox{
	width: 672px;
	margin: 0 auto;
}

#mainContent{ width: 540px; margin: 0 auto 0 1em; padding: 2em 0;}
	#mainContent h3{ font-size:125%; font-weight: bold;}
	#mainContent h4{ font-size:86%; font-weight: bold; }
	#mainContent p{ font-size:75%; line-height:1.5em; letter-spacing:1px; padding: 0 1em;}
	#mainContent p img{ vertical-align:bottom;}
	#mainContent dl{ font-size:75%; padding: 0 1em;}
	#mainContent ul {padding: 0 1em;}
	#mainContent ul li{ font-size:75%; }

	#mainContent table{margin:auto; border-collapse:collapse;}
	#mainContent table caption{ font-size:86%; font-weight:bold; text-align:center; padding: 2em 0 0.2em 0; margin:auto;}
	#mainContent table tbody{border-top: 1px solid #c78ea0; border-bottom: 1px solid #c78ea0;}
	#mainContent table td, #mainContent th{ font-size:75%; line-height:1.5em; padding: 0.5em 1em; background: #F9F2F5;}
	#mainContent table th{font-weight:bold;}
	#mainContent table .odd{background: #fff;}
	
	#mainContent div.subsection{padding-left: 36px;}

div#contentFooter{ border-top: 1px dashed #977D70; text-align:right; margin:0.5em 0 0 0; }
	div#contentFooter p{ margin:0; }
	div#contentFooter p.subnavi{ display: none; }


#footer{ no-repeat left top; padding: 1em 0; text-align:left; }
	#footer p{ font-size: 65%; text-indent: 2em; margin:0; }

/* main menu styles with javascript */
#mainMenu{display:none;}
	#mainMenu #menuWrap{ display:none; }

#mainMenu #menuWrap ul{ display:none; }
#mainMenu #menuWrap li{ display:none; }
#mainMenu #menuWrap h3{ display:none; }
#mainMenu #menuWrap a{ display:none; }

/***** end of menu define *****/


/********** Styles for Index.html **********/
#mainContent div.readin{ margin: 1em 4px; padding: 0; background:#F9F2F5; _padding: 0.5em 0;}
#mainContent div.readin:before{ content: url(../img/cmn/edgecircle/upleft.gif); background: url(../img/cmn/edgecircle/upright.gif) no-repeat right top; display:block;}
#mainContent div.readin:after{ content: url(../img/cmn/edgecircle/btleft.gif); background: url(../img/cmn/edgecircle/btright.gif) no-repeat right bottom; display:block;}

	#mainContent div.readin p{padding: 0 2em;}
	#mainContent div.readin ul{ _padding: 0 0; }
	#mainContent div.readin ul li{
	font-size:75%;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	background: #f9f2f5 url(../img/cmn/linkicod.gif) no-repeat left center;
	padding: 2px 0 2px 1.5em;
	line-height:1.5em;
}

#mainContent div.itemBox{ width:170px; float:left; margin:0 2px; border:1px solid #f9f2f5;}
#mainContent div.itemBox h4{}
#mainContent div.itemBox h4 span.nodisp{display:block; font-size:100%; font-weight:bold; }
#mainContent div.itemBox p{margin:0 auto; padding:0.5em; height:14em; font-size:75%;}
/*
 overflow control (exclude MacIE5)
\*/
#mainContent div.itemBox p{overflow:auto;}
/* end */

#mainContent div.itemBox p a{display:block; margin: 0.5em 0 0 auto; padding-left:10px; background:url(../img/cmn/minarrow.gif) no-repeat left center;}
#mainContent div.itemBox p a:hover{background:url(../img/cmn/minarrow_hv.gif) no-repeat left center;}


/********** Styles for Service.html **********/
#mainContent h4.headread{ padding:0 1em 0em 1em; _padding: 1em; margin:0;}
#mainContent dl.servicedisp{
	margin-top:0;
	padding: 1.5em;
	border-top: 1px dashed #977D70;
}
#mainContent dl.servicedisp dt{ font-size:117%; font-weight:bold; color:#B13860; background: url(../img/cmn/chkico.gif) no-repeat left top; padding-left:20px;}
#mainContent dl.servicedisp dd{ font-size:100%; padding-top:0.7em; padding-left:8px; }

/********** Styles for qa.html **********/
#mainContent dl.faq{ margin-top:0; padding: 1em; border-top:1px dashed #977D70;}
#mainContent dl.faq dt{ font-size:117%; font-weight:bold; color:#B13860; padding: 0; }
#mainContent dl.faq dd{ font-size:100%; padding-top:0.7em; }
#mainContent dl.faq dt span.question{ font-size:133%; color:#B13860; font-family: Arial, Helvetica, sans-serif; }

/********** Styles for price.html **********/
#mainContent table#pricetable td, #mainContent table#pricetable th{ text-align:center; padding: 0.5em 2em;}

/********** Styles for recruit.html **********/
#mainContent table#recruittable td, #mainContent table#recruittable th{ text-align:left; padding: 0.5em 2em;}

/********** Styles for company.html **********/
#mainContent table#companytable td, #mainContent table#companytable th{ text-align:left; padding: 0.5em 2em;}

/********** Styles for first.html **********/
/********** Styles for first.html **********/
#mainContent ol#orderflow{width:440px; margin: 2em auto;}
#mainContent ol#orderflow li{margin:1em 0; padding: 0; font-size:75%; list-style-type:none; vertical-align:center; vertical-align:bottom; /*border-bottom: 1px solid #432723;*/}
#mainContent ol#orderflow li table{ border: 1px solid #847676; background-color:white; border-collapse:collapse;}
#mainContent ol#orderflow li table tbody{ border:none; }
#mainContent ol#orderflow li table td.rightbox{ width:320px; background-color:white; vertical-align:middle; text-align:left; font-size:100%;}
#mainContent ol#orderflow li table td.leftbox{ width:94px; background-color:white; vertical-align:middle; text-align:left; padding:0;}
#mainContent ol#orderflow li table td.leftbox img{ display:block; } 
#mainContent ol#orderflow li div.nextimg{ text-align:center; margin:1em 0;}

/********** Styles for usage.html **********/
#mainContent div#exservice{ margin:1em; }
#mainContent div#exservice div.leftbox{ float:left; width:45%;}
#mainContent div#exservice div.rightbox{ float:right; width:45%;}

#mainContent div#exservice div h4{margin-bottom:.5em;}
#mainContent div#exservice div table{ margin:0 0 1em auto; text-align:right; width:95%; }
#mainContent div#exservice div table td, #mainContent div#exservice div table th{ text-align:left; background: #fff; padding:1px 1px 0 1px; vertical-align:top; border-bottom:1px solid #999;}
#mainContent div#exservice div table th{padding:1px; white-space: nowrap; padding-right:0.5em;}
#mainContent div#exservice div table tbody{border:none;}

#mainContent dl dt.usage, #mainContent p.usage{color:#B13860; font-weight:bold; margin:0.5em 0 0 1em; background: url(../img/cmn/chkico.gif) no-repeat left top; padding-left:20px;}
#mainContent .usage .larger{ font-size:117%; color:#B13860; font-weight:bold; letter-spacing:2px;}


/********** Styles for HTML Form **********/
#mainContent form{ width:480px; margin:auto; vertical-align:middle;}
#mainContent form table{width:100%;}
#mainContent form table th{background:#F9F2F5; text-align:left; width:12em;}
#mainContent form table td{background:#FFF; text-align:left;}
#mainContent form table td table{background:#FFF; width:100%;}
#mainContent form table td table tbody{border:none;}
#mainContent form table td table td{font-size:100%; padding:0;}
#mainContent form table td textarea{ height:4em; width:20em;}
#mainContent form table td input.textarea{width:16em;}
#mainContent form table td input, form td textarea{color:#000;}
#mainContent form table td input.textarea, #mainContent form table td textarea{border: 1px inset #432723; display:block;}
#mainContent form table td input:focus, #mainContent form table td textarea:focus{background:#FFFBFE}
#mainContent form p input{border: 1px outset #432723; background:#fff; padding:0.2em 0.5em;}
#mainContent form p input:hover{background:#F0E7D9;}
#mainContent form p input:focus{color:#fff; background: #432723;}

#mainContent form dl.formcheck{ width:420px; margin:2em auto;  border-bottom:1px solid #977D70; }
#mainContent form dl.formcheck dt{ font-weight:bold; font-size:117%;}
#mainContent form dl.formcheck dd{ margin-left:1em; padding-top:0.5em; font-size:100%;}