* {
margin:0;
padding:0;
font-size:100%;
font-weight:normal;
font-style:normal;
list-style-type:none;
}
body {
background:#E8E8E8 url(common/bodybg.gif);
text-align:center;
font-family:verdana,helvetica;
font-size:13px;
color:#222;
}
img {border:0;}
p {margin:1em 0;}
strong {font-weight:bold;}


a {text-decoration:none;}
a:link {
color:#0000CD;
border-bottom:1px solid #0000CD;
}
a:visited {
color:#0000CD;
border-bottom:1px solid #CCC;
}
a:hover {
color:#DC143C;
border-bottom:1px solid #DC143C;
}

/***** scheme *****/


div#container {
width:700px;
background:#FFF;
margin:0 auto;
}
@media screen {
div#container {
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
}
}
div#top {
position:relative;
height:90px;


}
div#logo {
position:absolute;
top:15px;
left:10px;
}
div#logo a {border-bottom:0;}

div#freedial {
position:absolute;
top:16px;
right:18px;
}

ol#gn {
height:35px;
width:700px;
color:#FFF;
font-size:13px;
position:absolute;
top:55px;
left:0;
background:#000;
}
ol#gn li {display:block; list-style-type:none; float:left;}
ol#gn li a {display:block; color:#FFF; border-bottom:0; padding:12px 0 8px 0;}
ol#gn li span {display:block; padding:12px 0 8px 0;}
li#gn1 {width:96px;}
li#gn2 {width:90px;}
li#gn3 {width:86px;}
li#gn4 {width:83px;}
li#gn5 {width:102px;}
li#gn6 {width:130px;}
li#gn7 {width:113px;}

li#gn1 a:link, li#gn1 a:visited { background:url(common/gn.png) 0 0; }
li#gn1, li#gn1 a:hover, li#gn1 a:active { background:url(common/gn.png) 0 35px; }
li#gn2 a:link, li#gn2 a:visited { background:url(common/gn.png) -96px 0; }
li#gn2, li#gn2 a:hover, li#gn2 a:active { background:url(common/gn.png) -96px 35px; }
li#gn3 a:link, li#gn3 a:visited { background:url(common/gn.png) -186px 0; }
li#gn3, li#gn3 a:hover, li#gn3 a:active { background:url(common/gn.png) -186px 35px; }
li#gn4 a:link, li#gn4 a:visited { background:url(common/gn.png) -272px 0; }
li#gn4, li#gn4 a:hover, li#gn4 a:active { background:url(common/gn.png) -272px 35px; }
li#gn5 a:link, li#gn5 a:visited { background:url(common/gn.png) -355px 0; }
li#gn5, li#gn5 a:hover, li#gn5 a:active { background:url(common/gn.png) -355px 35px; }
li#gn6 a:link, li#gn6 a:visited { background:url(common/gn.png) -457px 0; }
li#gn6, li#gn6 a:hover, li#gn6 a:active { background:url(common/gn.png) -457px 35px; }
li#gn7 a:link, li#gn7 a:visited { background:url(common/gn.png) -587px 0; }
li#gn7, li#gn7 a:hover, li#gn7 a:active { background:url(common/gn.png) -587px 35px; }

div#navi {
float:left;
width:168px;
padding-top:15px;
text-align:left;
font-size:12px;
}
div#navi ul {margin:0 0 20px 10px;}
div#navi ul li {margin:1px 0; line-height:2.2;}
div#navi li span {
display:block;
width:168px;
text-indent:20px;
text-decoration:none;
background:url(common/h2bg.gif) center repeat-x;
color:#444;
}
div#navi li strong {
display:block;
width:166px;
padding:6px 0;
text-indent:5px;
text-decoration:none;
background:#F8F8F8;
border-left:3px solid #AAA;
}
div#navi li a {
display:block;
width:166px;
text-indent:20px;
border-bottom:0px;
background:#F8F8F8 url(common/navi_off.gif) 5px 7px no-repeat;
border-left:2px solid #DDD;
color:#333;
}
div#navi li a:hover {
border-left:2px solid #DDD;
background:#E5E5E5 url(common/navi_on.gif) 5px 7px no-repeat;
}
div#navi_trial {
margin:0 0 0 10px;
}
div#navi_trial a {
border-bottom:0;
font-size:10px;
line-height:1.5;
}

div#footer {
clear:both;
margin-top:20px;
padding:15px;
font:10px verdana, arial;
text-align:left;
line-height:1.5;
background:#F3F3F3;
color:#666;
border-top:2px solid #EEE;
}


div#contents-home,
div#contents {
width:500px;
float:right;
margin-right:10px;
padding:10px 0 0 0;
text-align:justify;
text-justify:inter-ideograph;
line-height:1.6;
}

* html body div#contents-home,
* html body div#contents {
margin-right:5px;
}

div#contents h2 {
background: #e5ebf3 url(common/h2bg.gif) 0 center repeat-x;
border-left:3px solid  #a4b1fb;
text-indent:7px;
font-size:15px;
margin:1em 0;
}
div#contents h2 a {display:block; color:#444; border-bottom:0;}
div#contents h2 a:hover {background: #d4e0e5 url(common/h2bgon.gif) 0 center repeat-x;}

div#contents h3 {
font-weight:bold;
color:#666 ;
border-left:5px solid #d73f6b;
border-bottom:1px solid #d73f6b;
padding-left:8px;
background:url(common/h3bg.gif) right center no-repeat;
margin:1em 0;
}

/********** classes **********/

.wmax {width:480px;}
.blue {color:#00F;}
.gray {color:#888;}
.bold {font-weight:bold;}
.small {font-size:x-small;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.clear {clear:both;line-height:0;}
.middle {vertical-align:middle;}

.hidden {display:none;}
.novisible {visibility:hidden;}
.space1 {margin:10px 0;}
.box1 {margin:10px;}

.imgLeft {margin:5px 10px 10px 0; float:left;}
.imgRight {margin:5px 0 10px 10px; float:right;}
.imgbox1 {
padding:4px;
background:#FFF;
border-top:1px solid #EEE;
border-left:1px solid #EEE;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
}
.imgbox2 {
padding:4px;
background:#F3F3F3;
border-top:1px solid #EEE;
border-left:1px solid #EEE;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
}

ul.ul1 {}
ul.ul1 li {
padding-left:15px;
background:url(common/go.gif) 1px 0.6em no-repeat;
}
ol.ol1 {padding-left:25px;}
ol.ol1 li {list-style-type:decimal;}

ul.ul2 {}
ul.ul2 li {
padding-left:15px;
background:url(common/go2.gif) 1px 0.6em no-repeat;
}

table.table1 {
border-collapse:collapse;
border:1px solid #DDD;
}
table.table1 th {
border:1px solid #DDD;
background:#F5F5F5 url(common/thbg.png) repeat-x;
padding:2px 3px;
}
table.table1 td {
border:1px solid #DDD;
padding:2px 3px;
}
.td1 {

background:#F5F5F5 url(common/thbg.png) no-repeat;
}
.td2 {
background:#EEE ;
}
.go {
background:url(common/go.gif) center left no-repeat;
padding-left:13px;
}
.new {
font-weight:bold;
color:#d71d88;
}
.input1 {
border:1px solid #CCC;
width:250px;
height:18px;
line-height:18px;
}
.input2 {
border:1px solid #CCC;
width:350px;
height:110px;
line-height:16px;
}

/********** home **********/


div#home_intro {
width:700px;
padding-bottom:5px;
}

/*** current_news ***/

div#home_news {
padding-top:5px;
margin:0 0 10px;
}
div#home_news h2 {
background:url(common/h2bg.gif) center repeat-x;
margin:0 0 10px;
color:#444;
text-indent:8px;
line-height:1.9;
}
div#home_news h3 {
margin:0 10px 0 0;
display:inline;
font-size:13px;
}
div#home_news div {
line-height:1.5;
margin:10px 3px;
font-size:10px;
border:1px dotted #DDD;
padding:2px 5px;
background:#F5F5F5 url(image/home_news_bg.gif) repeat-x;
}
div#home_news div:hover {border:1px dotted #AAA;}

div#home_news ul {
font-size:10px;
clear:both;
border-top:1px solid #EEE;
background:#F8F8F8;
margin:0 3px;
}
div#home_news ul li {
border-bottom:1px solid #EEE;
}
div#home_news ul li a {
padding:0 5px 0 20px;
background:url(common/go.gif) 5px center no-repeat;
display:block;
border:0;
line-height:2;
}
div#home_news ul li a:hover {background:url(common/go.gif) 6px center no-repeat;}
div#home_news ul li em {margin-right:20px;color:#333;}

* html body div#home_news ul li a {
display:inline;
background:url(common/go.gif) 5px center no-repeat;
}



div#home_campaign {
margin:20px 3px 5px;
font-size:10px;
}

div#home_inquiry {
padding:15px 0 0;
}
div#home_inquiry h2 {
background:url(common/h2bg.gif) center repeat-x;
margin:0 0 10px;
color:#444;
text-indent:8px;
line-height:1.9;
}
div#home_inquiry table {
background:#F5F5F5 url(common/slashbg1.gif);
margin:0 5px;
border-collapse:collapse;
}
div#home_inquiry table th {
width:100px;
border-top:1px solid #FFF;
text-align:center;
padding:5px;
font-size:13px;
}
div#home_inquiry table td {
background:#F8F8F8;
width:370px;
padding:5px;
border-top:1px solid #EEE;
}
th#dtmsg {
letter-spacing:0.5em;
}
div#home_inquiry ul {
margin:10px 0;
}
div#home_inquiry ul li {
background: url(common/go.gif) 0 5px no-repeat;
padding-left:15px;
margin-left:5px;
font-size:10px;
}

/********** rectuit/index **********/

div#recruit_policy,
div#privacy_support {
background:#F5F5F5 url(common/slashbg1.gif) 0 0 repeat-x;
border:1px solid #DDD;
margin:10px;
}

div#recruit_policy ul,
div#privacy_support ul {
padding:12px 10px 15px;
background:url(common/slashbg1.gif) 0 bottom repeat-x;
}
div#recruit_policy ul li,
div#privacy_support ul li {
background:url(common/go.gif) 1px 0.6em no-repeat;
padding-left:15px;
}

/***** service/price *****/


table.price_basic {
border-collapse:collapse;
border:1px solid #DDD;
font-size:90%;
width:480px;
margin:10px;
}
table.price_basic th {
border:1px solid #DDD;
background:#EEE url(common/thbg.png) repeat-x;
padding:3px;
font-weight:bold;
}
table.price_basic td {
border:1px solid #DDD;
padding:3px;
}
tr.tr1 {background:#F5F5F5;}


/********** secretary **********/

dl#sec_image {margin:0 10px;}
dl#sec_image dt img {max-width:120px;}
dl#sec_image dt {
clear:both;
float:left;
}
dl#sec_image dd {
float:left;
width:350px;
height:80px;
margin:0 0 5px 10px;
background:#EEE url(common/slashbg1.gif) right repeat-y;
}
dl#sec_image dd p {
margin:0;
padding:8px;
}

/********** faq **********/

dl.dl_faq {
margin:10px 10px 20px 0;
}
dl.dl_faq dt {
background:url(image/img_faq01.png) 0 2px no-repeat;
padding:0 0 2px 30px;
margin-top:1em;
color: #c50f36;
}
dl.dl_faq dd {
background:url(image/img_faq02.png) 0 2px no-repeat;
padding:0 0 1em 30px;
border-bottom:1px dotted #AAA;
}

/********** news **********/

div.news_list {margin:0 6px;}
div.news_list ul {
font-size:11px;
clear:both;
border-top:1px solid #EEE;
background:#F8F8F8;
margin-top:10px;
}
div.news_list ul li {
border-bottom:1px solid #EEE;
}
div.news_list ul li a {
padding:0 5px 0 20px;
background:url(common/go.gif) 5px center no-repeat;
line-height:2;
display:block;
border:0;
}
div.news_list ul li a:hover {background:#F1F1F1 url(common/go.gif) 6px center no-repeat;}
div.news_list ul li em {margin-right:20px; color:#333;}

* html body div.news_list ul li a {
display:inline;
background:url(common/go.gif) 5px center no-repeat;
}


div.news_text {clear:both;}
div.news_lead {clear:both; padding-bottom:2px;}

div.news_lead h2,
div.news_text h2 {font-size:15px;}

div.news_body {margin:0 10px;}
div.news_state {
margin:0 10px;
font-size:11px;
color:#d7003a;
padding-left:12px;
background:url(common/go.gif) 0 0.5em no-repeat;
clear:both;
}
div.news_state a {
margin-left:10px;
/*
background:url(common/go.gif) right 2px no-repeat;
padding-right:12px;
*/
}

span.news_date {
padding:0 5px 5px 15px;
background:url(common/navi_on.gif) 1px 3px no-repeat;
height:10px;
color:#ff8c00;
}
span.news_poster {}

div.news_lead p {
margin:5px 0;
}
div.news_lead img {
max-width:65px;
max-height:65px;
}

div#news_navi {
clear:both;
text-align:center;
padding:40px 0 10px;
}
div#news_navi a {
padding:2px 6px;
text-decoration:none;
border:2px solid #DDD;
background:#F5F5F5;
}
div#news_navi a:hover {
border:2px solid #AAA;
background:#EEE;
}
div#news_navi span {
font-weight:bold;
padding:2px 6px;
border:2px solid #AAA;
background:#EEE;
}
li#news_navi2_1 {
float:left;
width:230px;
}
li#news_navi2_2 {
float:right;
width:230px;
text-align:right;
}