/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */
#page { margin: 0 auto; width: 946px; border-bottom:1px solid #f8f8f8;}
.left { float:left; }
.right { float:right; }
strong { color:#1d1d1d;}
.border { border:1px solid #f00; }
.clear { clear:both; }
.maincolor { color:#a70000; }
.vline_dashed {  border-right:dashed 1px #ccc; }
/* Header
-------------------------------------------------------------- */

#header { }
#header #logo { display:block; padding-left:300px; height:78px; background:url(../images/logo.jpg) no-repeat left 0; }
#header #logo span { display:block; line-height:30px; font-size:14px; padding:12px 2px 6px 20px; text-align:right; }
#header #logo span strong { color:#0370ab;}
#header #logo span b { color:#f00; font-size:large;}
/*#header #logo a { display:block; padding:2px 6px; color:#ce0000; }*/
#header #logo h1 div { margin-bottom:16px; font-size:16px;  font-weight:bold; background:url(../images/home_06.jpg) no-repeat 295px 1px; }
#header #logo ul { width:100%; text-align:right; }
#header #logo ul li { float:left; }
#banner { height:180px; margin:6px 0 10px 0; background:url(../images/banner.gif) no-repeat center 0;}

#header .tabs { background:url(../images/main_bg.gif) repeat-x left center; background-color:#fff;  }
#header .tabs li { background:url(../images/main_bg1.gif) left no-repeat; padding:1px 0; padding:2px 0;}
#header .tabs li.first{background:none;}
#header .tabs a { color: #fff; font-weight:bold; display:block; padding:5px 20px; font-size:13px; text-decoration: none;}
#header .tabs a:link,#header .tabs a:visited {background:url(../images/dao_bg11.jpg) no-repeat left center; }
#header .tabs a:active,#header .tabs a:hover {background:url(../images/bg_topmenu_1.gif) repeat-x left center; color:#fff; }


/* index
-------------------------------------------------------------- */

#mainbody { margin: 0;}
#left_navigation { width:260px; padding:1px; border:1px solid #CeCeFF;}
#left_navigation h16 {  font-size:1.25em; margin:0;color:#000; padding:12px 0 2px 1px; }
#left_navigation h6 {  font-size:1em; padding:3px 0 3px 6px;BACKGROUND-IMAGE: url(../images/bg.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px -468px; color:#00f; }
#left_navigation ul { }
#left_navigation ul li { font-size:12px; line-height:2em; text-indent:2em; background:url(../images/bg_small.gif) no-repeat 12px -32px;}
#left_navigation ul li a{ text-decoration:underline; color:#0000CC;}
.index_link_list { width:306px; border:1px solid #CCCCFF; margin:8px 5px;}
.index_link_list h3,#zero_area h3 { BACKGROUND-IMAGE: url(../images/bg.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px -468px; padding:3px 0 8px 6px; color:#0066FF;}
#zero_area h3 { color:#0000CC; padding:1px; vertical-align:middle; border:1px solid #CeCeFF;}
#zero_area img { padding:3px; margin-right:5px;margin-top:5px; float:left; border:1px solid #ccc;}

#zero_area h4 { padding-left:16px; margin:8px 0; background: #f8f8f8 url(../images/bg_small.gif) no-repeat left -273px; border-right:2px solid #f00; border-bottom:1px solid #ccc;}
#zero_area dl dt { margin:6px 0;  padding-left:16px; background:url(../images/bg_small.gif) no-repeat 5px -108px; }
#zero_area dl dt b { color:#FF0000; font-size:1em;}
#zero_area dl dd { padding:6px;border:1px dashed #898989;}

.index_link_list ul li { font-size:12px; line-height:2em; text-indent:1.6em; background:url(../images/bg_small.gif) no-repeat 10px -33px; }

#right_content { margin-left:6px; width:650px; padding:3px 7px;}
#side_guide_faq { width:220px; float:left;}
#business_list_a    { width:420px; float:left; margin-left:10px; }
#business_list_b { width:320px; float:right; }

.tab_middle_ul { border-bottom:1px solid #0000FF; height:22px;margin-bottom:5px; }
.tab_middle_ul ul li { float:left; padding:0 6px; }
.tab_middle { color:#0000FF; }
.tab_middle_current { color:#FF0000; font-weight:bold; }

#optimization {  clear:both;   }
#optimization img { float:left; padding:3px;}
#optimization h2 { color:#a70000; padding-top:3px; background-image:url(../images/seo_bg.gif); }
#optimization h2 span { padding-left:20px; background:url(../images/bg_small.gif) no-repeat 6px -276px; }
#optimization div { width:228px;float:left; border:solid 1px #e0e0e0;}
#googleseo,#companynews,#article { margin-left:10px; }
#optimization li { margin-top:6px; padding-left:26px; background:url(../images/bg_small.gif) no-repeat 15px -108px; }

#links {   clear:both; margin-bottom:0px;border:3px solid #e8e8e8; padding:7px 5px; }

/* subpage
-------------------------------------------------------------- */

#main_body { }
.banner_sub { border-bottom:1px solid #ccc; }
.webdesign_description { line-height:2em;}
#sub_right_content { }
#display_content { width:626px; height:90%; border:1px solid #CCCCFF; margin-top:3px; padding:5px 12px; line-height:2em;}
#display_content h1 { font-size:15px; margin:0;color:#ce0000; padding:12px 0 2px 1px; }
#display_content ul li { font-size:12px; line-height:2em; text-indent:2em; background:url(../images/bg_small.gif) no-repeat 12px -30px; }
#display_content p { padding:0; margin: 10px;}
#display_content a { color:#0000FF; text-decoration:underline;}

.nav { BACKGROUND-IMAGE: url(../images/bg.png); LINE-HEIGHT: 25px; TEXT-INDENT: 12px; TEXT-OVERFLOW: ellipsis; BACKGROUND-REPEAT: no-repeat; WHITE-SPACE: nowrap; BACKGROUND-POSITION: 0px -424px; HEIGHT: 25px; OVERFLOW: hidden; WORD-BREAK: keep-all; width:652px;}

.nav a { color:#000; }
.nav strong { color:#fff; padding-right:1.5em; }

#main_body table {border-collapse:collapse;border:1px solid #999;background:#fff;width:100%;}
#main_body td {padding:5px;line-height:2em;border:1px solid #ccc;}
.spcecial_letter { color:#FF0000; }	
.summary_a_list { margin-top:22px;}
.summary_a_list dd { padding:5px 0;}
.summary_a_list dd a { color:#000033; text-decoration:underline; font-weight:bold;}
.summary { border:1px solid #ccc; margin:3px 0; padding:5px; }

.previous_next_article li { padding:3px 0;}
.previous_next_article a { color:#000033; text-decoration:underline;:}
.backtop { text-align:right;}
.backtop a { color:#f00; font-weight:bold;}
.text_red { color:#f00; font-family:"Courier New", Courier, monospace;}
.h4_highlight { background-color:#f2f2f2; padding:8px 6px; color:#000033;}

.sameness_article li { font-size:12px; line-height:2em; text-indent:2em; background:url(../images/bg_small.gif) no-repeat 12px -105px;}
.sameness_article li span { padding-left:5px; color:#CCCCCC;}
.sameness_article li a { color:#0000FF; text-decoration:underline; padding: 6px;}

/* Footer
-------------------------------------------------------------- */
#friendlink { width:920px; margin:3px; padding:5px; border:1px solid #CeCeFF}
#footer { width:946px; text-align:left; padding-top:10px;background:url(../images/bot_bg.gif) repeat-x left top;}