@charset "utf-8";
/*--------------------------------------------------
 * Copyright (C) 2014 KADOKAWA. All rights reserved.
--------------------------------------------------*/

@import "jpGeneral.css";

/*Font-size --------------------------------------------------------------------------------------
77% = 10px	85% = 11px	92% = 12px	100% = 13px	107% = 14px	114% = 15px	122% = 16px	129% = 17px
136% = 18px	144% = 19px	152% = 20px	159% = 21px	167% = 22px 174% = 23px	182% = 24px	189% = 25px
-------------------------------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img	{	margin: 0;	padding: 0;	}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*レイアウト*/
#dospara a {
	color: #1366c4;
}

#dospara #jpWrap {
	border-top: none;
}
#dospara #jpWrap #container {
	background-color: transparent;
}
#dospara #jpWrap #mainC {
	width: 728px;
	padding: 0 0 0 10px;
	float: left;
	margin: 0;
}
#dospara #header {
	position: relative;
	background:#fff url(../../img/ad/dospara/bg_header.png) repeat-x left top;
	height: 110px;
}
#dospara #header div#logo_dospara {
	position: absolute;
	top:23px;
	left: 40px;
}
#dospara #header h2 {
	position: absolute;
	top:75px;
	left: 143px;
}
#dospara #header .adsize728 {
	float: right;
	margin: 10px 10px 10px 0;
}
#dospara #mainC .ban728 {
	margin: 10px 0 ;
}
/*1カラム共通*/
#dospara .arcMonthIndex h3,
#dospara .L1list h3,
#dospara .L1pane h3,
#dospara .L2pane h3 {
	background: #0f49a1;
	color: #fff;
	font-weight: bold;
	padding: 7px 10px;
	font-size: 114%;
}
#dospara .L2col h3::before,
#dospara .arcMonthIndex h3::before,
#dospara .L1list h3::before,
#dospara .L1pane h3::before,
#dospara .L2pane h3::before{
	content: " ";
	border-left: 4px #fff solid;
	padding: 0 0 0 10px;
}
#dospara .arcMonthIndex ,
#dospara .L1list ,
#dospara .L1pane ,
#dospara .L2pane {
	margin: 0 0 5px;
	padding: 0 0 9px;
}
#dospara .L2pane table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}
#dospara .L2pane td {
	width: 50%;
	padding: 20px 10px;
	overflow: hidden;
	border-bottom: 1px #cecece dotted;
	vertical-align: top;
	font-size: 100%;
}
#dospara .L1pane ul li .thumb,
#dospara .L2pane .thumb {
	float: left;
}
#dospara .L1pane .lead .subtitle,
#dospara .L2pane .lead .subtitle {
	color: #13aeff;
	font-weight: bold;
}
#dospara .L1pane .lead h4,
#dospara .L2pane .lead h4 {
	font-weight: bold;
	font-size: 129%;
	margin: 5px 0;
}
#dospara .L2pane.textOnly h4 {
	font-size: 114%;
	font-weight: bold;
	margin: 0 0 5px;
}
#dospara .L1pane .lead .date,
#dospara .L2pane .date {
	text-align: right;
	color: #999;
	margin: 5px 0 0;
}
#dospara .L2pane h4 .date {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 0 5px;
}
/*1列1カラム*/
#dospara .L1pane ul li {
	overflow: hidden;
	padding: 10px;
	border-bottom: 1px #cecece dotted;
}
#dospara .L1pane ul li .thumb{
	float: left;
	margin: 0 10px 0 0;
}
#dospara .L1pane ul li .lead {
	overflow: hidden;
}

#dospara #mainC .box_footer {
    background: #f0f2f3;
    border-top: 1px solid #cccece;
    text-align: center;
    padding: 10px;
}

#dospara #mainC .btn {
    display: inline-block;
    height: 30px;
    text-align: center;
    padding: 0 25px 0 10px;
    text-decoration: none;
    line-height: 30px;
    outline: none;
    background: #0f49a1 url(/img/ad/huawei/btn_arrow.png) no-repeat right center;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 3px #ccc, inset 0 1px 1px #666;
}

#dospara #mainC .btn:hover {
	opacity: 0.8
}

/*2列1カラム*/
#dospara .L2pane .thumb img {
	max-width: 100px;
	width:expression(document.body.clientWidth > 102? "100px" : "auto");
}
#dospara .L2pane .lead{
	float: right ;
	width: 230px;
}
/*2カラム*/
#dospara .L2col {
	margin: 0 -5px;
}
#dospara .L2col h3 {
	background: #0f49a1;
	color: #fff;
	font-weight: bold;
	padding: 7px 10px;
}
#dospara .L2col .inner_wrap {
	float: left;
	width: 360px;
	margin: 0 4px 10px;
	background: #fff;
}
/*リスト*/
#dospara .L1list ul ,
#dospara .L2col .inner_wrap ul {
	margin: 10px;
}
#dospara .L1list ul li,
#dospara .L2col .inner_wrap ul li {
	background: url(../../img/ad/dospara/ico_list.gif) no-repeat left 2px;
	padding: 0 0 0 15px;
	margin:0 0 8px;
	font-size: 114%;
	font-weight: bold;
}
/*記事アーカイブ*/
#dospara .arcMonthIndex .yearBox {
	margin: 5px 5px 3px;
}
/*右カラム*/
#dospara #sideR .banSide {
	margin: 10px 5px 10px 7px;
}
#dospara #sideR .sideList ,
#dospara #sideR .relatedNews {
	margin: 10px 5px 10px 7px;
}
#dospara #sideR .banSide h5,
#dospara #sideR .sideList h5,
#dospara #sideR .relatedNews h5 {
	background: url(../../img/ad/dospara/h_side.png) no-repeat left top;
	color: #808080;
	font-weight: bold;
	padding: 8px 5px;
	font-size: 114%;
}
/*
#dospara #sideR .banSide a img {
	margin: 0 0 10px;
}
*/
#dospara #sideR .sideList ul {
	margin: 10px 0;
}
#dospara #sideR .sideList li {
	background: url(../../img/ad/dospara/ico_list.gif) no-repeat 5px 5px;
	padding: 0 0 0 20px;
	margin:0 0 5px;
}
#dospara #sideR .relatedNews li .date,
#dospara #sideR .sideList li .date {
	color: #666;
}
#dospara #sideR .relatedNews li {
	padding: 10px 5px 8px 5px;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
}
#dospara #sideR .relatedNews li h4 {
	font-size: 92%;
	margin:5px 0 0;
	font-weight: bold;
	overflow: hidden;
}
#dospara #sideR .relatedNews li .thumb {
	float: left;
	margin: 0 10px 0 0;
}
#dospara #jpWrap #footer {
	padding: 15px 0 10px;
}

#dospara #jpWrap #sideR {
	padding-top: 0px;
}