/* ////////////////////Main Css//////////////////// */
h1 { margin:0 auto; width:308px; line-height:0; }
h2 { padding:10px; font-weight:bold; font-size: 106%; }
p { padding: 12px 12px 24px 12px; }

.noMarginTitle { margin:20px auto 0 auto; line-height:0; padding:0; width:308px; }

#h2comments{ background: url("../page_image/h2comment_bg.png") #fff; margin:0 6px; -webkit-background-size:640px 204px; }

#header_area #headerBox{ width:320px; margin:0 auto; padding:0px; line-height:0; position:relative; }
#headerBox .logo { display:inline-block; position:absolute; }
#headerBox .list1 { text-align:right; }

#contents-bg { width:320px; margin:0 auto; background:url("../common/opacity.png") repeat-y;}
.wrapper{
	width:320px;
	margin:0 auto;
}
#contact{ background: url(../page_image/contact_entry_area.png) no-repeat; width: 308px; height: 220px; -webkit-background-size:308px 220px; margin: 0 auto; padding: 0px;}
#contact .entry_btn{ position: relative; top: 61px; left: 35px; display:inline-block; }


/* //////////////////// resolution //////////////////// */
.resolutionComments { background-color:#fff; margin:0 6px; box-shadow: 2px 2px 2px #999999; }
#resolutionProfile { background: url("../page_image/resolution_profilebg.png") #fff no-repeat; margin:0 6px; -webkit-background-size:308px 354px; width:308px; height:354px; }
#resolutionProfile p { padding: 10px; }


/* //////////////////// shop  //////////////////// */
.shopComments {line-height: 18px; margin:0 6px;}
.tenpo_item { text-align: center; margin: 0px; padding: 5px 0px 10px 0px; }
.tenpo_content { background-color: #FFF; box-shadow: 2px 2px 2px #999999; padding: 7px 0px 0px 0px;	margin: 0px 0px 20px 0px; }
.tenpo_content_area { margin: 0px; padding: 0px 0px 0px 6px; }
.tenpo_title_area {	background-image: url(../page_image/tenpo_title.png); background-repeat: no-repeat;	margin: 0px; padding: 0px; height: 42px; width: 297px; -webkit-background-size: 297px 42px; }
.tenpo_title_area h3 { font-size: 14px;	font-weight: bold; color: #FFF; margin: 0px; padding: 2px 0px 0px 25px; }
.tenpo_title_area a { text-decoration: none; display: block; }
.tenpo_title_area .tenpo_link { color: #FFF; text-align: right; font-size: 11px; padding: 0px 3px 0px 0px; margin: -2px 0px 0px 0px; }
.tenpo_link a { color: #FFF; text-decoration: none; }
.tenpo_content_area01 { margin: 0px; padding: 10px 0px 0px 0px; }
.tenpo_content_photo { margin: 0px; float: left; padding: 0px 0px 0px 10px; }
.tenpo_content_tell { margin: 0px; float: left; padding: 0px 0px 0px 10px; }
.tenpo_content_tell .tenpo_tell { margin: 0px; padding: 10px 0px 0px 0px; }
.tenpo_info { margin: 0px; clear: both; padding: 10px 0px 0px 10px; font-size: 12px; }
.tenpo_info dt { margin: 0px; padding: 0px; float: left; width: 58px; }
.tenpo_info dd { margin: 0px; float: left; width: 220px; padding: 0px 0px 5px 0px; }
.tenpo_btn { margin: 0px; padding: 0px; }
.tenpo_btn li { display: inline; margin: 0px; padding: 0px; float: left; }


/* //////////////////// staff //////////////////// */
.staffComments { background-color:#fff; margin:0 6px 20px 6px; box-shadow: 2px 2px 2px #999999; }
.staffComments h3 { background: url("../page_image/staff_h3.png") no-repeat; height:33px; -webkit-background-size:308px 33px; margin:0; padding:6px 0 0 10px; font-size:16px; }
a.returnStaff { display:block; background:url("../page_image/arrow.png") #333 no-repeat 176px center; -webkit-background-size:16px 24px; border-radius:3px; border: 1px solid #ccc; text-indent:200px; font-size:14px; font-weight:bold; color:#b2b2b2; padding: 10px 0px; margin:0 6px;}
.staffComments #list { padding: 0 0 20px 0;}

/* //////////////////// jobs //////////////////// */
.jobsComments {  }
.jobsComments p { margin:5px 0 10px 0px; padding:0; line-height: 1.5em; width:220px; }
.jobsComments h3 { background: url("../page_image/jobs_h3.png") no-repeat 6px 0px; -webkit-background-size:310px 35px; width:295px; height:35px; padding: 0px 0px 0px 26px; color:#fff; font-size:19px; line-height: 2em; }
.jobsComments .noteBox { background: url("../page_image/jobs_notebg.png") no-repeat; margin:0; padding: 15px 0px 0px 25px; -webkit-background-size:320px 475px; width:295px; height:475px; }
.jobsComments .noteBox h4.title01 { background: url("../page_image/jobs_h4.png") no-repeat; -webkit-background-size:217px 22px; width:217px; height:22px; color:#fa975b; font-weight:bold; font-size:14px; padding: 0px 0px 0px 26px; }



/* //////////////////// intention //////////////////// */
.intentionComments { background-color:#fff; margin:0 6px;  box-shadow: 2px 2px 2px #999999; }
#list ul li { display:inline-block; }

.main_area .enquete{ float:left; width:308px; margin: 0 0 50px 0; }
.enquete ul li{ margin-top:0 0 15px 0; float:left; }
.enquete ul li .image{ margin-top:0 0 0 0; float:left; display:block; }
.enquete ul li .text{ margin-top:0 0 0 0; float:left; width:200px; display:block; }

.main_area .voice{ float:left; width:308px; margin: 0 0 50px 0; }
.voice ul{ margin-top:0 0 50px 0; }
.voice ul li{ margin-top:0 0 0 0; float:left; }
.voice ul li .image{ margin-top:0 0 0 0; float:left; display:block; }
.voice ul li .text{ margin-top:0 0 0 0; float:left; width:200px; display:block; }
.voice h3 { background: url("../page_image/intention_voice_h3.png") no-repeat 0 2px; color: #03B80B; font-size: 20px; font-weight: bold; margin: 10px 0 0 10px; padding: 0 0 10px; text-indent: 30px; }


/* //////////////////// recruit //////////////////// */
.recruitComments { background-color:#fff; margin:0 6px; box-shadow: 2px 2px 2px #999999; width:308px; overflow:hidden; }
.recruitComments p { padding:0 10px; }
.recruitComments .recruit_title  { width:308px; color: #4f1a03; font-size: 14px; font-weight: bold; padding:10px 0 10px 0px; margin:0; background: #e3d8b6 repeat-y; border-top: 2px solid #c4ad81; }
.recruitComments .recruit_text02 { padding: 0px; margin: 10px 0 0 0; width:300px; }
.recruitComments .recruit_btn_area2 { text-align:center; margin:15px 0; }


/* //////////////////// qa //////////////////// */
.qaComments { background-color:#fff; margin:0 6px; box-shadow: 2px 2px 2px #999999; }
.qaComments h2 { background: url("../page_image/qa_h2.png") no-repeat; -webkit-background-size:320px 35px; padding: 0px 0px 0px 26px; color:#fff; font-size:19px; line-height: 2em; }
#qaList { margin: 5px 6px 15px 6px; line-height:3em; }
.qaComments dl { padding: 10px 12px 0px 12px; margin-top: 0px; }
.qaComments dl dt{ overflow: hidden; padding: 0px 0 2px 30px; background: url("../page_image/questions_icon01.jpg") no-repeat 0 2px; font-weight: bold; font-size: 16px; }
.qaComments dl dd { margin:0px; }
.qaComments dl dd div.inside{ padding: 0 0 25px 30px; background: url("../page_image/questions_icon02.jpg") no-repeat 0 3px; }


/* //////////////////// company //////////////////// */
.companyComments { background-color:#fff; margin:0 6px; box-shadow: 2px 2px 2px #999999; }
.companyComments h3 { background:url("../page_image/check_blue.png"); padding:20px 0 15px 10px; }
.companyComments img { display:block; margin:20px auto 0px auto; }
.companyComments table { margin:0; padding: 12px 12px 24px 12px; line-height:20px; }
.companyComments table tr { border-bottom: 1px dashed #ccc; }
.companyComments table tr th { padding: 5px 0 5px 10px; text-align:left; font-size:120%; font-weight:bold; color:#555; }
.companyComments table tr td { padding: 5px 5px 10px 10px; border-bottom:1px solid #C90; }


/* //////////////////// news_area  //////////////////// */
#whatsnew_area { background-color:#fff; margin: 0px; padding: 0px; border:3px solid #8e5f38; }
#whatsnew_area .image {
list-style: none outside url("../common/news_icon02.png");
}
#whatsnew_area li{ border-bottom: 1px dotted #CCC; line-height: 1.5em; margin: 10px; }

.news_list{ padding: 0px; width: 320px; margin: 0; }
.news_list dt { width: 12em; float: left; line-height: 140%; padding: 8px 0 5px 0; margin: 0; background-repaet: no-repeat; text-indent: 0px; color: #231815; font-weight:bold; }
.news_list dd { line-height:140%; padding: 8px 3px 7px 6em; margin:0; border-bottom: 1px dotted #dbe2b8; }


/* //////////////////// pickup_area  //////////////////// */
#pickup_area { background-color:#fff; margin: 0px; padding: 0px; border:3px solid #8e5f38; }
#pickup_area .image {
list-style: none outside url("../common/pickup_icon.gif");
}
#pickup_area li{ border-bottom: 1px dotted #CCC; line-height: 1.5em; margin: 10px; }

.news_list{ padding: 0px; width: 320px; margin: 0; }
.news_list dt { width: 12em; float: left; line-height: 140%; padding: 8px 0 5px 0; margin: 0; background-repaet: no-repeat; text-indent: 0px; color: #231815; font-weight:bold; }
.news_list dd { line-height:140%; padding: 8px 3px 7px 6em; margin:0; border-bottom: 1px dotted #dbe2b8; }

#area_title {width:308px; margin: 0 0 0 8px;}
#area_title img {width:100%;}
#area_btn_list {overflow: hidden; width: 316px; margin: 0 0 20px;}
#area_btn_list li {float: left; width: 150px; margin: 8px 0 0 8px;}
#area_btn_list li img {width: 100%;}


/* //////////////////// contact //////////////////// */
.contactComments { background-color:#fff; margin:0 6px; box-shadow: 2px 2px 2px #999999; }
.contactComments .form { width:100%; }
.contactComments .form p { padding:0; }
.contactComments .form th { padding:3px 0; text-align:left; font-weight:bold; text-indent:1em; background-color:#FA9619; -webkit-border-radius: 3px 3px 0 0; box-shadow: 0px 1px 0px #e3e3e3; }
.contactComments .form td { padding:10px 0 10px 20px;}
.form td input[type="text"] { font-size: 16px; line-height: 1.4; width: 90%; padding: 5px 0; -webkit-border-radius: 4px; border-radius: 4px; border: #666 solid 2px; background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), color-stop(0.1, #F3F3F3), color-stop(0.2, white), to(white)); }
.form td textarea { font-size: 16px; line-height: 1.4; width: 90%; padding: 0; -webkit-border-radius: 4px; border-radius: 4px; border: #666 solid 2px; background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), color-stop(0.01, #F3F3F3), color-stop(0.1, white), to(white)); }
.form p.contact_grays { color:gray; text-indent: 1em;}

#submits { margin: 0 0 20px 80px;}
.essentialRed { color:red;}



/* //////////////////// footer  //////////////////// */
footer { background-color: transparent;  }
footer #copyright { background-color:#ff7f00; color:#fff; font-size:16px; }
footer #copyright p { text-align:center; margin:0; padding: 7px 0 0 0; }
footer #copyright p a { color:#fff; text-decoration:none; }

footer #entryArea { margin: 20px auto; width:320px; }


footer #footerNavi{ background: transparent; }
#footerNavi a{ vertical-align:middle; }
.home { color:#ff9900; display:inline-block; margin: 0; }
.pcsite { color:#ff9900; display:inline-block; margin: 0; }
.pageTop { color:#0166cc; font-size:16px; font-weight:bold; display:inline-block; float:right; position:absolute; top: 18px; right:5px; text-shadow:1px 1px 1px #fff; }
.recruitTop { color:#0166cc; font-size:16px; font-weight:bold; display:inline-block; text-shadow:1px 1px 1px #fff; text-align:right; margin:10px 0px 40px 200px; }
.entry_btn{ display:block; text-align:center; margin:10px 0px 20px 0px; }