@charset "utf-8";

/**　─────────全体に適用─────────　**/
p{
	padding:0;
	line-height:140%;
	margin:1em auto auto;
}
.px12 {
	font-size: 12px;
}
a:link {
	color: #5353FF;
	text-decoration: none;
}
a:visited {
	color: #993333;
	text-decoration: none;
}
a:hover {
	color: #FF66A4;
	text-decoration: none;
}
a:active {
	color: #5353FF;
	text-decoration: none;
}

.red{
	color:#FF0000;
}

.subbox-over02 {
	font-size: 12px;
	background-image: url(topics_3_r1_c1.gif);
	line-height: 28px;
	padding-left:15px;
}

.subbox-under02 {
	margin-top:2px;
	height: 8px;
	background-image: url(topics_3_r5_c1.gif);
}

INPUT,SELECT, TEXTAREA {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	scrollbar-base-color: #B7B7B7;
	background-color: #F8F4F0;
	border: 1px groove #B7B7B7;
	vertical-align: middle;
}

.px12-140 {
	font-size: 12px;
	line-height: 140%;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

.px8 {
	font-size: 8px;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

td,th {
	color: #4F4F4F;
	font-size: 13px;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

.flashback {
}

.mainback {
	background-image: url(mainback.gif);
}

.underback {
	background-image: url(top_r11_c1.gif);
}

h1 {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 140%;
	color:#FF9900;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	font-weight: bold; 
}

h3 {
	text-indent:-5px;
}

.px14 {
	font-size: 14px;
	font-weight: bolder;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

.px14-bold {
	font-size: 14px;
	font-weight: bolder;
}

.px12-160 {
	font-size: 12px;
	line-height: 160%;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

h2,h3 {
	font-size: 12px;
	font-weight: bolder;
	line-height: 140%;
	margin: 0;
	padding: 0;
	color:#FF9900;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	font-weight: bold;
	text-align:left;
}

.bgline {
	background-color: #B7B7B7;
}

.subbox-over {
	font-size: 11px;
	background-image: url(topics_r1_c3.gif);
	background-repeat:no-repeat;
	line-height: 19px;
	padding-left: 8px;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

.subbox-under {
	font-size: 12px;
	line-height: 14px;
	background-image: url(topics_r3_c1.gif);
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

/*
.subbox-back {
	background-image: url(topics_r2_c1.gif);
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}
*/

.menuback {
	background-image: url(top_r10_c1.gif);
}

.tablecolor1 {
	background-color: #F8F4F0;
}

.tablecolorw {
	background-color: #FFFFFF;
	line-height: 140%;
}

.subsubback {
	background-image: url(subsubback.gif);
}

.px11 {
	font-size: 11px;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

.px16-180 {
	font-size: 16px;
	line-height: 180%;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

.px14-180 {
	font-size: 14px;
	line-height: 180%;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

.table-back {
	background-image: url(back.gif);
}

hr { 
    border: 0 none; 
    height: 1px; 
    color: #CCC;
    background-color: #CCCCCC;
	width:95%;
} 

hr.orange { 
    border: 0 none; 
    height: 1px; 
    color: #FFA22B;
    background-color: #FFA22B;
	width:95%;
} 

.height_450{
	height:450px;
}

.left_menu{
	background-color:#F1E9E2;
	height:390px;
	width:165px;
	float:left;
	margin-left:10px;
	margin-right:0px;
	background-image: url(left_menu_under.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	display:inline;
}

table.all{
	background-image:url(back.gif);
}

.tabele_top{
	margin-top:13px;
}

/*画像ブロック化*/

img.bar{
	display: block;
	margin: 0 auto 22px;
	text-align: center;
	/*バー縦センタリングマージン*/
}

img.bar_nospace{
	display: block;
	margin: 0 auto;
	text-align: center;
	/*バー縦センタリングマージン*/
}
 
img.images {
	display: block;
	margin: 10px auto;
	text-align:center;
	/*写真上下*/ 
}

img.Topics{
	display: block;
	margin:13px auto 0;
	text-align: center;
}

img.Topics_bottom {
	display: block;
	margin:0;
 }
 
 img.el_banner{
	margin-bottom:9px;
 }
 
 div.banner{
	width:760px;
	margin:auto;
	text-align:right;
	margin-top:20px;
 }

/**　─────────アバターページ用─────────　**/
/**　───────────Lamity用───────────　**/

#main .px12-140 {
	font-size: 12px;
	line-height: 140%;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

#main .px12-160 {
	font-size: 12px;
	line-height: 160%;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

#main h2 {
	font-size: 120%;
	font-weight: bolder;
	line-height: 140%;
	margin:0 0 10px 0 ;
	padding: 0;
	color:#F90;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	font-weight: bold;
	text-align:left;
}

#main h1 {
	font-size: 130%;
	font-weight: normal;
	text-decoration: none;
	margin:0 0 10px 0 ;
	padding: 0;
	line-height: 140%;
	color:#F90;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	font-weight: bold; 
}

#main .main{
	text-align:center;
	background-color:#FFF;
	width:565px;
	float:left;
}

#main .point{
	height:90px;
	border: 1px dotted #333;
	width:400px;
	background: url(avatar_sample_s.gif) no-repeat -0px -10px;
	padding:10px 0 10px 120px;
	line-height:140%;
	margin:15px 8px 15px 5px;
}

#main .big{
	text-align:center;
	margin:0px 0 10px;
/*画像の下に隙間[3D avatar system]*/}

#main .tab{
	background-image: url(00_box_back.gif);
	width:555px;
	margin:auto;
}

#main .anime{
	width:419px;
	margin:auto;
}

#main .center1{
	margin:auto;
	width:430px;
	_width:450px;
	text-align:center;
}

#main .center2{
	margin:auto;
	width:440px;
	_width:500px;
	text-align:center;
}

#main img.img_border{
	border: 1px solid #CCC;
	padding:1px 1px;
}

#main img.img_border2{
	border: 1px solid #666;
	padding:1px 1px;
}

#main .compact {
	width:535px;
	text-align:left;
	border-collapse:collapse;
	border: 0px;
	padding:10px;
	margin:auto;
}

#main .compact_grayline {
	width:535px;
	text-align:left;
	border-collapse:collapse;
	border: 1px #999 solid;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

#main .under{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	background-color:#FFF ;
	padding-bottom:10px;
	clear:both;
	width:555px;
}

#main .center_{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	text-align:center;
	margin:auto;
	width:453px;
}

#main table{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	border:0px;
	border-collapse:collapse;
}

#main td{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	border:0px;
	border-collapse:collapse;
}

#main table.small{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	width:100px;
	text-align:left;
	float:left;
	margin-left:20px;
}

#main table.small1{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	width:75px;
	text-align:left;
}

#main tb.main{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	background-color:#FFF;
}

#main table.left{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	margin-top:10px;
	border:1px solid #999;
	border-collapse:collapse;
}

#main td.center{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	background-color:#FFF;
}

#main table.center{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
 	margin:10px;
	border:1px solid #999;
	border-collapse:collapse;
}

#main td.left{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	background-color:#FFF;
}

#main p.left{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	padding:5px;
	line-height:160%;
}

#main img.left{
	padding:0 0 5px;
}

#main .sample{
	margin:0px 25px;
	width:160px;
	float:left;
}

#main .bgimage{
	background: url(avatar_images_1_image03.gif) no-repeat 310px 20px;
	padding:20px 250px 20px 20px;
	line-height:160%;
	text-align:left;
}

#main .movefont{
	float:left;
	margin-right:10px;
	margin-left:5px;
	width:170px;
}

#main .server{
	width:330px;
	float:left;
}

#main .bottom_topics{
	width:250px;
	line-height:160%;
	float:left;
}

#main hr.bg{
	display:none;
}

#main p.pcenter{
	text-align:center;
	margin:0px;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

#main h1.pink {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 140%;
	color:#FF5567;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	font-weight: bold; 
}

#main h2.pink {
	font-size: 14px;
	font-weight: bolder;
	line-height: 140%;
	margin: 0;
	padding: 0;
	color:#FF5567;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	font-weight: bold;
}

#main p{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	margin:0px;
}

#main p.center{
	text-indent: 0.5em;
	margin:8px 0;
	line-height:140%;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
}

#main p.wrap{
	margin:auto;
	width:260px;
	text-indent: 0.5em;
	line-height:140%;
	text-align:left;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}

#main p.wrap_b{
	margin-left:auto;
	margin-right:auto;
	width:535px;
	text-indent: 1em;
	margin-bottom:8px;
	margin-top:8px;
	line-height:140%;
	text-align:left;
}

#main hr.pink{
	border-color:#FFC8D6;
	background-color:#FFF;
	border-style:dotted;
	color:#FFC8D6;
	text-align:center;
	height:3px;
}

#main img.space{
	margin-right:5px;
}

#main table.contact{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	text-align:left;
	width:90%;
}

#main table.contact{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	text-align:left;
	width:555px;
}

#main th.contact{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	border:1px solid #999999;
	border-collapse:collapse;
	background-color:#CCCCCC;
	width:154px;
	vertical-align:middle;
	color:#666666;
	font-size:14px;
}

#main td.contact{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	color:#676767;
	border:1px solid #999999;
	border-collapse:collapse;
	text-align:left;
	vertical-align:middle;
	font-size:14px;
}

#main td.num{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	color:#676767;
	border:0px;
	border-collapse:collapse;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	width: 100px;
}

form.contact{
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	margin:0px;
	padding:0px;
}

#main INPUT.contact{
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	margin:2px 3px;
	line-height: 16px;
	height: 16px;
	background-color: #FFFFFF;
}

#main TEXTAREA.contact{
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	margin:0px;
	width:350px;
	height:285px;
	background-color: #FFFFFF;
}

#main INPUT,#main SELECT, TEXTAREA.contact  {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	padding:5px;
	font-size: 14px;
	scrollbar-base-color: #B7B7B7;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	color:#676767;
}

#main INPUT.button-  {
	font-size: 14px;
	scrollbar-base-color: #B7B7B7;
	border: 0;
	vertical-align: middle;
	color:#676767;
	background-color:#FFF;
	padding: 0;
}

div.notice{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:5px;
	color:#666;
	font-size:12px;
	width: 760px;
}

p.notice{
	text-align:left;
	margin-top:5px;
	color:#666;
	font-size:12px;
	width: 760px;
}

img.notice{
vertical-align:text-bottom;
}

/**　─────────Topics用─────────　**/
strong{
	margin-left:15px;
}


/**　─────────company用─────────　**/
#company table.main{
	margin:auto;
	text-align:center;
	border:1px solid #999;
	border-collapse:collapse;
	width:555px;
}

#company td{
	background-color:#FFF;
}

#profile{
	margin:auto;
	width:555px;
	color: #FFF;
	border:1px solid #999;
	border-top:0;
}

#profile td{
	padding:5px;
	line-height:160%;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	border:1px solid #999;
	border-bottom:0;
	border-left:0;
	border-right:0;
	color:#666;
}

#profile th{
	padding:5px;
	text-align:left;
	background-color:#F8F4F0;
	border:1px solid #999;
	border-bottom:0;
	border-left:0;
	width:130px;
	font-size:14px;
}

#profile th img{
	vertical-align:baseline;
}

/**　─────────リクルート用─────────　**/

#recruit SELECT {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	padding: 1px;
	color:#4F4F4F;
	border:solid 1 #FFFFFF;
}

#recruit .tablecolor1 {
	background-color: #F8F4F0;
	background-image: url(icon00.gif);
	background-repeat: no-repeat;
	background-position: 2% center;
	padding-left:15px;
}

div#recruit {
	background-color:#FFFFFF;
}

#recruit form{
	margin:0px;
	padding:0px;
}

#recruit TEXTAREA {
	width:340px;
}

#recruit .textview{
	width:340px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

#recruit .point{
	margin:0 0 15px;
}

#recruit .linkStyle{
	line-height:24px;
	text-align:right;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	width:470px;
	font-size:90%;
	font-family:"HＧPゴシックE","ＭＳ Ｐゴシック", Osaka,;
	background-image:url(icon00.gif);
	background-position:81% 58%;
	background-repeat:no-repeat;
	padding-left:12px;
}

#recruit h2.ttl{
	font-family:'ＭＳ Ｐ明朝', '細明朝体', 'ヒラギノ明朝 Pro W3';
	color:#F90;
	font-weight:bold;
	width: 255px;
}

#recruit .emphasize{
	font-weight:bold;
	font-size:110%;
	line-height:140%;
}

#recruit ul {
	margin:0.2em 0 1px 6px;
	padding:0 0 0 1.8em;
	list-style-image: url(icon01.gif);
	line-height:110%;
}

#recruit li {
	min-height:12px;
}

#recruit ul.icon00 {
	margin:0.5em 0 1px 0.5em;
	padding:0 0 0 1.8em;
	list-style-image: url(icon00.gif);
	line-height:140%;
	color:#333;
}

#recruit dl {
	margin: 0.5em 0 0 0;
}

#recruit dt {

}

#recruit dd {
	margin-left:-1px;
	margin-bottom:3px;
}

#recruit th{
	font-weight:normal;
	font-style:normal;
	margin:2px;
}

#recruit th.contact{
	font-size:14px;
	text-align:left;
	color:#333333;
}

#recruit table.type td,
#recruit table.type th
{
	border:#CCC solid 1px;
	padding:3px;
}

#recruit table.contact{
	border:#999999 solid 1px;
}

#recruit table.recruit,
#re td.recruit{
	background-image:url(topics_top.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding:8px 0 0 0;
	height:50px;
	width:565px;
	margin-top:13px;
	background-color:#FFF;
}

#recruit h1{
	text-align:center;
	margin-bottom:15xp;
}

#recruit h3.contact{
	margin-top:35px;
	text-indent:0.5em;
}

#recruit h3.dai_midashi{
	font-weight:bold;
	color:#F60;
	line-height:130%;
	margin:5px auto -5px;
	font-size:20px;
}

#recruit p.AlignRight{
	text-align:right;
}

#recruit p.life,
#recruit p.work,
#recruit p.seika{
	margin-bottom:1em;
	font-weight:bold;
}

#recruit p.life{
	color:#FE410A;
}

#recruit p.work{color:#125B99;}

#recruit p.seika{color:#12974A;}


#recruit p.line{
	display:block;
	margin:5px 8px 5px;
	padding:5px;
	border-left:#D2B497 solid 10px;
	border-bottom:#D2B497 solid 1px;
	background-color:#F7F2EE;
	letter-spacing: 0.3em;
	color: #333;
}

#recruit p.recruit{
	line-height:140%;
}

#recruit p.left{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	padding:5px;
	line-height:160%;
	background-color:#FFF;
}

#recruit p.small{
	margin:10px 0 5px;
	line-height:160%;
	font-size:11px;
	color:#666;
}

#recruit h3.table-midashi{
	margin-left:18px;
	_margin-left:25px;
	margin-top:0.1em;
	margin-bottom:0.3em;
	text-align:left;
	font-size:120%;
	color:#444;
	font-weight:normal;
}

#recruit img.space1{
	text-align:center;
	margin-top:10px;
	margin-bottom:5px;
}

#recruit img.space2{
	display:block;
	width:553px;
	margin:0 auto 10px;
}

#recruit .hanada,
#recruit .nishijima{
	color:#FF0000;
	font-size:15px;
	font-weight: bold;
}

#recruit .nishijima{
	color:#F60;
}

#recruit .sai{
	color:#0000FF;
	font-size:15px;
	font-weight: bold;
}

#recruit p.caption{
	font-weight:bold;
	color:#F90;
	line-height:130%;
	margin:8px auto 3px;
	font-size:15px;
}

#recruit p.caption_img{
	font-weight:bold;
	color:#F90;
	line-height:130%;
	margin:8px auto 3px;
	font-size:15px;
	background-image:url(shirushi.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	background-position:1% 25%;
}

#recruit h2.caption{
	font-weight:bold;
	color:#F90;
	line-height:160%;
	margin:8px auto 3px;
	font-size:140%;
	text-align:center;
}

#recruit table.dotted_line{
	margin:5px auto;
	border-bottom: dashed #CECECE 1px;
    background-color: #FFF;
}

#recruit table.no_line{
	margin:5px auto;
	border-bottom: 0;
}

#re .voice{
	text-indent:0.5em;
}

#re td.brown{
	background-color:#F8F4F0;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}

#re hr{
	margin:5px auto;
}

#re p.caption{
	font-weight:bold;
	color:#F90;
	text-align:center;
	line-height:150%;
	margin:20px auto;
	font-size:16px;
}

#re p.caption_sub{
	font-weight:bold;
	color:#F90;
	text-align:center;
	line-height:180%;
	margin:15px auto;
	font-size:16px;
}

p.caption_midashi{
	font-weight:bold;
	color:#F90;
	line-height:140%;
	margin:15px auto 3px;
	font-size:16px;
	padding: 0 0 0 5px;
}

p.caption_midashi_note{
	padding:0 5px 5px 5px;
	margin: auto 0 0;
}

#re img.a01{
	margin:20px 5px auto;
	overflow:hidden;
}

#re img.b01{
	margin:5px 8px;
	overflow:hidden;
}

#re img.a02{
	margin:5px auto;
}

#re td{
	font-size:13px;
	line-height: 130%;
}


#seminar table{
	margin:auto;
	text-align:center;
	border:1px solid #999;
	border-collapse:collapse;
	width:555px;
}

#seminar td{
	padding:5px;
	line-height:160%;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	border:1px solid #999;
	color:#666666;
	background-color:#FFF;
}

#seminar th{
	padding:5px;
	text-align:left;
	background-color:#F8F4F0;
	font-weight:normal;
	border:1px solid #999;
	font-size:14px;
}

table#short{
	height:145px;
	border:#CCC 1px solid;
	margin:0 auto 10px;
	width: 390px;
}

table#short td{
	font-size:13px;
	line-height:110%;
}

/**　─────────online用─────────　**/

#online table,
#online td{
	font-size:14px;
	color:#666;
}