@charset "utf-8";
/* 
Common CSS "Common.css"
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;margin:0;padding:0;}																		

html{ overflow-y:scroll; }
body{word-break:normal; background:#FFF;text-align:center;}
table{border-spacing:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
em{font-weight:bold;font-style:normal;}
a{outline:none;}
a:link {color: #e36000;text-decoration:none;font-weight:normal;}
a:visited {color: #e36000;text-decoration:none;font-weight:normal;}
a:hover {color: #e36000;text-decoration:underline;cursor:pointer;font-weight:normal;}
a:active {color: #e36000;text-decoration:underline;font-weight:normal;}

hr{display:none;}


/*---------------
 Font
---------------*/
body,table{word-break:normal;font:13px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;*font-size:small;*font:x-small;color:#4d4535;}
body *,table *{line-height:1.35em;*line-height:1.2em;}
/*X-Large*/
.xl{font-size:125%;}
/*Large*/
.l{font-size:112.5%;}
html* .l{font-size:100%;}
* html .l{font-size:112.5%;}
*:first-child+html .l{font-size:112.5%;}
/*Normal*/
.m,
ul.lineup li,
#rankArchives dt,
#layout-three-column .topics p{font-size:100%;}
html* .m,
html* ul.lineup li,
html* #rankArchives dt,
html* #layout-three-column .topics p{font-size:88%;}
* html .m,
* html ul.lineup li,
* html #rankArchives dt,
* html #layout-three-column .topics p{font-size:100%;}
*:first-child+html .m,
*:first-child+html ul.lineup li,
*:first-child+html #rankArchives dt,
*:first-child+html #layout-three-column .topics p{font-size:100%;}

/*Small*/
.s{font-size:92.5%;}
html* .s{font-size:81.5%;}
* html .s{font-size:92.5%;}
*:first-child+html .s{font-size:92.5%;}
/*X-Small*/
.xs{font-size:87.5%;}
html* .xs{font-size:76%;}
* html .xs{font-size:80%;}
*:first-child+html .xs{font-size:80%;}

.mb-20{ margin-bottom:20px;}


/*---------------
 Base Layout
---------------*/
body{background:#f6f6f6 url(../images/common/bg_body.jpg) repeat-x;}
div#header{ width:770px;text-align:left;margin:0 auto;}
div#pagebody{background:#fff url(../images/common/bg_white.jpg) repeat-y top center;width:770px;text-align:left;margin:0 auto; }

/* layout-two-column*/
div#container{ width:580px; float:right;margin:13px 15px 0 0;display: inline; background-color:#fff;padding:0;}
div#left{width:160px; float:left;margin:0 0 0 15px; padding:0;display:inline;}

/* layout-three-column */
#layout-three-column div#container #main { float:left; width:430px;padding:0;margin: 0px;}
#layout-three-column div#container #sub { float:right; width:140px;padding:0;margin: 0px;}


/*---------------
 header
---------------*/
div#header{ padding:8px 0 0 0;background:url(../images/common/bg_header.png) no-repeat top center; height:72px;}
div#header #logo{ float:left; width:275px;padding-left:10px;}
div#header #logo p{ padding:5px 0 5px 5px;}
div#header #banner{ float:right;padding-right:15px;}


/*---------------
 BreadcrumbList
---------------*/
ol#breadcrumbList { background-color:#e7e6e4;margin:0 0 10px 0;}
ol#breadcrumbList li {float:left;padding:2px 0; margin-left:5px;}
ol#breadcrumbList li a{background:url(../images/common/ico_breadcrumbList.gif) no-repeat right center;padding-right:15px;}

/*---------------
 PageTop
---------------*/
p.pageTop{ margin:20px 0 0 0;text-align:right; padding-bottom:10px;display:block;clear:both;}
p.pageTop a{ padding-left:15px;background:url(../images/common/ico_arrow_up.gif) no-repeat left center;}

/*---------------
 more
---------------*/
div.more{ float:right;}
div.more a{ font-weight:normal;padding-left:15px;background:url(../images/common/ico_arrow.gif) no-repeat left center;}


/*---------------
 Footer
---------------*/
div#pagebottom{ background-color:#61594C;}
div#footer { background:url(../images/common/bg_fotter.gif) repeat-y top center;margin:0 auto; width:770px;padding:10px 0; color:#fff;}
div#footer p#copy{ float:left;margin-left:15px;display:inline;}
div#footer p#footerNavi{ float:right;margin-right:15px;display:inline;}

div#footer a:link {color: #fff;text-decoration:none;}
div#footer a:visited {color: #fff;text-decoration:none;}
div#footer a:hover {color: #fff;text-decoration:underline;}
div#footer a:active {color: #fff;text-decoration:underline;}


/*---------------
 left
---------------*/
div#left ul#navi { margin:0px 0px 15px 0px;padding:13px 0px 0px 0px; background-color:#fff;}
div#left ul#navi li{ height:43px; vertical-align:bottom;margin:0px;padding:0px;font-size:0px;}
div#left ul#navi img{margin:0px;padding:0px;}
div#left ul#bn { margin:0px 0px 15px 10px;padding:0;}
div#left ul#bn li{ margin-bottom:8px;}


/*---------------
 Sub
---------------*/
#sub div#backNumber{ background:#5c5447;padding:5px;margin-bottom:15px;}
#sub div#backNumber h3{ margin-bottom:5px;}
#sub div#backNumber select{ width:128px;}
#sub div.sub-top5,
#sub div.sub-topics{ background:#edecea;padding:3px 5px 5px 5px;margin-bottom:15px;}
#sub div.sub-top5 h3{ border-bottom:1px solid #5b5447;padding-bottom:2px;}
#sub div.sub-top5 ol{ margin-bottom:3px;padding-bottom:3px;}
#sub div.sub-top5 ol li{ padding:4px 0; background:url(../images/common/bg_top5_dod.gif) repeat-x left bottom;}
#sub div.sub-top5 ol li.r1 a{ background:url(../images/common/ico_sub_1.gif) no-repeat 2px 3px;}
#sub div.sub-top5 ol li.r2 a{background:url(../images/common/ico_sub_2.gif) no-repeat 2px 3px;}
#sub div.sub-top5 ol li.r3 a{background:url(../images/common/ico_sub_3.gif) no-repeat 2px 3px;}
#sub div.sub-top5 ol li.r4 a{background:url(../images/common/ico_sub_4.gif) no-repeat 2px 3px;}
#sub div.sub-top5 ol li.r5 a{background:url(../images/common/ico_sub_5.gif) no-repeat 2px 3px;}
#sub div.sub-top5 ol li a{color:#4D4535;padding-left:18px;display:block;}


p.ar{ text-align:right;}
p.ar a{ background:url(../images/common/ico_arrow.gif) no-repeat left center; padding-left:15px;}


#sub div.category{ border:1px solid #ccc;margin-bottom:15px;padding:4px 4px 1px 4px;}
#sub div.category h3{ border-bottom:1px solid #ccc;padding-bottom:5px;}
#sub div.category li{ margin:3px 0; background:url(../images/common/ico_sub_category_dod.gif) no-repeat 5px center;padding-left:15px;}

#sub div.sub-topics h3{ border-bottom:1px solid #5b5447;padding-bottom:2px;}
#sub div.sub-topics ul{ margin-bottom:3px;}
#sub div.sub-topics ul li{  padding:4px 0; background:url(../images/common/bg_top5_dod.gif) repeat-x left bottom;}

/*---------------
 CleraFix
---------------*/
.clfix{zoom:1;}
.clfix:after{display:block;clear:both;height:0;content: url(../images/common/space.gif);}
.clfix{display: inline-block;}
/* Mac版IEを除外 \*/
.clfix{display: block;}
/* */

/*---------------
 social_btn
---------------*/
.social_btn {
margin: 4px 0px 0px 0px;
padding: 0px;
width:422px;
height:20px;
}

.social_btn .facebook {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;
display: inline;
width: 120px;
}

.social_btn .twitter {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;
display: inline;
width: 120px;
}