@charset "UTF-8";
/*
          NAITOSHOJI.,LTD. Style Seat
          ALL Rights reserved, Copyright(C)2007-8 NAITOSHOJI.,LTD. 

*/
/* ----- Common Tag ----- */
body {
	font-size: medium;
	margin : 0;
	padding : 0;
	color: #343434;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	background-image:url(./images/common/bg.gif);
}
form, input, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
ul {
	list-style-type: none;
}

/* Link */
a:link { color: #969; text-decoration: none; background-color: transparent; }
a:active, a:hover, a:focus{
	color: #66c; text-decoration: underline; background-color: transparent; }
a:visited{ color: #363; text-decoration: none; background-color: transparent; }

a.ft:link { color: #600; text-decoration: none; background-color: transparent; }
a.ft:active, a.ft:hover, a.ft:focus{
	color: #f30; text-decoration: underline; background-color: transparent; }
a.ft:visited{ color: #353535; text-decoration: none; background-color: transparent; }

.skip{
	display: none;
}
.ItemSpace {
	width: 100%;
	clear: both;
	margin: 0;
	height: 8px;
}
.ItemSpace02 {
	width: 100%;
	clear: both;
	margin: 0;
	height: 24px;
}

/* ----- Common Layout ----- */ 
#AllArea {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding: 0;
	background-color:#FFFFFF;
}
#MainArea {
	margin: 0;
	padding:0;
}
#HeadArea {
	width: 900px;
	height: 70px;
	margin: 0;
	padding: 0;
}
#hdnavi {
	width: 140px;
	margin: 17px 0 0 0;
	padding: 0;
	float:right;
}
#ctnavi {
	width: 900px;
	height: 35px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear:both;
}
h2#topimage {
	width: 900px;
	height: 350px;
	margin: 0;
	padding: 0;
	clear:both;
}
h2#scndimage {
	width: 900px;
	height: 180px;
	margin: 0;
	padding: 0;
	clear:both;
}

div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}  
#contArea {
	width: 900px;
	margin: 0;
	padding: 0;
	clear:both;
}
#TopCntLeft {
	width: 470px;
	margin: 20px 0 0 20px;
	padding: 0;
	float:left;
	background: url(./images/top/ttl_newsbd.gif) repeat-y;
}
#TopCntRight {
	width: 370px;
	margin: 20px 20px 0 0;
	padding: 0;
	float:right;
}
#CntLeft {
	width: 248px;
	margin: 20px 0 0 20px;
	padding: 0;
	float:left;
	background: url(./images/common/lbg_mdl.gif) repeat-y;
}
#CntRight {
	width: 580px;
	margin: 20px 20px 0 0;
	padding: 0;
	float:right;
}
#CntMain {
	width: 860px;
	margin: 20px 20px 0 0;
	padding: 0;
	float:right;
}


/* ----- Title Tag ----- */
h1 {
	width: 300px;
	height: 45px;
	margin: 10px 0 0 17px;
	padding: 0;
	background: url(./images/common/logo.gif) no-repeat left top;
	float:left;
}
h1 span {
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	width: 842px;
	height: 23px;
	top: 59px;


}
h2.leftttl {
	margin:  0 0 0 15px;
	padding: 0;
	font-size:114%;
	color:#999999;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-weight:normal;
}
h3.pdttl_yarn {
	width: 570px;
	margin: 10px 0 15px 0;
	padding: 5px 0 5px 10px;
	color:#663333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-weight:normal;
	border-left:2px solid #CCB78A;
	border-bottom:1px solid #CCCCCC;
}
h2.shop_app {
	width: 570px;
	margin: 10px 0 15px 0;
	padding: 5px 0 5px 10px;
	color:#B998AA;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-weight:normal;
	border-left:2px solid #CCB78A;
	border-bottom:1px solid #CCCCCC;
}
h2.shop_craft {
	width: 570px;
	margin: 10px 0 15px 0;
	padding: 5px 0 5px 10px;
	color:#CCB78A;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-weight:normal;
	border-left:2px solid #CCB78A;
	border-bottom:1px solid #CCCCCC;
}


h2.school {
	width: 188px;
	height: 28px;
	margin:  10px 0 0 0;
	padding: 0;
	background: url(./images/03school_ttl.gif) no-repeat left top;
	text-indent: -9999px;
	float:left;
}
h2.diary {
	width: 188px;
	height: 28px;
	margin:  10px 0 0 0;
	padding: 0;
	background: url(./images/04diary_ttl.gif) no-repeat left top;
	text-indent: -9999px;
	float:left;
}
h2.link {
	width: 188px;
	height: 28px;
	margin:  10px 0 0 0;
	padding: 0;
	background: url(./images/05link_ttl.gif) no-repeat left top;
	text-indent: -9999px;
	float:left;
}
h2.contact {
	width: 188px;
	height: 28px;
	margin:  10px 0 0 0;
	padding: 0;
	background: url(./images/06contact_ttl.gif) no-repeat left top;
	text-indent: -9999px;
	float:left;
}



h3.leftsub {
	margin:  10px 0 0 15px;
	padding: 0;
	font-size:100%;
	color:#B998AA;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-weight:normal;
}
h3.leftsub02 {
	margin:  10px 0 0 15px;
	padding: 0;
	font-size:100%;
	color:#CCB78A;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-weight:normal;
}
h3.pdsubttl_yarn {
	width: 570px;
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 10px;
	color:#663333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-weight:normal;
	border-left:2px solid #CCB78A;
	border-bottom:1px solid #CCCCCC;
}


#contArea p {
	margin: 0 0 0 20px;
	padding: 0;
	line-height:1.3;
	font-size: 96%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
}


#FooterNavi {
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #b1b1b1;
	border-bottom-color: #b1b1b1;
	font-size: 76%;
}
#Footer {
	width: 880px;
	margin: 0;
	padding: 20px 20px 0 0;
	background: url(./images/common/ft_kei.gif) repeat-x left top;
	height: 40px;
	font-size: 76%;
	text-align:right;
}
#Footer#copyright {
	margin: 0;
	padding: 5px 20px 0 8px;
}


/* ----- Footer Layout ----- */
#FNavi{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
#FNavi li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	background: url(./images/common/FNavi.gif) no-repeat 0 50%;
	padding-left: 28px;
}
#FooterInfo address{
	color:#343434;
	font-style: normal;
	font-weight: normal;
}
#FooterInfo copyright{
}

/* ----- Page Navi Layout ----- */
#PageNavi {
	width: 100%;
	margin: 0;
	padding: 30px 0 ;
	font-size: 76%;
	line-height: 200%;
	text-align:left;
	clear: both;
}
#PNavi{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#PNavi li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 8px 0 8px 20px;
}
html* #PNavi li {
	background-position: 0 8px;
}
#PNavi li.back{
	background: url(./images/common/back.gif) no-repeat;
	background-position: 0 5px;
}
#PNavi li.pagetop{
	margin: 0 30px;
	background: url(./images/common/top.gif) no-repeat;
	background-position: 0 5px;
}
#PNavi li.next{
	background: url(./images/common/btn_next.gif) no-repeat;
}
#PftNavi{
	margin: 30px 0 0 0;
	padding: 0;
}
#PftNavi li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 10px 5px 12px;
	font-size: 76%;
	background: url(./images/common/icon_hd.gif) no-repeat;
	background-position:0 -3px;
}

#lftNavi {
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 96%;
}
#lftNavi li.off {
	margin: 0;
	padding: 0 0 15px 15px;
	background: url(./images/common/icon_hd.gif) no-repeat;
	background-position:0 3px;
}
#lftNavi li.here {
	margin: 0;
	padding: 0 0 15px 18px;
	background: url(./images/common/icon_orange.gif) no-repeat;
	background-position:0 3px;
}

#lftpdNavi {
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 86%;
}
#lftpdNavi li.off {
	margin: 0;
	padding: 0 0 4px 10px;
	color:#666666;
	background: url(./images/common/icon_hd.gif) no-repeat;
	background-position:0 3px;
}
#lftpdNavi li.here {
	margin: 0;
	padding: 0 0 4px 15px;
	background: url(./images/common/icon_orange.gif) no-repeat;
	background-position:0 3px;
}

/* ----- Top Layout ----- */
#eventArea {
	width: 370px;
	height:130px;
	margin: 0;
	padding: 40px 0 10px 0;
	background: url(./images/top/ttl_event.jpg) no-repeat;
}
#topevent {
	width: 227px;
	margin: 10px 8px 0 0;
	padding: 0;
	float:right;
}
#topevent li.date {
	margin: 0;
	padding: 0 0 0 17px;
	font-size: 76%;
	background: url(./images/common/icon_orange.gif) no-repeat;
	background-position: 0 1px;
}
#topevent li.ttl {
	margin: 0;
	padding: 0 0 0 17px;
	font-size: 84%;
}

#topnews {
	width: 450px;
	margin: 0 0 0 15px;
	padding: 10px 0 15px 0;
	background: url(./images/common/news_kei.gif) bottom no-repeat;
}
#topnews ul {
	width: 350px;
	margin: 0;
	padding: 0;
	font-size: 84%;
	float:left;
}
#topnews #date {
	width: 90px;
	margin: 0;
	padding: 0;
	font-size: 84%;
	color:#397d8c;
	float:left;
}
#TopCntLeft span {
	margin: 5px 20px 0 0;
	padding: 5px 18px 0 0;
	font-size: 84%;
	float:right;
	background: url(./images/common/icon_orange.gif) no-repeat;
	background-position:right 7px;
}



/* ----- SecondArea ----- */
#topics {
	width: 230px;
	margin: 0;
	padding: 10px 0 15px 0;
}																				
#topics ul {																			
	width: 210px;
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 84%;
	float:left;
}
#topics .date {
	color:#397d8c;
}
#topics #read {
	margin: 0;
	padding: 0 0 0 18px;
	float:left;
}
#listnavi {
	width: 550px;
	margin: 0 0 15px 0;
	padding: 0 0 2px 0;
}
#listnavi dl {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#listnavi dd {
	margin: 0;
	font-size: 76%;
	display: inline;
}
#listnavi dd.next {
	padding: 0 0 0 15px;
	background: url(./images/common/icon_hd.gif) no-repeat;
	background-position:0 -2px;
}

#newslst {
	width: 580px;
	margin: 0;
	padding: 10px 0 15px 0;
	background: url(./images/news_keiL.gif) bottom no-repeat;
}
#newslst ul {
	width: 470px;
	margin: 0;
	padding: 0;
	font-size: 96%;
	float:left;
}
#newslst #date {
	width: 100px;
	margin: 0;
	padding: 0;
	font-size: 84%;
	color:#397d8c;
	float:left;
}

#pdphoto {
	width: 300px;
	margin: 0;
	padding: 0;
	float:right;
}
ul#article li {
	width: 250px;
	margin: 0 0 0 15px;
	padding: 0;
	float:left;
}
ul#article li.read {
	font-size: 96%;
	color:#454545;
	line-height:160%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
ul#spec li {
	width: 400px;
	margin: 0 0 5px 15px;
	padding: 0;
}
ul#spec li {
	font-size: 96%;
	color:#454545;
	line-height:160%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

#shoplist {
	width: 230px;
	margin: 0;
	padding: 6px 0 8px 0;
}
																					
#shoplist ul {	
	width: 210px;
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 84%;
	float:left;
}
#shoplist li {
	margin: 0;
	padding: 0 0 6px 15px;
	background: url(./images/common/icon_hd.gif) no-repeat;
	background-position:0 3px;
}
#shoplist li.shop {
	margin: 0;
	padding: 0 0 6px 25px;
	background: url(./images/common/icon_shop.gif) no-repeat;
	background-position:9px 3px;
}
#shopArea {
	width: 570px;
	margin: 0;
	padding: 0 0 0 18px
}	

#pdphoto {
	width: 300px;
	margin: 0;
	padding: 0;
	float:right;
}
ul#article li {
	width: 250px;
	margin: 0 0 0 15px;
	padding: 0;
	float:left;
}
ul#article li.read {
	font-size: 96%;
	color:#454545;
	line-height:160%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "ＭＳ ゴシック", "MS Gothic", sans-serif;
}


/* ----- HeaderNavi Navigation ----- */
#hdnavi ul { 
	font-size: 76%;
	list-style-type: none;
	text-align:left;
	}
/* -----
#hdnavi ul li#hdnv01 {
	margin: 0;
	padding: 0;
	background-image: url(./images/common/icon_hd.gif) no-repeat;
	background-position: 0px 2px; }
 ----- */



/* ----- MainGNavi Navigation ----- */

#ctnavi ul li#ctnv00,#ctnv01,#ctnv02,#ctnv03,#ctnv04,#ctnv05,#ctnv11,#ctnv12,#ctnv13,#ctnv14,#ctnv15 { width: 129px; height: 35px; float: left; }
#ctnavi ul li#ctnv06 { width: 126px; height: 35px; float: left; }

#ctnavi ul li a { display: block; background-repeat: no-repeat; background-position: 0px 0px; }

#ctnavi ul li a:hover { background-position: 0px -35px; }
#ctnavi ul li a span { position: absolute; left: -9999px; }

#ctnavi ul li#ctnv00 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/00home.jpg); }
#ctnavi ul li#ctnv01 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/01news.jpg); }
#ctnavi ul li#ctnv02 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/02campany.jpg); }
#ctnavi ul li#ctnv03 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/03prdct.jpg); }
#ctnavi ul li#ctnv04 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/04shop.jpg); }
#ctnavi ul li#ctnv05 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/05access.jpg); }
#ctnavi ul li#ctnv06 a { width: 126px; height: 35px;
						 background-image: url(./images/navi/06contact.jpg); }

body#home #ctnavi ul li#ctnv00 a { background-position: 0px -35px; }
body#news #ctnavi ul li#ctnv01 a { background-position: 0px -35px; }
body#campany #ctnavi ul li#ctnv02 a { background-position: 0px -35px; }
body#prdct #ctnavi ul li#ctnv03 a { background-position: 0px -35px; }
body#shop #ctnavi ul li#ctnv04 a { background-position: 0px -35px; }
body#access #ctnavi ul li#ctnv05 a { background-position: 0px -35px; }
body#contact #ctnavi ul li#ctnv06 a { background-position: 0px -35px; }


#ctnavi ul li#ctnv11 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/00recruithome.jpg); }
#ctnavi ul li#ctnv12 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/01entry.jpg); }
#ctnavi ul li#ctnv13 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/02recruit.jpg); }
#ctnavi ul li#ctnv14 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/03rment.jpg); }
#ctnavi ul li#ctnv15 a { width: 129px; height: 35px;
						 background-image: url(./images/navi/04sche.jpg); }

body#rechome #ctnavi ul li#ctnv11 a { background-position: 0px -35px; }
body#entry #ctnavi ul li#ctnv12 a { background-position: 0px -35px; }
body#recruit #ctnavi ul li#ctnv13 a { background-position: 0px -35px; }
body#rment #ctnavi ul li#ctnv14 a { background-position: 0px -35px; }
body#sche #ctnavi ul li#ctnv15 a { background-position: 0px -35px; }