/*
Theme Name:3カラムのデザイン
Theme URI:http://bluedb.org
Description:simplest 3 column theme
Version:1.0
Author: bluedb.org
Author URI:http://bluedb.org/

This theme is for education purpose.

*/

a img {border:0;}
.clearfix {zoom:1;}
.clearfix:after{content:""; display:block; clear:both;}
.center {text-align:center;}
.IB {display:inline-block;}

a:link {color:#4D4D4D; text-decoration:none;}
a:visited {color:#4d4d4d; text-decoration:none;}
a:hover, a:active {color:#CCCCCC; text-decoration:none;}
body {margin:0; padding:0;}
#page {font-size:12px; width:1000px; margin-right:auto; margin-left:auto; background-color:#FFFFFF;}

#header {float:none;}
#header h1 {margin:0;}
.disp {display:none;}


#body {width:1000px; margin:0; padding:0; font:14px/1.67 "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color:#1a1a1a; font-feature-settings:"pwid"; letter-spacing:.04em;}

#sidebar {float:left; width:150px; margin:0; padding:0;}
#content {/* float:left; */ width:1000px; padding:0; margin:0;}
#sidebar-right {float:left; width:150px; margin:0; padding:0;}
#sidebar ul, #sidebar-right ul {width:135px; margin-top:0; margin-right:0; margin-bottom:0; margin-left:5px; padding:0;}

#sidebar li, #sidebar-right li {list-style-type:none;}

.profTxt {margin:70px 0; text-align:center; font-weight:700; font-size:108%;}
.profTxt {margin:70px auto; text-align:left;}
.mindConcept {text-align:center; margin:80px 0 40px; margin:80px 120px 40px; text-align:left; font-weight:bold; font-size:108%;}
.mindConcept ~ *.exp li {margin-top:.3em;}


/* index.php post*/

#content .post .entry {background-color:#FFFFFF; padding:5px; border:1px #999999 solid; border-width:0 1px 1px 0; margin-top:12px;}
#content .post h2 {margin-bottom:5px;}


#footer {padding:0; width:1000px; margin-top:0; margin-right:0; margin-bottom:40px; margin-left:0;}

#comment {width:470px;}

.widgettitle {font-size:12px; margin:0; padding:0;}
li#calendar {list-style-type:none;}



.bothClear {clear:both; margin:0; padding:0;}
#idxLogo {margin-top:95px; margin-bottom:109px; margin-left:199px; width:200px;}

#page #footer #menu ul {padding:0; margin:0;}
#page #footer #menu li {float:left; list-style-type:none; height:25px; width:163px; margin-right:4px;}
#page #footer #menu .term {margin:0; padding:0;}

#content .credit {margin-left:556px; font-size:9px; margin-bottom:6px; padding-top:6px;}
#content .description {font-size:10px; line-height:15px; color:#333333; text-align:center; margin-top:30px; margin-bottom:35px;}
#page #body #content .profName {width:486px; float:left; font-size:13px; margin-top:56px;}

#content .address {color:#4d4d4d; font-size:12px; clear:both; margin-left:31px;}
#content .address {width:630px; margin:0 auto;}

#content .worksDesc {margin-top:55px; margin-left:72px; margin-bottom:52px;}
#content .worksPhoto {width:897px; margin-right:auto; margin-left:auto; margin-bottom:36px;}
#biz {margin-bottom:50px; margin-top:45px; width:814px; margin-right:auto; margin-left:auto;}


#content .pressBox {width:600px; margin-right:auto; margin-left:auto; margin-top:90px; margin-bottom:85px;}
.pressBox p {font-size:12px; line-height:15px; margin-top:5px; color:#505050;}
.pressBox a:link {color:#006bb5; text-decoration:underline;}
.pressBox a:visited {color:#006bb5; text-decoration:underline;}
#content .top {background:url(common/btn-top.gif) no-repeat left center; margin-left:900px; margin-bottom:10px; padding-left:14px; padding-bottom:0; padding-top:3px;}





#works_menu {margin:0 100px 40px; text-align:right;}
#works_menu dt, #works_menu dd {line-height:1.5em; display:inline; padding:0 .8em; margin:0; zoom:1;}
#works_menu dt {font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#works_menu a {padding:4px 0; zoom:1; vertical-align:bottome; line-height:1em; position:relative; top:4px;}
#works_menu a:hover {border-top:3px #ddd solid; color:#333;}
.active a, a.active {border-top:3px #555 solid; zoom:1;}
.article {margin:0 120px; clear:left;}
.article h1 {font-size:1.4em; margin:0; padding-right:2em; line-height:1.5em; float:left;}
.article h1 a {display:block; font-size:0.7em; font-weight:normal; text-decoration:underline; color:#888;}
.article p {line-height:1.8em; margin:0 0 1.4em; text-indent:1em;}
.works_header {zoom:1;}
.works_header p {border-left:2em #ddd solid; padding-left:1em; text-indent:0; float:left;}
.works_header p span {font-weight:bold; font-size:1.1em;}
.gallery {clear:left; margin:0; padding:30px 0 0; list-style-type:none; list-style-type:none;}
.gallery li {float:left; width:90px; height:70px; margin:0 2px 2px 0; border:1px #ccc solid; overflow:hidden;}
.gallery li a img {margin-top:-20px; margin-left:-30px;}
.gallery li a img.top0 {margin-top:0!important;}
.gallery li a:hover img {filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0,70;}
p.enlarge {clear:left; font-size:0.8em; margin:0 0 20px; color:#888; text-indent:0;}
.backtotop {text-align:right; font-size:0.8em; margin-right:100px;}
.backtotop a {color:#888; border-bottom:1px #888 solid;}

.exp {margin:30px 120px; line-height:1.5em; background:#f2f2f2; padding:10px 18px;}
.exp b {font-size:1.2em; line-height:2em;}
.exp ul {list-style-type:square; margin:0.5em 0; padding:0 2em;}
.article#no6 h1 {width:200px; box-sizing:border-box; padding-right:0;}
.article#no6 h1 + * {width:calc(100% - 200px); box-sizing:border-box;}