/* generals */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {background:#fff url(../images/dot_bg_01.gif) 12px 0 repeat-y;margin:0 0 0 12px;color:#555;font:11px Georgia, "Times New Roman", Times, serif;}
body.home {background:#fff url(../images/dot_bg_woks_02.gif) 12px 0 repeat-y;}
:focus {outline:0;}
ol, ul {list-style:none;}
#ol {float:left;width:960px;}

/* links */
a {color:#555;text-decoration:underline;}
a:hover, .links_information a:hover, li.links_information a:hover, .links_works a:hover, li.links_works a:hover, .links_project a:hover, li.links_project a:hover, .links_archives a:hover, li.links_archives a:hover, .links_blog a:hover, li.links_blog a:hover, .links_contact a:hover, li.links_contact{color:#555;}

/* colors */

.fondo_information {background:#9BD9E8;}
.texto_information, .link_information a:hover, .links_information a {color:#9BD9E8;}
.fondo_works {background:#C45383;}
.texto_works, .link_works a:hover, .links_works a {color:#C45383;}
.fondo_project {background:#075836;}
.texto_project, .link_project a:hover, .links_project a {color:#075836;}
.fondo_archives {background:#305085;}
.texto_archives, .link_archives a:hover, .links_archives a {color:#305085;}
.fondo_blog {background:#F5637C;}
.texto_blog, .link_blog a:hover , .links_blog a {color:#F5637C;}
.fondo_contact {background:#919EC1;}
.texto_contact, .link_contact a:hover, .links_contact a {color:#919EC1;}

li.cts_active a:hover, li.cts_active a {color:#C45383;}

/* header */
#header_bar_01 {float:left;width:192px; height:12px;}
#header_bar_02 {float:left;width:768px; height:12px; background:#ffffff url(../images/dot_bg_woks_01.gif) 0 0 repeat-y;}

#header {float:left;width:960px; height:24px; font:11px "Courier New", Courier, monospace; margin-bottom: 0;}
#header a:hover {color:#999999;}

#header_credit_01 a:hover, #header_credit_02 a:hover {color:#999999}
#header_credit_01 {float:left; width:192px;}
#header_credit_02 {float:left; width:564px; padding-right:204px; text-align:right;}
#header_credit_02 a{color:#555}

/* home contents */
#home_default {float:left;width:960px; height:144px}

#spacer_1 {float:left;width:1px; height:12px; border: 0;}
#ol_2 {float:left;width:960px}

#left {float:left;width: 192px;}
#center {float:left;width: 192px;}
#right {float:left;width: 576px;}

#cts_1 {float:left;width: 192px; height:300px}
#cts_1 li {width: 192px; height: 36px; margin-bottom:12px;}



#cts_1 a {float:left;height:36px}
#cts_1 a.information {width:175px;background:url(../images/cts_information.gif) no-repeat}
#cts_1 a.works {width:97px;background: url(../images/cts_works_a.gif) no-repeat}
#cts_1 a.project {width:104px;background:url(../images/cts_project.gif) no-repeat}
#cts_1 a.archives {width:130px;background: url(../images/cts_archives.gif) no-repeat}
#cts_1 a.blog {width:64px;background:url(../images/cts_blog.gif) no-repeat}
#cts_1 a.contact {width:118px;background:url(../images/cts_contact.gif) no-repeat}


#cts_1 a:hover {background-position: 0 -48px;}

/*top, right, bottom, left */

#home_image_space {float:left;}
.home_image {padding:0 0 0 0; margin-top:12px; margin-left: 12px; margin-right: 12px}
.home_image_section {width:168px; font:11px "Courier New", Courier, monospace; line-height: 16px; margin-left: 12px}
.home_image_text {width:176px;font-size:11px; line-height: 16px; margin-top:32px;}

#cts_2 {froat:left;width:180px; height:300px; padding-left:12px; padding-top: 0}
#cts_2 li{font:16px "Courier New", Courier, monospace; line-height: 24px;}
#cts_2 a{text-decoration:none;}
.cts_active {font-weight:bold;}

/* inside */
#logo {float:left}
#logo a.logo {float:left;width:224px;height:36px;background:url(../images/logo_02.gif) no-repeat; border: 0;}
#logo a:hover {background-position: 0 -48px;}


#spacer_02 {float:left;width:192px; height:12px; border: 0;}

#item {float:left; width: 576px; height:300px; background:url(../images/dot_width.gif) bottom repeat-x;}
#item_image_1 {float:left;width:168px; height:300px; padding-left:12px; padding-right:12px;}
#item_text_1 {float:left;width:384px; height:300px;}

#item_image_2 {float:left;width:168px; height:300px; padding-left:12px; padding-right:12px; margin-top: 12px}
#item_text_2 {float:left;width:384px; height:300px; margin-top: 12px;}

#item_image_3 {float:left;width:168px; height:300px; padding-left:12px; padding-right:12px; margin-top: 12px}
#item_text_3 {float:left;width:384px; height:300px; margin-top: 12px;}

#item_footer {float:left; width:576px; height:12px;}
/* top: 12px ←テキストのline-heightぶん、繰り上げる。*/


.item_text {font:12px "Courier New", Courier, monospace; line-height: 16px;}
.item_text a:hover {color:#999999}

.item_text_2 {font:16px "Courier New", Courier, monospace; line-height: 24px;}
.item_text_2 a:hover {color:#999999}



#credit_1{float:left;width:192px; height:306px; font:11px "Courier New", Courier, monospace; line-height:16px; margin-top: 12px}
/* margin-top: 12px ←テキストのline-heightぶん、繰り上げる。*/

#credit_1 a {text-decoration:underline;}
#credit_1 a:hover{color:#999999;}



/* footer */
#footer {float:left;width:960px; height:24px; font:11px "Courier New", Courier, monospace;padding:0 0 12px;}
#footer a:hover {color:#000;}