@charset "euc-jp";

/*
-----------------------------------------------

	1: color
	2: layout
	3: header
	4: breadcrumbs
	5: contents
		:main
		:sub
	6: footer
	
*/

/* 1: color
----------------------------------------------- */

body{ color:#333;}
a{	color:#666; text-decoration:underline;}
a:hover{ text-decoration: none;}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,div,table,tr,td,th,a{
	border-color:#ccc;
}

.red{color:#c00;}
.gray{color:#ccc;}
.blue{color:#0358cc;}


/* 2: layout
----------------------------------------------- */

body{
	font-family: Verdana,Arial,Helvetica,"Hiragino Kaku Gothic Pro","Osaka","£Í£Ó £Ð¥´¥·¥Ã¥¯","MS UI Gothic",sans-serif;
	text-align:center;
	font-size: 75%;
	background:url(../img/common/bg.jpg);
}
html>/**/body {font-size: 12px;}

#container{
	margin:0px auto;
	text-align:left;
	width:920px;
	padding-bottom:20px;
}

#header{
	position:relative;
	background:url(../img/common/header.jpg) bottom no-repeat;
	height:145px;
	margin-bottom:14px;
}

#contents{
	background:url(../img/common/contents-top.jpg) top no-repeat #fff;
	padding-top:30px;
	margin-bottom:15px;
}

#footer{
	position:relative;
	background-image:url(../img/common/footer.jpg);
	height:67px;
}

/* 3: header
----------------------------------------------- */

#lead{
	font-weight:normal;
	line-height:25px;
}
#logo{
	padding:8px 0 0 20px;
}


#h-jigyousho{
	position:absolute;
	left:380px;
	top:44px;
}

#h-navi{
	position:absolute;
	left:463px;
	top:44px;
}

#h-navi li{
	float:left;
	margin-right:6px;
}

#h-search{
	position:absolute;
	left:747px;
	top:44px;
	background-image:url(../img/common/h-search.jpg);
	width:153px;
	height:23px;
}
#h-search .text{
	border:0;
	width:116px;
	height:14px;
	position:absolute;
	left:27px;
	top:2px;
	color:#999999;
	background:url(../img/common/head_search_google.gif) no-repeat left center;	/*KNS*/
}


/* navi */

#navi{
	position:absolute;
	left:20px;
	top:98px;
}

#navi ul{
}


#navi li{float: left;}

#navi a{
	display:block;
	text-indent:-9000px;
	height:37px;
	width:110px;
	background-image:url(../img/common/navi.jpg);
}

#n1 a{ background-position:0px 0px;}
#n2 a{ background-position:-110px 0px;}
#n3 a{ background-position:-220px 0px;}
#n4 a{ background-position:-330px 0px;}
#n5 a{ background-position:-440px 0px;}
#n6 a{ background-position:-550px 0px;}
#n7 a{ background-position:-660px 0px;}
#n8 a{ background-position:-770px 0px;}

#home-p #n1 a,#n1 a:hover{ background-position:0px -37px;}
#point-p #n2 a,#n2 a:hover{ background-position:-110px -37px;}
.service-p #n3 a,#n3 a:hover{ background-position:-220px -37px;}
#ayumi-p #n4 a,#n4 a:hover{ background-position:-330px -37px;}
#storehouse-p #n5 a,#n5 a:hover{ background-position:-440px -37px;}
.maker-p #n6 a,#n6 a:hover{ background-position:-550px -37px;}
.company-p #n7 a,#n7 a:hover{ background-position:-660px -37px;}
.recruit-p #n8 a,#n8 a:hover{ background-position:-770px -37px;}



/* 4: breadcrumbs
----------------------------------------------- */

#breadcrumbs{
	padding:0 20px;
	margin-bottom:14px;
	line-height:1;
}
#breadcrumbs li{
	display:inline;
}


/* 5: contents
----------------------------------------------- */

.contents-inner{
	width:878px;
	position:relative;
	left:21px;
}

#main{
	width:638px;
	float: left;
	display:inline;
	margin-bottom:30px;
}
.main-inner{
	position:relative;
	left:10px;
	width:618px;
}

#sub{
	width:210px;
	float:right;
	margin-bottom:30px;
	display:inline;
}

#contents-bottom{
	clear:both;
	height:30px;
	background-image:url(../img/common/contents-bottom.jpg);
}


#pagetitle{
	margin-bottom:28px;
}


/*
===== main =====
*/



/*
===== sub =====
*/

.banner{
	padding-bottom:3px;
}
.banner li{
	margin-bottom:15px;
}

#shinki-p #sub-shinki,
#shinki-p #sub-senyou,
#shinki-p .sub-login-area{display:none;}

#service-support-p #banner-graphic,
#service-support-p #banner-lay{display:none;}


/* calendar */

#sub-calendar{
	margin-bottom:30px;
}

#sub-calendar .head{
	margin-bottom:10px;
}
#sub-calendar .inner{
	background: url(../img/common/sub-calendar-bottom.jpg) bottom no-repeat;
	position:relative;
	text-align:center;
}
#sub-calendar .bg{
	background:url(../img/common/sub-calendar-top.jpg) top no-repeat;
	padding-bottom:10px;
	zoom:1;
}
#home-p #sub-calendar .inner{
	background:url(../img/home/sub/calendar-bottom.jpg) bottom no-repeat;
}
#home-p #sub-calendar .bg{
	background:url(../img/home/sub/calendar-top.jpg) top no-repeat;
}

#sub-calendar .mon{
	font-weight:bold;
	line-height:28px;
}
#sub-calendar .prev{
	position:absolute;
	left:12px;
	top:10px;
}
#sub-calendar .prev a{
	background-image:url(../img/common/sub-calendar-prev.jpg);
	height:10px;
	width:7px;
	display:block;
	text-indent:-9000px;
	overflow: hidden;
}
#sub-calendar .next{
	position:absolute;
	right:12px;
	top:10px;
}
#sub-calendar .next a{
	background-image:url(../img/common/sub-calendar-next.jpg);
	height:10px;
	width:7px;
	display:block;
	text-indent:-9000px;
	overflow: hidden;
}

#sub-calendar table{
	position:relative;
	width:188px;
	border-collapse: collapse;
	table-layout:fixed;
	margin:0 auto;
}
#home-p #sub-calendar table{
	width:308px;
}

#sub-calendar th,
#sub-calendar td{
	border:1px solid #E7E7E7;
	background:#fff;
	text-align:center;
}

#sub-calendar tr.firstChild th{
	border-top-color:#ccc;
}
#sub-calendar tr th.firstChild,
#sub-calendar tr td.firstChild{
	border-left-color:#ccc;
}
#sub-calendar th.lastChild,
#sub-calendar td.lastChild{
	border-right-color:#ccc;
}
#sub-calendar tr.lastChild td{
	border-bottom-color:#ccc;
}


#sub-calendar th{
	font-weight:bold;
	color:#999;
	font-size:10px;
	letter-spacing:-1px;
}
/*
#sub-calendar .sun{
	color:#DA3F26;
	background:#fbe0db;
}
#sub-calendar .sat{
	color:#1F59CC;
	background:#dde6f8;
}
#sub-calendar .holiday{
	color:#DA3F26;
	background:#fbe0db;
}
#sub-calendar .today{
	font-weight:bold;
	background:#D3DAE4;
}
#sub-calendar .empty{
	background:#F2F2F2;
}
*/
#sub-calendar .today{
	font-weight:bold;
	background:#D3DAE4;
}
#sub-calendar .empty{
	background:#F2F2F2;
}
#sub-calendar .sun_str{
	color:#DA3F26;
}
#sub-calendar .sun_bg{
	background:#fbe0db;
}
#sub-calendar .sat_str{
	color:#1F59CC;
}
#sub-calendar .sat_bg{
	background:#dde6f8;
}
#sub-calendar .holiday_str{
	color:#DA3F26;
}
#sub-calendar .holiday_bg{
	background:#fbe0db;
}













/* submenu */

.sub-menu{
	background:url(../img/service/submenu-bg.jpg) bottom no-repeat #2D2D2D;
	margin-bottom:14px;
}
.sub-menu li{
	text-align:center;
	padding-bottom:3px;
}


/* login */

.sub-login-area{
	margin-bottom:15px;
	border:1px solid #999999;
	background:#F6F4F4;
}

.sub-login-area .login-box{
}
.sub-login-area .login-box .head{
	line-height:34px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background:#2D2D2D;
}
.sub-login-area .login-box .body{
	padding:10px;
}
.sub-login-area .login-box dd{
	margin-bottom:10px;
}
.sub-login-area .login-box dd input{
	width:180px;
	height:24px;
	border:1px solid #999999;
}
.sub-login-area .login-box .keep{
	text-align:center;
	margin-bottom:10px;
}
.sub-login-area .login-box .button{
	text-align:center;
}

.sub-login-area ul{
	text-align:center;
}
.sub-login-area li{
	margin-bottom:5px;
	font-size:80%;
}
.sub-login-area li a{
	background: url(../img/common/sub-arrow-black.jpg) 0px 4px no-repeat;
	padding-left:10px;
}


/*
===== pagetop =====
*/

.pagetop{
	text-align:right;
	clear:both;
	margin-right:30px;
}
#main .pagetop{
	margin-right:0;
}
.pagetop a{
	padding-left:12px;
	background:url(../img/parts/pagetop.gif) left no-repeat;
}

#ayumi .pagetop,
#main .pagetop{
	padding-right:0;
	margin-bottom:10px;
}

/*
===== bottom-banner =====
*/

.bottom-banner{
	padding-top:15px;
	text-align:center;
}
.bottom-banner li{
	display:inline;
	padding:0 15px;
}


/* 6: footer
----------------------------------------------- */

#f-list{
	padding:16px 0 7px 20px;
}

#f-list li{
	display:inline;
	margin-right:10px;
}

#footer #copyright{
	padding-left:20px;

}