@charset "utf-8";

/* ----------------------------------------
  Main Style Seet

	3-1.index
	3-2.contact
	3-3.company
	3-4.history
	3-5.idea
	3-6.president
	3-7.office
	3-8.policy
	3-9.blog
	3-10.recruit
	3-11.siteap
	3-12.carrierup
---------------------------------------- */


/* ----------------------------------------
  3-1.index
---------------------------------------- */

#topcontainer{
	background:url(../img/index/bg_top.png) repeat-y;
	margin:0px auto;
	text-align:left;
	width:891px;
	padding:0 6px;
}

#topmenuarea{
	background-color:#000;
	padding:12px 10px 0 15px;
	border-top:1px solid #ccc;
}

#topinfo{
	float:left;
	width:380px;
}

#topinfo h2{margin-bottom:5px;}

	#topinfo dl{
		padding:5px;
		background-color:#262626;
		margin-bottom:1px;
		color:#ccc;
		font-size:11px;
	}
	
	#topinfo dl a{
		color:#ccc;
		text-decoration:none;
	}
	
	#topinfo dt{
		float:left;
		width:70px;
		font-weight:bold;
	}
	
	#topinfo dd{
		float:left;
		width:280px;
	}

#topbannar{
	float:right;
	width:470px;
}

#topbannar ul li{
	margin:0px 0 10px 9px;
	float:left;
	display:inline;
}


/* ----------------------------------------
  3-2.contact
---------------------------------------- */

#contact{
	width:100%;
	margin-bottom:15px;
	font-size:100%;
	border-top:1px dotted #ccc;
}

#contact th{
	padding:10px 5px;
	width:120px;
	text-align:left;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
}

#contact td{
	padding:10px 5px;
	border-bottom:1px dotted #ccc;
}

#contact th .must{
	color:#ff9999;
	margin-left:5px;
	font-size:10px;
}

#contact input{border:1px solid #ccc;}

#contact textarea{
	width:100%;
	border:1px solid #ccc;
}

#submitbtn{
	text-align:center;
	margin-bottom:20px;
}

.sizeS{width:150px;}
.sizeM{width:280px;}

#contactnamearea,
#contactfuriganaarea{
	position:relative;
}

#contactnamearea span.type1,
#contactfuriganaarea span.type1{
	position:absolute;
	width:25px;
	display:inline-block;
	left:-25px;
	top:3px;
}

#contactnamearea span,
#contactfuriganaarea span{
	width:25px;
	display:inline-block;
}

/* ----------------------------------------
  3-3.company
---------------------------------------- */

.table1 li{
	background:url(../img/company/icon_list.png) no-repeat left 50%;
	padding-left:15px;
}

ul.yakuinlist li{
	width:200px;
	float:left;
}


/* ----------------------------------------
  3-4.history
---------------------------------------- */

.titlehistory th{
	background-color:#f7fbff;
	padding-left:10px;
	border-top:1px solid #ddd;
	border-bottom:none !important;
	font-weight:bold !important;
}

.contentshistory th{border-top:1px dotted #ddd;}
.contentshistory td{border-top:1px dotted #ddd;}

html[xmlns*=""] body:last-child .contentshistory td{
    border-top:none !important;
}  

body:first-of-type .contentshistory td {border-top:none !important;}

/* safari only \*/  
html:\66irst-child .contentshistory td{  
    border-top:none !important;
}  

/* ----------------------------------------
  3-5.idea
---------------------------------------- */

.ideabox{
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
}

.ideatext{
	float:left;
	width:460px;
}


/* ----------------------------------------
  3-6.president
---------------------------------------- */

#bg_president{
	background:url(../img/company/company_message1.png) no-repeat left top;
	width:278px;
	height:215px;
	margin-bottom:40px;
	padding:12px 0 0 352px;
}

.section_president1{
	margin-bottom:50px;
}

.president1_text{
	float:right;
	width:300px;
}

.president2_text{
	float:left;
	width:392px;
}


/* ----------------------------------------
  3-7.office
---------------------------------------- */

#bg_staffinterview,
#bg_staffinterview_teluru,
#bg_staffinterview_shop,
#bg_staffinterview_shop2{
	width:278px;
	height:215px;
	margin-bottom:40px;
	padding:12px 0 0 352px;
}

#bg_staffinterview{background:url(../img/office/office_scenery1.png) no-repeat left top;}
#bg_staffinterview_teluru{background:url(../img/office/office_teluru1.png) no-repeat left top;}
#bg_staffinterview_shop{background:url(../img/office/office_carrier1.png) no-repeat left top;}
#bg_staffinterview_shop2{background:url(../img/office/office_carrier3.png) no-repeat left top;}

.section_office{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #ddd;
}

.section_office h3,
.section_office2 h3{margin-bottom:15px !important;}

.officetext_left,
.officetext_right{
	width:340px;
}

.officetext_right{
	float:right;
}

.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}

.section_office2{
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:1px dotted #ddd;
	width:375px;
}


/* ----------------------------------------
  3-8.privacy policy
---------------------------------------- */

#policy_top{
	background:url(../img/privacy/privacy.png) no-repeat;
	width:590px;
	height:103px;
	padding:25px 20px 15px 20px;
	margin-bottom:60px;
}

.section_policy{
	margin-bottom:30px;
}

.section_policy p{
	padding-left:3px;
	margin-bottom:15px;
}

h3.policytitle{
	font-size:14px;
	font-weight:bold;
	padding-bottom:7px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	color:#004181;
}


/* ----------------------------------------
  3-9.blog
---------------------------------------- */

#blog_main{
	float:right;
	width:451px;
	padding-left:40px;
	border-left:1px dotted #ccc;
}

#blog_side{
	float:left;
	width:120px;
}

.entrybox{margin-bottom:60px;}
.entrydate{
	font-size:11px;
	margin-bottom:16px;
}

.entrybody{
	line-height:1.7;
	margin-bottom:10px;
}

.entrybody p{line-height:1.7;}

.entrynext{
	text-align:right;
}

.entrynext a{
	background:url(../img/blog/blog.png) no-repeat left 50%;
	padding-left:13px;
}

h3.entrytitle{
	background:url(../img/title/titlebar_blog.png) no-repeat left top;
	width:432px;
	height:18px;
	padding:6px 0 0 17px;
	font-size:13px;
	margin-bottom:8px;
	font-weight:normal;
}

h3.blogsidetitle{
	font-weight:bold;
	font-size:13px;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
	margin-bottom:12px;
}

#blog_side ul{
	margin-left:5px;
	margin-bottom:50px;
}

#blog_side ul li{margin-bottom:8px;}

#blog_side ul li a{
	color:#004181;
	text-decoration:none;
}

#blog_side ul li a:hover{text-decoration:underline;}


/* ----------------------------------------
  3-10.job
---------------------------------------- */

.table2 li{
	background:url(../img/recuit/recruitment_square.png) no-repeat left 45%;
	padding-left:13px;
}

.table2 .tablelistleft li{
	float:left;
	margin-right:13px;
}

.table2 .tablelistleft2 li{
	background:url(../img/recuit/recruitment_direction.png) no-repeat right 45%;
	padding:0 18px 0 0;
	margin-right:8px;
	float:left;
}


.table2 .tablelistleft2 li.lastlist{
	background:none;
}

.dotbottom{
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}


/* ----------------------------------------
  3-11.sitemap
---------------------------------------- */

.sitemapline1{
	margin-bottom:30px;
	overflow:hidden;
}

.sitemapline2{overflow:hidden;}

.sitemapline1 div{height:150px;}
.sitemapline2 div{height:100px;}

.sitemapbox{
	margin-left:-1px;
	border-left:1px dotted #ccc;
	width:185px;
	padding:0 10px;
	float:left;
	display:inline;
}

.sitemapbox h3{
	background-color:#999;
	color:#fff;
	padding:3px;
	text-align:center;
	margin-bottom:13px;
}

.sitemapbox ul{margin-left:5px;}

.sitemapbox li{
	margin-bottom:15px;
	background:url(../img/sitemap/direction.png) no-repeat left 50%;
	padding-left:13px;
	font-size:12px;
}

.sitemapbox li a{color:#333;}
.sitemapbox li a:hover{color:#999;}


/* ----------------------------------------
  3-12.career
---------------------------------------- */

#careerbox{
	background:url(../img/career/recruit_careerup_2.png) no-repeat left top;
	width:548px;
	height:471px;
	padding:135px 40px 0 40px;
}