@charset "utf-8";

/* ------------------------- TOC 
setup
wrap around the contents
header
site navigation
common sub navigation
contents
page top
footer
 ------------------------- */

/* ============================== setup */
body { color: #333; background-color: #fff; font-size: 12px; font-family: Verdana, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #000; text-decoration: none; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover, a:active { color: #999; text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

.link_icon { display: inline-block; vertical-align: middle; }
.azt a span.pict { width: 17px; height:auto !important; height: 13px; min-height: 13px; background: url(../img/icon_report.gif) no-repeat 5px 0; }


/* ============================== wrap around the contents */
*{ margin:0; padding:0; }

body { background: #dfe2e2 url(../img/bg_body.png) repeat-x; text-align: left; }
#wrapper { width: 980px; margin:0 auto; text-align: left; position:relative }
#wrapper_inner {  }

.langbtn {
	position: absolute;
	top: 12px;
	right: 7px; 
}

/* ============================== site navigation */

/*menu*/
#home #menu { margin-top:10px; width: 210px; height: 206px; background: url(../../img/bg_menu.gif); }
#home #menu ul { padding: 6px 0 0 6px; }
#home #menu li { margin-bottom: 1px; }
#home #menu li img { vertical-align:bottom; }

/*g_nav*/
.azt #nav { margin-top:10px; width: 210px; height: 206px; background: url(../../img/bg_menu.gif); }
.azt #nav ul { padding: 6px 0 0 6px; }
.azt #nav li { margin-bottom: 1px; width: 198px; }
.azt #nav li a { display: block; background-image: url(../img/nav.gif); width: 198px; height: 38px; }
.azt #nav li#nav_concept a { background-position: 0 -38px; }
.azt #nav li#nav_news a { background-position: -198px -38px; }
.azt #nav li#nav_event a { background-position: -396px -38px; }
.azt #nav li#nav_report a { background-position: -594px -38px; }
.azt #nav li#nav_member a { background-position: -792px -38px; }
.azt #nav li#nav_concept a:hover { background-position: 0 -76px; }
.azt #nav li#nav_news a:hover { background-position: -198px -76px; }
.azt #nav li#nav_event a:hover { background-position: -396px -76px; }
.azt #nav li#nav_report a:hover { background-position: -594px -76px; }
.azt #nav li#nav_member a:hover { background-position: -792px -76px; }
#concept #nav li#nav_concept a { background-position: 0 -76px; }
#news #nav li#nav_news a { background-position: -198px -76px; }
#event #nav li#nav_event a { background-position: -396px -76px; }
#report #nav li#nav_report a { background-position: -594px -76px; }
#member #nav li#nav_member a { background-position: -792px -76px; }

.azt #nav li#nav_concept { background-image: url(../img/nav.gif); background-position: 0 0; height: 38px; }
.azt #nav li#nav_event { background-image: url(../img/nav.gif); background-position: -396px 0; height: 38px; }
.azt #nav li#nav_member { background-image: url(../img/nav.gif); background-position: -792 0; height: 38px; }

/* ============================== common sub navigation */

/* ============================== contents */
.azt #contents .ls { width: 210px; }
.azt #contents .ls #logo { margin-bottom: 10px; }
.azt #contents .ls #nav { margin-bottom: 10px; }
.azt #contents .ls .outside { border-top: 6px solid #ccc; margin-top:10px; padding-bottom: 6px; width: 210px; background: url(../img/bg_ls.gif) no-repeat left bottom; }
.azt #contents .ls .outside h3 { margin: 10px 0 15px 6px; }
.azt #contents .ls #photos .ph { margin-left: 49px; padding-bottom: 15px; }
.azt #contents .ls #twitter .tweet { margin-left: 6px; word-wrap: break-word; }
.azt #contents .ls #movies .ph { margin-left: 51px; padding-bottom: 15px; }

.azt #contents .rs { width: 750px; margin-top: 20px; }
.azt .rs .mc { background: url(../img/bg_maincol.gif) left top repeat-y; }
.azt #hierarchy a { text-decoration: underline; }
.azt #maincol { width: 464px; margin-left: 26px; }

.azt #maincol .list { background: url(../img/dotline.gif) left bottom repeat-x; }
.azt #maincol .list .flg { margin-bottom: 5px; }
.azt #maincol .list h2 { margin-bottom: 13px; font-size: 166%; font-weight: bold; background: url(../img/dotline.gif) left bottom repeat-x; padding-bottom: 10px; line-height: 1.6em; }
.azt #maincol .list dl { padding: 15px 0; background: url(../img/dotline.gif) left top repeat-x; }
.azt #maincol .list dl#first { padding-top: 0; background: none }
.azt #maincol .list .date { background: url(../img/arrow_ahd.gif) no-repeat 0 1px; padding-left: 15px; padding-bottom: 0.3em; height: auto !important; height: 12px; min-height: 12px; }
.azt #maincol .list .title { padding-left: 15px; line-height: 1.5em; }

.azt #maincol .entry { padding-bottom: 20px; background: url(../img/dotline.gif) left bottom repeat-x; }
.azt #maincol .entry h2 { background: url(../img/bg_h2.gif) left top no-repeat; padding-left: 60px; margin-bottom: 5px; height: auto !important; height: 55px; min-height: 55px; font-size: 117%; font-weight: bold; line-height: 1.8em; }
.azt #maincol .entry_header { background: url(../img/dotline.gif) left top repeat-x; padding-top: 10px; }
.azt #maincol .entry_header .date { float: left; font-size: 84%; }
.azt #maincol .entry_header .tags { float: right; font-size: 84%; width: 200px; text-align: right; }

.azt #maincol .entry_body { margin-left: 10px; margin-top: 40px; }
.azt #maincol .entry_body img { border: 6px solid #ccc; }
.azt #maincol .entry_body p { font-size: 117%; line-height: 1.8em; padding-bottom: 1.5em; }
.azt #maincol .entry_body big { font-weight: bold; font-size: 134%; line-height: 2em; }
.azt #maincol .entry_body .img_left { float: left; margin: 0 10px 5px 0; }
.azt #maincol .entry_body u { font-size: 84%; line-height: 1.3em; padding-bottom: 0; font-style: italic; color: #666; text-decoration: none; }
.azt #maincol .entry_body img { margin-bottom: 5px; }
.azt #maincol .entry_body #author p { font-size: 100%; margin-bottom: 0px; color: #666; font-weight: bold; line-height: 1.5em; }

.azt #maincol .related_link { background: #f0f0f0; padding: 20px 20px 10px 20px; margin-right: 10px; }
.azt #maincol .related_link li { font-size: 84%; background: url(../img/arrow_ahd.gif) no-repeat 0 1px; padding-left: 15px; margin-bottom: 10px; height: auto !important; height: 12px; min-height: 12px; }

.azt #maincol .pager { margin-top: 10px; margin-bottom: 30px; }
.azt #maincol .pager li { height: auto !important; height: 12px; min-height: 12px; }
.azt #maincol .pager li#pager_prev { float: left; font-size: 84%; background: url(../img/arrow_rev.gif) no-repeat 0 1px; padding-left: 15px; }
.azt #maincol .pager li#pager_next { float: right; font-size: 84%; background: url(../img/arrow_ahd.gif) no-repeat right 1px; padding-right: 15px; }

.azt #maincol .entry_page_top p { text-align: right; }

.azt #subcol { width: 180px; margin-right: 26px;}
.azt #subcol h3 { margin-bottom: 15px; }
.azt #subcol ol { margin: 0 10px 30px 10px; }
.azt #subcol li { font-size: 84%; background: url(../img/arrow_ahd.gif) no-repeat 0 1px; padding-left: 15px; padding-bottom: 0.5em; margin-bottom: 10px; height: auto !important; height: 12px; min-height: 12px; }

.azt #subcol #calendar { margin-bottom: 30px; }
.azt #subcol #calendar table { border-collapse: collapse; margin:0 auto; }
.azt #subcol #calendar caption { font-weight: bold; padding-bottom: 5px; }
.azt #subcol #calendar th, .azt #subcol #calendar td { font-size: 84%; text-align: center; padding: 5px; }
.azt #subcol #calendar th { font-weight: bold; }
.azt #subcol #calendar ul { margin-bottom: 10px; }
.azt #subcol #calendar li { float: left; background:none; padding: 0; margin: 0; }
.azt #subcol #calendar li#month { width: 158px; font-weight: bold; font-size: 100%; text-align: center; }
.azt #subcol #calendar li#month_prev { width: 11px; padding-top: 2px; }
.azt #subcol #calendar li#month_next { width: 11px; padding-top: 2px; }

.azt #subcol .rank-1 { font-size: 1.75em; }
.azt #subcol .rank-2 { font-size: 1.75em; }
.azt #subcol .rank-3 { font-size: 1.625em; }
.azt #subcol .rank-4 { font-size: 1.5em; }
.azt #subcol .rank-5 { font-size: 1.375em; }
.azt #subcol .rank-6 { font-size: 1.25em; }
.azt #subcol .rank-7 { font-size: 1.125em; }
.azt #subcol .rank-8 { font-size: 1em; }
.azt #subcol .rank-9 { font-size: 0.95em; }
.azt #subcol .rank-10 { font-size: 0.9em; }

/* ============================== page top */
#page_top { width: 100%; height: 134px; background: url(../img/bg_pagetop_base.gif) repeat-x; margin-top: 30px; }
#page_top p { width: 980px; height: 134px; margin:0 auto; text-align: right; background: url(../img/bg_pagetop.gif) no-repeat; }
#page_top p img { margin-top: 87px; }

/* ============================== footer */
#footer { width: 100%; height: 100%; background: #000; padding-bottom: 20px; }
#footer .mc { width: 980px; margin:0 auto; text-align: left; }
#footer p { margin-bottom: 10px; }
#footer #nav_sub { text-align: right; height: 13px; }
#footer #nav_sub li { float: left; }
/*#footer #nav_sub li img { vertical-align:bottom; }*/
#footer #nav_sub li.dev { margin: 0 10px; }