@charset "utf-8";
/* CSS Document */
body{
}
a,a:link,a:visited{text-decoration:underline;color:#111111;}
a:hover{ text-decoration:none; color:#2a64be;}
a:active{ text-decoration:underline; color:#2a64be;}

#container{ width:740px; background-color:#fff; }
#container .innerBox{padding:15px 20px 10px 20px}


#title .typetag,.title .typetag{ background:url(../img/contents_typetag_bg.gif) repeat-x left bottom; position:relative; top:0; left:0; height:27px; width:700px; margin-top:19px;}/*ブルーのライン*/
#title h2,.title h2{height:20px; position:absolute; top:0; left:0}/*タグ*/

.tsch_title{ background:url(../img/contents_typetag_bg.gif) repeat-x left bottom; position:relative; top:0; left:0; height:27px; width:524px; margin-top:19px;}/*ブルーのライン*/
.tsch_title h2{height:20px; position:absolute; top:0; left:0}/*タグ*/



.author_title{font-size:77%; margin-bottom:3px}
.author_name{ font-size:108%; font-weight:bold; letter-spacing: 0.1em;}



#contents{margin-top:10px;}
#maincontents{ width:524px; float:left}/*左側メインコンテンツ*/

#maincontents .txt{font-size:108%; line-height:1.8; letter-spacing:0.1em; margin-bottom:25px; padding:0 15px; text-align:left}
#maincontents h4{ font-size:116%; font-weight:bold; margin-bottom:15px; }

.attentionBox{ background:#F4F4F4; padding:15px; margin:10px auto; text-align:center}
.alart{ font-size:138.5%; color:#990000; }
.alart a,.alart a:link,alart a:visited{ font-size:108%; color:#990000; text-decoration:underline}
.alart a:hover{text-decoration:none}

.columnBox{font-size:108%; line-height:1.8; letter-spacing:0.1em; padding:15px 0; margin:10px auto;}

div.pagenavi{ position:relative; top:-1px; padding:7px 0; background:#e5effe; text-align:center; margin-bottom:40px;padding:11px;}
div.pagenavi img{ vertical-align:middle; padding:4px;}
div.pagenavi span.small{ font-size:85%}


#submenu{width:157px; float:right; background:#F4F4F4; border:1px solid #EDEDED;}/*右側サブメニュー*/

#submenu .entrybtn{margin-bottom:30px; background:url(../img/dot.gif) repeat-x left bottom; padding-bottom:10px; text-align:center}
#submenu .innerBox p{padding:3px 0}
#submenu .innerBox p a{display:block; background-position:left top; background-repeat:no-repeat; width:133px; height:28px}
#submenu .innerBox p.mbutton a{ background-image:url(../../img_common/library_mbutton.gif)}
#submenu .innerBox p.mbutton a:hover{ background-image:url(../../img_common/library_mbutton_on.gif)}

#submenu .innerBox p.ebutton a{ background-image:url(../../img_common/library_ebutton.gif)}
#submenu .innerBox p.ebutton a:hover{ background-image:url(../../img_common/library_ebutton_on.gif)}

#submenu h3{font-size:108%; font-weight:bold; margin-bottom:7px;}


#submenu ul{margin-bottom:25px;}
#submenu li{line-height:1.5;margin-bottom:7px;padding-left:8px;margin-left:5px;font-size:93%; background: url(../img/link_icon_right.gif) no-repeat 1px 4px;}
#submenu li li{margin-bottom:3px; }
#submenu li img{margin:0 3px;}
#submenu .innerBox{ padding:20px 7px;}




/***********************************************
 general-class
***********************************************/
.hide{
display: none;
}

.inline{
display: inline;
}

.indent{
text-indent:-9999px;
}


.tleft{
text-align:left;
}

.tright{
text-align:right;
}

.tcenter{
text-align:center;
}

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear: both;
}

.clearLeft{
clear:left;
}

.clearRight{
clear:right;
}

.block{
display:block;
}

.verM{
vertical-align:middle;
}

.verB{
vertical-align:0.3em;
}

.mL15{margin-left:15px;}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}