/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }

/* LAYOUT */
#container { width:950px; margin-left:10px; background:#FFFFFF; position: relative}
#header { width:950px; height:124px; margin: 0; padding: 0; position: relative}
#side { float:left; width:190px; margin: 0; padding: 0; position: relative}
#search_box {width:190px; margin: 0; background:#196ECB; position: relative}
.search {margin:auto; padding:8px; background:#196ECB; position: relative}
#contents { float:right; width:760px; margin: 0; padding: 0; position: relative}
#footer { width:950px; height:30px; margin: 0; padding: 0; position: relative}
#copyrights { float:right; width:750px; height:40px; margin: 0; padding: 0; position: relative}

.grid,.col-744{float:right;text-align:left;width:744px;}
.col-174 .col,.col-174 .col-174{float:right;display:inline;}
.col-186 .col,.col-174 .col-186{float:right;display:inline;}
.col-174 div.first{float:left;}
.col-186 div.first{float:left;}
.col-174 .col-174{width:364px;}
.col-174 .col-186{width:372px;}
.col-174 .col-174 .col{width:174px; margin:10px auto 10px auto;}
.col-174 .col-186 .col-topic{width:186px;height:260px;background:#D2DCE5;}
.col-174 .col-186 .col{width:186px;height:260px;background:#196ECB;}
.col-364_first {width:364px; float:left; margin:0px auto 0px auto;}
.col-364_last {width:364px; float:right; margin:10px auto 10px auto;}
.row:after,.col-174:after,.col-186:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.topic{width:176px;margin:auto;padding:8px;}
.blog{width:176px;margin:auto;padding:8px;}

.clear { clear:both;visibility:hidden; }

.menu_b { font-size: 12px; line-height: 21px; font-weight: bold; color:#333333; letter-spacing:1px; padding-left:10px;}
.menu { font-size: 12px; line-height: 21px; font-weight: bold; color:#333333; padding-left:10px;}
.menu_s { font-size: 11px; line-height: 18px; letter-spacing:0px; padding-left:10px;}
.menu_l { width:120px; font-size: 12px; line-height: 18px; font-weight: bold; color:#333333; padding-top:3px; padding-left:10px; float: left;}
.menu_r { width:60px;  font-size: 11px; line-height: 18px; font-weight: normal; padding-top:3px; padding-bottom:5px; float: right; }
.pan { font-size: 12px; line-height: 24px; padding-left:10px;}
.font_base { font-size: 12px; line-height: 18px; }
.text { font-size: 12px; line-height: 18px; }
.text10 { font-size: 12px; line-height: 18px; }
.font_detail { font-size: 12px; line-height: 18px; }
.midashi { font-size: 12px; line-height: 18px; }
.midashi10 { font-size: 12px; line-height: 18px; }
.font_bold { font-weight: bold; }
.page { font-size: 12px; line-height: 24px; font-weight: bold; padding-left:10px; float: left;}
.mag { font-size: 12px; line-height: 24px; font-weight: bold; padding-left:10px; float: right;}
.image { margin: 16px 0px 16px 0px;}
.blue_line_b { border-bottom: solid 2px #196ECB; padding:0; margin: 0px 0px 0px 0px;}
.blue_line { border-bottom: solid 1px #196ECB; padding:0; margin: 0px 0px 0px 0px;}
.gray_line { border-bottom: solid 1px #CCCCCC; padding:0; margin: 0px 0px 0px 0px;}

h1 {font-size: 16px; line-height: 22px; font-weight: bold; padding-top:10px; padding-bottom:4px; text-align: left;}
h2 {font-size: 14px; line-height: 20px; font-weight: bold; padding-top:10px; padding-bottom:4px; text-align: left;}
h3 { font-size: 12px; line-height: 18px; font-weight: bold; padding-top:6px; padding-bottom:3px; text-align: left;}
p { font-size: 12px; line-height: 18px; font-weight: normal; text-align: left; padding-bottom:6px; }
.caption { font-size: 11px; line-height: 18px; font-weight: normal; text-align: left; }

a:link {color: #196ECB; text-decoration: none}
a:visited { color: #196ECB; text-decoration: none}
a:hover {color: #0A79F3; text-decoration: underline}
a:active{color: #0A79F3; text-decoration: underline}

.elt {font-weight:bold; color:#ff0000}