/* 基本スタイル */
body,p,td,th {
	font-size:12px;
	line-height:160%;
	color:#333333;
}
ol,ul {margin:0px; padding:0px;}
li {margin-left:2em;}

/* bodyと背景 */
body {
	background-color:#ffffff;
	background-image : url(back_reef.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin:0px;
	padding:0px;
}

#mainbody {
	background-image:url(../img/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#subbody {
	background-image:url(../img/submenu_bg.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#submenu {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#submenu li {
	list-style-type:none;
	margin:15px 0px 15px 10px;
	padding:0px 0px 0px 15px;
	background-image:url(../img/submenu_ic01.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

#submenu li.nowpage {
	list-style-type:none;
	margin:15px 0px 15px 10px;
	padding:0px 0px 0px 15px;
	background-image:url(../img/submenu_ic02.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#336699;
}

#maintable {border-bottom:1px solid #cccccc;}
#footer {font-size:10px; background-color:#eeeeee;}

.datatable {border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.datatable th {text-align:left; font-weight:normal; background-color:#eeeeee; border-left:1px solid #cccccc; border-top:1px solid #cccccc;}
.datatable td { border-left:1px solid #cccccc; border-top:1px solid #cccccc;}

/* フォントサイズとリンクカラー */
.sfont {font-size:10px;}
.lfont {font-size:14px;}
.lh110 {line-height:110%;}
.lh200 {line-height:200%;}


#bread {background-color:#336699; color:#ffffff; padding:5px 10px;}
#bread a:link {color:#ffffff; text-decoration:underline;}
#bread a:visited {color:#ffffff; text-decoration:underline;}
#bread a:hover {color:#cccccc; text-decoration:none;}
#bread a:active {color:#cccccc; text-decoration:none;}

#footer {color:#666666;}
#footer a:link {color:#666666; text-decoration:underline;}
#footer a:visited {color:#666666; text-decoration:underline;}
#footer a:hover {color:#336699; text-decoration:none;}
#footer a:active {color:#336699; text-decoration:none;}

#submenu a:link {color:#666666; text-decoration:none;}
#submenu a:visited {color:#666666; text-decoration:none;}
#submenu a:hover {color:#336699; text-decoration:underline;}
#submenu a:active {color:#336699; text-decoration:underline;}

/* INDEX */
.cnsindex .textcolor {color:#0066cc;}
#whatsnew {background-image:url(../index_img/whatsnew_bg2.gif); background-repeat:repeat-y; background-position:top;}
#whatbg {background-image:url(../index_img/whatsnew_bg.gif); background-repeat:no-repeat; background-position:top; padding:5px 15px;}
#lastupdate {border-bottom:1px solid #cccccc; margin-bottom:5px;}

/* COMPANY */
.cnscompany h3 {background-image:url(../company/company_img/company_titbg.gif); line-height:25px; margin:0em; padding-left:5px; color:#ffffff; font-size:12px; font-weight:normal;}
.cnscompany .textcolor {color:#ff6633;}
.cnscompany a:link {color:#ff6633; text-decoration:none;}
.cnscompany a:visited {color:#ff6633; text-decoration:none;}
.cnscompany a:hover {color:#cc3300; text-decoration:underline;}
.cnscompany a:active {color:#cc3300; text-decoration:underline;}
.pmr30 {margin:0px 0px 30px 30px;}
.pbtable td {padding-top:1em;}
.pbtable .nopt td {padding-top:0em;}
.bgcell {background-image:url(../company/company_img/company_03_tablebg.gif); background-repeat:repeat-y; background-position:top center;}

/* SECURITY */
.cnssecurity h3 {background-image:url(../security/security_img/security_titbg.gif); line-height:25px; margin:0em; padding-left:5px; color:#ffffff; font-size:12px; font-weight:normal;}
.cnssecurity .textcolor {color:#66cc99;}
.cnssecurity a:link {color:#66cc99; text-decoration:none;}
.cnssecurity a:visited {color:#66cc99; text-decoration:none;}
.cnssecurity a:hover {color:#339966; text-decoration:underline;}
.cnssecurity a:active {color:#339966; text-decoration:underline;}

/* SERVICE */
.cnsservice h3 {background-image:url(../service/service_img/service_titbg.gif); line-height:25px; margin:0em; padding-left:5px; color:#ffffff; font-size:12px; font-weight:normal;}
.cnsservice .textcolor {color:#339999;}
.cnsservice a:link {color:#339999; text-decoration:none;}
.cnsservice a:visited {color:#339999; text-decoration:none;}
.cnsservice a:hover {color:#006666; text-decoration:underline;}
.cnsservice a:active {color:#006666; text-decoration:underline;}

/* CASE */
.cnscase h3 {background-image:url(../case/case_img/case_titbg.gif); line-height:25px; margin:0em; padding-left:5px; color:#ffffff; font-size:12px; font-weight:normal;}
.cnscase .textcolor {color:#3399ff;}
.cnscase a:link {color:#3399ff; text-decoration:none;}
.cnscase a:visited {color:#3399ff; text-decoration:none;}
.cnscase a:hover {color:#0066cc; text-decoration:underline;}
.cnscase a:active {color:#0066cc; text-decoration:underline;}

/* NEWS */
.cnsnews .textcolor {color:#9966cc;}
.cnsnews a:link {color:#9966cc; text-decoration:none;}
.cnsnews a:visited {color:#9966cc; text-decoration:none;}
.cnsnews a:hover {color:#663399; text-decoration:underline;}
.cnsnews a:active {color:#663399; text-decoration:underline;}
.cnsnews .date {background-color:#9999cc; color:#ffffff; line-height:12px;}
/* RECRUIT */
.cnsrecruit .textcolor {color:#ff3366;}
.recruittable {padding:5px 5px 0px 5px; background-image:url(../recruit/recruit_img/recruit_index_bg.gif); background-repeat:repeat-y; height:70px;}
.recruittable a {margin-left:10px; padding-left:20px; font-weight:bold; line-height:200%; background-image:url(../recruit/recruit_img/recruit_index_ic01.gif); background-repeat:no-repeat; background-position:0px 1px;}
.recruittable div {margin-left:10px;}
.cnsrecruit a:link {color:#ff3366; text-decoration:none;}
.cnsrecruit a:visited {color:#ff3366; text-decoration:none;}
.cnsrecruit a:hover {color:#cc0033; text-decoration:underline;}
.cnsrecruit a:active {color:#cc0033; text-decoration:underline;}

/* SITEMAP */
.cnssitemap .textcolor {color:#ff3366;}
.cnssitemap #mapmenu {list-style-type:none; margin:1em 0px 0em 0em; padding:0px;}
.cnssitemap #mapmenu li {margin:0px 0px 25px; padding-left:15px; background-image:url(../recruit/recruit_img/recruit_index_ic01.gif); background-repeat:no-repeat; background-position:0px 0px; line-height:11px;}
.cnssitemap a:link {color:#ff3366; text-decoration:none;}
.cnssitemap a:visited {color:#ff3366; text-decoration:none;}
.cnssitemap a:hover {color:#cc0033; text-decoration:underline;}
.cnssitemap a:active {color:#cc0033; text-decoration:underline;}


/* flasharea */
#flash {
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
}

