*{font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#444;
margin:0;padding:0;border:none;position:relative;list-style:none;}
body{overflow:hidden;margin:0 10px;overflow-y:scroll;}
#fc2_footer{visibility:hidden;}

body{margin-top:6px;background-color:#fafafa;}
#mainTitle{ }
#left-column{float:left;width:210px;}
#left-column iframe{width:200px;height:1000px;}
#wrapper{margin-left:210px;margin-right:30px;}
#mail-form{margin-top:20px;margin-bottom:10px;}

h1{margin-bottom:20px;color:white;font-weight:bold;font-size:20px;font-family:arial,sans-serif;padding:6px 20px;
text-shadow:2px 2px 0px #000,4px 4px 5px #111;
background:url(images/blue-jeans2.gif);
-webkit-margin-before:0.67em;}
h2,h3,h4,h5{padding-left:16px;color:#14345C;font-weight:normal;}
h2{border-bottom:3px solid #14345C;font-size:1.3em;margin:20px 0 10px 0;}
body h2:first-child{margin-top:0;}
h3{border-bottom:1px solid #14345C;font-size:1.0em;margin:12px 0 8px 0;}
h4{border-bottom:1px dotted #14345C;font-size:0.8em;margin:8px 0 4px 0;}
h5{font-size:0.8em;background:url(images/ball.gif) no-repeat left center;margin:6px 0 2px 0;}

p{/*font-size:0.9em;*/ line-height:1.6em;margin:4px 0 0 0;}
p.center{text-align:center;}
p.moduleName{font-size:0.9em;font-weight:bold;margin:10px 0 0 0;}

div.codingText{border:solid thin black;background-color:white;margin:0px;padding:10px;}
pre {white-space:pre-wrap; word-break:break-all;}
b{padding:0;}

.download a, .jump_page a {padding-left:26px; font-size:0.9em;}
.download a:before, .jump_page a:before {content:""; width:20px; height:20px;
position:absolute; left:0; background-size:contain;}
.download a:before {background:url(images/link-arrow.gif) no-repeat;}
.jump_page a:before {background:url(images/jumpPageArrow.png) no-repeat;}

.framed{margin:10px 0;border:1px solid #aaa;padding:8px;}
.indented{margin-left:40px;}
.footnote{font-size:0.8em;line-height:1.3em;margin-left:80px;}
.caption{font-size:0.7em;line-height:1.2em;color:#14345C;margin-top:0;}

.box{margin:4px 0 8px 0;}
.center{}
.left{float:left;margin-right:10px;z-index:2;padding-top:4px;padding-left:2px;}
.right{float:right;margin-left:10px;z-index:2;}
img.center{width:100%;}
.caption{text-align:right;margin-left:8px;}
.left .caption{text-align:left;}

.table{margin:10px 0 10px 20px;}
.table a{text-decoration:none;}
.th, .td{padding:2px 6px;font-size:0.7em;text-align:center;border:1px solid white;}
.th{background:#666;}
.th a{color:white;}
.td{background:#ddd;}
.linkedTh{color:red;}

#slide_box{margin:10px 0;width:100%;overflow:hidden;}
#slide_box .container{border:1px solid #aaa;}
#slide_contents{width:99999px;}
#slide_contents li{padding:10px;float:left;}

#page_name{font-size:0.8em;}
#category_name{color:#FF8604;}
#page_title{color:#244E8F;}
#date{margin-left:20px;font-size:0.8em;font-family: georgia,ssans-serif;}

.page_arrow_box a{text-decoration:none;font-size:0.8em;}
.page_arrow_box a span{margin:0 10px; top:-3px;color:#14345C;}
.column_arrow_box a{text-decoration:none;font-size:0.8em;}
.column_arrow_box a span{margin:0 10px; top:-3px;color:#14345C;}
.prev_arrow, .next_arrow{display:block;width:50%;}
.prev_arrow{float:left;}
.next_arrow{float:right;text-align:right;}

.clearfix {width:100%;}
.clearfix:after {content: ""; display: block; clear: right;}
.clear{width:0;height:0;display:block;clear:both;}

.line_gap{height:20px;}
.line{margin:10px 30px;height:0;border-top:2px solid #93B8E5;border-bottom:1px solid #14345C;}

table.book-list {border-collapse:collapse; font-size:0.8em; line-height:1.4em;}
.book-list tr td {border:1px solid #999; padding:2px 6px;}