@charset "utf-8";

/* BASE
---------------------------------------------------------------------------------------------------*/
#masterBody {
width:990px;
margin:0 auto;
}
#masterBodyIn {
text-align:left;
background:url("/for_sites/bizmakotoblog/images/weekly_bg.gif") repeat-x 0 -60px;
}

/* カラムボックス
---------------------------------------------------------------------------------------------------*/
.colBox {
margin:0 0 10px;
width:auto;
}
.colBoxL33 {
float:left;
width:33%;
}
.colBoxR33 {
float:right;
width:33%;
}
.colBoxL50 {
float:left;
width:50%;
}
.colBoxR50 {
float:right;
width:50%;
}
.colBoxL66 {
float:left;
width:66%;
}
.colBoxR66 {
float:right;
width:66%;
}
.colBox a:link,
.colBox a:visited {
text-decoration:none;
}
.colBox a:hover {
text-decoration:underline;
color:#C00;
}
.colBoxOuter {}
.colBoxHead {
background:url(/for_sites/bizmakotoblog/images/r500_h2bg_02.gif) no-repeat 0 -3px;
color:#333;
padding:0 5px 6px 10px;
margin:0 0 10px;
position:relative;
}
.colBoxNewbolger .colBoxHead {
background:url(/for_sites/bizmakotoblog/images/r500_h2bg_03.gif) no-repeat 0 -3px;
padding:0 5px 6px 20px;
}
.colBoxAttentionbolger .colBoxHead {
background:url(/for_sites/bizmakotoblog/images/r500_h2bg_04.gif) no-repeat 0 -3px;
padding:0 5px 6px 20px;
}
.colBoxBookreview .colBoxHead {
background:url(/for_sites/bizmakotoblog/images/r500_h2bg_05.gif) no-repeat 0 -3px;
padding:0 5px 6px 20px;
}
.colBoxNewtxt {
font-weight:bold;
color:#C00;
}
.colBoxHead h2 {
font-size:14px;
line-height:20px;
margin:0;
}
.colBoxSubhead {
background:#EEE;
margin:0 0 5px;
padding:3px;
}
.colBoxSubhead h4 {
font-size:12px;
line-height:16px;
margin:0;
}
.colBoxInner {
}
.colBoxLeft {
float:left;
}
.colBoxRight {
}
.colBoxIconMargin120 .colBoxLeft {
}
.colBoxIconMargin80 .colBoxLeft {
}
.colBoxIconMargin120 .colBoxRight {
margin-left:132px;
}
.colBoxIconMargin80 .colBoxRight {
margin-left:92px;
}
.colBoxIndex {
}
.colBoxIndexL33 {
width:33%;
float:left;
}
.colBoxIndexR33 {
width:33%;
float:right;
}
.colBoxIndexL50 {
width:49%;
float:left;
}
.colBoxIndexR50 {
width:49%;
float:right;
}
.colBoxIndexL66 {
width:66%;
float:left;
}
.colBoxIndexR66 {
width:66%;
float:right;
}
.colBoxIcon {
display:inline;
}
.colBoxIcon a {
float:left;
margin:0 8px 5px 0;
border:none;
}
.colBoxLeft .colBoxIcon a {
margin:0;
}
.colBoxSubTitle {
margin:0 0 3px;
}
.colBoxSubTitle h5 {
font-size:12px;
line-height:16px;
margin:0;
color:#A73;
}
.colBoxSubIcon {
}
.colBoxSubIcon img {
vertical-align:middle;
}
.colBoxTitle {
margin:0 0 3px;
}
.colBoxTitle h3 {
font-size:15px;
line-height:20px;
margin:0;
}
.colBoxDescription {
margin:0 0 3px;
}
.colBoxDescription p {
font-size:12px;
line-height:16px;
margin:0;
}
.colBoxButton {
width:150px;
margin:0 auto;
border:1px solid #CCC;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}
.colBoxButton a {
display:block;
padding:5px;
font-size:14px;
font-weight:bold;
text-align:center;
background:#036;
background:-webkit-gradient(linear, left top, left bottom, from(#369), to(#036));
background:-moz-linear-gradient(top, #369, #036);
border:2px solid #FFF;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}
.colBoxButton a:link,
.colBoxButton a:visited,
.colBoxButton a:hover {
color:#FFF;
text-decoration:none;
}
.colBoxIndex .linkset {
clear:both;
margin:0 0 3px;
padding:0;
list-style-type:none;
}
.colBoxIconMargin120 .colBoxIndex .linkset,
.colBoxIconMargin80 .colBoxIndex .linkset {
clear:none;
}
.colBoxIndex .linkset li {
font-size:12px;
line-height:16px;
margin:0;
padding:0 0 3px 12px;
background:url(/images/ulli_book0.gif) no-repeat 0 2px;
}
.colBoxInfo {
margin:0 0 3px;
text-align:right;
}
.colBoxInfo .colBoxDate {
font-size:10px;
line-height:14px;
}
.colBoxInfo .colBoxLinktxt {
font-size:12px;
line-height:16px;
}



.colBox .backNumBoxRap {
}
.colBox .backNumBoxRap strong {
display:none;
}
.colBox .backNumBoxIn ul {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.colBox .backNumBoxIn ul li {
margin:0 0 3px;
padding:0 0 3px 14px;
background:url(/images/ulli_book0.gif) no-repeat 0 2px;
border-bottom:1px dotted #CCC;
}

.colBoxPageLink {
font-size:12px;
line-height:16px;
text-align:right;
}
.colBoxTable {
}
.colBoxTable table {
border-collapse:collapse;
}
.colBoxTable table th,
.colBoxTable table td {
font-size:12px;
line-height:16px;
border:1px solid #CCC;
padding:1px 3px;
text-align:left;
}
.colBoxTable table th {
background:#EEE;
}
.colBoxTable table td {
}

.colBoxCalendar .colBoxIndex {
width:140px;
height:100px;
/*
border:1px solid #FFF;
*/
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-box-shadow:2px 2px 3px #EEE;
-moz-box-shadow:2px 2px 3px #EEE;
box-shadow:2px 2px 3px #EEE;
float:left;
margin:0 10px 10px 0;
padding:3px;
}
.colBoxCalendar .colBoxSubhead {
background:none;
border-bottom:1px dotted #CCB;
margin:0 0 5px;
padding:0 0 3px;
}
.colBoxCalendar .colBoxUlist ul {
font-size:10px;
line-height:14px;
}
.colBoxCalendar .colBoxUlist ul li {
display:inline;
background:none;
border:none;
margin:0;
padding:0;
}
.colBoxCalendar .colBoxUlist ul li a {
display:block;
width:24px;
float:left;
text-align:center;
border:1px solid #DDD;
background:#EED;
background:-webkit-gradient(linear, left top, left bottom, from(#EED), to(#DDC));
background:-moz-linear-gradient(top, #EED, #DDC);
margin:0 5px 5px 0;
padding:2px;
}
.colBoxCalendar .colBoxUlist ul li a:link,
.colBoxCalendar .colBoxUlist ul li a:visited {
color:#332;
text-decoration:none;
}
.colBoxCalendar .colBoxUlist ul li a:hover {
color:#332;
text-decoration:none;
background:#DDC;
background:-webkit-gradient(linear, left top, left bottom, from(#DDC), to(#CCB));
background:-moz-linear-gradient(top, #DDC, #CCB);
}
.colBoxCalendar .colBoxUlist ul .colBoxActive a:link,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:visited,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:hover {
background:#665;
background:-webkit-gradient(linear, left top, left bottom, from(#665), to(#554));
background:-moz-linear-gradient(top, #665, #554);
color:#FFF;
}

.colBoxBacknumber .colBoxUlist ul li .colBoxArticletype {
display:block;
width:60px;
float:left;
font-size:10px;
line-height:14px;
text-align:center;
border:1px solid #CCC;
background:#EEE;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background:-moz-linear-gradient(top, #FFF, #EEE);
margin:0 5px 0 0;
padding:0 2px;
}
.colBoxBacknumber .colBoxUlist ul li .colBoxArticlewriter {
font-size:10px;
line-height:14px;
}

.colBoxSentence p {
font-size:16px;
line-height:24px;
margin:0 0 20px;
}
.colBoxSentence ul,
.colBoxSentence ol {
font-size:14px;
line-height:22px;
margin:0 0 20px;
}
.colBoxSentence li {
margin:0 0 10px;
}

.colBoxButtons .colBoxUlist ul li {
float:left;
margin:0 5px 5px 0;
padding:3px 3px 3px 16px;
background-position:3px 5px;
background-color:#EED;
border:1px solid #CCB;
cursor:pointer;
}
.colBoxButtons .colBoxUlist ul .hover {
background-color:#DDC;
}
.colBoxButtons .colBoxUlist ul .active {
background-color:#C00;
color:#FFF;
font-weight:bold;
}

.colBoxLargeImage {
}
.colBoxLargeImage .colBoxIcon {
}
.colBoxLargeImage .colBoxSubTitle {
clear:both;
margin:0 0 10px;
}
.colBoxLargeImage .colBoxInfo {
text-align:left;
margin:0 0 10px;
}

.colBoxImage .colBoxIndex {
margin:0 0 30px;
border-bottom:1px solid #CCC;
}
.colBoxImage .colBoxTitle h3 {
font-size:24px;
line-height:30px;
}
.colBoxImage .colBoxDescription p {
font-size:16px;
line-height:22px;
}

.colBoxIconShuffle .colBoxIndex {
display:inline;
}
.colBoxIconShuffle .colBoxIcon a {
display:block;
width:80px;
height:60px;
border:3px solid #CCC;
margin:0 5px 0 0;
padding:1px;
}
.colBoxIconShuffle .colBoxIcon a.active {
border:3px solid #C00;
}

.colBoxAccessTop10 {
}
.colBoxAccessTop10 .colBoxOuter {
background:#CCC;
background: -moz-linear-gradient(top, #EEE, #CCC);
background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));
padding:10px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.colBoxAccessTop10 .colBoxHead h2 {
background:url(/images/ulli_king1.gif) no-repeat 0 0;
padding:8px 0 3px 42px;
font-size:18px;
line-height:24px;
color:#7A711F;
}
.colBoxAccessTop10 .colBoxInner {
background:#FFF;
padding:10px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#cmsBody .colBoxAccessTop10 .colBoxOlist ol {
margin:0;
}
#cmsBody .colBoxAccessTop10 .colBoxOlist li {
font-size:16px;
line-height:22px;
}

.colBoxQuickPoll .colBoxIndex form {
margin:0;
}
.colBoxQuickPoll .colBoxIndex form label {
font-size:14px;
vertical-align:middle;
font-weight:bold;
}
.colBoxQuickPoll .colBoxGraph {
font-size:12px;
border:1px solid #FFF;
background:#FFF;
background:-webkit-gradient(linear, left top, left bottom, from(#e4df48), to(#c3bd1c));
background:-moz-linear-gradient(top, #e4df48, #c3bd1c);
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 1px #999;
text-align:center;
margin:0 0 5px;
padding:2px 0;
}
.colBoxQuickPoll .colBoxInfo {
text-align:center;
}
.colBoxQuickPoll .colBoxInfoBtn {
padding:10px 0 0 0;
}
.colBoxQuickPoll .colBoxInfo p {
color:#C00;
}
.colBoxNewbolger small {
display: none;
}


.colBoxJanitor .colBoxInfo {
margin:0 0 3px;
text-align:left;
}
.colBoxJanitor .colBoxInfo .colBoxDate {
font-size:14px;
line-height:18px;
}

/* masterNavigation
---------------------------------------------------------------------------------------------------*/
#masterNavigation .tagline ul {
float:right;
margin:0;
padding:0 5px 0 0;
list-style:none;
}
#masterNavigation .tagline ul li {
float:left;
font-size:10px;
line-height:14px;
border-right:1px solid #999;
margin:7px 0 0 0;
padding:2px 5px 0 5px;
}
#masterNavigation .tagline ul li#end {
border-right:none;
}
#masterNavigation .tagline ul li a {
text-decoration:none;
color:#333;
}
#masterNavigation .tagline h4 {
margin:0;
height:28px;
font-size:12px;
line-height:16px;
text-indent:-9999px;
background:url("/for_sites/bizmakotoblog/images/tagline2.gif") no-repeat 0 0;
}

/* masterHeader
---------------------------------------------------------------------------------------------------*/
#masterHeader {
margin:0 10px;
color:#FFF;
font-size:12px;
line-height:16px;
}
#masterHeader #logo {
position:relative;
top:-10px;
left:-10px;
float:left;
width:170px;
height:106px;
background:url(/for_sites/bizmakotoblog/images/logo_bizmakotoblog.gif) no-repeat 15px 23px;
font-size:12px;
text-indent:-9999px;
}
#masterHeader #logo h1 {
margin:0;
padding:0;
}
#masterHeader #logo a {
display:block;
width:135px;
height:76px;
margin:24px 0 0 15px;
}


/* masterContents
---------------------------------------------------------------------------------------------------*/
#masterMain {
float:left;
width:660px;
}
#masterContents {
padding:0 10px 10px;
}
#masterMainLeft {
float:left;
width:372px;
padding:0 0 0 10px;
}
#masterMainRight {
float:right;
width:248px;
padding:0 10px 0 0;
}
#masterSub {
float:right;
width:300px;
}

/* タイトル部分
---------------------------------------------------------------------------------------------------*/
.colBoxPickUp .colBoxPickupLeft {
border-right:1px solid #FFF;
float:left;
padding:0 10px 0 0;
width:372px
}
.colBoxPickUp .colBoxPickupRight {
float:right;
padding:0;
width:246px;
}
.colBoxPickupLeft .colBoxIcon img {
width:100px;
height:100px;
}
.colBoxPickupRight .colBoxTitle h3 {
font-size:12px;
line-height:16px;
}
.colBoxPickupRight .colBoxDescription p {
font-size:10px;
line-height:15px;
}

/* colBoxIndex
---------------------------------------------------------------------------------------------------*/
.colBoxIcon img {
width:60px;
height:60px;
}
.colBoxHatebuB {
background:url("/for_sites/bizmakotoblog/images/blog_smicon.gif") no-repeat -20px 0;
float:left;
width:14px;
height:14px;
margin:2px 0 0 5px;
}
.colBoxTwitterB {
background:url("/for_sites/bizmakotoblog/images/blog_smicon.gif") no-repeat -40px 0;
float:left;
width:14px;
height:14px;
margin:2px 0 0 5px;
}
.colBoxHatebuB:hover {
background-position:-20px -20px;
}
.colBoxTwitterB:hover {
background-position:-40px -20px;
}
.colBoxSocialButton {
float:right;
}

/* 広告
---------------------------------------------------------------------------------------------------*/
#ITT {
margin:0 0 10px;
}

/* SUBCOL
---------------------------------------------------------------------------------------------------*/
#masterSub .colBoxUlist ul li {
background:url("/for_sites/bizmakotoblog/images/ulli_13.gif") no-repeat 0 5px;
border-bottom:1px dotted #DDD;
font-size:12px;
line-height:16px;
margin:0;
padding:5px 0 5px 18px;
}
#masterSub .colBoxHead {
padding:7px 5px 3px 38px;
margin:0;
height:1%;
color:#111;
background:url("/for_sites/bizmakotoblog/images/subcol_h2bg_black.gif") no-repeat 0 0;
}
#masterSub .colBoxHead h2 {
font-size:12px;
line-height:16px;
}
#masterSub .colBoxBlogRanking .colBoxHead {
background:url("/for_sites/bizmakotoblog/images/subcol_h2bg_blog_ranking.gif") no-repeat 0 0;
}
#masterSub .colBoxGuide .colBoxHead,
#masterSub .colBoxFeedBack .colBoxHead {
background:url("/for_sites/bizmakotoblog/images/subcol_h2bg_feedback.gif") no-repeat 0 0;
}
#masterSub .colBoxMakotoRanking .colBoxHead {
background:url("/for_sites/bizmakotoblog/images/subcol_h2bg_ranking.gif") no-repeat 0 0;
}


/* Makoto Talk
---------------------------------------------------------------------------------------------------*/
#makoto-talk {
display:none;
}
#masterSub .cbox .makototalk.style01 {
border:1px solid #010564;
}
#masterSub .cbox .makototalk.style02 {
border:1px solid #c08606;
}

#masterSub .cbox .makototalk .makototalk-topic {
height:75px;
}
#masterSub .cbox .makototalk.style01 {
background:url("/for_sites/bizmakotoblog/images/makototalk_topic03.gif") no-repeat;
}
#masterSub .cbox .makototalk.style02 {
background:url("http://blogs.bizmakoto.jp/images/makototalk_topic02.gif") no-repeat #fffccb;
}
#masterSub .cbox .makototalk .makototalk-topic h2 {
background:none;
text-indent:-9999px;
margin:0;
padding:0;
height:31px;
}
#masterSub .cbox .makototalk .makototalk-topic p {
border-bottom:0px solid #DDD;
color:#444;
padding:5px 0 0 91px!important;
margin:0;
width:177px;
}
#masterSub .cbox .makototalk li {
padding-right:3px;
}
#masterSub .cbox .makototalk li a {
color:#003377;
text-decoration:none;
}
