@charset "UTF-8";
/* CSS by CTU Co., Ltd. */

/* default */
* {
	margin: 0;
	padding: 0;
	/*font-style: normal;*/
	/*font-weight: normal;*/
	font-size : 100%;
}

body {
	color:#666666;
	font-size: 12pt;
	font-style:normal;
	font-weight:normal;
	/*font-family: "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic Pro", "lroSVbN", Arial, Verdana, Helvetica, sans-serif;*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"lroSVbN",Arial,Verdana,Helvetica,sans-serif;
	text-decoration:none;

	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}

@font-face {
font-family: Arial;
font-weight: bold;
src: local('Arial');
}


/* IE only */
* html body {
	font-size: 100%;
}

img {
	border: none; 
	vertical-align: top;
}

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

td {
vertical-align: top;
}

a {text-decoration: none;}
a:link {color: #999999;}
a:visited {color: #999999;}
a:active {color: #999999;}
/*
a:hover {color: #ff3366;}
*/

.kei {
	background-image: url(../images/kei.png); 
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	line-height: 0px;
	font-size: 0px;
}

h2{
	padding-left:2px;
	padding-bottom:16px;
	font-weight:normal;
}

/* -----for palam----- */
.rel{position: relative;}
.abs{position: absolute;}
.fix{position: fixed;}

.mt5px{margin-top: 5px;}
.mt10px{margin-top: 10px;}
.mt17px{margin-top: 17px;}
.mt18px{margin-top: 18px;}
.mt20px{margin-top: 20px;}
.mt27px{margin-top: 27px;}
.mt47px{margin-top: 47px;}

.ml0px{margin-left: 0px;}
.ml10px{margin-left: 10px;}

.mb5px{margin-bottom: 5px;}
.mb10px{margin-bottom: 10px;}
.mb12px{margin-bottom: 12px;}
.mb15px{margin-bottom: 15px;}
.mb18px{margin-bottom: 18px;}
.mb20px{margin-bottom: 20px;}
.mb30px{margin-bottom: 30px;}

.t10px{top: 10px;}
.l10px{left: 10px;}
.r10px{right: 10px;}
.b0px{bottom: 0px;}

.w140px{width: 140px;}
.w158px{width: 158px;}
.w230px{width: 230px;}
.w265px{width: 265px;}
.w280px{width: 280px;}
.w380px{width: 380px;}
.w400px{width: 400px;}
.w430px{width: 430px;}
.w640px{width: 640px;}

.pt0px{padding-top: 0px;}
.pt2px{padding-top: 2px;}
.pt4px{padding-top: 4px;}
.pt5px{padding-top: 5px;}
.pt6px{padding-top: 6px;}
.pt8px{padding-top: 8px;}
.pt9px{padding-top: 9px;}
.pt10px{padding-top: 10px;}
.pt11px{padding-top: 11px;}
.pt12px{padding-top: 12px;}
.pt13px{padding-top: 13px;}
.pt15px{padding-top: 15px;}
.pt18px{padding-top: 18px;}
.pt20px{padding-top: 20px;}
.pt30px{padding-top: 30px;}

.pl0px{padding-left: 0px;}
.pl2px{padding-left: 2px;}
.pl5px{padding-left: 5px;}
.pl10px{padding-left: 10px;}
.pl20px{padding-left: 20px;}

.pr5px{padding-right: 5px;}
.pr10px{padding-right: 10px;}

.pb1px{padding-bottom: 1px;}
.pb2px{padding-bottom: 2px;}
.pb4px{padding-bottom: 4px;}
.pb6px{padding-bottom: 6px;}
.pb7px{padding-bottom: 7px;}
.pb8px{padding-bottom: 8px;}
.pb10px{padding-bottom: 10px;}
.pb12px{padding-bottom: 12px;}
.pb15px{padding-bottom: 15px;}
.pb17px{padding-bottom: 17px;}
.pb18px{padding-bottom: 18px;}
.pb20px{padding-bottom: 20px;}
.pb30px{padding-bottom: 30px;}
.pb47px{padding-bottom: 47px;}

.bg000000{background-color: #000000;}
.bg333333{background-color: #333333;}
.bg666666{background-color: #666666;}
.bg999999{background-color: #999999;}
.bge6e6e6{background-color: #e6e6e6;}
.bgffffff{background-color: #ffffff;}
.bg0000ff{background-color: #0000ff;}
.bg0000ff{background-color: #0000ff;}
.bg00ff00{background-color: #00ff00;}
.bgf0f0f0{background-color: #f0f0f0;}

.ccccccc{color: #cccccc;}
.cffffff{color: #ffffff;}
.c999999{color: #999999;}
.cff0000{color: #ff0000;}
.c333333{color: #333333;}
.c505050{color: #505050;}
.cff6600{color: #ff6600;}

.lhfs0{line-height: 0px; font-size:0px;}
.margin00{margin: 0px 0px;}
.margincenter{margin: 0px auto;}
.cb{clear: both;}
.fl{float: left;}
.fr{float: right;} 
.ofhide{overflow: hidden;}
.ofauto{overflow: auto;}
.dnone{display: none;}
.vamiddle{vertical-align: middle;}
.vabottom{vertical-align: bottom;}
.tacenter{text-align: center;} 
.taright{text-align: right;} 
.taleft{text-align: left;} 
.nobr{white-space: nowrap;}
.ast{padding-left:1em; text-indent:-1em;}


/* -----for TextSize----- */
.sizeb {font-weight: bold;}
.size1  {font-size: 65%; line-height: 1.4;}
.size1b {font-size: 65%; line-height: 1.4; font-weight: bold;}
.size2  {font-size: 73%; line-height: 1.6;}
.size2b {font-size: 73%; line-height: 1.6; font-weight: bold;}
.size3  {font-size: 85%; line-height: 1.6;}
.size3b {font-size: 85%; line-height: 1.6; font-weight: bold;}
.size4  {font-size: 98%; line-height: 1.6;}
.size4b {font-size: 98%; line-height: 1.6; font-weight: bold;}
.size5  {font-size: 110%; line-height: 1.6;}
.size5b {font-size: 110%; line-height: 1.6; font-weight: bold;}
.size6  {font-size: 141%; line-height: 1.6;}
.size6b {font-size: 141%; line-height: 1.6; font-weight: bold;}


.lh10{line-height: 1.0;}
.lh11{line-height: 1.1;}
.lh12{line-height: 1.2;}
.lh13{line-height: 1.3;}


/* -----for Layout----- */

#i1{display: none;}
#i2{display: none;}
#i3{display: none;}

.center780{
	width: 780px;
	margin: 0px auto;
	background-color: #ffffff;
	text-align:left;
}
.center780c{
	width: 780px;
	margin: 0px auto;
	background-color: #ffffff;
	text-align:center;
}
#header{
	width: 100%;
	height: 170px;
	margin: 0px auto;
	/* background:url(./images/bg.png) repeat-x; */
	background-image: url(../images/bg.png); 
	background-repeat: repeat-x;
	text-align:center;
}

.bread{
	font-size: 65%;
	padding-bottom:15px;
	color:#999;
}
.bread a {text-decoration: none;}
.bread a:link {color: #ff3366;}
.bread a:visited  {color: #ff3366;}
.bread a:active {color: #ff3366;}
.bread a:hover {text-decoration: underline;}


.underl a {color: #ff3366;}
.underl a:link {color: #ff3366;}
.underl a:visited  {color: #ff3366;}
.underl a:active {color: #ff3366;}
.underl a:hover {text-decoration: underline;}

.newsl a:link{color: #666666;}
.newsl a:visited{color: #666666;}
.newsl a:active{color: #666666;}

.news .icon {
	padding-top: 4px;
}
.newsicon .icon {
	padding-top: 4px;
}
* html .newsicon .icon {
	padding-top: 4px;
}
.newsicon .icon a {color: #ff3366;}
.newsicon .icon a:link {color: #ff3366;}
.newsicon .icon a:visited  {color: #ff3366;}
.newsicon .icon a:active {color: #ff3366;}
.newsicon .icon a:hover {text-decoration: underline;}




.box380{
	width: 380px;
	margin-top: 18px;
}
.arialtxt{
	font-family: Arial;
	padding-left:2px;
}
.newtxt{
	display: inline;
	padding-right: 27px;
	/*font-size: 65%; line-height: 1.4;*/
	/*background-color: #003300;*/
	/*background: url(../images/icon_new.gif) no-repeat right bottom;*/

	background-image: url(../images/icon_new.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/*p.newtxt:after { content: url(../images/icon_new.gif); }*/


.arrowtxt{
/*
	display: inline;
	padding-right: 9px;

	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
*/
}
.arrowtxt a {
	display: inline;
	padding-right: 9px;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.arrowtxt a:hover {
	background-image: url(../images/icon_arrow_on.gif);
}

.topinfo{
		text-align:right;
}

.topinfo img{
	margin-left: 5px;
	margin-bottom: 5px;
}

.topblog{
 float:left;
 width:180px;
 margin-right:10px;
}
.topWorks{
 float:left;
 width:180px;
 margin-left:20px;
}

.footer{
	clear: both;
	width: 780px;
	margin: 0px auto;
	background-color: #ffffff;
	color:#999999;
	font-size: 65%;
	text-align:left;
}
.footer img{
	vertical-align: baseline;
}
.llbox{
	float:left;
	width: 230px;
}

.lbox{
	float:left;
	width: 200px;
}
.rbox{
	float:right;
	width: 550px;
}

.lmenu{
	padding-top:5px;
	padding-bottom:6px;
	background-color: #f5f5f5;
	border-bottom: 1px #ffffff solid;
	cursor: pointer;
}
.lmenu p{
	display: inline;
	margin-left:7px;
	padding-left: 9px;
	background-image: url(../images/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	font-size: 65%;
	color:#999999;
}
.lmenu a:hover {
	color:#ffffff;
	background-image: url(../images/menu_arrow_on.gif);
}
.lmenusel{
	padding-top:5px;
	padding-bottom:6px;
	background-color: #ff3366;
	border-bottom: 1px #ffffff solid;
}
.lmenusel p{
	display: inline;
	margin-left:7px;
	padding-left: 9px;
	background-image: url(../images/menu_arrow_on.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	font-size: 65%;
	color:#fff;
}

.leftarrow a{
	display: inline;
	margin-left:12px;
	padding-left: 9px;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
}
.leftarrow a:hover {
	/*color:#ff3300;*/
	background-image: url(../images/icon_arrow_on.gif);
}
.leftarrow0 a{
	display: inline;
	padding-left: 9px;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	color:#666666;
}
.leftarrow0 a:visited {
	color:#666666;
}
.leftarrow0 a:hover {
	/*color:#ff3300;*/
	background-image: url(../images/icon_arrow_on.gif);
}

.larrow{
	display: inline;
	margin-left:0px;
	padding-left: 11px;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

/*
* html td.larrow {
	background-position: left 5px;
}
*/


.pagetop{
	width: 780px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align:right;
}

.pagetop a{
	display: inline;
	margin-left:12px;
	padding-left: 9px;
	background-image: url(../images/up_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	font-size: 65%;
	color:#999999;
}
.pagetop a:hover {
	/*color:#ff3300;*/
	background-image: url(../images/up_arrow_on.gif);
}

.company table {
width:550px;
font-size: 73%;

border-collapse: collapse;
border:0px;

}
.company th {
width:17%;
padding:5px;
border-collapse: collapse;
border:0px;
text-align:left;
font-weight: normal;
}
.company td {
width:83%;
padding:5px;
border-collapse: collapse;
border:0px;
}

.recbox {
	width:376px;
	padding:20px;
	background-color: #f5f5f5;
	border: 2px #dcdcdc solid;
}

.smaptxt {
	padding-bottom: 18px;
	font-size: 73%;
	line-height: 1.1;
	font-weight: bold;
}
.smaptxt a{color: #505050;}
.smaptxt a:visited{color: #505050;}

.imgRoll{
	position:relative;
	margin-bottom:12px;
	cursor: pointer;
}
.waku{
	width:154px;
	height:66px;
	position:absolute;
	top:0px;
	left:0px;
	border: 0px #FF3366 solid;
}
/* IE only */
* html .waku {
	width:158px;
	height:70px;
}

.tImgRoll{
	position:relative;
}
.tWaku{
	width:176px;
	height:66px;
	position:absolute;
	top:0px;
	left:0px;
	border: 0px #FF3366 solid;
}

/* IE only */
/*
* html .tWaku {
	width:178px;
	height:68px;
}
*/


.toppic{
	float:left;
	position:relative;
	width:26px;
	height:16px;
	cursor: pointer;
	margin-left:5px;
}
.topwaku{
	width:26px;
	height:15px;
	position:absolute;
	top:0px;
	left:0px;
	background-color: #000000;
	filter:alpha(opacity=60); /*IE*/
	-moz-opacity:0.60; /*FF*/
	opacity:0.60;
}
.topthum{
	/*width: 98px;*/
	float:right;
	/*background-color: #000000;*/
}


/* ## 採用エントリーフォーム ## */

#verisign					{position:relative; width:900px;}
#verisign_logo				{position:absolute; top:10px; right:20px; width:100px; height:72px;}
dl#recruiting_entryform		{margin:20px 0 0 20px; padding:0 0 20px 0; width:860px; border-bottom:solid 1px #DBDBDB;}
dl#recruiting_entryform dt	{margin:0 0 10px 0; padding:0;}
dl#recruiting_entryform dd	{margin:0; padding:0;}
#recruiting_entry_input		{width:750px; margin-left:20px;}
#recruiting_entry_input th	{font-weight:normal; text-align:left; color:#666633; border-style:solid; border-width:0 8px; border-color:#FFFFFF; width:155px;}
#recruiting_entry_input table td	{padding-top:5px; padding-bottom:5px; padding-left:2px;}
.form_border				{border:solid 1px #7F9DB9;}
.form_head02					{width:750px; border-top:solid 1px #DBDBDB; padding-top:15px;}
.recruiting_entry_submit		{width:750px; border-top:solid 1px #DBDBDB; margin-bottom:30px;}
.recruiting_entry_submit p		{padding:15px 0; text-align:center; color:#FF6600;}
.recruiting_entry_submit div	{text-align:center;}
.recruiting_entry_thk			{margin:13px 0 30px 33px;}
#recruiting_entry_error			{margin:13px 0 20px 13px; width:724px;}
.recruiting_entry_error_title	{background:url(../img/entry/entry_error.gif) left no-repeat; line-height:19px; padding-left:24px; margin-bottom:5px; color:#CC3333; font-weight:bold;}
#recruiting_entry_error_detail	{border:solid 1px #CCCCCC; width:722px;}
.cell_radio01	{/*padding:5px 5px 0 5px;*/}
.cell_radio02	{/*padding:0 5px 5px 5px;*/}



/* ## oparation_guidance ## */
/*
dl.operation01		{margin:25px 0 25px 20px; padding:0 0 25px 0; width:860px; border-bottom:dotted 1px #CCCCCC;}
dl.operation01 dt	{margin:0 0 13px 0; padding:0;}

dl.operation02		{margin:0 0 20px 20px; padding:0; width:860px;}
dl.operation02 dt	{margin:0 0 13px 0; padding:0;}

ol.design_flow		{width:785px; height:39px; margin:0 0 0 20px; padding:0; position:relative;}
ol.design_flow li	{position:absolute; top:0; height:19px;}
li.des01			{width:97px; left:0;}
li.des02			{width:128px; left:97px;}
li.des03			{width:248px; left:225px;}
li.des04			{width:184px; left:473px;}
li.des05			{width:128px; left:657px;}

#operation_des		{width:860px; padding-bottom:5px; margin:0 0 25px 20px; border-bottom:dotted 1px #CCCCCC;}
#operation_des dl	{margin:0 0 15px 0; padding:0;}
#operation_des dt	{margin:0 0 5px 0; padding:0;}
#operation_des dd	{margin:0 0 0 21px; padding:0;}

ol.system_flow		{width:645px; height:39px; margin:0 0 0 20px; padding:0; position:relative;}
ol.system_flow li	{position:absolute; top:0; height:19px;}
li.sys01			{width:97px; left:0;}
li.sys02			{width:145px; left:97px;}
li.sys03			{width:144px; left:242px;}
li.sys04			{width:131px; left:386px;}
li.sys05			{width:128px; left:517px;}

#operation_sys		{width:860px; padding-bottom:30px; margin:0 0 0 20px;}
#operation_sys dl	{margin:0 0 15px 0; padding:0;}
#operation_sys dt	{margin:0 0 5px 0; padding:0;}
#operation_sys dd	{margin:0 0 0 21px; padding:0;}
*/


.gray		{color:#666666;}
.blue		{color:#506699;}
.CCCC99		{color:#CCCC99;}
.CC6633		{color:#CC6633;}
.c666633	{color:#666633;}
.cFF6600	{color:#FF6600;}
.cFF6666	{color:#FF6666;}
.cCCCC99	{color:#CCCC99;}
.cCC3333	{color:#CC3333;}
.cFF9999	{color:#FF9999;}

.sp10		{padding:10px;}
.spl13		{margin-left:13px;}
.spl20		{margin-left:20px;}
.spl33		{margin-left:33px;}
.spt8		{margin-top:8px;}
.spt15		{margin-top:15px;}
.spt20		{margin-top:20px;}
.spt25		{margin-top:25px;}
.sptp25		{padding-top:25px;}
.spb10		{margin-bottom:10px;}
.spb13		{margin-bottom:13px;}
.spb15		{margin-bottom:15px;}
.spb20		{margin-bottom:20px;}
.spb23		{margin-bottom:23px;}

.ie			 		{line-height:21px; margin-bottom:3px; padding-left:23px; background:url(../images/policy/logo_ie.gif)  left center no-repeat;}
.ff			 		{line-height:21px; margin-bottom:3px; padding-left:23px; background:url(../images/policy/logo_ff.gif) left center no-repeat;}
.safari		 		{line-height:21px; margin-bottom:3px; padding-left:23px; background:url(../images/policy/logo_safari.gif) left center no-repeat;}
.ns	 				{line-height:21px; margin-bottom:3px; padding-left:23px; background:url(../images/policy/logo_ns.gif) left center no-repeat;}
.opera				{line-height:21px; margin-bottom:3px; padding-left:23px; background:url(../images/policy/logo_opera.gif) left center no-repeat;}

ol {
list-style-position:inside;
padding-left:1em;
text-indent:-1em;
}

dl {padding-bottom:15px;}

dt,dd {
font-size: 65%; line-height: 1.4;
/*font-size: 73%; line-height: 1.4;*/
}



.sizelist {
border: 1px #cccccc solid;
/*width: 318px;*/
border-collapse: collapse;
} 

.sizelist2 {
border: 1px #cccccc solid;
/*width: 210px;*/
border-collapse: collapse;
} 

.sizecel1 {
border: 1px #cccccc solid;
padding: 8px 5px;
text-align: center;
font-size: 73%;
line-height: 1.6;
} 

.sizecel2 {
border: 1px #cccccc solid;
padding: 8px 5px;
text-align: left;
font-size: 73%;
line-height: 1.6;
}