@charset "utf-8";

/* ---------- reset ---------- */
*
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family: Verdana, Arial, sans-serif;
}

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,

div#wrapper:after,
div#content:after,
div#sidebar :after {
   content: ".";

   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,

div#wrapper,
div#content,
div#sidebar { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html div#container,
* html div#wrapper,
* html div#content,
* html div#sidebar  { height: 1% }
.clearfix,
div#container,
div#wrapper,
div#content,
div#sidebar  {display:block;}
/* end MacIE5 */
/* clearfix end
==========================================================*/

/* ---------- reset_end ---------- */

/* ---------- body ---------- */

body
{
	color:inherit;
	background-color:#fff;
	text-align:center;
	color:#999;
}

a
{
	color:#757575;
	background-color:inherit;
	text-decoration:none;
}

a:hover
{
	text-decoration:none;
}

div.separate
{
	clear:both;
}

hr.clear
{
	display:none;
}

li
{
	list-style-type:none;
}

.clear
{
	clear:both;
}

.none
{
	display:none;
}
p
{
	color: #666;
}
img{
       border:none;
}
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}
/* ---------- body_end ---------- */

/* ---------- container ---------- */

div#container
{
	width:1200px;
	margin:0 auto;
	text-align:center;
}

div.container-inner
{
	width:809px;
	margin:0 auto;
}

div.container-archive
{
}
.clear
{
	clear:both;
}
/* ---------- container ---------- */

/* ---------- header ---------- */

div#header
{
	width:809px;
	margin:0 auto;
	background:#fff;
}

div.header-inner
{
	padding:1px 0 5px 15px;
	text-align: left;
}

div#header h1
{
	font-size:70%;
}

div#header h1 a{color:#9f9f9f;}

/* ---------- header_end ---------- */

/* ---------- banner ---------- */

div#banner
{
	padding:0;
}

div.banner-inner
{
	height:340px;
}

div#banner_e
{
	padding:0;
}

div.banner-inner_e
{
	height:190px;
}
/* ---------- banner_bg ---------- */

/* ---------- content ---------- */

div#content
{
	width:809px;
	background:#fff;
	padding:0 0 15px 0;
	margin:0 auto;
}

/* ---------- content_end ---------- */

/* ---------- main ---------- */

div#main
{
	float:right;
	width:540px;
	text-align:left;
}


div#main h2
{
	height:60px;
	margin:10px 0;
	padding:18px 0 0 45px;
	background:url(http://voce-e.sakura.ne.jp/img/cmn/h2.gif) no-repeat 0 0;
	color:#fff;
	font-size:1em;
}
div#main h2 a{color:#fff;}

div#main h3
{
	height:32px;
	margin:10px 0;
	padding:5px 0 0 25px;
	background:url(http://voce-e.sakura.ne.jp/img/cmn/h3.gif) no-repeat 0 0;
	color:#8c8c8c;
	font-size:1em;
        clear:both;
}

div#main h4
{
	height: 34px;
	margin:10px 0;
	padding-top: 7px;
	padding-left:23px;
	background:url(http://voce-e.sakura.ne.jp/img/cmn/h4.gif) no-repeat 0 0;
	color:#483331;
	font-size:0.8em;
}

div#main h5
{
	margin:10px 0;
	padding-left:22px;
	background:url(http://voce-e.sakura.ne.jp/img/cmn/h5.gif) no-repeat 0 50%;
	color:#000;
	font-size:0.8em;
	font-weight: bold;
}
div#main h5 a{color:#666;}

div#main h6
{
	margin:10px 0;
	padding-left:18px;
	background:url(http://voce-e.sakura.ne.jp/img/cmn/h6.gif) no-repeat 0 50%;
	color:#7f7f7f;
	font-size:0.8em;
	font-weight: bold;
}
div#main h6 a{color:#666;}

div.mainBox
{
	font-size: 92%;
}

div.topicPassBox
{
	width: 540px;
}
p.topicPass
{
	margin:10px 0;
	font-size:x-small;
}

p.topicPass a{color:#666;}

/* ---------- main_end ---------- */

/* ---------- sidebar ---------- */

div#sidebar
{
	float:left;
	width:235px;
	text-align:center;
        _margin-left:-150px;
}
*:first-child+html div#sidebar{
        margin-left:-150px;
}
div#sidebar a img{
        border:none;
        text-decoration:none;
        margin:0px;
}

div.contents-menu
{
	color:#423636;
	font-size:80%;
        margin-top:10px;
}

div.contents-menu ul
{
	width:196px;
	margin:10px 0 0 10px;
	list-style-type:none;
	text-align: left;
}

div.side_b40
{
        margin-left:20px;
}
div.side_b40 ul
{
	margin-bottom: 10px;
}


div.side_b40 ul li
{
	margin-top:10px;
        height:28px;
        background-image:url(http://voce-e.sakura.ne.jp/recruit/img/cmn/category_icon.jpg);
        background-repeat:no-repeat;
        background-position:left top;
}


div.contents-menu ul li
{
	text-indent:25px;
	color:#423636;
}

div.contents-menu ul li a
{
        padding:7px 0px 13px 0px;
	text-decoration:none;
	color:#9c9c9c;
	display:block;
	overflow:hidden;
	line-height:90%;
	font-size:1em;
	font-weight:bold;
}

div.contents-menu ul li a:hover
{
        padding:7px 0px 13px 0px;
	color:#5c222b;
	line-height:100%;
	text-decoration:none;
}

div.contents-menu ul.sub-category li
{
	padding: 5px 0;
	color:#483331;
	background: none;
}


div.contents-menu ul.sub-category li a
{
	text-indent:30px;
	color:#483331;
	background: url(http://voce-e.sakura.ne.jp/img/cmn/sub_c_p.gif) no-repeat 15px center;
	display:block;
}

div.contents-menu ul.sub-category li a:hover
{
	text-indent:30px
	color:#5c222b;
	background: url(http://voce-e.sakura.ne.jp/img/cmn/sub_c_phover.gif) no-repeat 15px center;
	line-height:100%;
}


div.bannerArea
{
        margin-top:20px;
        margin-left:22px;
}
div.bannerArea img
{
	margin-bottom: 10px;
}

div.bannerArea a:hover
{
	text-decoration:none;
}

div.shopInfo{
	width: 196px;
	margin: 30px auto 0;
	padding: 5px 0;
	text-align: left;
}

div.shopInfo table{
	color:#666;
	font-size:92%;
	line-height:150%;
	width: 196px;
}

div.shopInfo table th{
	text-align: left;
	vertical-align: top;
}

div.shopInfo table td{
	padding-bottom: 5px;
}

/* ---------- sidebar_end ---------- */

/* ---------- footer ---------- */

div#footer
{
	background: url(http://voce-e.sakura.ne.jp/img/cmn/foot.jpg) #fff no-repeat left top;
}
div.footer-inner
{
	width:809px;
	margin:0 auto;
	color:#000;
	font-size:0.8em;
	padding-top: 25px;
}

div.footer-inner p{
	margin-left:27px;
	padding:0 0 9px;
	color:#000;
}

div.footer-inner p a{color:#000;}

/* ---------- footer_end ---------- */

div#main div.mainBox p.topics_tit
{
	margin: 10px 0;
	padding: 0;
}

/* ---------- option_start ---------- */
.margin_l_20
{
	margin-left: 20px;
}

.margin_t10b20
{
	margin: 10px 0 20px;
}

.ImgRight320
{
	float:left;
	width:320px;
}

.ImgRight 
{
	float:right;
}

.ImgLeft320
{
	float:right;
	width:320px;
}

.ImgLeft 
{
	float:left;
}

.ImgRight150
{
	float:right;
	width:150px;
}

.center
{
	text-align: center;
}



/* ---------- option_end/* ---------- 


/* ---------- main_start ---------- */


ul.news-box
{
	font-size: small;
	margin-bottom: 20px;
}

ul.news-box li
{
	margin-top: 5px;
	padding: 5px;
	background: url(http://voce-e.sakura.ne.jp/img/main/topics_bar.jpg) no-repeat center bottom;
}

ul.news-box li a
{
	padding-left: 15px;
}
.news
{
	margin:10px 0 15px;
	font-size: small;
	line-height:180%;
}

/* ---------- top_end ---------- */


/* ---------- side_title ------- */
div.side_title{
         color:#292929;
         text-align:left;
         font-weight:bold;
         font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
         font-size:18px;
         padding-bottom:10px;
         border-bottom:1px solid #9e9e9e;
         background-image:url(http://voce-e.sakura.ne.jp/img/main/topics_bar.jpg);
         background-position:left bottom;
         background-color:transparent;
         background-repeat:no-repeat;
}
div.side_title a{
         color:#131313;
         text-decoration:none;
}
div.side_title a:hover{
         color#666666;
}

/* ====================================================
 top
=====================================================*/


div.mainBox
{
	margin-bottom: 25px;
}


div.dnaBG
{
	background: url(http://voce-e.sakura.ne.jp/recruit/img/top/top.jpg) no-repeat #fff;
	width: 530px;
	height: 810px;
	padding: 20px;
}

div.dnaBG div.dnaBGinner
{
	padding: 30px 10px 0;
}

div.B_line
{
	margin-bottom: 30px;
}

div.B_line div.B01
{
	width: 140px;
	height: 140px;
	float: left;
	display: block;
	text-indent: -9999px;
}

div.B_line div.B02
{
	width: 140px;
	height: 140px;
	float: left;
	margin: 0 25px;
	display: block;
	text-indent: -9999px;
}

div.Syousai01
{
	margin-bottom: 25px;
}
div.Syousai01 div.name
{
	width: 370px;
	float: right;
}

div.Syousai01 div.name table
{
	font-size: 85%;
	color: #333;
}

div.Syousai01 div.name table tr th
{
	padding: 7px 15px;
	text-align: left;
}

div.Syousai01 div.name table tr td
{
	padding: 5px 0px;
  vertical-align:top;
}


div.mainBox01
{
	margin-bottom: 25px;
}

div.mainBox01 div.dnaaddress table.tap02
{
	width: 530px;
	border: #ccc 1px solid;
	border-collapse: collapse;
	font-size: 85%;
	color: #333px;
}

div.mainBox01 div.dnaaddress table.tap02 tr th
{
	padding: 7px 15px;
	text-align: left;
}

div.mainBox01 div.dnaaddress table.tap02 tr td
{
	padding: 7px 10px;
	text-align: left;
}


div.mainBox01 div.s01
{
	width: 530px;
	height: 370px;
	background: url(http://voce-e.sakura.ne.jp/recruit/img/top/s01.jpg) no-repeat #fff;
	margin-bottom: 15px;
}

div.s01 div.s01inner
{
	padding: 12px 0 0 14px;
}

div.s01inner div.s01yoko
{
	margin-bottom: 15px;
}


div.s01inner div.s01yoko div.s01_01
{
	width: 106px;
	height: 106px;
	float: left;
	margin-right: 19px;
	text-indent: -9999px;
}

div.s01inner div.s01yoko div.s01_02
{
	width: 106px;
	height: 106px;
	float: left;
	text-indent: -9999px;
}

div.mainBox01 div.s02
{
	width: 530px;
	height: 370px;
	background: url(http://voce-e.sakura.ne.jp/recruit/img/top/s02.jpg) no-repeat #fff;
	margin-bottom: 15px;
}

div.s02 div.s02inner
{
	padding: 30px 0 0 269px;
}

div.s02 div.s02inner div.s02yoko
{
	margin-bottom: 20px;
}

div.s02inner div.s02yoko div.s02_01
{
	width: 106px;
	height: 106px;
	text-indent: -9999px;
	float: left;
	margin-right: 19px;
}

div.s02inner div.s02yoko div.s02_02
{
	width: 106px;
	height: 106px;
	text-indent: -9999px;
	float: left;
}


div.mainBox01 div.s03
{
	width: 530px;
	height: 454px;
	background: url(http://voce-e.sakura.ne.jp/recruit/img/top/s03.jpg) no-repeat #fff;
	margin-bottom: 15px;
}

div.s03 div.s03inner
{
	padding: 46px 0 0 30px;
}

div.s03 div.s03inner div.s03yoko
{
	margin-bottom: 30px;
}

div.s03inner div.s03yoko div.s03_01
{
	width: 106px;
	height: 106px;
	text-indent: -9999px;
	float: left;
	margin-right: 19px;
}

div.s03inner div.s03yoko div.s03_02
{
	width: 106px;
	height: 106px;
	text-indent: -9999px;
	float: left;
}



/* ====================================================
 社員の一日
=====================================================*/


div.onedayBox
{
	margin-bottom: 25px;
}



/* ====================================================
 社内行事
=====================================================*/


div.eventBox
{
	margin-bottom: 25px;
}

div.event01
{
	margin-bottom: 25px;
}

div.event01 p
{
	padding-bottom: 10px;
}


/* ====================================================
 28
=====================================================*/

div.careerBox
{
	margin-bottom: 25px;
}

div.careerBox div.career01 p
{
	margin-bottom: 20px;
}


/* ====================================================
 採用情報
=====================================================*/


div.info
{
	margin-bottom: 25px;
}

div.info div.waku01
{
	margin: 15px 0 25px;
	border: #ccc 1px solid;
	padding: 10px;
}

div.info div.waku01 ul
{
	padding: 0 10px;
}

div.info div.waku01 ul li
{
	padding: 3px 0 7px;
}


/* ====================================================
 応募
=====================================================*/

div.questionBox
{
	margin-bottom: 25px;
}

div.questionBox div.question01
{
	margin-bottom: 25px;
}

div.question01 table
{
	width: 535px;
	margin-bottom: 25px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	font-size: 85%;
	color:#999;
}

div.question01 table tr th
{
	border: 1px solid #ccc;
	border-collapse: collapse;
	background: #EDEDED;
	padding: 5px 10px;
	text-align: left;
}

div.question01 table tr td
{
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 5px 10px;
}


div.question01 table tr td input{	border: 1px #C5D8FF solid;}
div.question01 table tr td textarea{	border: 1px #C5D8FF solid; width: 70%;}
div.question01 p input{	border: 1px #C5D8FF solid; background: none;}
div.question01 table tr td select{	border: 1px #C5D8FF solid; background: none;}

div#workBox_top{
    height:36px;
   padding-bottom:20px;
}
div#workBox_top h3{

}

div#workBox_top ul{
}
div#workBox_top ul li{
    display:block;
    width:130px;
    height:36px;
    border:1px solid #ededed;
    /*background:url(http://voce-e.sakura.ne.jp/recruit/img/work/workBox_bg.jpg) repeat-x 0 0;*/
    line-height:250%;
    margin-right:3px;
    float:left;
}
div#workBox_top ul li a{
    display:block;
    width:130px;
    height:36px;
    text-decoration:none;
    background:url(http://voce-e.sakura.ne.jp/recruit/img/work/workBox_bg.jpg) repeat-x 0 0;
    color:#ededed;
    text-align:center;
}
div#workBox_top ul li a:hover{
    color:#131313;
    background:url(http://voce-e.sakura.ne.jp/recruit/img/work/workBox_bg.jpg) repeat-x 0 0;
}