/* ---------------------------------------------------
01: Setup
02: CSS Hack
03: Base
04: Individual
--------------------------------------------------- */


/* 01: Setup
--------------------------------------------------- */
* { margin: 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; text-align: left; line-height: 1; }
body { color: #333333; font-size: 12px; font-family: "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "MS PGothic", sans-serif; background: #ffffff; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0; }
strong { font-weight: normal; }
em, address { font-style: normal; }
input, button { text-align: center; line-height: normal; }

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

/*
#main a[href^="http:"]:after,
#main a[href^="https:"]:after {
     content:url(../img/icon_external.png);
     vertical-align:middle;
     margin:0 4px;
     }
*/

/* 02: CSS Hack
--------------------------------------------------- */
/* floating box clear */
.clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }


/* 03: Base
--------------------------------------------------- */
#wrapper { width: 950px; margin: 0 auto; }

/* header */
#header { margin-bottom: 15px; }
h1 { width: 615px; height: 28px; margin: 25px 0 35px; }
#header ul { height: 48px; }
#header li { float: left; }
#header a { display: block; height: 48px; }
li#nav_news a { background: url(../img/nav_news.gif) no-repeat 0 0; width: 121px; }
li#nav_about a { background: url(../img/nav_about.gif) no-repeat 0 0; width: 315px; }
li#nav_project a { background: url(../img/nav_project.gif) no-repeat 0 0; width: 195px; }
li#nav_base a { background: url(../img/nav_base.gif) no-repeat 0 0; width: 157px; }
li#nav_staff a { background: url(../img/nav_staff.gif) no-repeat 0 0; width: 160px; }
li#nav_news a:link, li#nav_news a:visited,
li#nav_about a:link, li#nav_about a:visited,
li#nav_project a:link, li#nav_project a:visited,
li#nav_base a:link, li#nav_base a:visited,
li#nav_staff a:link, li#nav_staff a:visited { background-position: 0 0; }
li#nav_news a:hover, li#nav_news a:active,
li#nav_about a:hover, li#nav_about a:active,
li#nav_project a:hover, li#nav_project a:active,
li#nav_base a:hover, li#nav_base a:active,
li#nav_staff a:hover, li#nav_staff a:active { background-position: 0 -48px; }
.news li#nav_news a:link, .news li#nav_news a:visited,
.about li#nav_about a:link, .about li#nav_about a:visited,
.project li#nav_project a:link, .project li#nav_project a:visited,
.base li#nav_base a:link, .base li#nav_base a:visited,
.staff li#nav_staff a:link, .staff li#nav_staff a:visited { background-position: 0 -48px; }

/* bread crumb */
#breadcrumb { padding: 16px 0; background: url(../img/breadcrumb.gif) 0 0 no-repeat; text-transform: uppercase; }
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited { color: #806d5b; }
#breadcrumb a:hover, #breadcrumb a:active { color: #ffffff; background: #f27719; }

/* contents - side */
#side { float: left; width: 200px; }

#side h3 { margin: 5px 0; font-weight: bold; font-size: 15px; border-bottom: 1px #f27719 solid; padding: 10px 0; }
#side ul { margin: 10px 0 25px 0; background: url(../img/subnav_bottom.gif) 0 100% no-repeat; }
#side li { background: url(../img/subnav.gif) 0 0 no-repeat; font-size:1.2em; }
#side li a { display: block; line-height: 1.5; padding: 14px 0 12px 30px; zoom: 1;}
#side li a:hover, #side li.current a, #side li.current_page_item a { color: #f27719; background: #ffffff url(../img/subnav.gif) 0 -100px no-repeat; }
#side li.current-cat a { color: #f27719; background: #ffffff url(../img/subnav.gif) 0 -100px no-repeat; }

/* contents - main */
#main { float: right; width: 710px; }

#main h2 { line-height: 1.5; margin-bottom: 10px; padding: 13px 25px; color: #f27719; font-weight: bold; font-size: 18px; background: url(../img/h1.gif) 0 bottom no-repeat; }
#main h2 a, #main h2 a:link, #main h2 a:visited { line-height: 1.5; color: #f27719; }
#main h2 a:hover, #main h2 a:active { background: #fff; color: #f27719; }
#main .page-content h2, #main .entry-content h2 { margin-bottom: 25px; }
#main h3 { line-height: 2; margin-bottom: 10px; font-weight: bold; font-size: 15px; }
#main h4 { line-height: 2; margin-bottom: 10px; font-weight: bold; font-size: 13px; }
#main h5 { line-height: 2; margin-bottom: 10px; font-weight: bold; font-size: 12px; }
#main h6 { line-height: 2; font-weight: bold; font-size: 12px; }

#main p { line-height: 2; margin-bottom: 3em; }
#main a, #main a:link, #main a:visited { color: #806d5b; line-height: 2; }
#main a:hover, #main a:active { color: #ffffff; background: #f27719; }
#main a img { background: #ffffff; }

p.serif { text-align: right; }
.entry-content p span { line-height: 2; }
strong { line-height: 2; font-weight: bold; }
em { line-height: 2; font-style: italic; }
blockquote { line-height: 2; border: ; border: 1px #cccccc solid; padding: 2em 2em 0 2em; margin-bottom: 3em; }
address { line-height: 2; margin-bottom: 3em; }
pre { line-height: 2; margin-bottom: 3em; overflow:auto; }

.page-content img.alignleft { float: left; margin-bottom: 1em; padding-right: 1em; }
.page-content img.alignright { float: right; margin-bottom: 1em; padding-left: 1em; }
.page-content img.aligncenter { display: block; margin: 0 auto 1em auto; }

.entry-content img.alignleft { float: none; margin-bottom: 1em; }
.entry-content img.alignright { float: none; margin-bottom: 1em; }
.entry-content img.aligncenter { float: none; margin-bottom: 1em; }

#main dl { margin-bottom: 3em; }
dt { line-height: 2; }
dd { line-height: 2; margin: -2em 0 0 8em; }
dd a { line-height: 2; }
#main ul { margin-bottom: 3em; }
#main ul li { line-height: 2; padding-left: 15px; background: url(../img/bullet.gif) 0 0.5em no-repeat; }
#main ul li.second  { margin-left:20px;}
.page-content ol, .entry-content ol { padding-left: 2em; margin-bottom: 3em; }
.page-content ol li, .entry-content ol li { line-height: 2; list-style-type: decimal; }

table { border-top: 1px solid #B4B4B4; border-left: 1px solid #B4B4B4; border-collapse: collapse; margin-bottom: 3em; }
caption { line-height: 1.5; }
th { line-height: 1.5; padding: 2px 6px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; background-color: #F0EEE7; }
td { line-height: 1.5; padding: 2px 6px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; }
table.in { margin-bottom: 0; border-top: 1px solid #B4B4B4; border-left: 1px solid #B4B4B4; border-collapse: collapse; font-size: 100%; }
.in th { padding: 2px 6px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; background-color: #EEEEEE; }
.in td { padding: 2px 6px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4;}

/* footer nav */
#footernav { border-top: 1px #ee6b07 solid; padding: 15px 0; height: 15px; }
#footernav ul { margin-left: 40px; }
#footernav li { float: left; padding-left: 15px; background: url(../img/bullet.gif) 0 0 no-repeat; padding-top: 1px;}
#footernav li a { margin-right: 40px; font-weight: bold; }
#footernav a, #footernav a:link, #footernav a:visited { color: #333333; }
#footernav a:hover, #footernav a:active { color: #999999; text-decoration: underline; }

/* footer */
#footer { padding: 0 15px; background: #eaeaea; height: 80px; }
#footer p { float: left; }
#footer ul { float: left; padding: 20px 35px; }
#footer li { float: left; padding-left: 11px; background: url(../img/bullet2.gif) 0 0 no-repeat; padding-top: 2px;}
#footer li a { margin-right: 15px; }
#footer p.right { float: right; padding-top: 22px; }

/* bottom */
html, body, #wrapper { height: 95%; }
body > #wrapper { height: auto; min-height: 95%; }
#contents { padding-bottom: 100px; }
#bottom { position: relative; clear: both; width: 950px; height: 100px; margin: -100px auto 0 auto; }

/* totop */
.totop { padding-top: 40px;}
.totop a { display: block; float: right; height: 29px; padding: 2px 10px 2px 20px; background: url(../img/totop.gif) 0 0 no-repeat; }


/* 04: Individual
--------------------------------------------------- */
/* home */
.home #contents { margin: 20px 0; }
.latest_news { float: left; width: 335px; padding-right: 40px; }
.latest_blog { float: left; width: 335px; }
.banner { float: right; width: 200px; }
.banner li { line-height: 0; margin-bottom: 5px; }
#slide { width: 950px; height: 360px; overflow: hidden; }
.home dl { margin-top: 15px 0 0 0; }
.home div.all { text-align: right; margin: -35px 36px 0 0; }
.home div.rss { text-align: right; margin-top: -35px; }
.home #contents a, .home #contents a:link, .home #contents a:visited { color: #806d5b; }
.home #contents a:hover, .home #contents a:active { color: #ffffff; background: #f27719; }

/* blog */
.blog .entry-content { margin-top: 25px; }
.blog .entry-content img { padding: 2px; border: 1px #cccccc solid; }
.blog .date { color: #f27719; font-size: ; }
.blog #main p { margin-bottom: 3em; }
.blog .metadata { text-align: right; padding-top: 10px; background: url(../img/dotline.gif) 0 0 no-repeat; }
#comments h3 { margin: 30px 0 15px 0; }
.comment-author, .comment-meta { line-height: 2; }
.fn { font-weight: bold; margin-right: 5px; }
#main .commentlist li.comment { padding: 0; background: none; margin-bottom: 4em; }
#comments #respond p { margin-bottom: 0.5em; }
#comment { font-size: 12px; }
.navigation { margin-top: 30px; width: 710px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

/* error 404 */
.error404 #contents h2 { line-height: 1.5; margin: 100px 0 10px 0; color: #f27719; font-weight: bold; font-size: 18px; }
.error404 #contents p { line-height: 2; margin-bottom: 3em; }
.error404 #contents a, .error404 #contents a:link, .error404 #contents a:visited { color: #806d5b; line-height: 2; }
.error404 #contents a:hover, .error404 #contents a:active { color: #ffffff; background: #f27719; }