@charset "Shift_JIS";
/* ---------------------------------------------------------------------------------------------------- update 11.07.16
body
float
clear
contents
	inner_muryo
	inner_member
	pagetop
*html for ie hack
---------------------------------------------------------------------------------------------------- */


/* css reset
---------------------------------------------------------------------------------------------------- */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
   margin:0;
   padding:0;
}




body{
	margin:0;
	padding:0;
	background:url(../images/bg_body.gif) center 0 repeat-y;
}

/* float
---------------------------------------------------------------------------------------------------- */
.float-left {
	float:left;
	_display:inline;/* ie6 */
}
.float-right {
	float:right;
	_display:inline;/* ie6 */
}
/* clear
---------------------------------------------------------------------------------------------------- */
.clear {
	clear:both;
}
.clearfix {
	zoom:1;
	_height:1%;
}
.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}


/* contents
---------------------------------------------------------------------------------------------------- */
#contents {
	width:980px;
	margin:0 auto;
}
#contents h2, #contents h3, #contents h4, #contents p, #contents ul, #contents li, #contents dt, #contents dd, #contents th, #contents td, #contents img {
	color:#333;
	line-height:150%;
	font-family:'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka;
	margin:0
	padding:0
	border:0!important;
	vertical-align:top!important;
}
#contents p.backnumber a {
	display:block;
	width:150px;
	height:42px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:-9999px;
	background:url(../images/btn_backnumber2.gif) left top no-repeat;
	float: right;
}
#contents p.backnumber a:hover {
	background:url(../images/btn_backnumber2.gif) left bottom no-repeat;
}


/* 共通
---------------------------------------------------------------------------------------------------- */
.navi_txt a{
	padding-left: 11px;
	background: url(../images/icon_arrow_right.gif) left 1px no-repeat;
}
img{
	border: none;
}
.notes{
	padding: 2px 0 0 1em;
	text-indent: -1em;
	font-size: 10px;
	line-height: 1.3;
}

/* box_intro */
#contents .box_intro {
	position:relative;
	float:left;
	margin: -13px 0 15px;
	width:423px;
}
#contents .box_intro h2 {
	margin: 0;
}
#contents .box_intro p {
	margin: 10px 0 0 36px;!important
}
#contents .box_intro ul {
	margin: 10px 0 0 36px;
	padding: 0;
}
#contents .box_intro li {
	margin-bottom:0px!important;
	list-style:none;
}
#contents .box_intro .navi_txt {
	margin: 10px 0 0 5px;
}
#contents .box_intro .navi_txt li {
	float: left;
	font-size: 0.8em;
	padding: 0 10px 0 0;
}
#contents .box_intro .notes{
	width: 350px;
}

/* box_magazine */
#contents .box_magazine {
	position: relative;
/* 	margin-bottom: 20px; */
	background-color: #fff;
}
#contents .box_magazine2{
	width: 413px;
	border: #CCC 2px solid;
	padding: 15px;
	height: 145px;
	}
#contents .box_magazine.left {
	float:left;
	width:447px;
}
#contents .box_magazine.right {
	float:right;
	width:447px;
}
#contents .box_magazine p.update {
	position: absolute;
	left: 0;
	bottom: 7px;
}
#contents .box_magazine h3 {
	margin-bottom:6px!important;
}
#contents .box_magazine p.format {
	width:385px;
	margin:0 auto 2px!important;
	padding:2px 0 2px 50px!important;
	font-size:70%;
}
#contents .box_magazine p.format.html {
	background:url(../images/icon_html_muryo.gif) left top no-repeat;
}
#contents .box_magazine p.backnumber a {
	float:right;
}

#contents .banner_notice{
	margin: 15px 0;
	text-align: center;
}

#contents .box_magazine2 .sender{
	margin:0 auto 4px!important;
	padding:2px 0 2px 0px!important;
	font-size:70%;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	list-style-position: inside;
	width: 250px;
	float: left;

}

/* muryo_wrap, member_wrap
---------------------------------------------------------------------------------------------------- */
#contents #muryo_wrap{
	margin-top: 10px;
	padding: 0 20px;
	background:url(../images/bg_red.gif) left top repeat;
}
#contents #member_wrap{
	padding: 0 20px;
	background:url(../images/bg_yellow.gif) left top repeat;
}

/* inner_muryo
---------------------------------------------------------------------------------------------------- */
#contents .inner_muryo {
	padding: 0 15px;
	background: url(../images/bg_whiteonred.gif) left bottom no-repeat;
}
#contents .inner_muryo .box_intro{
	background: url(../images/img_mailmag_muryo_jolly.gif) right 94px no-repeat #fff;
}

/* inner_member
---------------------------------------------------------------------------------------------------- */
#contents .inner_member {
	margin-bottom:21px;
	padding: 0 15px 15px;
	background: url(../images/bg_whiteonyellow.gif) center bottom no-repeat;
	zoom: 1;
}
#contents .inner_member .box_intro {
	margin-bottom: 0;
	width:450px;
	background: url(../images/img_mailmag_member_dotcom.gif) 281px 138px no-repeat #fff;
}
#contents .inner_member .float-right {
	margin-top: 28px;
	margin-bottom: 10px;
	width:447px;
}
#contents .backnumber_list{
	margin: 0 0 10px 0;
	border: 2px solid #ff8112;
	padding: 0 15px 4px;
	font-size: 0.7em;
	background-color: #fcebdb;
	
	zoom: 1;
}
#contents .backnumber_list dt{
	margin: -2px -15px 4px;
}
#contents .backnumber_list a{
	color: #ff8112;
	padding-left: 9px;
	background: url(../images/icon_arrow_right_orange.gif) left top no-repeat;
}
#contents .backnumber_list a:visited{
	color: #551abb;
}
#contents .inner_member .box_magazine p.format.html {
	background:url(../images/icon_html_member.gif) left top no-repeat;
}

/* muryo_wrap > mlmg_backnumber backnumber_list2 : 2012.09.24追加
---------------------------------------------------------------------------------------------------- */
#contents .mlmg_backnumber{
	margin:15px 0 0px;
	padding: 0;
}


#contents .backnumber_list2{
	margin: 0 0 15px 0;
	border: 2px solid #eb1414;
	padding: 0 15px 4px;
	font-size: 0.7em;
	background-color: #ffebeb;
	zoom: 1;
}
#contents .backnumber_list2 dt{
	margin: -2px -15px 4px;
}
#contents .backnumber_list2 a{
	color: #eb1414;
	padding-left: 9px;
	background: url(../images/icon_arrow_right_red.gif) left top no-repeat;
}
#contents .backnumber_list2 a:visited{
	color: #551abb;
}



/* pagetop
---------------------------------------------------------------------------------------------------- */
#contents p.pagetop{
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom:0!important;
	text-align:right;
	font-size:70%;
	clear: both;
}
#contents p.pagetop a{
	color:#e60012;
	padding-left:13px!important;
	background:url(../images/icon_arrow_up.gif) 0 center no-repeat;
}
/* for ie hack
---------------------------------------------------------------------------------------------------- */

/* maintenance */
#maintenance{
	margin-bottom: 10px;
	margin-top: 25px;
	margin-bottom:25px;
	text-align: center;
}

/* magacpBanner */
#magacpBanner{
	padding-top: 5px;
	margin-bottom:10px;
	text-align: center;
}

/* shoppingBanner */
#shoppingBanner{
	margin: -12px auto 21px;
	text-align: center;
}



.txt_120515{
	text-align:left;
	font-size: 70%;
	padding-left: 15px;
	text-indent: -12px;
}

/* reform 20121116 */
.clearall{
	clear: both;
}

#ocnfooter .copyright{
  float: none;
  text-align: center;
}
#ocnfooter ul{
  border-left: none;
  margin: 15px 0 10px;
}
#ocnfooter li{
  border:none;
}

/* docomo logo     2023.07:release
---------------------------------------------------------------------------------------------------- */
#ocnfooter .logo_docomo{
	margin: 20px 0;