@import url('/css/top.css');

/*---------------------------------------------------------------------*/
/* IconShuffle */
/*---------------------------------------------------------------------*/
#colBoxIconShuffleStyle {
width:728px;
}
.colBoxIconShuffle .colBoxHead {
border-bottom:none;
}
.colBoxIconShuffle h2 {
font-size:12px;
line-height:12px;
margin:0 0 0 5px;
}
.colBoxIconShuffle .colBoxIcon a.active {
border:2px solid #C00;
}
.colBoxIconShuffle .colBoxIcon a {
border:2px solid #CCC;
margin:0 0 0 5px;
}

/*---------------------------------------------------------------------*/
/* ImageRotation */
/*---------------------------------------------------------------------*/
#colBoxImageRotationStyle {
float:left;
width:435px;
height:260px;
}
#colBoxImageRotationStyle .colBoxHead {
display:none;
}
#colBoxImageRotationStyle .colBoxInner {
padding:0;
}
#masterMain .colBoxIndexLphoto .colBoxIcon a {
border:2px solid #DDD;
margin:0 0 6px;
}
#masterMain .colBoxIndexLphoto img {
width:415px;
height:210px;
padding:2px;
}
#masterMain .colBoxIndexSphoto {
padding:0 2px;
}
#masterMain .colBoxIndexSphoto .colBoxIcon a {
border:2px solid #DDD;
margin:0 5px 0 0;
}
#masterMain .colBoxIndexSphoto img {
width:40px;
height:30px;
padding:2px;
}
#masterMain .colBoxIndexSphoto .colBoxIcon .active {
border:2px solid #C00;
}

/*---------------------------------------------------------------------*/
/* Pick Up */
/*---------------------------------------------------------------------*/
.colBoxPickUp {
float:right;
width:225px;
}
#masterMain .colBoxPickUp .colBoxHead {
background:url(http://image.itmedia.co.jp/style/images/style_topstorys_bt1.gif) no-repeat;
border-bottom:none;
border-right:none;
margin:0;
padding:2px 10px;
height:22px;
}
.colBoxPickUp h2 {
text-indent:-9999px;
}
#masterMain .colBoxPickUp .colBoxInner {
padding:6px 0 0;
}
.colBoxPickUp .colBoxIndex {
border-bottom:2px dotted #DDD;
margin:0 0 4px;
padding:0 0 5px;
font-size:12px;
line-height:16px;
}
.colBoxPickUp .colBoxUlist ul li {
background:none;
padding:0 0 2px;
margin:0;
font-size:5px;
line-height:5px;
border-bottom:none;
}
.colBoxPickUp .colBoxInfobt {
border-bottom:none;
}
.colBoxPickUp .colBoxTitle a {
font-weight:bold;
font-size:13px;
line-height:16px;
}
.colBoxPickUp .colBoxIcon a {
border:2px solid #DDD;
margin:0 5px 0 0;
padding:2px;
}

/*---------------------------------------------------------------------*/
/* 新着記事 */
/*---------------------------------------------------------------------*/
#masterMain .colBoxTopNew .colBoxHead {
background:url(http://image.itmedia.co.jp/style/images/style_top_newarticle_bar.gif) no-repeat;
margin:0 0 10px;
padding:5px 10px 2px;
border-bottom:none;
border-right:none;
}
#masterMain .colBoxTopNew .colBoxHead h2 {
color:#FFF;
font-size:14px;
line-height:21px;
}

.colBoxTopNew h3 {
font-size:18px;
line-height:24px;
}
.colBoxTopNew .colBoxDescription p {
font-size:15px;
line-height:20px;
}
.colBoxTopNew .colBoxIcon a {
border:none;
margin:0 8px 5px 0;
}
.colBoxTopNewlower {
float:left;
width:315px;
padding:10px 5px 0 0;
margin:0 10px 0 0;
}
.colBoxTopNewlower .colBoxTitle {
font-size:13px;
line-height:16px;
margin:0;
overflow:hidden;
height:64px;
}
.colBoxTopNewlower .colBoxTitle a {
font-weight:bold;
}
.colBoxTopNew .colBoxIndex {
border-bottom:2px dotted #DDD;
padding:2px 0 0 0;
}
.colBoxTopNew .colBoxPageLink {
padding:0 20px 0;
font-size:15px;
line-height:15px;
font-weight:bold;
}

/*---------------------------------------------------------------------*/
/* ビジネスコラム＆ニュース */
/*---------------------------------------------------------------------*/

.colBoxTopBusiness .colBoxHeadMakoto {
float:right;
position:relative;
}
.colBoxTopBusiness .colBoxHeadMakoto a {
font-size:12px;
line-height:18px;
color:#FFF;
}
.colBoxTopBusiness .colBoxHeadMakoto a:hover {
color:#FFF;
}
.colBoxBusinessLeft {
float:left;
width:64%;
}
.colBoxBusinessRight {
float:right;
width:34%;
}
.colBoxTopBusiness .colBoxDescription p {
font-size:14px;
line-height:20px;
}
.colBoxTopBusiness .colBoxDescription span {
font-size:11px;
line-height:20px;
}
.colBoxTopBusiness .colBoxIcon a {
border:none;
margin:0 8px 5px 0;
}
.colBoxTopBusiness .colBoxUlist a {
font-weight:bold;
}
.colBoxTopBusiness .colBoxUlist span {
font-size:11px;
line-height:16px;
}

/*---------------------------------------------------------------------*/
/* 特集記事 */
/*---------------------------------------------------------------------*/

.colBoxTopFeatureList {
}
.colBoxFeaturesTitle {
background:url(http://image.itmedia.co.jp/style/images/style_tokusyu_header.gif) no-repeat;
color:#444;
height:20px;
margin:0 0 4px;
padding:0;
}
.colBoxFeaturesTitle h4 {
font-size:12px;
line-height:16px;
padding:0 0 0 12px;
margin:0;
}
.colBoxTopFeatureList .colBoxIcon a {
border:none;
margin:0 5px 5px 0;
}
.colBoxTopFeatureList .colBoxTitle h3 {
font-size:14px;
line-height:17px;
}
.colBoxTopFeatureList .colBoxIndexLeft,
.colBoxTopFeatureList .colBoxIndexCenter,
.colBoxTopFeatureList .colBoxIndexRight {
width:210px;
float:left;
}

.colBoxTopFeatureList .colBoxIndexLeft {
margin:0 15px 0 0;
}
.colBoxTopFeatureList .colBoxIndexCenter {
margin:0 15px 0 0;
}
.colBoxTopFeatureList .colBoxIndexRight {
margin:0;
}

/*---------------------------------------------------------------------*/
/* Gressive「グレッシブ」誘導枠 */
/*---------------------------------------------------------------------*/

.colBoxTopGressive {
background:#E0E0E0;
margin:0;
padding:2px;
}
.colBoxTopGressive .colBoxOuter {
background:#000;
height:1%;
margin:0;
padding:6px;
}
#masterMain .colBoxTopGressive .colBoxInner {
padding:0;
}
.colBoxTopGressive .colBoxIcon {
float:right;
margin:0 0 0 3px;
}
.colBoxTopGressive .colBoxIcon a {
border:none;
}
.colBoxTopGressive h5 {
color:#BA9B38;
font-size:14px;
line-height:18px;
margin:1px 0 3px;
padding:0;
}
.colBoxTopGressive .colBoxInfo {
font-size:12px;
line-height:18px;
text-align:left;
margin:0;
}
.colBoxTopGressive a {
color:#E0E0E0;
margin:0;
}
.colBoxTopGressive a:hover {
color:#FFF;
text-decoration:none;
}
.colBoxTopGressive h3 {
font-size:17px;
line-height:25px;
}

/*---------------------------------------------------------------------*/
/* トップ用colBoxHead */
/*---------------------------------------------------------------------*/
#masterMain .colBoxHead {
background:#875c20;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3813b), color-stop(100%,#875c20));
background:linear-gradient(to bottom,  #b3813b 0%,#875c20 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3813b', endColorstr='#875c20',GradientType=0 );
border-bottom:none;
margin:0 0 10px;
padding:5px 10px 3px;
}
#masterMain .colBoxHead h2 {
color:#FFF;
font-size:14px;
line-height:20px;
}
#masterMain .colBoxInner {
padding:0;
}
.globalSocialBtn {
float:right;
position:relative;
}

/*---------------------------------------------------------------------*/
/* 2013.9　リニューアル */
/*---------------------------------------------------------------------*/
#localPankuzu {
display:none;
}

/*トップニュース　2014.4 */
.colBoxTopNews .colBoxInnerLeft {
float:left;
width:290px;
}
.colBoxTopNews .colBoxInnerRight {
float:right;
width:370px;
}
.colBoxTopNews .colBoxSubTitle,
.colBoxTopNews ..colBoxTitle {
margin:0;
}
.colBoxTopNews .colBoxInnerRight .colBoxIndex {
border-bottom:none;
margin:0 0 10px;
padding:0 0 0 20px;
min-height:38px;
}
.colBoxTopNews .colBoxInnerRight .colBoxIndex.active {
background:url(http://image.itmedia.co.jp/makoto/images/makoto_site_parts.png) no-repeat scroll 0 -1350px transparent;
}
#colBoxTopNews .colBoxImage {
display:none;
width:280px;
max-height:210px;
border:2px solid #999;
overflow:hidden;
}
#colBoxTopNews .colBoxImage.active {
display:block;
}
.colBoxTopNews .colBoxImage img {
width:280px;
}
.colBoxTopNews .colBoxInnerRight .colBoxIndex {
background:none;
}
.colBoxTopNews .colBoxInnerRight .colBoxIndex.colBoxActive {
background:url(http://image.itmedia.co.jp/makoto/images/makoto_site_parts.png) no-repeat 0 -1350px;
}