@charset "UTF-8";


/* -----------------------------------------------
 [1] shared
 		clearFloat
 [2] header
 [3] footer
 [4] contents
 [5] subContents
 [6] form
 [7] contensMail
------------------------------------------------ */


/* [1] shared
------------------------------------------------ */
div#container {
	margin:0 auto;
	padding:0;
	width:960px;
}

p.beforeButton {
	margin:0 0 10px 0;
	width:100%;
	text-align:center;
}

/* ----- clearFloat ----- */
.clearFloat {
	width:100%;
}
.clearFloat:after {
	display:block;
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFloat {
	display:inline-block;
}

/* End hide from Safari IE-Mac */
.clearFloat {
	display:block;
}


/* ----- goHead ----- */
.goHead {
	text-align:right;
}

/* [2] header
------------------------------------------------ */
/* ----- header ----- */
div#header,
div#headerHelp {
	margin:10px 0 25px 0;
	padding:0 0 30px 0;
	background:#FFFFFF url(../../images/header_bg.gif) repeat-x center bottom;
}

div#headerHelp {
	margin:10px auto 25px auto;
	width:700px;
}

div#header h1,
div#headerHelp h1 {
	width:400px;
	float:left;
	font-size:78%;
	text-align:right;
	text-align:right;
}

div#header h1 a {
	display:block;
	float:left;
	width:160px;
}

div#header h1 span,
div#headerHelp h1 span {
	margin:5px 0 0 5px;
	display:block;
	float:left;
	font-weight:normal;
}

div#header ul,
div#headerHelp ul {
	width:250px;
	float:right;
}

div#header ul li,
div#headerHelp ul li {
	margin:0 0 0 10px;
	float:left;
}

/* [3] footer
------------------------------------------------ */
/* ----- footer ----- */
div#footer {
	margin:12px 0 8px;
	width:960px;
}
div#footer hr {
	margin-bottom:10px;
	*margin-bottom:3px;
	border:0; 
	height:1px;
	color:#ccc; 
	background:#ccc; 
}
div#footer address {
	font-size:78%;
	font-style:normal;
	text-align:center;
}

div#footer ul {
	margin:10px auto;
	width:450px;
	text-align:center;
}

div#footer ul li {
	margin:0 10px 0 0;
	float:left;
}


/* [4] contents
------------------------------------------------ */
/* ----- mainContents ----- */
div#mainContents {
	margin:0 auto;
	padding:0;
	float:right;
	width:760px;
}

div#mainContentsOneColumn {
	margin:0 auto;
	padding:0;
	width:760px;
}

div#contensHelp div#mainContentsOneColumn {
	margin:0 auto;
	padding:0;
	width:700px;
}

div.contentsBoxTransparent,
div.contentsBoxGray {
	margin:0 0 30px 0;
	padding:10px;
}

div.contentsBoxGray {
	background:#f4f4f4;
}

div.contentsBoxGray textarea {
	margin:10px auto;
	width:90%;
	display:block;
}

div.contentsBoxBorderGray {
	border:3px solid #f4f4f4;
}

div.contentsBoxForm,
div.contentsBoxList {
	margin:0 0 30px 0;
	padding:0;
}

div.contentsBoxForm p.introduction {
	margin:10px 10px 10px 10px;
}

div.contentsBoxForm p.companyMap {
	margin:10px auto 10px  auto;
	width:600px;
}

p.attention {
	margin:0 0 10px 0;
}

/* ----- submitButton ----- */
ul.submitButton,
ul.submitMultiButton {
	margin:0 0 10px 0;
	padding:20px 130px;
	width:500px;
	text-align:center;
	background:#f8f8f8;
}

ul.submitButtonMail {
	margin:30px 0 30px 0;
	padding:20px 130px;
	width:500px;
	text-align:center;
	background:#f8f8f8;
}

ul.submitButton li,
ul.submitButtonMail li,
ul.submitMultiButton li {
	display:inline;
}

ul.submitButtonMail li.attention {
	margin:0 0 10px 0;
	width:500px;
	display:block;
	color:#ff0000;
}

ul.submitButton li.second,
ul.submitButtonMail li.second,
ul.submitMultiButton li.second {
	margin:0 0 0 50px;
	display:inline;
}

ul.submitMultiButton li.fourth{
	margin:0 0 0 50px;
	display:inline;
}

ul.submitMultiButton li input {
	margin:0 0 10px 0;
	width:200px;
}

p.goTop {
	text-align:center;
}

p.deleteMail {
	margin:-20px 0 30px 0;
	width:100%;
	text-align:left;
}

/* [5] subContents
------------------------------------------------ */
div#subContents {
	margin:0 auto;
	padding:0;
	float:left;
	width:180px;
}

/* ----- subContents #subMenu ----- */
div#subContents dl#subMenu {
	margin:-10px 0 10px 0;
}

div#subContents dl#subMenu dt {
	margin:10px 0 0 0;
	padding:5px 0 5px 10px;
	background:#5e98b7;
	border:1px solid #6a95ad;
	color:#ffffff;
	font-weight:bold;
}

div#subContents dl#subMenu dd {
	border-right:1px solid #6a95ad;
	border-bottom:1px solid #6a95ad;
	border-left:1px solid #6a95ad;
}

div#subContents dl#subMenu dd a{
	padding-left:20px;
	width:158px;
	display:block;
	background:#F6F6F6;
	line-height:30px;
	text-decoration:none;
}

div#subContents dl#subMenu dd a span.newComing,
div#subContents dl#subMenu dd a:hover span.newComing {
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	background:transparent url(../../images/mail/newcomingIcon.gif) no-repeat left -3px;
	text-decoration:none;
	font-weight:bold;
	color:#ff0000;
}

div#subContents dl#subMenu dd a:hover,
div#subContents dl#subMenu dd a:active,
div#subContents dl#subMenu dd a.active {
	background:#eaeaea;
	text-decoration:none;
}

/* ----- subContents #supportCenter ----- */
div#subContents dl#supportCenter {
	margin:10px 0 0 0;
	padding:10px;
	border:1px solid #c6c6c6;
	background:#eeeeee;
}

div#subContents dl#supportCenter dt {
	margin:0 0 10px 0;
	font-weight:bold;
}

div#subContents dl#supportCenter dd ul {
	margin:0 0 0 0;
	font-size:160%;
}

div#subContents dl#supportCenter dd ul li {
	margin:10px 0 0 0;
}

div#subContents dl#supportCenter dd ul li p {
	margin:5px 0 0 10px;
}

div#subContents dl#supportCenter dd ul li p.entry {
	margin:0 0 0 -1px;
	font-weight:bold;
}

div#subContents dl#supportCenter dd ul li p.telNum {
	padding: 0 0 0 30px;
	background:#eeeeee url(../../images/callcentericon.gif) no-repeat left top;
	font-weight:bold;
}

div#subContents dl#supportCenter dd ul li p.telNum span {
	margin: 0 0 0 -30px;
	display:block;
	font-size:160%;
}

div#subContents dl#supportCenter dd ul li p a {
	padding: 0 0 0 30px;
	background:#eeeeee url(../../images/mailicon.gif) no-repeat left top;
}

/* [6] form
------------------------------------------------ */
div.contentsBoxForm ul#inputExplain{
	margin:10px 0 10px 10px;
}

div.contentsBoxForm ul#inputExplain li{
	margin:0 20px 0 0;
	float:left;
}

div.contentsBoxForm ul#inputExplain li img{
	margin:0 5px 0 0;
}

div.contentsBoxForm table {
	margin:0 0 10px 0;
	width:760px;
}

div.contentsBoxForm table p.textLimit,
div.contentsBoxForm table p.note,
div.contentsBoxForm table p.noteOrange {
	margin:5px 0 0 0;
	font-size:59%;
}

div.contentsBoxForm table p.noteOrange {
	color:#ff6600;
}

div.contentsBoxForm table p.textLimit {
	display:inline;
}

div.contentsBoxForm table span.textLimit {
	font-weight:normal;
	font-size:79%;
}

div.contentsBoxForm table th {
	padding:10px 0 10px 10px;
	width:150px;
	background:#f4f4f4;
	border-bottom:2px solid #ffffff;
	vertical-align:top;
	text-align:left;
	font-size:78%;
}

/* -----necessaryIcon----- */
div.contentsBoxForm table th span {
	padding:3px 40px 3px 0;
	background:transparent url(../../images/necessaryIcon.gif) no-repeat right top;
}

div.contentsBoxForm table td {
	padding:10px;
	font-size:96%;
	background:#ffffff url(../../images/form_table_end_back.jpg) repeat-x left bottom;
	border-bottom:2px solid #ffffff;
}

/* -----cantModifyArea----- */
div.contentsBoxForm table td.cantModifyArea {
	background:#e6e6e6;
	border-left:2px solid #ffffff;
}

div.contentsBoxForm table tr select {
	width:130px;
}

div.contentsBoxForm table td input {
	margin:0 5px 0 0;
}

div.contentsBoxForm table td p input {
	font-size:103%;
}

div.contentsBoxForm table p textarea {
	margin:0;
	display:block;
	font-size:103%;
}

div.contentsBoxForm table td select {
	margin:0 10px 0 0;
	font-size:79%;
}

div.contentsBoxForm table td ul select {
	margin:0 0 10px 0;
	font-size:98%;
}

div.contentsBoxForm table td ul.category select {
	margin:0 0 10px 0;
	width:400px;
	font-size:98%;
}

div.contentsBoxForm table table td select {
	font-size:83%;
}

div.contentsBoxForm table td label {
	margin:0 10px 0 0;
	font-size:78%;
}

div.contentsBoxForm table td ul.chargeName li {
	margin:0 20px 0 0;
	float:left;
	font-size:78%;
	font-weight:bold;
}

div.contentsBoxForm table td ul.chargeName li span.normal {
	font-weight:normal;
}

div.contentsBoxForm table td ul li input {
	font-size:103%;
	font-weight:normal;
}

div.contentsBoxForm table td p.productImg {
	margin:0 0 10px 0;
}

div.contentsBoxForm table td p.productImg img{
	border:1px solid #a7cde2;
}

div.contentsBoxForm table table{
	margin:-10px;
	width:600px;
}

div.contentsBoxForm table table th{
	width:150px;
	background:#ffffff;
	background:#ffffff url(../../images/form_table_end_back.jpg) repeat-x left bottom;
}

div.contentsBoxForm table table td ul#exConditionUl li {
	float:left;
	font-size:110%;
}

div.contentsBoxForm table table td dl dd {
	margin:0 0 10px 0;
	font-size:110%;
}

div.contentsBoxForm table table td dl dt {
	font-weight:bold;
	font-size:89%;
}

div.contentsBoxForm table table td p.confirm {
	font-size:89%;
}


/* [7] contensMail
------------------------------------------------ */
div#contensMail div.contentsBoxGray {
	margin:5px 0;
}

div#contensMail div.contentsBoxBorderGray {
	margin:-27px 0 0 0;
	padding:10px;
}

div#contensMail div.contentsMemo {
	margin:50px 0 0 0;
	padding:10px;
	background:#f4f4f4;
}

div#contensMail div.contentsMemo p.inputButtonMemo {
	margin:10px 0;
	text-align:center;
}

div#contensMail div.contentsMemo p#memoArea {
	margin:10px 0;
	padding:5px;
	background:#dde7ed;
}

div#contensMail div.attachBox {
	margin:-27px 0 0 0;
}

div#contensMail div.attachBox li {
	margin:0 0 5px 0;
	font-weight:bold;
}

div#contensMail div.attachBox li input {
	margin:0 0 0 10px;
	font-weight:normal;
}

div#contensMail div.attachBox li span.fileSize {
	padding:0 0 0 10px;
	font-weight:normal;
}

div#contensMail div.attachBox p.textLimit {
	margin:0 0 0 0;
	font-size:59%;
}

div#contensMailDone div.contentsBoxGray textarea {
	width:100%;
}

div#contensMailDone div.contentsBoxGray span.textLimit {
	margin:0 0 0 0;
	font-size:73%;
}