@charset "UTF-8";

/**
 * 株式会社ワイノット
 * 
 * 
 * @author    Miki Kayukawa
 * @version   2007-01-23
 */


*{
	background-color:transparent;
	border:0px;
	color:#000000;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	line-height:150%;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

a{
	color:#6666CC;
}

a:hover{
	text-decoration:underline;
}

body{
	background:url("../images/basic_bg.gif");
	font-size:75%;
}

em{
	font-weight:bold;
}

li{
	list-style:none;
}

li img {
	vertical-align: bottom;
}

p {
	margin:0.6em 0;
}
.clear{
	clear:both;
}

.conceptImage {
	margin:3em 0;
	text-align:center;
}

/* TOPページheader */

#topHeader{
	margin:36px auto 0px;
	width:770px;
}

#topHeader h1{
	text-align:right;
}

#topHeader ul{
	background:url("../images/top_navi_bg.jpg") no-repeat;
	height:78px;
	padding-left:22px;
	width:748px;
}

#topHeader li{
	display:block;
	float:left;
	height:60px;
	margin:15px 6px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	width:140px;
}

#topHeader li a{
	display:block;
	height:60px;
	overflow:hidden;
	width:140px;
}

#topHeader .naviCompany a:link{
	background:url("../images/top_navi01_off.jpg");
}

#topHeader .naviCompany a:hover{
	background:url("../images/top_navi01_on.jpg");
}

#topHeader .naviFashion a:link{
	background:url("../images/top_navi02_off.jpg");
}

#topHeader .naviFashion a:hover{
	background:url("../images/top_navi02_on.jpg");
}

#topHeader .naviOffice a:link{
	background:url("../images/top_navi03_off.jpg");
}

#topHeader .naviOffice a:hover{
	background:url("../images/top_navi03_on.jpg");
}

#topHeader .naviWorks a:link{
	background:url("../images/top_navi04_off.jpg");
}

#topHeader .naviWorks a:hover{
	background:url("../images/top_navi04_on.jpg");
}

#topHeader .naviContact a:link{
	background:url("../images/top_navi05_off.jpg");
}

#topHeader .naviContact a:hover{
	background:url("../images/top_navi05_on.jpg");
}

/* TOPページheaderここまで */

/* TOPページContainer */

#topContainer{
	background:url("../images/top_container_bg.jpg") repeat-y;
	margin:0 auto;
	overflow:auto;
	padding:0px 10px;
	width:750px;
}

#topContainer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
}

#topRightmain{
	float:right;
	padding-top:5px;
	text-align:center;
	width:280px;
}

#topRightmain .banner li{
	background:#FF0000;
	display:block;
	height:80px;
	width:268px;
}

#topRightmain .info{
	background:url("../images/top_info_bg.jpg") bottom;
	height:300px;
}

#topRightmain .info{
	background:url("../images/top_info_bg.jpg") bottom;
	height:auto;
	padding-bottom:60px;
	width:268px;
}

#topRightmain .info li{
	text-align:left;
}

#topRightmain .info .data{
	background:url("../images/top_info_date.gif") no-repeat;
	display:block;
	height:21px;
	margin:0px auto;
	padding:5px 0 0 15px;
	width:185px;	
}

#topRightmain .info .topic{
	background:url("../images/top_info_topic.gif") bottom no-repeat;
	display:block;
	height:21px;
	margin:0px auto;
	padding:5px 0 0 15px;
	width:185px;	
}
	

#topLeftmain{
	float:right;
	padding:3px 25px 20px 25px;
	width:420px;
}

#topLeftmain h3{
	margin-top:15px;
}

#topLeftmain h4{
	margin:0.6em 1em;
}

#topLeftmain p{
	margin-left:1.5em;
}

/* TOPページContainerここまで */

/* TOPページfooter */

#topFooter{
	margin:0 auto;
	padding-bottom:20px;
	width:770px;
}

#topFooter .footNavi{
	background:url("../images/top_footnavi_bg.jpg") no-repeat;
	height:35px;
	margin-left:auto;
	overflow:hidden;
	padding-right:30px;
	text-indent:-9999px;
	width:265px;
}

#topFooter .footNavi li{
	display:block;
	float:right;
	height:35px;
	width:130px;
}

#topFooter .footNavi li a{
	display:block;
	height:35px;
	overflow:hidden;
	text-indent:-9999px;	
	width:130px;
}

/* TOPページfooterここまで */


/* 下層ページheader　*/

#header {
	margin:0px auto;
	padding-top:20px;
	width:770px;
}

#header h1 {
	float:left;
	height:40px;
	margin-left:10px;
	width:170px:	
}

#header .subNavi{
	background:url("../images/bs_subnavi_bg.gif") no-repeat;
	float:right;
	height:22px;
	margin-top:10px;
	padding:8px 0px 0px 10px;
	width:390px;
}

#header .subNavi li{
	display:block;
	float:left;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
}

#header .subNavi .naviBlog{
	width:98px;
}

#header .subNavi .naviEntry{
	width:87px;
}

#header .subNavi .naviOutline{
	width:65px;
}

#header .subNavi .naviPrivacy{
	width:131px;
}

#header .subNavi li a{
	display:block;
	float:left;
	height:16px;
}

#header .subNavi .naviBlog a{
	width:98px;
}
#header .subNavi .naviBlog a:link{
	background:url("../images/bs_subnavi01_off.gif");
}

#header .subNavi .naviBlog a:hover{
	background:url("../images/bs_subnavi01_on.gif");
}

#header .subNavi .naviEntry a{
	width:87px;
}

#header .subNavi .naviEntry a:link{
	background:url("../images/bs_subnavi02_off.gif");
}

#header .subNavi .naviEntry a:hover{
	background:url("../images/bs_subnavi02_on.gif");
}

#header .subNavi .naviOutline a{
	width:65px;
}

#header .subNavi .naviOutline a:link{
	background:url("../images/bs_subnavi03_off.gif");
	width:65px;
}

#header .subNavi .naviOutline a:hover{
	background:url("../images/bs_subnavi03_on.gif");
}

#header .subNavi .naviPrivacy a{
	width:131px;
}

#header .subNavi .naviPrivacy a:link{
	background:url("../images/bs_subnavi04_off.gif");
}

#header .subNavi .naviPrivacy a:hover{
	background:url("../images/bs_subnavi04_on.gif");
}

#header .mainNavi{
	background:url("../images/bs_mainnavi_bg.gif");
	clear:both;
	height:55px;
	overflow:hidden;
	padding:20px 0px 0px 20px; 
	text-indent:-9999px;
	width:750px;
}

#header .mainNavi li{
	display:block;
	float:left;
	height:38px;
	width:146px;
}

#header .mainNavi li a{
	display:block;
	float:left;
	height:38px;
	overflow:hidden;
	width:146px;
}

#header .naviCompany a:link,
#header .naviCompany a:visited{
	background:url("../images/bs_mainnavi01_off.gif");
}

#header .naviCompany a:hover{
	background:url("../images/bs_mainnavi01_on.gif");
}

#header .naviFashion a:link,
#header .naviFashion a:visited{
	background:url("../images/bs_mainnavi02_off.gif");
}


#header .naviFashion a:hover{
	background:url("../images/bs_mainnavi02_on.gif");
}

#header .naviOffice a:link,
#header .naviOffice a:visited{
	background:url("../images/bs_mainnavi03_off.gif");
}

#header .naviOffice a:hover{
	background:url("../images/bs_mainnavi03_on.gif");
}

#header .naviWorks a:link,
#header .naviWorks a:visited{
	background:url("../images/bs_mainnavi04_off.gif");
}

#header .naviWorks a:hover{
	background:url("../images/bs_mainnavi04_on.gif");
}

#header .naviContact a:link,
#header .naviContact a:visited{
	background:url("../images/bs_mainnavi05_off.gif");
}

#header .naviContact a:hover{
	background:url("../images/bs_mainnavi05_on.gif");
}

/* 下層ページheaderここまで　*/

/* 下層ページcontainer　*/

#container{
	background:url("../images/bs_container_bg.jpg") repeat-y;
	margin:0 auto;
	overflow:auto;
	padding:0px 10px;
	width:750px;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
}

#leftMain{
	float:left;
	padding:10px 0px;
	width:220px;
}

#leftMain .sideNavi{
	padding-bottom:15px;
	width:210px;
}

#leftMain .sideNavi{
	width:210px;
}

#leftMain .sideNavi li{
	height:40px;
}

#leftMain .sideNavi li a{
	display:block;
	height:40px;
	overflow:hidden;
	text-indent:-9999px;
	width:210px;
}

#leftMain .com{
	background:url("../images/side_com_bg.jpg") bottom;
}

#leftMain .fsn{
	background:url("../images/side_fsn_bg.jpg") bottom;
}

#leftMain .ofc{
	background:url("../images/side_ofc_bg.jpg") bottom;
}

#leftMain .ctt{
	background:url("../images/side_ctt_bg.jpg") bottom;
}

#leftMain .com .side01 a:link{
	background:url("../images/side_com01_off.jpg");
}

#leftMain .com .side01 a:hover{
	background:url("../images/side_com01_on.jpg");
}

#leftMain .com .side02 a:link{
	background:url("../images/side_com02_off.jpg");
}

#leftMain .com .side02 a:hover{
	background:url("../images/side_com02_on.jpg");
}

#leftMain .com .side03 a:link{
	background:url("../images/side_com03_off.jpg");
}

#leftMain .com .side03 a:hover{
	background:url("../images/side_com03_on.jpg");
}

#leftMain .com .side04 a:link{
	background:url("../images/side_com04_off.jpg");
}

#leftMain .com .side04 a:hover{
	background:url("../images/side_com04_on.jpg");
}

#leftMain .fsn .side01 a:link{
	background:url("../images/side_fsn01_off.jpg");
}

#leftMain .fsn .side01 a:hover{
	background:url("../images/side_fsn01_on.jpg");
}

#leftMain .fsn .side02 a:link{
	background:url("../images/side_fsn02_off.jpg");
}

#leftMain .fsn .side02 a:hover{
	background:url("../images/side_fsn02_on.jpg");
}

#leftMain .fsn .side03 a:link{
	background:url("../images/side_fsn03_off.jpg");
}

#leftMain .fsn .side03 a:hover{
	background:url("../images/side_fsn03_on.jpg");
}

#leftMain .fsn .side04 a:link{
	background:url("../images/side_fsn04_off.jpg");
}

#leftMain .fsn .side04 a:hover{
	background:url("../images/side_fsn04_on.jpg");
}

#leftMain .fsn .side05 a:link{
	background:url("../images/side_fsn05_off.jpg");
}

#leftMain .fsn .side05 a:hover{
	background:url("../images/side_fsn05_on.jpg");
}

#leftMain .ofc .side01 a:link{
	background:url("../images/side_ofcm01_off.jpg");
}

#leftMain .ofc .side01 a:hover{
	background:url("../images/side_ofc01_on.jpg");
}

#leftMain .ofc .side02 a:link{
	background:url("../images/side_ofc02_off.jpg");
}

#leftMain .ofc .side02 a:hover{
	background:url("../images/side_ofc02_on.jpg");
}

#leftMain .ofc .side03 a:link{
	background:url("../images/side_ofc03_off.jpg");
}

#leftMain .ofc .side03 a:hover{
	background:url("../images/side_ofc03_on.jpg");
}

#rightMain{
	float:right;
	padding:10px 25px 25px 25px;
	width:480px;
}

#rightMain hr{
	color:#FFFFFF;
	height:1px;
}

#rightMain h2{
	margin-right:-25px;
	text-align:right;	
}

#rightMain h3{
	margin:15px 0px;
}

#rightMain h4{
	margin:15px 0px 15px 15px;
}

#rightMain p{
	margin-left:15px;
}

#rightMain .photo01{
	border:solid 1px #CCCCCC;
	float:right;
	margin-left:15px;
	padding:1px;
}

#rightMain .photo02{
	border:solid 1px #CCCCCC;
	float:left;
	margin-right:15px;
	padding:1px;
}

#rightMain .return{
	clear:both;
	margin:1.5em 0;
	text-align:right;
}

#rightMain .outline{
	margin:0px 0px 15px 15px;
	width:465px;
}

#rightMain .outline td{
	border-bottom:solid 1px #CCCCCC;
	height:60px;
	padding:5px;
}

#rightMain .outline .data{
	background:url("../images/com_outline_bg.gif") no-repeat;
	padding-left:20px;
}

#rightMain .outline .map{
	margin-left:10px;
	vertical-align:middle;
}

#rightMain .h01 {
	font-size:125%;
}

#rightMain .jobIntro{
	clear:both;
	width:100%;
}

#rightMain .jobIntro th{
	background:#EEEEEE;
	color:#3366CC;
	font-weight:bold;
	padding:5px;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}

#rightMain .jobIntro td{
	border-bottom:solid 1px #CCCCCC;
	padding:5px;
	vertical-align:top;
}

#rightMain .jogTraining{
	margin:15px;
}

#rightMain .jogTraining li{
	background:url("../images/top_info_date.gif") no-repeat;
	height:26px;
	padding:5px 0px 0px 20px;
}

#rightMain .chartImg{
	padding-top:5px;
	clear:both;
}

#rightMain .chartImg img{
	margin:-5px 20px 0px 0px;
	float:left;
}

*html #rightMain .chartImg img{
	margin:-15px 20px 0px 0px;
}

#rightMain .wrap01{
	margin-left:110px;
}

*html #rightMain .wrap01{
	margin-left:125px;
}

#rightMain .wrap02{
	float:right;
	margin-left:0px;
	width:280px;
}

/* 下層ページcontainerここまで　*/

/* 下層ページfooter　*/

#footer{
	margin:0px auto;
	padding-bottom:20px;
	width:770px;
}

/* 下層ページfooterここまで　*/

/* メールフォーム関係ここから */

#rightMain .mailForm input{
	border:1px solid #CCCCCC;
	vertical-align:middle;
	margin:5px;
}

#rightMain .mailForm textarea{
	border:1px solid #CCCCCC;
	margin:5px;
}

#rightMain .mailForm th{
	color:#FFFFFF;
	background:#6699CC;
	font-weight:bold;
	text-align:left;
	padding:3px;
	white-space:nowrap;
}

#rightMain .mailForm td{
	border-bottom:1px dashed #6699CC;
	padding-bottom:3px;
}

#rightMain .mailForm .att{
	text-align:right;
}

#rightMain .errorName{
	font-weight:bold;
	margin-top:40px;
}

#rightMain .mailSubmit{
	padding:5px;
	text-align:center;
}

#rightMain .attMark{
	color:#FF0000;
	font-weight:bold;
}

/* ここまで */