@charset "UTF-8";

/* --------------------------------------------------------
  リセット
-------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{margin:auto;padding:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
h1,h2,h3,form,p,ul,li,ol,dl,dt,dd{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,span{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6,big,small{font-size:100%;font-weight:normal;}
select,input,textarea{font-size:100%;}
b,strong{font-weight:bold;}
em{	font-style:normal;}
a:link,a:active,a:hover,a:visited {color:#006699;-webkit-tap-highlight-color:rgba(0,0,0,0.25);font-size:100%;line-height:100%;text-decoration:underline;margin:auto;padding:0;}
noscript a:link,noscript a:visited,noscript a:active{text-decoration:underline;color:#000;line-height:100%;text-decoration:underline;margin:auto;padding:0;}
body{
	background: #fff;
	overflow-x: hidden;
	-webkit-text-size-adjust:none;
	margin:0;
	padding:0;
	color:#000;
	font-size:14px;
}

.clearfix {/zoom:1;}
.clearfix:after {content:'';display:block;clear:both;height:0;}

img {
	vertical-align:text-bottom;
}

/* --------------------------------------------------------
  下層ページ共通
-------------------------------------------------------- */
/* 背景 */
body{
	background: #fff;
	font-family:sans-serif;
}

#pagetop {display:block;position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;margin:-1px 0;}

/* docomoロゴ */
.low_docomo_logo{
	display:block;
	margin-top:-10px;
	margin-right:10px;
	margin-bottom:5px;		/*	add:201112	*/
	float: right;
	width: 80px;		/*	chang:201112	108px	*/
	height: 30px;		/*	chang:201112	41px	*/
	border:none;
	box-shadow:none;
/*	-webkit-border:0;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;	*/
}

.low_docomo_logo span a{
	display:block;
}

.low_docomo_logo img {
	padding:0;
	width: 80px;		/*	chang:201112	108px	*/
	height: 30px;		/*	chang:201112	41px	*/
}

/* ナビエリア部分 */
.nav {
	border-top:1px solid #000;
	background-color:#e9e9e9;
	height:82px;
}

.site_top {
	float:left;
	display:block;
	margin:0 0 10px 5px;
	background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e2e2e2));
	background:-moz-linear-gradient(top, #f9f9f9, #e2e2e2);
	border:1px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.site_top a {
	display:block;
	color:#000;
	padding:6px 10px 4px 25px;
	text-decoration:none;
	background:url(../img/low_arrow_left.png) no-repeat 10px center;
	-webkit-background-size:8px 8px;
	-moz-background-size:8px 8px;
	-o-background-size:8px 8px;
	background-size:8px 8px;
}

.top_bottan {
	clear:both;
	width:100%;
}

.more_bottom {
	float:right;
	display:block;
	margin:0 10px 10px 0;
	background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e2e2e2));
	background:-moz-linear-gradient(top, #f9f9f9, #e2e2e2);
	border:1px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.more_bottom a.more_top {
	display:block;
	padding-right:6px;
	color:#000;
	padding:6px 25px 4px 6px;
	text-decoration:none;
	background:url(../img/low_arrow_top.png) no-repeat 90% center;
	-webkit-background-size:8px 8px;
	-moz-background-size:8px 8px;
	-o-background-size:8px 8px;
	background-size:8px 8px;
}

/* ボタン */
.to_the_under {
	float:left;
	display:block;
	margin:10px 0 0 10px;
	background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e2e2e2));
	background:-moz-linear-gradient(top, #f9f9f9, #e2e2e2);
	border:1px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.to_the_under a {
	display:block;
	font-size:93%;
	color:#000;
	padding:6px 29px 4px 10px;
	text-decoration:none;
	background:url(../img/low_arrow_under.png) no-repeat 94% center;
	-webkit-background-size:8px 8px;
	-moz-background-size:8px 8px;
	-o-background-size:8px 8px;
	background-size:8px 8px;
}

.sc_more {
	float:right;
	display:block;
	background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e2e2e2));
	background:-moz-linear-gradient(top, #f9f9f9, #e2e2e2);
	border:1px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:10px 10px 10px 0;
}

.sc_more a {
	display:block;
	padding-right:6px;
	color:#000;
	padding:5px 15px 5px 6px;
	text-decoration:none;
	background:url(../img/icon_arrow01.png) no-repeat 95% center;
	-webkit-background-size:7px 10px;
	-moz-background-size:7px 10px;
	-o-background-size:7px 10px;
	background-size:7px 10px;
}

/*フッター*/
.footer { height:30px; }

.footer p {
	text-align:center;
	color:#fff;
	background:#000;
	padding:10px 0 15px 10px;
	font-size:70%;
}

footer p.copyright {
	padding:10px;
	line-height:1.5;
}

footer p.copyright a {
	color:#fff;
	font-size:14px;
	text-decoration:underline;
}

/*コンテンツが少なくてもフッターが最下部になるようにする*/
body , html { height: 100%; }

/*wrapper*/
#wrapper_low{
	background-color:#f5f5f5;
	width: 100%;
	position: relative;
	height: auto !important;
	min-height: 100%;/* 高さが 100%に固定 */
}

.page_bottom{
	position: absolute;
	bottom: 0;
	width: 100%;
	height:113px;
}

.content_low{
	padding-bottom:112px;/* ページ下部(ナビ+フッター)の高さとかぶるのを防止 */
	min-height:100%;
}

/* マージン要素 */
.margin_10 {
	display:block;
	margin-bottom:10px;
}

.margin_top_10 {
	display:block;
	margin-top:10px;
}

.margin_top_20 {
	display:block;
	margin-top:20px;
}
	
.mrl5{
	margin:0 5px;
}

.mrl10{
	margin:0 10px;
}

/* クリア */
.clear_both {
	clear:both;
}

/* 共通ボーダー */
.common_border {
	display:block;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}

/* プレーンテキスト */
.plain_txt {
	display:block;
	margin:5px 10px;
}

.plain_txt a {
	color:#000;
}

/* コンテンツ記事リスト（共通） */
.cont_clip p {
	display:table-cell;
	vertical-align:middle;
}

.cont_clip a {
	display:block;
	text-align:left;
	color:#000;
	text-decoration:none;
	overflow:hidden;
	background:url(../img/arrow_04.png) no-repeat 99% center;
	-webkit-background-size:10px 12px;
	-moz-background-size:10px 12px;
	-o-background-size:10px 12px;	
	background-size:10px 12px;
}

.cont_clip li span.img_s , .cont_clip li span.img_bar {
	margin-right:5px;
}

.cn_maintxt {
	display:block;
	margin-left:5px;
	padding-right:25px;
}

.li_maintxt {
	display:block;
	padding:10px 25px 0 0;
	margin-left:5px;
}

.cn_s_txt {
	display:block;
	float:left;
	font-size:80%;
}

.cn_s_txt_r {
	display:block;
	padding:0 5% 0 0;
	float:right;
	font-size:80%;
}

/* ボタン共通 */
.btn_to_common {
	width:200px;
	height:30px;
	margin:0 auto 20px;
	border:1px solid #ccc;
	background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e1e1e1));
	background:-moz-linear-gradient(top, #f9f9f9, #e1e1e1);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.btn_to_common p{
	text-align:center;
}

.btn_to_common a {
	display:block;
	background:url(../img/low_arrow_left.png) no-repeat 4% center;
	-webkit-background-size:8px 8px;
	-moz-background-size:8px 8px;
	-o-background-size:8px 8px;
	background-size:8px 8px;
	color:#000;
	font-size:100%;
	padding:9px 5px 5px 5px;
	text-decoration:none;
}

.btn_prev_common {
	width:200px;
	height:30px;
	margin:0 auto 20px;
	border:1px solid #ccc;
	background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e1e1e1));
	background:-moz-linear-gradient(top, #f9f9f9, #e1e1e1);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.btn_prev_common p{
	text-align:center;
}

.btn_prev_common a {
	display:block;
	background:url(../img/low_arrow_right.png) no-repeat 96% center;
	-webkit-background-size:8px 8px;
	-moz-background-size:8px 8px;
	-o-background-size:8px 8px;
	background-size:8px 8px;
	color:#000;
	font-size:100%;
	padding:9px 5px 5px 5px;
	text-decoration:none;
}

.smt_prev_common {
	display:block;
	width:200px;
	height:30px;
	border:1px solid #ccc;
	background:url(../img/low_arrow_right.png) no-repeat 96% center;
	-webkit-background-size:8px 8px;
	-moz-background-size:8px 8px;
	-o-background-size:8px 8px;
	background-size:8px 8px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.common_btn {
	text-align:center;
}

.common_btn span {
	display:block;
	width:200px;
	height:30px;
	margin:0 auto 20px;
	border:0;
	background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e1e1e1));
	background:-moz-linear-gradient(top, #f9f9f9, #e1e1e1);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

/* ソーシャルボタン */
.social_btn {
	display: block;
	padding: 0 10px 10px 0;
}
.social_btn ul {
	float: right;
	padding: 20px 0 0;
}
.social_btn li {
	float: left;
}
.social_btn li.twitter {
	margin-right: 9px;
}

/* 非表示要素 */


/* ヘッダー広告余白調整 */
div.adtop {margin: 5px 0;}