/* CSS ******************************************************
1.DEFAULT

2.HEADER

3.NAVI

4.SUBNAVI

5.CONTENTS

6.FOOTER

TOPPAGE

BLOG

SITEMAP

FORM

FREE CSS

************************************************************/


/* 1.DEFAULT *******************************************************/
body {
font-family:'Helvetica','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif ;
font-size:80%;
margin:0px;
padding:0px;
color:#333;
text-align:center;
background:#f1f1f1;
background:url(images/bg_ftline.gif) bottom repeat-x;
}

a { color:#990000; text-decoration:none ; }
a:hover { color:#990000; text-decoration:underline; }
a:visited { color:#5e0000 ; text-decoration:none ; }

h2 {
margin:15px 0px 10px 0px;
padding:0px 0px 0px 17px;
font-size:125%;
line-height:38px;
background:url(images/h2.gif) no-repeat;
clear:both;
}

h3 {
margin:15px 0px 10px 10px;
padding:0px 0px 0px 17px;
font-size:110%;
line-height:140%;
background:url(images/h3.gif) no-repeat;
clear:both;
}

p {
margin:0px 0px 12px 5px;
line-height:140%;
letter-spacing:1px;
}

table {
margin:5px 0px 12px 17px;
line-height:140%;
letter-spacing:1px;
font-size:100%;
}
th {
padding:8px 4px;
text-align:left;
vertical-align:top;
border-top:1px dotted #ccc;
}
td {
padding:8px 4px;
vertical-align:top;
border-top:1px dotted #ccc;
}

table.noline {
margin:5px 0px 12px 17px;
line-height:140%;
letter-spacing:1px;
font-size:100%;
}
table.noline th {
padding:8px 4px;
text-align:left;
vertical-align:top;
border-top:1px dotted #fff;
}
table.noline td {
padding:8px 4px;
vertical-align:top;
border-top:1px dotted #fff;
}

ul { margin:0px; padding:0px; }
img { border:none; }
hr { display:none; }


/* 2.HEADER *******************************************************/
div#bgred {
height:250px;
text-align:center;
background:url(images/bg_red.gif) repeat-x;
}

div#visual {
margin:auto;
width:800px; height:250px;
}

div#vsblog1 {
margin:auto;
width:800px; height:250px;
background:url(images/vsblog1.jpg) no-repeat;
}
div#vsblog2 {
margin:auto;
width:800px; height:250px;
background:url(images/vsblog2.jpg) no-repeat;
}
div#vsblog3 {
margin:auto;
width:800px; height:250px;
background:url(images/vsblog3.jpg) no-repeat;
}
div#vsblog4 {
margin:auto;
width:800px; height:250px;
background:url(images/vsblog4.jpg) no-repeat;
}
div#vsblog5 {
margin:auto;
width:800px; height:250px;
background:url(images/vsblog5.jpg) no-repeat;
}


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

a.title {
position:relative;
top:0px; _top:0px; left:20px; _left:-280px;
width:165px; height:238px;
background:url(images/title.jpg) no-repeat;
display:block;
}
*+html a.title {
position:relative;
top:0px; left:-280px;
}


/* 3.NAVI *******************************************************/
div#navi {
height:45px;
text-align:center;
background:url(images/bg_navi.gif) repeat-x;
}
div#navi ul {
margin:auto;
padding-left:8px;
width:800px;
_position:relative; _left:-24px;
}
div#navi li {
float:left;
}

div#navi a { height:46px; display:block; }
a.nv_top { width:100px; background:url(images/nv_top.gif) no-repeat; }
a.nv_top:hover { background-position:0px -46px; }
a.nv_outline { width:100px; background:url(images/nv_outline.gif) no-repeat; }
a.nv_outline:hover { background-position:0px -46px; }
a.nv_service { width:100px; background:url(images/nv_service.gif) no-repeat; }
a.nv_service:hover { background-position:0px -46px; }
a.nv_blog { width:100px; background:url(images/nv_blog.gif) no-repeat; }
a.nv_blog:hover { background-position:0px -46px; }
a.nv_recruit { width:100px; background:url(images/nv_recruit.gif) no-repeat; }
a.nv_recruit:hover { background-position:0px -46px; }
a.nv_access { width:100px; background:url(images/nv_access.gif) no-repeat; }
a.nv_access:hover { background-position:0px -46px; }
a.nv_contact { width:100px; background:url(images/nv_contact.gif) no-repeat; }
a.nv_contact:hover { background-position:0px -46px; }

a.nv_topon { width:100px; background:url(images/nv_top.gif) no-repeat 0px -46px; }
a.nv_outlineon { width:100px; background:url(images/nv_outline.gif) no-repeat 0px -46px; }
a.nv_serviceon { width:100px; background:url(images/nv_service.gif) no-repeat 0px -46px; }
a.nv_blogon { width:100px; background:url(images/nv_blog.gif) no-repeat 0px -46px; }
a.nv_recruiton { width:100px; background:url(images/nv_recruit.gif) no-repeat 0px -46px; }
a.nv_accesson { width:100px; background:url(images/nv_access.gif) no-repeat 0px -46px; }
a.nv_contacton { width:100px; background:url(images/nv_contact.gif) no-repeat 0px -46px; }


/* 4.SUBNAVI *******************************************************/
div#subnavi {
	margin:45px 0px 20px 25px;
	_margin:45px 0px 20px 10px;
	width:170px;
	float:left;
}
div#sbnv_top {
	height:10px;
	_line-height:10px;
	background:url(images/sbnv_top.gif) no-repeat;
}
div#subnavi ul {
	width:170px;
	margin-bottom:30px;
	list-style:none;
	background:#F0F0F0;
}
div#subnavi li {
	margin:0px 10px 5px 10px;
	padding:3px 0px 5px 0px;
}
div#subnavi a { padding-left:20px; }
div#subnavi a:hover { background:url(images/sbnv_on.gif) no-repeat left top; }

div#subnavi p {
	margin:0px;
	padding:3px 0px 3px 8px;
	background:#F0F0F0;
}

div#banners img {
	margin:0px 0px 6px 10px;
	text-align:center;
}


/* 5.CONTENTS *******************************************************/
div#main {
margin:auto;
width:800px;
text-align:left;
clear:both;
background:url(images/bg_main.gif) repeat-y;
}

div#contents {
	margin:10px 0px 0px 20px;
	width:580px;
	float:left;
}

ul.list1 {
margin:5px 0px 8px 35px;
list-style:circle;
}

div#pan {
width:300px;
font-size:90%;
}

div#csearch {
font-size:90%;
position:relative;
top:-20px; _top:-40px; right:5px;
float:right;
_margin-bottom:-40px;
}
*+html div#csearch {
position:relative;
top:-40px;
margin-bottom:-40px;
}
div#nosearch {
font-size:90%;
line-height:23px;
_line-height:15px;
_margin-bottom:-10px;
float:right;
}
*+html div#nosearch {
margin-bottom:-20px;
}

div.text {
margin:10px 15px 20px 10px;
border-bottom:1px dotted #ccc;
clear:both;
}

div#totop {
margin:5px 30px 10px 20px;
text-align:right;
clear:both;
}

/* 6.FOOTER *******************************************************/
div#ft_navi {
width:740px;
margin:40px 0px 0px 30px;
padding:6px 0px;
text-align:center;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

div#ft_link {
margin:20px 0px 0px 0px;
padding-top:6px;
text-align:center;
}
div#footer {
height:62px;
_height:68px;
margin:0px 0px 0px 0px;
padding-top:6px;
text-align:center;
background:url(images/bg_footer.gif) center no-repeat;
_background:url(images/bg_footer.gif) top no-repeat;
clear:both;
}
p.copyright {
margin:23px 0px 0px 0px;
background:url(images/copyright.gif) center no-repeat;
}


/* Top Page *******************************************************/
h2#h2_intro { margin:0px; width:120px; height:45px; background:url(images/h2_intro.gif) no-repeat; float:left; }
h2#h2_press { margin:0px; width:120px; height:45px; background:url(images/h2_press.gif) no-repeat; float:left; }
h2#h2_recruit { margin:0px; width:120px; height:45px; background:url(images/h2_rec.gif) no-repeat; float:left; }
h2#h2_match { margin:0px; width:120px; height:45px; background:url(images/h2_match.gif) no-repeat; float:left; }
h2#h2_blog { margin:0px; width:120px; height:45px; background:url(images/h2_blog.gif) no-repeat; float:left; }
h2#h2_noimg { margin:0px; width:120px; height:45px; background-image:none; float:left; }

h2#h2_search { margin:0px; width:120px; height:45px; background:#fff; float:left; }

div.section {
margin:10px 0px 20px 30px;
clear:both;
}
div.toptext {
width:580px;
margin:5px 20px 0px 25px;
float:left
}
div.toptext ul {
margin:0px 0px 12px 5px;
list-style:none;
}
div.toptext li {
margin-bottom:7px;
padding-bottom:7px;
border-bottom:1px dotted #D0D0D0;
}
li.press p {
margin:7px 0px 0px 5px;
line-height:140%;
letter-spacing:1px;
}


/* BLOG *******************************************************/
h2#comment {
background:url(images/h2_com.gif) no-repeat;
}
h2#trackback {
background:url(images/h2_com.gif) no-repeat;
}


/* SITEMAP *******************************************************/
ul.sitemap {
margin:0px 0px 12px 30px;
list-style:none;
}
li.sm1 {
margin:0px 0px 5px 0px;
font-weight:bold;
}
li.sm2 {
margin:0px 0px 5px 13px;
}


/* FORM *******************************************************/
div#bgred_form {
height:70px;
text-align:center;
background:url(images/bg_red.gif) repeat-x;
}

/* FREE *******************************************************/
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; }

.indent {
text-indent:-1000em;
display:block;
}