/* --------------------
common bg
-------------------- */

*{
    margin:0;
    padding:0;
}
html{
    height:100%;
}
body{
	font-family: "Hiragino Kaku Gothic Pro", "・q・・・M・m・p・S Pro W3", "・・・C・・・I", "・l・r ・o・S・V・b・N", sans-serif;
	font-size: 95%;
	background-color: #17263c;
	background-image: url('../../images/common_bg_01.gif');
	background-repeat: repeat-x;
	height:100%;
	width:850px;
	margin:0px auto;
}
div#main{
	background-color: #232323;
	height:100%;
	min-height: 100%;
}
body > #main {
	height: auto;
}


/* --------------------
h
-------------------- */
h1.top {
	display:block;
	margin:0px 0px 0px 0px;
	width:400px;
	height:34px;
	background:url('../../images/common_logo_01.gif');
	background-repeat:no-repeat;
}
h1 span { display:none; }

h1 a {
	display:block;
	margin:0px 0px 0px 0px;
	width:400px;
	height:34px;
	background:url('../../images/common_logo_02.gif');
	background-repeat:no-repeat;
}
h1 span { display:none; }


h2.top {
	display:block;
	margin:0px 0px 0px 0px;
	width:850px;
	height:272px;
	background:url('../../images/top_h2_img.jpg');
	background-repeat:no-repeat;
}
h2 span { display:none; }

h2.about {
	display:block;
	margin:0px 0px 0px 0px;
	width:850px;
	height:150px;
	background:url('../../images/about_h2_img.jpg');
	background-repeat:no-repeat;
}
h2 span { display:none; }

h2.service {
	display:block;
	margin:0px 0px 0px 0px;
	width:850px;
	height:150px;
	background:url('../../images/service_h2_img.jpg');
	background-repeat:no-repeat;
}
h2 span { display:none; }

h2.works {
	display:block;
	margin:0px 0px 0px 0px;
	width:850px;
	height:150px;
	background:url('../../images/works_h2_img.jpg');
	background-repeat:no-repeat;
}
h2 span { display:none; }

h2.member {
	display:block;
	margin:0px 0px 0px 0px;
	width:850px;
	height:150px;
	background:url('../../images/member_h2_img.jpg');
	background-repeat:no-repeat;
}
h2 span { display:none; }

h2.comment {
	display:block;
	margin:0px 0px 0px 0px;
	width:850px;
	height:150px;
	background:url('../../images/comment_h2_img.jpg');
	background-repeat:no-repeat;
}
h2 span { display:none; }

h2.sitemap {
	display:block;
	margin:0px 0px 0px 0px;
	width:850px;
	height:150px;
	background:url('../../images/sitemap_h2_img.jpg');
	background-repeat:no-repeat;
}
h2 span { display:none; }

h2.recruit {
	display:block;
	margin:0px 0px 0px 0px;
	width:850px;
	height:150px;
	background:url('../../images/recruit_h2_img.jpg');
	background-repeat:no-repeat;
}
h2 span { display:none; }

h2.topics {
	display:block;
	margin:0px 0px 0px 0px;
	width:850px;
	height:150px;
	background:url('../../images/topics_h2_img.jpg');
	background-repeat:no-repeat;
}
h2 span { display:none; }

h2.privacy {
	display:block;
	margin:0px 0px 0px 0px;
	width:850px;
	height:150px;
	background:url('../../images/privacy_h2_img.jpg');
	background-repeat:no-repeat;
}
h2 span { display:none; }




h3.about01 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/about_h3_01.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.about02 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/about_h3_02.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.about03 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/about_h3_03.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.about04 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/about_h3_04.gif');
	background-repeat:no-repeat;
}

h3.about05 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/about_h3_05.gif');
	background-repeat:no-repeat;
}

h3 span { display:none; }

h3.service01 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/service_h3_01.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.service02 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/service_h3_02.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.member01 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/member_h3_01.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.comment01 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/comment_h3_01.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.comment02 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/comment_h3_02.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.comment03 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/comment_h3_03.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.comment04 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/comment_h3_04.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.comment05 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/comment_h3_05.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.comment06 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/comment_h3_06.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.comment07 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/comment_h3_07.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.comment08 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/comment_h3_08.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.comment09 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/comment_h3_09.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.topics01 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/topics_h3_01.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.privacy01 {
	display:block;
	margin:0px 0px 0px 0px;
	width:537px;
	height:44px;
	background:url('../../images/privacy_h3_01.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }

h3.kohwaseminar01 {
	display:block;
	margin:0px 0px 0px 0px;
	width:505px;
	height:44px;
	background:url('../../images/kohwaseminar_h3_01.gif');
	background-repeat:no-repeat;
}
h3 span { display:none; }




h4.text01 {
	display:block;
	margin:0px 0px 15px 0px;
	width:525px;
	height:28px;
	background-image:url('../../images/common_md_bg01.gif');
	background-repeat:no-repeat;
	padding-left:12px;
	padding-top:10px;
}



/* --------------------
list
-------------------- */
ul { 
margin: 0 0 0 2em; 
padding: 0; 
}

ol { 
margin: 0 0 0 2em; 
padding: 0; 
}

.Arrow {
list-style-type: disc;
list-style-image: url('../../images/common_point_b01.gif'); 
}



/* --------------------
hr
-------------------- */
hr.hasen {
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #d1d1d1;
	height: 1px;
}

.keireki {
	float: left;
	width: 86px;
}



/* --------------------
text
-------------------- */
.body {
	font-size: 95%;
	line-height:155%;
	color: #333333;
}

.bodyHL {
	font-size: 95%;
	line-height:125%;
	color: #333333;
}

.bodyHH {
	font-size: 95%;
	line-height:170%;
	color: #333333;
}

.bodyW {
	font-size: 95%;
	line-height:155%;
	color:#FFFFFF;
}

.bodyB {
	font-size: 95%;
	line-height:155%;
	font-weight: bold;
	color: #333333;
}

.bodyBG {
	font-size: 95%;
	line-height:155%;
	font-weight: bold;
	color: #25a6a0;
}

.bodyBW {
	font-size: 95%;
	line-height:155%;
	font-weight: bold;
	color: #ffffff;
}

.bodyS {
	font-size: 85%;
	line-height:140%;
	color: #333333;
}

.bodySW {
	font-size: 85%;
	line-height:140%;
	color: #F9F9F9;
}

.titleL {
	font-size: 105%;
	line-height:130%;
	font-weight: bold;
	color: #17263c;
}

.titleLG {
	font-size: 105%;
	line-height:130%;
	font-weight: bold;
	color: #25a6a0;
}

.titleLW {
	font-size: 105%;
	line-height:130%;
	font-weight: bold;
	color: #FFFFFF;
}



/* -----------------------------------------
 Anchor
----------------------------------------- */
a:link {
	color:#8e002b;
	text-decoration:underline;
}
a:visited {
	color:#704350;
	text-decoration:underline;
}
a:active {
	color:#ff0000;
	text-decoration:underline;
}
a:hover {
	color:#ff0000;
	text-decoration:underline;
}


/*GreenLink*/
a.pan:link {
	color: #8e002b;
	text-decoration:none;
}
a.pan:visited {
	color: #8e002b;
	text-decoration:none;
}
a.pan:active {
	color: #ff0000;
	text-decoration:none;
}
a.pan:hover {
	color: #ff0000;
	text-decoration:none;
}


/*BlackLink*/
a.black:link {
	color: #333333;
	text-decoration:none;
}
a.black:visited {
	color: #333333;
	text-decoration:none;
}
a.black:active {
	color: #666666;
	text-decoration:none;
}
a.black:hover {
	color: #666666;
	text-decoration:none;
}


/*WhiteLink*/
a.white:link {
	color: #999999;
	text-decoration:none;
}
a.white:visited {
	color: #999999;
	text-decoration:none;
}
a.white:active {
	color: #cccccc;
	text-decoration:none;
}
a.white:hover {
	color: #cccccc;
	text-decoration:none;
}


/*PureWhiteLink*/
a.pwhite:link {
	color: #cccccc;
	text-decoration:none;

}
a.pwhite:visited {
	color: #cccccc;
	text-decoration:none;

}
a.pwhite:active {
	color: #ffffff;
	text-decoration:none;

}
a.pwhite:hover {
	color: #ffffff;
	text-decoration:none;

}



/* -----------------------------------------
 Menu
----------------------------------------- */
/*Top Menu*/
ul#menu01{
	list-style:none;
	width:815px;
	margin: 0 0 0 0em; 
	padding: 0; 
}
ul#menu01 li{
	list-style:none;
	float:left;
	width:163px;
}
ul#menu01 a{
	display:block;
	width:163px;
	height:48px;
	text-indent:-150px;
	overflow:hidden;
}
a.topabout{
	background-image:url('../../images/top_menu_a.gif');
}
a:hover.topabout{
    background-position:0px -58px;
}
a.topservice{
    background-image:url('../../images/top_menu_b.gif');
}
a:hover.topservice{
    background-position:0px -58px;
}
a.topmember{
    background-image:url('../../images/top_menu_c.gif');
}
a:hover.topmember{
    background-position:0px -58px;
}
a.topworks{
    background-image:url('../../images/top_menu_d.gif');
}
a:hover.topworks{
    background-position:0px -58px;
}
a.topcomment{
    background-image:url('../../images/top_menu_e.gif');
}
a:hover.topcomment{
    background-position:0px -58px;
}
a.toprecruit{
    background-image:url('../../images/top_menu_f.gif');
}
a:hover.toprecruit{
    background-position:0px -58px;
}


/*2nd Menu*/
ul#menu02{
	list-style:none;
	width:815px;
	margin: 0 0 0 0em; 
	padding: 0; 
}
ul#menu02 li{
	list-style:none;
	float:left;
	width:163px;
}
ul#menu02 a{
	display:block;
	width:163px;
	height:48px;
	text-indent:-150px;
	overflow:hidden;
}
a.about{
	background-image:url('../../images/common_menu_a.gif');
}
a:hover.about{
    background-position:0px -58px;
}
a.service{
    background-image:url('../../images/common_menu_b.gif');
}
a:hover.service{
    background-position:0px -58px;
}
a.member{
    background-image:url('../../images/common_menu_c.gif');
}
a:hover.member{
    background-position:0px -58px;
}
a.works{
    background-image:url('../../images/common_menu_d.gif');
}
a:hover.works{
    background-position:0px -58px;
}
a.comment{
    background-image:url('../../images/common_menu_e.gif');
}
a:hover.comment{
    background-position:0px -58px;
}
a.recruit{
    background-image:url('../../images/common_menu_f.gif');
}
a:hover.recruit{
    background-position:0px -58px;
}



/* --------------------
right button
-------------------- */
a.button01{
	display:block;
	padding-left:25px;
	padding-top:8px;
	width:215px;
	height:21px;
	background-image:url('../../images/common_r_btn01.png');
	margin:5px 0px;
	font-size: 95%;
	line-height:110%;
	color: #333333;
	text-decoration:none;
}
a.button01:visited {
	color: #333333;
	text-decoration:none;
}
a.button01:active {
	color: #333333;
	text-decoration:none;
}
a:hover.button01{
	background-image:url('../../images/common_r_btn02.png');
	color: #333333;
	text-decoration:none;
}

.button02{
	display:block;
	padding-left:25px;
	padding-top:8px;
	width:215px;
	height:21px;
	background-image:url('../../images/common_r_btn01.png');
	margin:5px 0px;
	font-size: 95%;
	line-height:110%;
	color: #333333;
}

.button03{
	display:block;
	padding-left:25px;
	padding-top:8px;
	width:215px;
	height:21px;
	background-image:url('../../images/common_r_btn03.png');
	margin:5px 0px;
	font-size: 95%;
	line-height:110%;
	color: #333333;
}


table.sideline {
  border-collapse: collapse;
  border-style: none; /* ・g・・・・*/
  border-color: #d1d1d1; /* ・g・・F */
  border-width: 0px; /* ・g・・・ */
}
tr.sideline {
  background-color: #ffffff; /* ・w・i・・F */
  border-style: solid; /* ・g・・・・*/
  border-color: #d1d1d1; /* ・g・・F */
  border-width: 1px 0px; /* ・g・・・ */
}
td.sideline {
  background-color: #ffffff; /* ・w・i・・F */
  border-style: solid; /* ・g・・・・*/
  border-color: #d1d1d1; /* ・g・・F */
  border-width: 1px 0px; /* ・g・・・ */
}

table.sideline2 {
  border-collapse: collapse;
  border-style: none; /* ・g・・・・*/
  border-color: #d1d1d1; /* ・g・・F */
  border-width: 0px; /* ・g・・・ */
}
tr.sideline2 {
  background-color: #ffffff; /* ・w・i・・F */
  border-style: solid; /* ・g・・・・*/
  border-color: #d1d1d1; /* ・g・・F */
  border-width: 0px 0px 1px 0px; /* ・g・・・ */
}
td.sideline2 {
  background-color: #ffffff; /* ・w・i・・F */
  border-style: solid; /* ・g・・・・*/
  border-color: #d1d1d1; /* ・g・・F */
  border-width: 0px 0px 1px 0px; /* ・g・・・ */
}