@charset "UTF-8";

#wrapper {
	background-image: url(../img_background/red.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 679px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	z-index: 0;
	-moz-box-shadow:6px 6px 18px #222;
	-webkit-box-shadow:6px 6px 18px #222;
	box-shadow:6px 6px 18px #222;
	behavior: url(/PIE.htc);
	position: relative;
	top: 0px;
}

/*サイドナビゲーション*/

nav#sidenavi {
	margin: 0px;
	padding: 0px;
	height: 520px;
	width: 200px;
	position: absolute;
	left: 50px;
	top: 160px;
}

/*サイドナビ*/
nav#sidenavi ul { text-align: left; }

nav#sidenavi li {
	margin: 0px;
	padding: 0px;
	height: 50px;
	list-style-type: none;
}

nav#sidenavi a {
	display: block;
	height: 50px;
	width: 200px;
	font-size: 15px;
	text-decoration: none;
}

nav#sidenavi em { visibility: hidden; }

/*HOME*/
nav#sidenavi .home a, nav#sidenavi .home a:link {
	background-image: url(../img_sidenavi/red/red_01.jpg);
	display: block;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

nav#sidenavi .home a:hover {
	background-image: url(../img_sidenavi/red/red_01.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

/*プロフィール*/
nav#sidenavi .profile a {
	background-image: url(../img_sidenavi/red/red_02.jpg);
	display: block;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

nav#sidenavi .profile a:hover {
	background-image: url(../img_sidenavi/red/red_02.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

/*ウェブデザイン*/
nav#sidenavi .web a, nav#sidenavi .web a:link {
	background-image: url(../img_sidenavi/red/red_03.jpg);
	display: block;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

nav#sidenavi .web a:hover {
	background-image: url(../img_sidenavi/red/red_03.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

/*dtpデザイン*/
nav#sidenavi .dtp a, nav#sidenavi .dtp a:link {
	background-image: url(../img_sidenavi/red/red_04.jpg);
	display: block;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

nav#sidenavi .dtp a:hover {
	background-image: url(../img_sidenavi/red/red_04.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

/*イラストレーション*/
nav#sidenavi .illustration a, nav#sidenavi .illustration a:link {
	background-image: url(../img_sidenavi/red/red_05.jpg);
	display: block;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left -50px;
}

nav#sidenavi .illustration a:hover {
	background-image: url(../img_sidenavi/red/red_05.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

/*お問い合せ*/
nav#sidenavi .contact a, nav#sidenavi .contact a:link {
	background-image: url(../img_sidenavi/red/red_07.jpg);
	display: block;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

nav#sidenavi .contact a:hover {
	background-image: url(../img_sidenavi/red/red_07.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

/*リンクス*/
nav#sidenavi .links a, nav#sidenavi .links a:link {
	background-image: url(../img_sidenavi/red/red_06.jpg);
	display: block;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

nav#sidenavi .links a:hover {
	background-image: url(../img_sidenavi/red/red_06.jpg);
	background-repeat: no-repeat;
	background-position: left -50px;
}

/*裏口ボタン*/
nav#sidenavi .backdoor {
	margin: 0px;
	padding: 0px;
	height: 49px;
	width: 50px;
	position: absolute;
	top: 470px;
	left: -50px;
}

nav#sidenavi .backdoor a, nav#sidenavi .backdoor a:link {
	font-size: 12px;
	text-decoration: none;
	height: 49px;
	width: 50px;
	background-image: url(../img_sidenavi/red/red_09.jpg);
	;
	background-repeat: no-repeat;
	background-position: left top;
}

nav#sidenavi .backdoor a:hover {
	height: 49px;
	width: 50px;
	background-image: url(../img_sidenavi/red/red_09.jpg);
	;
	background-repeat: no-repeat;
	background-position: -50px top;
}



article#maincont {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 230px;
	width: 560px;
	position: absolute;
	z-index: 1;
	left: 315px;
	top: 95px;
}

article#maincont .introduction {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	position: relative;
	width: 300px;
	left: 0px;
	top: 0px;
	padding-bottom: 20px;
}

article#maincont #iwashiroasako {
	position: relative;
	height: 60px;
	width: 240px;
	left: 30px;
	top: 0px;
}

#maincont a:link, #maincont a:hover {
	-moz-box-shadow: 4px 4px 10px #2d0106;
	-webkit-box-shadow: 4px 4px 10px #2d0106;
	box-shadow: 4px 4px 10px #2d0106;
}

#iwashiroasako a, #iwashiroasako a:link {
	height: 60px;
	width: 240px;
	background-image: url(../illustration/asako/iwashiroasako.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	border: 1px solid #FFFFFF;
}

#iwashiroasako a:hover {
	background-image: url(../illustration/asako/iwashiroasako.gif);
	background-repeat: no-repeat;
	background-position: left -100px;
	border: 1px solid #FFCC00;
}

article#maincont #illustration_img {
	position: absolute;
	top: 0px;
	left: 335px;
	height: 230px;
	width: 180px;
}

article#subcontract {
	position: absolute;
	top: 305px;
	width: 540px;
	left: 315px;
	height: 365px;
}

#subcontract h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	position: relative;
	top: 0px;
}

#subcontract .leadtext {
	margin: 0px;
	padding: 0px;
}

article#subcontract .leadtext p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	position: relative;
	top: 0px;
	padding-bottom: 10px;
	width: 531px;
}

article#subcontract ul.illustrator {
	position: relative;
	top: 0px;
}

article#subcontract ul.illustrator li {
	float: left;
	height: 75px;
	width: 180px;
	text-align: center;
}

article#subcontract a {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	height: 48px;
	width: 160px;
	font-weight: bold;
	text-align: center;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
}

#subcontract .illustrator p.name {
	padding-top: 5px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
}

article#subcontract a, article#subcontract a:link {
	-moz-box-shadow: 4px 4px 10px #2d0106;
	-webkit-box-shadow: 4px 4px 10px #2d0106;
	box-shadow: 4px 4px 10px #2d0106;
	position: relative;
	left: 10px;
}

li.murayuki a, li.murayuki a:link {
	background-image: url(../illustration/banner/murata.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.murayuki a:hover {
	background-image: url(../illustration/banner/murata.gif);
	background-repeat: no-repeat;
	background-position: center -80px;
}

li.twinclepocket a, li.twinclepocket a:link {
	background-image: url(../illustration/banner/iku-bana.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.twinclepocket a:hover {
	background-image: url(../illustration/banner/iku-bana.gif);
	background-repeat: no-repeat;
	background-position: center -80px;
}

li.tortoice a, li.tortoice a:link {
	background-image: url(../illustration/banner/tortoise.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.tortoice a:hover {
	background-image: url(../illustration/banner/tortoise.gif);
	background-repeat: no-repeat;
	background-position: center -80px;
}

li.tsurumiyuki a, li.tsurumiyuki a:link {
	background-image: url(../illustration/banner/turumiyuki.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.tsurumiyuki a:hover {
	background-image: url(../illustration/banner/turumiyuki.gif);
	background-repeat: no-repeat;
	background-position: center -80px;
}

li.hinatayama a, li.hinatayama a:link {
	background-image: url(../illustration/banner/hinatayama.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.hinatayama a:hover {
	background-image: url(../illustration/banner/hinatayama.gif);
	background-repeat: no-repeat;
	background-position: center -80px;
}

li.kishikawa a, li.kishikawa a:link {
	background-image: url(../illustration/banner/kishikawa.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.kishikawa a:hover {
	background-image: url(../illustration/banner/kishikawa.gif);
	background-repeat: no-repeat;
	background-position: center -80px;
}

li.yokoyama a, li.yokoyama a:link {
	background-image: url(../illustration/banner/yokoyama_yuko.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.yokoyama a:hover {
	background-image: url(../illustration/banner/yokoyama_yuko.gif);
	background-repeat: no-repeat;
	background-position: center -80px;
}

li.hinatayama_bijin a, li.hinatayama_bijin a:link {
	background-image: url(../illustration/banner/hinatayama_bijin.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.hinatayama_bijin a:hover {
	background-image: url(../illustration/banner/hinatayama_bijin.gif);
	background-repeat: no-repeat;
	background-position: center -80px;
}

li.fujisawa_yoshiko a, li.fujisawa_yoshiko a:link {
	background-image: url(../illustration/banner/fujisawa_yoshiko.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.fujisawa_yoshiko a:hover {
	background-image: url(../illustration/banner/fujisawa_yoshiko.gif);
	background-repeat: no-repeat;
	background-position: center -80px;
}

li.chikui a, li.chikui a:link {
	background-image: url(../illustration/banner/chikui.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

li.chikui a:hover {
	background-image: url(../illustration/banner/chikui.gif);
	background-repeat: no-repeat;
	background-position: center -80px;
}