@charset "utf-8";

/* ------------------------- TOC 
setup
wrapper
header
gnav
contents
page top
footer
 ------------------------- */

/* ============================== setup */
body { color: #262626; background: #e1dfca url(/common/img/bg_body.gif) repeat-y 0 0; font-size: 12px; font-family: "Helvetica" , Arial , "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #262626; }
a:link,
a:visited { color: #262626; text-decoration: none; }
a:hover { color: #262626; text-decoration: underline; }
a:active { color: #666666; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

p,li,dt,dd { line-height: 1.5; }


/* ============================== wrapper */
#wrapper_outer { padding: 0; background: url(/common/img/bg_wrapper_outer_top_01.gif) no-repeat 320px 0 fixed; width: 1010px; }
#wrapper { width: 910px; text-align: left; padding-left: 50px; background: url(/common/img/bg_wrapper_bottom_01.gif) no-repeat left bottom; }


/* ============================== header */
#header { padding-top: 5px; width: 150px; height: 153px; background: url(/common/img/bg_logo.gif) no-repeat 0 0; }
#header .back_to_home {  }
#header .back_to_home a { display: block; width: 150px; height: 35px; background: url(/common/img/btn_back_to_home.gif) no-repeat 0 0; }
#header .back_to_home a:hover { background-position: 0 -35px; }
#header .logo { margin-top: 51px; }
#header .logo a { display: block; height: 62px; }

/* ============================== gnav */
#gnav { width: 220px; background: url(/common/img/bg_gnav_line.gif) no-repeat 0 0; padding-top: 39px; }
#gnav ul {  }
#gnav ul li { background: url(/common/img/bullet_arrow_01.gif) no-repeat 0 0; }
#gnav ul.last { margin-top: 25px; background: none; }
#gnav li a { display: block; width: 220px; height: 35px; background: url(/common/img/bg_gnav.gif) no-repeat 0 0; }

#gnav li#gnav_seminar a { background-position: 0 0; }
#gnav li#gnav_event a { background-position: -220px 0; }
#gnav li#gnav_project a { background-position: -440px 0; }
#gnav li#gnav_voice a { background-position: -660px 0; }
#gnav li#gnav_news a { background-position: -880px 0; }
#gnav li#gnav_about a { background-position: -1100px 0; }
#gnav li#gnav_access a { background-position: -1320px 0; }
#gnav li#gnav_theme a { background-position: -1540px 0; }

#gnav li#gnav_seminar a:hover,
.seminar #gnav li#gnav_seminar a { background-position: 0 -35px; }
#gnav li#gnav_event a:hover,
.event #gnav li#gnav_event a { background-position: -220px -35px; }
#gnav li#gnav_project a:hover,
.project #gnav li#gnav_project a { background-position: -440px -35px; }
#gnav li#gnav_voice a:hover,
.voice #gnav li#gnav_voice a { background-position: -660px -35px; }
#gnav li#gnav_news a:hover,
.news #gnav li#gnav_news a { background-position: -880px -35px; }
#gnav li#gnav_about a:hover,
.about #gnav li#gnav_about a { background-position: -1100px -35px; }
#gnav li#gnav_access a:hover,
.access #gnav li#gnav_access a { background-position: -1320px -35px; }
#gnav li#gnav_theme a:hover,
.theme #gnav li#gnav_theme a { background-position: -1540px -35px; }

/* ============================== contents */
#contents { width: 910px; }
#main_contents,
#sub_contents { margin-top: 125px; }
#main_contents { width: 640px; float: right; }
#sub_contents { width: 220px; float: left; }


/* main_contents */
#main_contents .heading { margin-left: 50px; }
#main_contents .heading h1 { width: 590px; }
#main_contents .heading .caption { margin-top: 21px; }

#main_contents .inner .first { margin-top: 0; padding-top: 32px; background: none; }
#main_contents .inner { margin-top: 40px; padding-left: 50px; }

#main_contents .article .mc { width: 590px; }
#main_contents .article .lc { width: 170px; }
#main_contents .article .rc { width: 400px; }

#main_contents .article { margin-top: 30px; padding-top: 31px; background: url(/common/img/bg_line_dotted.gif) no-repeat 0 0; }
#main_contents .article .category { margin-bottom: 10px; font-size: 84%; }
#main_contents .article .category img { vertical-align: top; margin-right: 7px; }
#main_contents .article h2 { font-size: 117%; font-weight: bold; color: #333333; line-height: 1.5; }
#main_contents .article .date { margin-top: 24px; font-weight: bold; }
#main_contents .article .lead { margin-top: 9px; }
#main_contents .article .article_more { background: url(/common/img/bullet_arrow_02.gif) no-repeat 0 0.2em; padding-left: 20px; margin-top: 9px; }

#main_contents .article_detail .article_data {  }
#main_contents .article_detail { margin-top: 30px; padding-top: 31px; }
#main_contents .article_detail .category { margin-bottom: 10px; font-size: 84%; }
#main_contents .article_detail .category img { vertical-align: top; margin-right: 7px; }
#main_contents .article_detail h2 { font-size: 117%; font-weight: bold; color: #333333; }
#main_contents .article_detail .date { margin-top: 24px; font-weight: bold; }
#main_contents .article_detail .lead { margin-top: 9px; }

#main_contents .article_detail .section_proposal { margin-top: 60px; }
#main_contents .article_detail .section_proposal dt { font-size: 117%; font-weight: bold; }
#main_contents .article_detail .section_proposal dd { margin-top: 20px; }

#main_contents .article_detail .img_center,
#main_contents .article_detail .img_left,
#main_contents .article_detail .img_right,
#main_contents .article_detail .col_txt { margin-top: 20px; }

#main_contents .article_detail .img_center { text-align: center; }
#main_contents .article_detail .img_left img { float: left; padding-right: 30px; padding-bottom: 30px; }
#main_contents .article_detail .img_right img { float: right; padding-left: 30px; padding-bottom: 30px; }

#main_contents .inner,
#sub_contents .first_section,
#main_contents .page_nav { background: url(/common/img/bg_category_base_line.gif) no-repeat 0 0; }

/* closed */
#main_contents .article div.closed p,
#main_contents .article_detail div.closed p { margin-top: 30px; }
#main_contents .article div.closed p.date,
#main_contents .article_detail div.closed p.date { margin-top: 7px; }

/* flickr_slide */
#main_contents .section_flickr_slide { margin-top: 40px; padding-top: 31px; background: url(/common/img/bg_line_dotted.gif) no-repeat 0 0; }

/* additional data */
#main_contents .article_detail .additional_data { margin-top: 40px; padding: 11px 20px; background: #eeeae9; }
#main_contents .article_detail .additional_data li { font-size: 84%; }
#main_contents .article_detail .additional_data em { font-weight: bold; font-style: normal; }

/* page_nav */
#main_contents .page_nav { margin-top: 60px; padding-top: 40px; margin-left: 50px; width: 170px; }
#main_contents .page_nav .lc { width: 85px }
#main_contents .page_nav .rc { width: 84px; padding-left: 1px; background: url(/common/img/bg_line_dotted_02.gif) repeat-y left top; }

/* bullet_link */
a.links { background: url(/common/img/bullet_arrow_03.gif) no-repeat 0 0.3em; padding-left: 11px; }
a.ex_links { background: url(/common/img/icon_external.gif) no-repeat 0 0.3em; padding-left: 11px; }

/* sub_contents */
#sub_contents .section { width: 220px; margin-top: 50px; }
#sub_contents .first_section { margin-top: 47px; padding-top: 41px; }

#sub_contents .section ul { margin-top: 15px; }
#sub_contents .section ul.bullet_link li { margin-top: 12px; padding-left: 1em; background: url(/common/img/bullet_arrow.gif) no-repeat 0 0.4em; }
#sub_contents .section ul li .first { margin-top: 0; }

#sub_contents .sub_nav_recent_entries h3 { background: url(/common/img/bg_sub_nav_recent_entries.gif) no-repeat 0 0; height: 12px; }
#sub_contents .sub_nav_categories h3 { background: url(/common/img/bg_sub_nav_categories.gif) no-repeat 0 0; height: 13px; }
#sub_contents .sub_nav_archive h3 { background: url(/common/img/bg_sub_nav_archives.gif) no-repeat 0 0; height: 12px; }
#sub_contents .sub_nav_tags h3 { background: url(/common/img/bg_sub_nav_tags.gif) no-repeat 0 0; height: 12px; }
#sub_contents .sub_nav_calendar h3 { background: url(/common/img/bg_sub_nav_calendar.gif) no-repeat 0 0; height: 12px; }
#sub_contents .section h3 { width: 220px; background-color: #5c5c5c; }

#sub_contents .sub_nav_calendar ul { width: 220px; margin-top: 20px; }
#sub_contents .sub_nav_calendar ul li { float: left; line-height: 1; }
#sub_contents .sub_nav_calendar ul li.month { width: 194px; text-align: center; font-weight: bold; }
#sub_contents .sub_nav_calendar ul li.prev,
#sub_contents .sub_nav_calendar ul li.next { width: 13px;}

#sub_contents .sub_nav_calendar .data_table { margin-top: 8px; }
#sub_contents .sub_nav_calendar .data_table table { width: 220px; }
#sub_contents .sub_nav_calendar .data_table table th,
#sub_contents .sub_nav_calendar .data_table table td { width: 16px; text-align: center; padding: 10px 7px; }
#sub_contents .sub_nav_calendar .data_table table tbody td { color: #808080; }

#sub_contents .sub_nav_calendar .data_table table thead .weekday th,
#sub_contents .sub_nav_calendar .data_table table tbody .first td { background: url(/common/img/bg_cal_line.gif) no-repeat center top; }

#sub_contents .sub_nav_calendar .data_table table tbody .last td { background: url(/common/img/bg_cal_line.gif) no-repeat center bottom; }

#sub_contents .sub_nav_calendar .data_table table thead .weekday th.sat,
#sub_contents .sub_nav_calendar .data_table table thead .weekday th.sun,
#sub_contents .sub_nav_calendar .data_table table tbody .first td.sat,
#sub_contents .sub_nav_calendar .data_table table tbody .first td.sun { background: url(/common/img/bg_cal_line_holiday.gif) no-repeat center top; }

#sub_contents .sub_nav_calendar .data_table table .last td.sat,
#sub_contents .sub_nav_calendar .data_table table .last td.sun { background: url(/common/img/bg_cal_line_holiday.gif) no-repeat center bottom; }

#sub_contents .sub_nav_calendar .data_table a { font-weight: bold; text-decoration: underline; }
#sub_contents .sub_nav_calendar .data_table a:hover { font-weight: bold; background-color: #000; color: #fff; }

#sub_contents .sub_nav_tags p { font-size: 92%; margin-top: 20px; }

#sub_contents #mailmag { margin-top: 60px; }

/* ============================== footer */
#footer { width: 640px; padding-left: 270px; padding-bottom: 40px; margin-top: 80px; padding-top: 23px; background: url(/common/img/bg_footer_line.gif) no-repeat 270px 0; }
#footer .footer_nav { width: 590px; margin-left: 50px; }
#footer .footer_nav .lc { width: 257px; }
#footer .footer_nav ul li { padding-left: 20px; display: inline; }
#footer .footer_nav ul li.first { padding-left: 0; }
#footer #copyright { margin-top: 28px; margin-left: 50px; padding-top: 16px; background: url(/common/img/bg_copyright_line.gif) no-repeat 0 0; }

/* page top */
.page_top { width: 74px; }
.page_top a { display: block; background: url(/common/img/btn_back_to_top.gif) no-repeat 0 0;  height: 10px; }
.page_top a:hover { background-position: 0 -10px; }