@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         d_cafe
 Style Info:     コンテンツエリア関係 他
----------------------------------------------------------- */




/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#gnavi {
	height:308px;
	width: 192px;
	margin-left: 10px;
}
#gnavi li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#gnavi ul {
	margin: 0px;
	padding: 0px;
}

#gnavi li a {
	height:98px;
	width:192px;
	display:block;
	text-indent: -999em;
	margin-top: 3px;
}

#gnavi li.staff a {
	background-image: url(../newimg/topnavi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#gnavi li.creator a {
	background-image: url(../newimg/topnavi.jpg);
	background-repeat: no-repeat;
	background-position: 0px -101px;
}

#gnavi li.enterprise a {
	background-image: url(../newimg/topnavi.jpg);
	background-repeat: no-repeat;
	background-position: 0px -204px;
}


#gnavi li.staff a:hover {
	background-image: url(../newimg/topnavi.jpg);
	background-repeat: no-repeat;
	background-position: -192px 0px;
}
#gnavi li.creator a:hover {
	background-image: url(../newimg/topnavi.jpg);
	background-repeat: no-repeat;
	background-position: -192px -101px;
}
#gnavi li.enterprise a:hover {
	background-image: url(../newimg/topnavi.jpg);
	background-position: -192px -204px;
	background-repeat: no-repeat;
}




#news {
	background-image: url(../newimg/news.jpg);
	background-repeat: no-repeat;
	padding-top: 33px;
	width: 240px;
	
}
#fordesigner {
	padding-top: 33px;
	background-image: url(../newimg/fordesigner.jpg);
	background-repeat: no-repeat;
	width: 240px;
}
#enter {
	background-image: url(../newimg/enter.jpg);
	background-repeat: no-repeat;
	width: 240px;
	padding-bottom: 20px;
}

#special {
	background-image: url(../newimg/special.gif);
	background-repeat: no-repeat;
	padding-top: 33px;
	width: 510px;
	margin-top: 10px;
	margin-left: 16px;
}

#link {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 238px;
}
#enter div {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 238px;
	padding-top: 33px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#fordesigner div {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-bottom: 3px;
}

#news div {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 240px;
}

#special div {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 500px;
	padding-bottom: 20px;
}





#news .text10 {
	line-height: 120%;
}
#fordesigner .text12 {
}
#text #title {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../07img/index07-4.jpg);
	background-repeat: no-repeat;
	height: 35px;
}


/*banner*/
#banner {
	width: 240px;
	background-repeat: no-repeat;
}
#banner li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#banner ul {
	margin: 0px;
	padding: 0px;
}
#text #banner .mel {
	background-image: url(../newimg/sidemenu_00.gif);
	background-repeat: no-repeat;
}
#text #banner .work {
	background-image: url(../newimg/sidemenu_01.gif);
	background-repeat: no-repeat;
}
#text #banner .desicolla {
	background-image: url(../newimg/sidemenu_06.jpg);
	background-repeat: no-repeat;
}
#text #banner .pro {
	background-image: url(../newimg/sidemenu_03.gif);
	background-repeat: no-repeat;
}
#text #banner .egg {
	background-image: url(../newimg/sidemenu_04.gif);
	background-repeat: no-repeat;
}
#text #banner .the {
	background-image: url(../newimg/sidemenu_05.gif);
	background-repeat: no-repeat;
}

#text #banner .mel a {
	text-indent: -999em;
	display: block;
		height: 50px;

}

#text #banner .work a {
	text-indent: -999em;
	display: block;
	height: 80px;
}
#text #banner .desicolla a {
	text-indent: -999em;
	display: block;
	height: 80px;
}
#text #fordesigner .text10 {
	line-height: 125%;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
	color: #666666;
}
#text #fordesigner .text12 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(../newimg/top_gra.gif);
	background-repeat: no-repeat;
}

#text #banner .pro a {
	text-indent: -999em;
	display: block;
		height: 80px;

}

#text #banner .egg a {
	text-indent: -999em;
	display: block;
		height: 80px;

}

#text #banner .the a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




#text #enter p {
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
#text #fordesigner p {
	text-indent: -999em;
}
#text #news p {
	text-indent: -999em;
}
h3 {
	font-weight: normal;
	font-size: 95%;
	margin: 0px;
	padding: 0px;
}
 .text13 {
	color: #666666;
	font-size: 80%;
	line-height: 140%;
}

 .text14 {
	color: #333;
	font-size: 90%;
	line-height: 140%;
}
 .text15 {
	color: #883965;
	line-height: 140%;
	font-size: 115%;
	font-weight: bold;
}
#fordesigner .text10 .banner {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#text #fordesigner .for {
	background-image: url(../newimg/top_gra.gif);
	background-repeat: no-repeat;
}
#text .2danme img {
	margin-top: 10px;
}
#text .sagaseru img {
	margin-left: 10px;
	margin-top: 10px;
}
#text #title p {
	text-indent: -999em;
	margin: 0px;
	padding: 0px;
}
#text #special img {
	margin-top: 20px;
	margin-left: 10px;
}
#text #banner_2 {
	margin-left: 20px;
	margin-top: 10px;
}
#text #banner_2 .rap {
	padding-right: 22px;
}
#text #banner_2 .gacha {
	padding-right: 22px;
}

#kodama {
	background-image: url(../newimg/message/kodama.gif);
	background-repeat: no-repeat;
	height: 260px;
	margin-top: 20px;
	padding-top: 20px;
	padding-left: 20px;
}
#kodama div {
	width: 440px;
	margin-left: 30px;
	margin-top: 20px;
}
#kodama p {
	margin: 0px;
	color: #333333;
	line-height: 120%;
}
#hourai {
	background-image: url(../newimg/message/hourai.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	height: 260px;
	padding-top: 20px;
	padding-left: 20px;
}
#hourai div {
	width: 440px;
	margin-left: 30px;
}
#hourai p {
	margin: 0px;
	color: #333333;

}
#kodama .text12 {
	width: 440px;
	line-height: 140%;
}
#hourai .text12 {
	width: 440px;
	line-height: 140%;
}
#message {
	margin-top: 20px;
}
.text_midashi {
	background-color: #5D8139;
	padding: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #000000;
	color: #FFFFFF;
	font-size: 110%;
	font-family: osaka;
}
.midashi_2 {
	font-size: 120%;
	color: #336600;
	font-weight: bold;
	margin-top: 30px;
}
.service {
	color: #333333;
	font-size: 80%;
}
.service p {
	width: 550px;
	margin-left: 10px;
	line-height: 130%;
	font-family: osaka;
	font-size: 85%;
}
.touroku {
	background-image: url(../newimg/common/usagi.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #FFFFFF;
}
.midashi_3 {
	color: #336600;
	font-weight: bold;
	font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 80%;
}.p {
}
.text_a {
	font-size: 70%;
	width: 520px;
	font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	margin-top: 0px;
}
.for_company {
	background-image: url(../newimg/for_company/bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
}
.text_b {
	width: 520px;
	font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	margin-top: 0px;
	margin-left: 35px;
	padding-bottom: 20px;
	font-size: 80%;
}.for_company h2 {
	padding-top: 53px;
	text-align: center;
	font-size: 100%;
}
.aboutus h2 {
	padding-top: 53px;
	text-align: center;
	font-size: 100%;
	color: #C01920;
}
.aboutus {
	background-image: url(../newimg/aboutus/bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 240px;
}
.about_haken li {
	list-style-type: decimal;
	color: #333333;
}
.about_haken {
	font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 160%;
	margin-top: 0px;
	padding-top: 0px;
	font-size: 80%;
}
.text16 {
	color: #D0111A;
	font-weight: bold;
}
.which {
	background-image: url(../newimg/aboutus/touroku.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 350px;
}
.akindo {
	color: #993300;
	font-size: 100%;
}
#school .led {
	color: #CC0000;
	font-weight: bold;
	margin-top: 40px;
}
#school h2 {
	text-align: center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	font-size: 120%;
	padding-top: 4px;
	padding-bottom: 3px;
}
#school {
	margin-left: 30px;
	margin-right: 30px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-top: 30px;
}
#yotei {
	margin-right: 30px;
	margin-left: 30px;
	font-size: 80%;
	color: #333333;
	font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 140%;
}
#school ul {
	margin-bottom: 50px;
}
.aki {
	font-size: 80%;
	line-height: 140%;
}
.h3 {
	color: #813B52;
	font-size: 80%;
	font-weight: bold;
}
.top {
	font-size: 50%;
	color: #FFFFFF;
	background-color: #E60012;
	width: 800px;
	padding-bottom: 5px;
	margin: 0px;
	font-weight: normal;
	padding-top: 5px;
	padding-left: 5px;
}

span.semi a:link,
span.semi a:visited{
	color:#FF0099;
}
span.semi a:hover{
	color:#3399FF;
}