@charset "EUC-JP";
@import url("http://www.dm-net.co.jp/sp/css_btn/css/zocial.css");

body {
	font: 16px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	-webkit-text-size-adjust: 100%;
margin:0 auto;

}
header {
}

/* MT関連追加タグ開始 */
/* Header */

#header {
background-color:#ffcccc;
  background: #8b8b88;
}


#header a {
    text-decoration: none;
}

em {
    font: inherit;
    text-decoration: inherit;
    color: #ffcccc;
    }

strong {
    font: inherit;
    font-weight: bold;
    text-decoration: inherit;
    color: #4d4d4d;
    }

.textC {
text-align: center;
}


/* Header ----------------------------------------------------------------- */



/* MT関連追加タグ終了 */



#wrap {
	padding: 10px;
}

nav {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 107%;
	margin: 0 auto;
        margin:0 5px 0 5px;
        padding:0 10px;

}

.honbun {
line-height:160%;
}

.honbun p {

}


.honbun2 p {
margin-bottom:0.5em;
}

nav a {
	text-decoration: none;
}

li.yoko  {
position:relative;
padding:0;
margin:0;
	text-align: center;
	float: left;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
	text-shadow: 1px 1px 0 ;
	text-shadow: 0 0 0 ;
}

li.yoko p.new-icon {
position:absolute;
top:42px;
left:30px;
}


li.yoko a {
padding:0;
margin:0;
	display: block;
	width: 99px;
	padding: 0 0 20px 0;
	padding: 0 0 0px 0;

}

li.yoko2  {
padding:0;
margin:0;
	text-align: center;
	float: left;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
	text-shadow: 1px 1px 0 ;
	text-shadow: 0 0 0 ;
}

li.yoko2 a {
padding:0;
margin:0;
	display: block;
	width: 60px;
	padding: 0 0 15px 0;
	padding: 0 0 0px 0;

}


section, nav {
}

p {
}

aside {
	background-color: #ebebeb;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
}
aside p:last-child {
	margin-bottom: 0;
}

#switchButton {
	clear: both;
	text-align: center;
	font-size: 80%;
}
#btnTop {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #cbcccf;
	background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0));
	width: 7em;
	font-size: 85%;
	text-align: center;
	float: right;
	margin-right: 10px;
}
#btnTop a {
	text-shadow: 1px 1px 0 #ddd;
	display: block;
	padding: 5px 0;
	color: #444444;
	text-decoration: none;
}





#balloon {
	width: 200px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
	position: absolute;
	background-color: rgba(231, 26, 91, 0.9);
;
	padding: 20px;
	color: #fff;
	line-height: 1.5;
	text-align: center;
}

#balloon p {
	margin: 0;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/* Clearfix */  
.clearfix:after {  
    content: " ";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
}  
.clearfix {  
    display: inline-block;  
    min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html .clearfix {  
    height: 1%;  
}  
.clearfix {  
    display: block;  
}  
/* End hide from IE-Mac */



/* 追加 ----------------------------------------------------------------- */

#main{
margin:10px 5px 10px 5px;
margin:0px 1px 0px 1px;
}

#ichiran{
margin:5px 0 5px 0;
margin:0;

}

/* 見出し */
h1{
  margin: 0 0 5px 0;
  padding: 8px 10px 6px 10px;
 font-size:130%;
  color: #fff;
  background: #8b8b88;
  background: #ed9cab;
  background: #8da0b6;
background:#fe5377;


  background: #33ccff;
  background: #31a4cf;

  text-shadow: #666 1px 2px 0;
}

h2 {
  margin: 0 0 5px 0;
  margin: 12px 0 0px 0;
  padding: 3px 10px 2px 10px;
  color: #fff;
	background-color: #ffcccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe5e5), to(#ffb2b2));
	background: -webkit-gradient(linear, left top, left bottom, from(#ff99aa), to(#ffe5e5));
  text-shadow: #666 1px 1px 0;
  font-size:110%;
}



h3{
  margin: 0 0 5px 0;
  padding: 3px 10px 2px 10px;
  color: #fff;
background:#d13484;
  text-shadow: #666 0 1px 0;
}

h4{
  margin: 0 0 5px 0;
  padding: 3px 10px 2px 10px;
  color: #fff;
text-align:center;
background:#ffb6c1;
background:#ff69b4;
  text-shadow: #666 0 1px 0;
border:none;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}


h5{
  margin: 0 0 5px 0;
  padding: 3px 10px 2px 10px;
  color: #fff;
text-align:center;
background:#ffb6c1;
background:#ff836b;
  text-shadow: #666 0 1px 0;
border:none;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}



.tabs {
margin:0px;
}

/* タブのスタイルシート */
 /*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/

.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li{
margin:0 .5em 0 0;
margin:0 3px 0 0; /* タブ右のアキ */
}

.yui-nav,.yui-nav li{
margin:0;
padding:0;
list-style:none;
}

.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li{
display:inline-block;
display:-moz-inline-stack;
*display:inline;
vertical-align:bottom;
cursor:pointer;
zoom:1;
}

.yui-navset .yui-content .yui-hidden{
border:0;
height:0;
width:0;
padding:0;
position:absolute;
left:-999999px;
overflow:hidden;
visibility:hidden;
}


/* 追加 ----------------------------------------------------------------- */



nav.list {
margin:0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #fff;
	font-size: 107%;
	width: 300px;
	width: 100%;
  text-shadow: #666 1px 1px 0;
}

nav.list li {
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #fff;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
        border-radius: 8px 8px 0 0 / 8px 8px 0 0;
	background-color: #999995;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccccc7), to(#999995));
  text-shadow: #666 1px 1px 0;
}



nav.list li:first-child {
	border: none;
}
nav.list a {
	color: #fff;

	text-decoration: none;
}

nav.list li a {
	display: block;
	width: 75px; /* タブの幅 */
	width: 71px; /* タブの幅 */
	padding: 8px 0;
}

nav.list a:hover{
	border-radius: 8px;
	-webkit-border-radius: 8px;

	background: -webkit-gradient(linear, left top, left bottom, from(#9dade0), to(#4169e1));
	background-color: #ffcccc;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb2b2), to(#ffe5e5));
	background: -webkit-gradient(linear, left top, left bottom, from(#ff99aa), to(#ffe5e5));


}

#menu{
	background-color: #fff;
}


nav.list li.selected {
	border-radius: 8px;
	-webkit-border-radius: 8px;
        border-radius: 8px 8px 0 0 / 8px 8px 0 0;
	background-color: #ffcccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb2b2), to(#ffcccc));
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb2b2), to(#ffe5e5));
	background: -webkit-gradient(linear, left top, left bottom, from(#ff99aa), to(#ffe5e5));
	}


/* 特設バナー */

ul.spbn {
width:310px;
  margin:0 0 0 0;
  padding: 0 auto 0 auto;

}

ul.spbn li{
margin:0;
}


ul.spbn li a{
width:155px;
height:52px;
margin:5px 5px 5px 0px;
}




.nextbtn10 {
	text-align:center;
	margin:5px 0 5px 0;
	padding:13px 0;
	padding:0;
	font-size:85%;
	font-size:100%;
}

.nextbtn10 a {
	margin-right:3px;
	margin:0px;
	padding:6px 10px;
	padding:5px;

	background: -moz-linear-gradient(top, #f0ffff 0%, #40e0d0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0ffff), color-stop(100%,#40e0d0));
    border:1px solid #a2a2a2;
    -webkit-border-radius:3px;
    color:#333;
    color:#4d4d4d;
    font-size:90%;

    text-shadow:0 -1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-radius: 3px;
	
}

.nextbtn10 a:link,
.nextbtn10 a:visited {

	text-decoration:none;
}
.nextbtn10 a:focus,
.nextbtn10 a:hover,
.nextbtn10 a:active {
	text-decoration:none;
}

.button3 a{
    padding:5px 3px 5px 5px ;
    text-decoration:none;
    background: -moz-linear-gradient(top, #ffffe0 10%, #f5deb3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffe0), color-stop(100%,#f5deb3));
    border:1px solid #d2b48c;
    -webkit-border-radius:3px;
    color:#333;
    color:#4d4d4d;
    display:block;
    font-weight:bold;
    font-size:90%;
    text-align:left;
}

/* 
    text-shadow:1px 1px 0 #ddd;
	-moz-border-radius: 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-radius: 3px;
 */


/* 特設バナー　終わり */

/* メニュー */



ul.menu {
margin:0;
padding:0;
  margin:2em 0 0 0;
  padding: 0 auto 0 auto;
  overflow: hidden;
  font-size: 12px;
}

ul.menu li a{
margin:0;
padding:0;
width:77px;
height:90px;
margin-bottom:1em;
}

ul.menu2 {
margin:0;
padding:0;
  margin:2em 0 0 0;
  padding: 0 auto 0 auto;
  overflow: hidden;
  font-size: 12px;
}

ul.menu2 li a{
margin:0;
padding:0;
width:73px;
height:90px;
margin-bottom:1em;
}



/* メニュー　終わり */

/* ad部分 */

.ad-banner {
width:100%;
margin:0 auto 5px auto;
padding:5px 0;
border-top:2px #ffc0cb solid;
border-bottom:2px #ffc0cb solid;
border-radius:0;
}

.ad-banner-width {
width:260px;
margin:0 auto;
}


ul.ad {
margin:0;
padding:0;
width:310px;
  margin:0em 0 0 0;
  padding: 0 auto 0 auto;
  overflow: hidden;
}

ul.ad li a{
margin:0;
padding:0;
width:155px;
height:48px;
margin:0;
}


/* ad部分　終わり */

/* 月別アーカイブ */

.month{
margin:0;
padding:0;
}

#footer{
font-size:100%;
margin:0 3px;
border-top:2px #ffc0cb solid;

}

/* ボタン */

#btn {
height:3em;
	border-radius: 5px;
	background-color: #cbcccf;
	background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0));
	text-align: center;

padding:auto;
	text-shadow: 1px 1px 0 #ddd;
	display: block;
	padding: 5px 0;
	color: #444444;
	text-decoration: none;
}


#btn a {
	text-shadow: 1px 1px 0 #ddd;
	display: block;
	padding: 5px 0;
	color: #444444;
	text-decoration: none;
}

.button{
    margin:0;
    padding:10px 25px 15px;
    padding:5px;
    text-align:right;
}
.button a{
	background: -moz-linear-gradient(top, #fefefe 0%, #cbcbcb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cbcbcb));
    border:1px solid #a2a2a2;
    -webkit-border-radius:3px;
    color:#333;

    color:#4d4d4d;

    display:block;
    font-weight:bold;
    font-size:90%;
    padding:8px 16px 8px 8px;

    text-shadow:0 -1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-radius: 3px;
	
}


.button2 a{
    margin:3px 5px 3px 5px ;
    padding:10px 25px 15px;
    padding:0 auto;
text-decoration:none;
	background: -moz-linear-gradient(top, #fefefe 0%, #cbcbcb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cbcbcb));
    border:1px solid #a2a2a2;
    -webkit-border-radius:3px;
    color:#333;
    color:#4d4d4d;
    display:block;
    font-weight:bold;
    font-size:90%;
    padding:8px;
    text-shadow:0 -1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-radius: 3px;
}

.button4 {
    margin:0px 0px 0px 0px ;
    padding:10px 25px 15px;
    padding:0 auto;
text-decoration:none;
	background: -moz-linear-gradient(top, #fefefe 0%, #cbcbcb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cbcbcb));
    border:1px solid #a2a2a2;
    -webkit-border-radius:3px;
    color:#333;
    color:#4d4d4d;
    display:block;
    font-weight:bold;
    display:block;
    padding:5px 8px 5px 8px;
    text-shadow:0 -1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-radius: 3px;
}

.button4 a{
    color:#333;
    color:#4d4d4d;
    display:block;
}

.button6 {
    margin:0px 0px 0px 0px ;
    padding:10px 25px 15px;
    padding:0 auto;

	background: -moz-linear-gradient(top, #fefefe 0%, #cbcbcb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cbcbcb));
    border:1px solid #a2a2a2;
    -webkit-border-radius:3px;
    color:#333;
    color:#4d4d4d;
    display:block;
    font-weight:bold;
    display:block;
    padding:5px 8px 5px 8px;
text-decoration:none;
    text-shadow:0 -1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-radius: 3px;
}

.button6 a{
    color:#333;
    color:#4d4d4d;
    display:block;
background: url(http://www.dm-net.co.jp/sp/images/next_arrow01.png) no-repeat 99% 50%;
}

.button7 {
margin:0px 0px 0px 0px ;
padding:5px 8px 5px 8px;
background:#CA88CF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-border-radius: 10px;
border-radius: 10px;
font-weight:bold;
text-align:center;
}

.button7 a{
color:#fff;
display:block;
}

.sp_links li a {
display: block;
padding: 0;
text-decoration: none;
background: url(http://www.dm-net.co.jp/sp/images/next_arrow01.png) no-repeat 98% 50%;
}
.mail{
background-image:url("http://www.dm-net.co.jp/sp/images/mail.png");
background-repeat:no-repeat;
background-position:left middle;
}

/* 最近の関連情報 */



.title_mihon{
background-image:url("http://www.dm-net.co.jp/line.gif");
background-repeat:no-repeat;
background-position:left middle;
background-size:contain;
color:#2A2A2A;
padding:0em 0em 1.5em 1em;
padding:0 0 0 1em;
margin:0em 0em -1em 0em;
margin:0 0 10px 0;
font-weight:bold;
font-size:18px;
}

.title{
color:#2A2A2A;
color:#696969;
padding:0 0 0 5px;
margin:0 0 10px 0;
font-weight:bold;
font-size:18px;
border-left:10px solid #ff9999;
}

.title1{
background-image:url("http://www.dm-net.co.jp/line.gif");
background-repeat:no-repeat;
background-position:left middle;
background-size:contain;
color:#2A2A2A;
color:#800000;

padding:0 0 0 1em;
margin:10px 0 10px 0;
font-weight:bold;
font-size:22px;
}

.title2{
font-size:100%;
background-color:#ccccff;
padding:2px 2px 2px 2px;
margin:5px 0px 10px 0px;
line-height:140%;
}

.title3, .title4{
color:#2A2A2A;
padding:0 0 0 5px;
margin:10px 0 10px 0;
font-weight:bold;
}

.title4{
font-size:110%;
color:#2A2A2A;
padding:0 0 0 0;
margin:0 0 0 0;
font-weight:bold;
background-color:#fff;
}

.infosp{
background-color:#d7fcce;
background-color:#f0ffff;
padding:10px 5px 10px 5px;
margin:0 0 10px 0;
line-height:140%;
text-align:left;
border:solid 1px #6ffc4b;
border:solid 1px #4169e1;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.info2{
background-color:#cccccc;
background-color:#f0f0f0;
padding:3px;
margin:0px;

}





.img{
float:right;
padding:0px 0px 3px 3px;
margin:0px 0px 0px 0px;
font-size:13px;
line-height:140%;
text-align:center;
}

.img_left{
float:left;
padding:0px 3px 3px 0;
margin:0px 0px 0px 0px;
font-size:13px;
line-height:140%;
text-align:center;
}




/* 中面のヘッダー */

#nakalogo{
border:none;
font-size:160%;
font-weight:bold;
line-height:33px;
margin:0 auto 0 auto;
height:33px;
background:#FFCCCC;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFCCCC), color-stop(0.49, #FFCCCC), color-stop(0.5, #FFCCCC), to(#FFCCCC));
background:-moz-linear-gradient(top,#FFCCCC 0,#FFCCCC 49%,#FFCCCC 50%,#FFCCCC 100%);overflow:hidden;color:#0599cc;
}

.nakahead {
  margin: 0 0 0 0;
  padding: 3px 5px 2px 5px;
  color:#0599cc;
  text-shadow: #666 2px 2px 0;


}

.nakahead a{
  color:#0599cc;
  text-decoration:none;
}

p.totop a{
display:block;
float:right;
width:73px;
height:27px;
border:1px solid #a4adb1;
-webkit-border-radius:6px;
background:url(http://www.dm-net.co.jp/sp/images/sankaku2.png) no-repeat 6px center,-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e6ea));
-webkit-background-size:16px 15px,auto;
font-size:80%;
font-weight:bold;
color:#4b5b6b;
margin:11px 5px 0 0;
text-decoration:none;
}

p.totop span{
color:#4b5b6b;
display:block;
margin:5px 0 0 27px;
}

/* リンク */

a:link {
    text-decoration:underline;
    text-decoration:none;
}




a:visited {
    text-decoration:underline;
    text-decoration:none;
}




a:active {
    text-decoration:underline;
    text-decoration:none;
}




a:hover{
    text-decoration:underline;
    text-decoration:none;
}


/* ボタン */

.next{
margin:50px 0 50px 0;
}

.nextbtn {
	text-align:center;
	margin:0;
	padding:13px 0;
	padding:0;
	font-size:85%;
	font-size:100%;
}

.nextbtn a {
	margin:20px 5px 20px 5px;
	padding:10px 5px 10px 5px ;
	background: -moz-linear-gradient(top, #f0ffff 0%, #40e0d0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0ffff), color-stop(100%,#40e0d0));
    border:1px solid #a2a2a2;
    -webkit-border-radius:3px;
    color:#333;
    color:#4d4d4d;
    font-weight:bold;
    font-size:90%;

    text-shadow:0 -1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-radius: 3px;
	
}

.nextbtn a:link,
.nextbtn a:visited {

	text-decoration:none;
}
.nextbtn a:focus,
.nextbtn a:hover,
.nextbtn a:active {
	text-decoration:none;
}

li .sankaku:before { content:"※" }

/* リスト関連 */
ol{
margin:0;
}

ul{
margin:0;
}

/* メルマガ */

.mailmag a{
text-decoration:underline;
display:block; 
width:100%;
font-size:80%;
line-height:80%;
}


/* アーカイブ */

.button5{
    margin:0px 0px 0px 0px ;
    padding:10px 25px 15px;
    padding:0 auto;
text-decoration:none;
	background: -moz-linear-gradient(top, #fefefe 0%, #cbcbcb 100%); /* mozilla系ブラウザ */


	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cbcbcb)); /* webkit系ブラウザ */


    border:1px solid #a2a2a2;

    -webkit-border-radius:3px;
    color:#333;
    color:#4d4d4d;
    display:block;
    font-weight:bold;
    display:block;
    font-size:120%;
    padding:5px 8px 5px 8px;
    text-align:left;
    text-shadow:0 -1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-radius: 3px;
}

.button5 a{
    color:#333;
    color:#4d4d4d;
    display:block;
}

.btnwide{
margin-left: 2px;
border-left: 7px solid #dc143c;
padding-left:5px;
}

.btnleft{
margin-left: 2px;
border-left: 7px solid #dc143c;
padding-left:5px;
}

.btnright{
margin-left: 2px;
border-left: 7px solid #dc143c;
padding-left:5px;
}

/* SNSボタン */
.snsbtn{
margin: -5px 0 5px 0;
padding: 6px 10px 4px 10px;
text-align:right;
color: #fff;
background: #31a4cf;
}

/* 調査・統計 */

ul.backnumber {
padding-left:0;
margin-left:-5px;
list-style:none;
}

.backnumber li {
background-image : url(http://www.dm-net.co.jp/sp/images/arrow01.gif) ;
background-position : left center ; /* 位置は左端の真ん中 */
background-repeat : no-repeat ; /* 背景だけど繰り返し表示しない */
padding-left : 10px ; /* 「画像の横幅+マーカーとの距離」を左方向に空ける */
margin-left:5px;
float:left;
}

.chousa_block {
margin:0 0 10px 0;
padding-bottom:10px;
border-bottom:#CCCCCC dashed 2px;
}

.chousa_title {
line-height:150%;
padding-left:10px;
border-left:#4169e1 solid 5px;
border-bottom:#4169e1 solid 1px;
margin:0 0 3px 0;
}

.chousa_honbun ul {
margin:0 0 0 30px;
padding:0;
list-style-type:disc;
}

.chousa_honbun li {
margin:0;
padding:0;
}

/* 本のコーナー */
ul.new_list {
margin:0;
padding:0;
}

ul.new_list li a.arrow {
display: block;
padding:0;
margin:0;
background: url(http://www.dm-net.co.jp/sp/images/next_arrow01.png) no-repeat 100% 50%;
}

/* リンクボックス */
.sp_links ul {
list-style-type: none;
width: 100%;
margin:0;
padding:0;
}

.sp_links li {
}

.sp_links li a {
display: block;
padding: 0;
text-decoration: none;
background: url(http://www.dm-net.co.jp/sp/images/next_arrow01.png) no-repeat 98% 50%;
}

.infosp_book {
background-color:#E6FFDE;
padding:5px 5px 0px 5px;
margin:0 0 5px 0;
line-height:140%;
text-align:left;
border:solid 1px #33cc00;
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
}

.sp_links .infosp_book li a {
display: block;
margin:0 0;
padding:5px 0;
text-decoration: none;
background: url(http://www.dm-net.co.jp/sp/images/next_arrow01.png) no-repeat 98% 50%;
border-top:1px dotted rgb(105, 105, 105);
}

.cat_title {
  margin: 0 0 5px 0;
  padding: 3px 10px 2px 10px;
  color: #fff;
font-weight:bold;
text-align:center;
background:#33cc00;
  text-shadow: #666 0 1px 0;
border:none;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}

div.kadomaru2 {
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   background-color:#f0f0f0;   /* ÇØ·Ê¿§ */
   padding:10px 10px 10px 10px;
}


/* 糖尿病アプリ */

.q_box{
background: -moz-linear-gradient(top, #fefefe 0%, #cbcbcb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cbcbcb));
border:1px solid #a2a2a2;
-webkit-border-radius:3px;
color:#333;
color:#4d4d4d;
display:block;
font-size:110%;
padding:8px 16px 8px 8px;
padding:0;
margin:10px 0;
text-shadow:0 -1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-radius: 3px;
height:67px;
}



/* リスト表示 */

ul.app_list {
	width: 100%;
	padding: 0px;
	margin: 0px;
	clear: both;
}
/*エッジ　-webkit-box-shadow: 0px 1px 0px #DDDDDD;*/

ul.app_list li {
	list-style-type: none;
	border-bottom:none;
	overflow: hidden;
	margin: 0px;
	position: relative;
background: -moz-linear-gradient(top, #dcdcdc 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#ffffff));
-webkit-border-top-left-radius: 5px;    /* Safari,Google Chrome用 */
-webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 */
-moz-border-radius-topleft: 5px;   /* Firefox用 */
-moz-border-radius-topright: 5px;   /* Firefox用 */
}


ul.app_list li:first-child {

}

ul.app_list li:last-child {

}
ul.app_list li:first-child.first_border_none {

}

ul.app_list li a {
}
ul.app_list li div a {
}

ul.app_list li.l_box {
	padding: 0px;
}
ul.app_list li.l_box .content {
	min-height: 60px;
	padding: 2px 0px 2px 0px;
	padding: 5px 0px 5px 0px;
}


.arrow_yama {
	background-image: url("http://www.dm-net.co.jp/sp/images/arrow.png");
	background-position: 98% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 8px 14px;
	padding: 8px 24px 8px 8px;
	margin: 0px; 
	color: inherit !important;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
}

.arrow {
	background-image: url("http://www.dm-net.co.jp/app/images/arrow2.png");
	background-position: 98% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 20px;
	padding: 8px 24px 8px 8px;
	margin: 0px; 
	color: inherit !important;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
}

div.content_box {
	float: left;
	display:block;
}

div.sub_content_box {
	font-size: 13px;
	padding: 0px 2px 0px 5px;
	overflow: hidden;
	white-space: normal;
	word-wrap: break-word;
}

.app_title {
font-size:120%;
font-weight: bold;
line-height: 20px;
color:#191970;
}

.app_cap {
	line-height: 20px;
}


.app_detail {
	list-style-type: none;
	border-bottom:none;
	overflow: hidden;
	margin: 0px;
        padding:10px;
	position: relative;
background-color:#dcdcdc;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
-moz-border-radius: 5px;   /* Firefox用 */
}
/* 
background: -moz-linear-gradient(top, #dcdcdc 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#ffffff));
*/

div.app_detail div.content2 {
	padding: 0px 0px 0px 0px;
        margin:0;
}

div.app_detail div.content2 div.content2_box {
	float: left;
	display:block;
}

div.app_detail div.content2 div.sub_content2_box {
	font-size:90%;
	padding: 0px 2px 0px 5px;
	overflow: hidden;
	white-space: normal;
	word-wrap: break-word;
}

.waku {
margin-top:10px;
padding:3px;
background-color:#FFFFFF;
}

/* 糖尿病用語辞典 */

.infosp_jiten_mokuji {
margin:0 0 10px 0;
padding:10px 10px 10px 10px;
background-color:#f5f5f5;
border:solid 1px #b0c4de;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
line-height:140%;
text-align:center;
}

.infosp_jiten {
background-color:#f5f5f5;
margin:0 0 5px 0;
padding:0 5px 0 5px;
line-height:140%;
text-align:left;
border:solid 1px #b0c4de;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
}

.infosp_jiten p {
margin:10px 0 0 0;
font-size:90%;
font-weight:bold;
text-align:center;
}

.infosp_jiten img {
display:block;
margin:10px auto 0 auto;
}

.infosp_jiten p.jiten_cap {
width:296px;
margin:0 auto;
padding:0;
font-weight:normal;
font-size:70%;
line-height:120%;
text-align:left;
}

.infosp_jiten strong {
font-weight:bold;
}

.infosp_jiten ul {
list-style-type: none;
width: 100%;
margin:0;
padding:0;
}

.infosp_jiten li {
border-top:1px solid #dcdcdc;
font-weight:bold;
}

.infosp_jiten li:first-child {
border-top:none;
}

.infosp_jiten li a {
display: block;
margin:0 0;
padding:10px 20px 10px 0;
background: url(http://www.dm-net.co.jp/sp/images/arrow-blue.png);
background-position: 100% 50%;
background-repeat: no-repeat;
text-decoration: none;
color:#4d4d4d;
}

.cat_title_jiten {
margin: 0 0 5px 0;
padding: 3px 10px 2px 10px;
color: #fff;
font-weight:bold;
text-align:center;
background:#33cc00;
text-shadow: #666 0 1px 0;
border:none;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */
}

h4.jiten {
margin: 0 0 5px 0;
padding: 5px 10px 5px 10px;
background:#ffb6c1;
background:#ff69b4;
background:#b0c4de;
border:none;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
text-shadow: #666 0 1px 0;
color: #fff;
text-align:left;
}

h4.jiten a {
display:block;
color:#ffffff;
}


h4.jiten_mokuji {
margin: 0 0 5px 0;
padding: 5px 10px 5px 10px;
background:#4682b4;
background:#3cb371;
background:#2e8b57;
background:#6e81dd;
border:none;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
text-shadow: #666 0 1px 0;
color: #fff;
text-align:center;
}

.title_jiten {
margin:0 0 10px 0;
padding:5px 0 5px 5px;
color:#2A2A2A;
color:#696969;font-weight:bold;
font-size:20px;
border-left:10px solid #ff9999;
}

.yomikana {
margin:0 0 5px 0;
font-size:90%;
font-weight:bold;
}

p.kochira-btn {
margin: 0 0 0 0;
padding: 5px 5px 5px 5px;

border-top: 2px solid #ccc;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
border-left: 2px solid #ccc;

background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
-moz-box-shadow: 1px 1px 2px #E7E7E7;
-webkit-box-shadow: 1px 1px 2px #E7E7E7;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;

font-weight:bold;
color:#696969;
text-align:left;
font-size:100%;
}

.kochira-btn a {
display:block;
padding: 0 15px 0 5px;
background: url(http://www.dm-net.co.jp/sp/images/arrow-blue.png);
background-position: 100% 50%;
background-repeat: no-repeat;
color:#161670;
text-align:left;
font-size:100%;
}

.border {
margin:10px 0 0 0;
padding-top:10px;
border-top:2px #ffc0cb solid;
}

ul.jiten_body, ul.jiten_body li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
list-style: none;
font-weight:normal;
text-align:left;
}

button_jiten {
border-top: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #ccc;
margin:0 4px;
padding: 4px 7px;
font-weight: bold;
cursor: pointer;
color: #666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
font-size:170%;
}

button_jiten a {
color: #666;
}

button_jiten {
background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
-moz-box-shadow: 1px 1px 2px #E7E7E7;
-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}

button_jiten:hover {
background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}

button_jiten:active {
background: #ccc;
}

button_jiten_mokuji, .button_jiten_mokuji {
border-top: 1px solid #ccac8e;
border-right: 1px solid #cc7728;
border-bottom: 1px solid #cc7728;
border-left: 1px solid #ccac8e;
margin:0 4px;
padding: 4px 7px;
font-weight: bold;
cursor: pointer;
color: #ff7f00;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
font-size:140%;

line-height:110%;
}

button_jiten_mokuji a, .button_jiten_mokuji a {
color: #ff7f00;
color: #ff7733;
color: #ff5500;
}

button_jiten_mokuji, .button_jiten_mokuji {
background: -moz-linear-gradient(top, #fff, #ffedcc 1%, #ffedcc 50%, #ffd27f 99%, #ffc04c);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #ffedcc), color-stop(0.5, #ffedcc), color-stop(0.99, #ffd27f), to(#ffc04c));
-moz-box-shadow: 1px 1px 2px #E7E7E7;
-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}

/* Q&A1000 */

.question {
margin:0;
padding: 0;
background: url(http://www.dm-net.co.jp/sp/qa1000/images/arrow-down.png);
background-position: 98% 50%;
background-repeat: no-repeat;
-webkit-background-size: 25px;
text-align:left;
font-size:100%;
}

.question-up {
background: url(http://www.dm-net.co.jp/sp/qa1000/images/arrow-up.png);
background-position: 98% 50%;
background-repeat: no-repeat;
-webkit-background-size: 25px;
}

.highlight {
background-color:#ffe5e9;
}

h4.qa1000 {
margin: 0 0 5px 0;
padding: 5px 10px 5px 10px;
background:#ffb6c1;
background:#ff69b4;
background:#b0c4de;
border:none;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
text-shadow: #666 0 1px 0;
color: #fff;
text-align:left;
}

h4.qa1000 a {
display:block;
color:#ffffff;
}

.infosp_qa1000 {
margin:0 0 5px 0;
padding:0 0 0 0;
line-height:140%;
text-align:left;

}

.infosp_qa1000 ul {
list-style-type: none;
width: 100%;
margin:0;
padding:0;
}

.infosp_qa1000 li {
border-top:1px solid #dcdcdc;
font-weight:bold;
}

.infosp_qa1000 li:first-child {
border-top:none;
}

.infosp_qa1000 li:last-child {
border-bottom:1px solid #dcdcdc;
}

.title_qa1000 {
margin:1px 0;
padding:5px 30px 5px 5px;
color:#2A2A2A;
color:#696969;font-weight:bold;
border-left:10px solid #ff9999;
font-size:100%;
}

div.qa1000-answer {
margin:0 5px;
padding:5px 0;
border-top:dashed 1px #cdcdcd;
text-align:left;
font-weight:normal;
font-size:100%;
}

div.qa1000-answer img {
  width: 70%;
}

div.qa1000-answer img.wide {
display:block;
width: 98%;
text-align:center;
}

div.qa1000-answer a {
margin:0;
padding: 3px 30px 4px 5px;
background-color:#ffdd99;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
background-image: url(http://www.dm-net.co.jp/sp/images/arrow-blue.png);
background-image: url(http://www.dm-net.co.jp/sp/images/arrow-blue-o.png);
background-size:30px 30px;
background-position: 100% 50%;
background-repeat: no-repeat;
text-decoration: none;
color:#778899;
font-weight:bold;
}

div.qa1000-answer ul, div.qa1000-answer ul li {
border:none;
font-weight:normal;

}

div.qa1000-answer table {
}


div.qa1000-answer {
margin:0 5px;
padding:5px 0;
border-top:dashed 1px #cdcdcd;
text-align:left;
font-weight:normal;
font-size:100%;
}

/* エントリー用 */
div.qa1000-answer-entry img {
  width: 70%;
}

div.qa1000-answer-entry img.wide {
display:block;
width: 98%;
text-align:center;
}

div.qa1000-answer-entry a {
margin:0;
padding: 3px 30px 4px 5px;
background-color:#ffdd99;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
background-image: url(http://www.dm-net.co.jp/sp/images/arrow-blue.png);
background-image: url(http://www.dm-net.co.jp/sp/images/arrow-blue-o.png);
background-size:30px 30px;
background-position: 100% 50%;
background-repeat: no-repeat;
text-decoration: none;
color:#778899;
font-weight:bold;
}

div.qa1000-answer-entry ul, div.qa1000-answer ul li {
border:none;
font-weight:normal;

}

div.qa1000-answer-entry table {
}


div.qa1000-answer-entry {
margin:0 5px;
padding:5px 0;
border-top:dashed 1px #cdcdcd;
text-align:left;
font-weight:normal;
font-size:100%;
}

.question-entry {
margin:0;
padding: 0;
text-align:left;
font-size:100%;
}


.title_qa1000-entry {
margin:1px 0;
padding:5px 5px 5px 5px;
color:#2A2A2A;
color:#696969;font-weight:bold;

font-size:100%;
}

.qa1000-qus {
margin: 0 0 5px 0;
padding: 5px 10px 5px 10px;
background:#ffb6c1;
background:#ff69b4;
background:#FF9999;
border:none;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
text-shadow: #666 0 1px 0;
color: #fff;
text-align:left;
font-weight:bold;
}

.qa1000-ans {
margin: 0 0 5px 0;
padding: 5px 10px 5px 10px;
background:#ff69b4;
background:#b0c4de;
background:#99ddff;
border:none;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
text-shadow: #666 0 1px 0;
color: #fff;
text-align:left;
font-weight:bold;
}

/* エントリー用ここまで border-left:10px solid #ff9999; */

.infosp_qa1000 table, .infosp_qa1000 tbody, .infosp_qa1000 tfoot, .infosp_qa1000 thead, .infosp_qa1000 tr, .infosp_qa1000 th, .infosp_qa1000 td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:bottom;
}

.infosp_qa1000 p {
margin-bottom:1em;
}

.emphasis {
margin:0;
padding:0;
font-weight:bold;
color:#dc143c;
}

.infosp_qa1000_list {
background-color:#f5f5f5;
margin:0 0 5px 0;
padding:5px 5px 0 5px;
line-height:140%;
text-align:left;
border:solid 1px #b0c4de;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
}

.infosp_qa1000_list ul {
list-style-type: none;
width: 100%;
margin:0;
padding:0;
}

.infosp_qa1000_list ol{
width: 100%;
margin:0;
padding:0;
}

.infosp_qa1000_list li {
border-top:1px solid #dcdcdc;
font-weight:bold;
}

.infosp_qa1000_list li.parent {

}

.infosp_qa1000_list li:first-child {

}

.infosp_qa1000_list li a {
display: block;
margin:0 0;
padding:10px 30px 10px 0;
background: url(http://www.dm-net.co.jp/sp/images/arrow-blue.png);
background-image: url(http://www.dm-net.co.jp/sp/images/arrow-blue-o.png);
background-size:30px 30px;
background-position: 100% 50%;
background-repeat: no-repeat;
text-decoration: none;
color:#4d4d4d;
font-weight:bold;
}

.infosp_qa1000_list li.parent span {
display:block;
padding-left:5px;
border-left:3px solid #ff9999;
font-size:110%;
}

span.indent {
display:block;
margin-left:1em;
}

infosp_qa1000_answer {

}

.mondai {
margin: 0 0 5px 0;
padding: 5px 10px 5px 10px;

background:#ff69b4;
background:#b0c4de;
background:#dcdcdc;
border:none;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
text-shadow: #666 0 1px 0;
color: #191970;
text-align:left;
}

/* present
------------------------ */

.present {
margin-bottom:5px;
padding:10px;
border:dashed 1px #a9a9a9;
text-align:center;
}

.present table {
margin:10px auto 0px auto;
border:none;
text-align:left;
}

.present th, .present td {
border-bottom:1px dotted #a9a9a9;
}
  

.present td.t-head {
padding-right:10px;
white-space: nowrap;
vertical-align:middle;
font-weight:bold;
}

/* nav-menu
----------------------------- */

#navMenu {
padding:0 30px;
background-image: url(/sp/images/left.png), url(/sp/images/right.png);
background-repeat: no-repeat, no-repeat;
background-position: 0 50%, 100% 50%;
}

.flickSimple {
	width: 318px;
width: 258px;
	position: relative;
	overflow: auto;
font-size: 12px;
font-weight:bold;
}

.flickSimple.landscape {
	width: 100%;
}

.flickSimple ul {
	display: block;
	margin: 0;
	padding: 0;
}

.flickSimple ul.landscape {
}

.flickSimple ul li {
	float: left;
	list-style-type: none;
	text-align: center;
}

.flickSimple ul li.landscape {
}

#basic ul,
#basic ul.landscape {
	width: 1296px;
}

#basic ul li,
#basic ul li.landscape {
width: 67px;
	margin: 5px;
}

#basic ul li.newline {
	clear: both;
}

#basic ul li a {
	display: block;
height: 80px;
}

div#navBack{
margin-top:18px;
float:left;
width:30px;
text-align :left ;
}
div#navNext{
margin-top:18px;
float:right;
width:30px;
text-align : right ;
}

/* app
------------------------ */

ul#app-shincyaku {
margin:0;
padding:0;
}

/* tokusetsu-banner
------------------------ */

#tokusetsu-banner {
width:100%;margin:5px 0;
}

.tokusetsu-banner-width {
padding:5px;background:#3045cf;
border:2px solid #fd7fa4;background:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
border-radius: 5px;
}

.tokusetsu-banner-width a {
display:block;
}

.tokusetsu-banner-width .icon {
float:left;width:57px;margin-right:5px;
}

.tokusetsu-banner-width .copy span {
font-weight:bold;
}

/* opinion/001
------------------------ */
.kakudai {
margin-bottom:1em;
}

.text-right {
text-align:right;
}

.pagingArea{
margin:10px 0 10px 0;
padding:0;
text-align:center;
color:#fff;
font-size:100%;
}

.pagingArea .button7 {
background:#a788cf;
}


.pagingArea a{
display:block;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

img.opi001-img {
width:100%;
}

#opi001-honbun br {
display: none;
}

#opi001 p {
margin-bottom:1em;
}

#opi001 {
margin-top:10px;
}

#opi001-title {
overflow:hidden;
background:url(http://www.dm-net.co.jp/opinion/images/icon_auth.png) no-repeat 0 0 #fff;
background-size:auto 90%;
}

#opi001-title .opi001-title-wrap {
margin-left:50px;
}

#opi001 h1 {
margin: 0 0 10px 0;
padding: 3px 10px 2px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
border-radius: 5px;
font-size:100%;
text-shadow:none;
}

#opi001-honbun {
}

#opi001 h2 {
background:none;
border-bottom:2px solid #003366;
margin: 0 0 10px 0;
padding: 3px 10px 2px 10px;
text-shadow:none;
color:#003366;
}
#opi001 h2 span {
font-size:140%;
}


#opi001 h3 {
margin: 0 0 10px 0;
padding: 3px 10px 2px 10px;
background:#cf88b1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
border-radius: 5px;
text-shadow:none;
font-size:140%;
}

#opi001 h4 {
margin:0px 0px 10px 0px ;
padding:5px 8px 5px 8px;
font-size:100%;
text-align:left;
text-shadow:none;
}

ul.line-note {
margin:0 0 5px 0;
padding:0 0 5px 0;
}

ul.line-note li {
margin:0 0 3px 0;
padding:0 0 3px 0;
border-bottom:1px solid #efe7e7;

}


ul.line-note li span {
color:#333333;
}

.manga-mokuji ul.line-note li a {
display:block;
}

h2.opi001-index span {
font-size:140%;
}

00h2.opi001-index span {
font-size:100%;
}

.author-name, .author-name-index {
margin-bottom:1em;
font-weight:bold;
}

.author-name-index {

}

#opi001-guidance {
margin:0 0 1em 0;
border:1px solid #a9a9a9;padding:10px 10px 0 10px;line-height:1.3;
}

#opi001-guidance p {
font-size:90%;
font-weight:normal;
}

.manga-mokuji  .flexslider {
width:200px;
margin:0 auto;
}

.manga-mokuji  .flex-caption {
margin:0;
padding:0;
font-size:80%;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* danwa
------------------------ */

#danwa-contents {
margin:10px 3px;
font-size:110%;
line-height:1.5;
}

#danwa-contents h1 {
margin: 0 0 10px 0;
padding: 3px 10px 2px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
border-radius: 5px;
font-size:100%;
text-shadow:none;
}

#danwa-contents h2 {
margin:0px 0px 10px 0px ;
padding:5px 8px 5px 8px;
background:#FF69B4;
font-size:100%;
text-align:left;
text-shadow:none;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
box-shadow:none;
}

#danwa-contents .box-contents {
margin:0 0 1em 0;
}


#danwa-contents .box-contents a {
display:block;
}

#danwa-contents h2 a {
color:#fff;
}

#danwa-contents ul.line-note {
margin-bottom:1em;
padding-bottom:0;
}


.block {
display:block;
}

/* likebox
------------------------------------------------ */

#likebox {
margin:10px 0 20px 0;
position:relative;
}

#likebox .fb-fukidashi{
position:absolute;top:5px;right:10px;
}

#likebox .likebox-midashi {
margin-bottom:10px;
padding:5px 10px;
background:#3B5998;
font-weight:bold;
line-height:1;
color:#fff;
border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: 0 0 4px #cfcfcf; -moz-box-shadow: 0 0 4px #cfcfcf; -ms-box-shadow: 0 0 4px #cfcfcf; -o-box-shadow: 0 0 4px #cfcfcf; box-shadow: 0 0 4px #cfcfcf;font-size:130%
}

#likebox .wrap {
width:100%;
max-width:500px;
margin:0 auto 20px auto;
overflow:hidden;
}


/* 20140515 mailmagazin
------------------------------------------------ */
#mailmagazin {
margin-bottom:1em;
}

#mailmagazin p {
margin-bottom:1em;
}


#mailmagazin .honbun {
padding:0 10px;
}


#mailmagazin .focus
{background:#acf3ff;}
#mailmagazin .wd33per
{width:30%;}

#mailmagazin input.text, 
#mailmagazin select
{width:95%; font-size:100%; padding:5px;}

#mailmagazin input:focus, 
#mailmagazin input:hover
{background:#acf3ff;}

#mailmagazin textarea
{width:95%; font-size:100%; padding:5px; height:50px;}

#mailmagazin textarea:focus, 
#mailmagazin textarea:hover
{height: 150px;background:#acf3ff;}

#mailmagazin input.btn {
width: 100%;
padding:10px;
margin:0 0 1em 0;
font-weight:bold;
color:#fff;
font-size:110%;
border:none;
background:#CC9830;
cursor:pointer;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-appearance: button;
}


#mailmagazin .radio input {
display: none;
}
#mailmagazin .radio label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 20px;
	border-radius: 2px;
	color: #3e4956;
	line-height: 1;
}
#mailmagazin .radio label:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #bdc3c7;
	border-radius: 50%;
}
#mailmagazin .radio input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #879c18;
	background: #E74E4E;

}

#mailmagazin h1,
#mailmagazin h2,
#mailmagazin h3 {
background:none;
border:none;
font-size:100%;
font-weight:normal;
color:#333;
text-shadow:none;
}

#mailmagazin h1 {
margin-top:5px;
margin-bottom:1em;
padding:5px 10px;
background:#31A4CF;
font-size:120%;
font-weight:bold;
line-height:1.5;
color:#fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 0 4px #cfcfcf;
-moz-box-shadow: 0 0 4px #cfcfcf;
-ms-box-shadow: 0 0 4px #cfcfcf;
-o-box-shadow: 0 0 4px #cfcfcf;
box-shadow: 0 0 4px #cfcfcf;
}
#mailmagazin h2 {
margin-bottom:1em;
padding:0 10px ;
border-bottom:3px solid #31A4CF;
font-size:110%;
font-weight:bold;
line-height:1;
}
#mailmagazin h3 {
margin:0 0 1em 0;
padding:0 0 0 10px;
border-left:solid 10px #31A4CF;
font-weight:bold;
border-right:none;
font-size:100%
}
#mailmagazin input, 
#mailmagazin select,
#mailmagazin label  {
margin-bottom:1em;
}
#mailmagazin ul.policy {
margin-left:0.5em;
padding-left:0.5em;
}

#mailmagazin .checkbox {
margin-bottom:1em;
}
#mailmagazin .checkbox span {
white-space:nowrap;
}

#mailmagazin .checkbox label {
margin:0 1em 1em 0;
font-size:110%;
}

#mailmagazin .checkbox input,
#mailmagazin .checkbox label  {
vertical-align: middle !important;
}

#mailmagazin .checkbox input[type="checkbox"] {
    border: 1px solid #aaaaaa;
    // vertical-align: -8px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 26px;
    height: 26px;
    background: #e2e2e2;
}

#mailmagazin .checkbox input[type="checkbox"]:checked {
    background: #E5C74E;
    border: 1px solid #336600;
}

#mailmagazin .checkbox input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 16px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    content: "";
    width: 10px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

#mailmagazin .checkbox input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 16px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    width: 16px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

#mailmagazin a.btnNormal {
display:block;
padding:10px;
margin:0 0 1em 0;
font-weight:bold;
color:#fff;
font-size:110%;
border:none;
background:#00CCFF;
cursor:pointer;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
// -webkit-appearance: button;

line-height:43px;
}

#mailmagazin .btnNormal a {
display:block;
color:#fff;
}


/* 特設バナー
------------------------------------------------ */

#infomation {
width:100%;margin:5px 0;text-align:center;
}

#infomation a {
display:block;
}

#infomation .mailmagazin {
background:#0600EA;
}

#infomation,
#infomation a img {
height:100%;
overflow:hidden;
}


/* ------------------------------------------------ */

/* #navi-menu
------------------------------------------------ */

#navi-menu {
}

#navi-menu li {
display:block;
float:left;
width:74px;
text-align:center;
color:#333;
text-decoration:none;
}
#navi-menu li a {
display:block;
color:#333;
text-decoration:none;
}

#navi-menu li span {
display:block;
width:70px;
margin:0 auto 1em auto;
font-size:11px;
font-weight:bold;
}

/* ------------------------ */
#navi-menu ul {
padding:0;
}

#navi-menu li .menu-icon {
background:url(http://www.dm-net.co.jp/sp/images/icon/sp_icon.png) no-repeat;
height:57px;
width:57px;
margin-bottom:0;
}

#navi-menu li.c-3min .menu-icon {
background-position: 0 -670px;
}

#navi-menu li.c-news .menu-icon {
background-position: 0 -268px;
}

#navi-menu li.c-event .menu-icon {
background-position: 0 -938px;
}

#navi-menu li.c-ryouri .menu-icon {
background-position: 0 -67px;
}

#navi-menu li.c-fitness .menu-icon {
background-position: 0 -1474px;
}

#navi-menu li.c-manga .menu-icon {
background-position: 0 -335px;
}

#navi-menu li.c-danwa .menu-icon {
background-position: 0 -1206px;
}

#navi-menu li.c-honne .menu-icon {
background-position: 0 -804px;
}

#navi-menu li.c-app .menu-icon {
background-position: 0 -1407px;
}
#navi-menu li.c-hon .menu-icon {
background-position: 0 -1340px;
}
#navi-menu li.c-chousa .menu-icon {
background-position: 0 -1273px;
}

#navi-menu li.c-inspection .menu-icon {
background-position: 0 -469px;
}
#navi-menu li.c-qa1000 .menu-icon {
background-position: 0 -201px;
}

#navi-menu li.c-jiten .menu-icon {
background-position: 0 -1139px;
}

#navi-menu li.c-insulin .menu-icon {
background-position: 0 -536px;
}

#navi-menu li.c-dmrg .menu-icon {
background-position: 0 -1072px;
}

#navi-menu li.c-seminar .menu-icon {
background-position: 0 -134px;
}

#navi-menu li.c-byoin .menu-icon {
background-position: 0 -402px;
}

#navi-menu li.c-johofile .menu-icon {
background-position: 0 -871px;
}

#navi-menu li.c-enquete .menu-icon {
background-position: 0 -1005px;
}

#navi-menu li.c-idaf .menu-icon {
background-position: 0 -603px;
}

#navi-menu li.c-hsmk .menu-icon {
background-position: 0 -737px;
}

/* 20150618_news
------------------------------------------------ */

#sp_news {
margin-bottom:1em;
}

#sp_news p {
margin-bottom:1em;
}


#sp_news img {
max-width:90% !important;
height:auto;
}

#sp_news .title3 {
border-left:3px solid #FF9999;
}

#sp_news .info {
margin-bottom:0em;
padding:5px;
background:#eee;
}

#sp_news .img, #sp_news .img_left {
float:none;
padding:0px;
margin:0 0 1em 0;
font-size:80%;
text-align:center;
}

/* 20150708 タブメニュー
------------------------------------------------ */

.yui-content {
margin-top:-12px;
}

#tab4 {
margin:0 0 20px 0;
padding:0;
width:100%;
border-bottom:1px dotted #a9a9a9;
}

#tab4 .kome {
margin:1em 0;font-size: 90%;text-align:center;
}

#tab4 .wrap .button_te {
width:49%;
float:left;
margin-right:1%;
margin-bottom:10px;
font-size:110%;
}

#tab4 .wrap .button_te a {
display:block;
color:#333;
padding:10px;
background: #eee;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius: 8px;
}

#tab4 .wrap .button_te a span {
border-left: 8px solid #dc143c;
padding-left:10px;
}



/* ボタン
------------------------------------------------ */
.nextPage {
text-align: center;
}

.nextPage a {
display: block;
padding: 5px 10px;
color: #fff;
background: #00AF08;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.nextPage a:link,
.nextPage a:visited,
.nextPage a:active {
color: #fff;
}

.nextPage a:hover {
color: #fff;
text-decoration: none;
background: #DB0046; 
}

/* opinion/002/
------------------------------------------------ */

#opi002 {
padding: 0 5px;
margin: 10px 0;
}

#opi002 img {
max-width: 100%;
height: auto;
}

#opi002 img.new-icon {
height: 20px;
}

#opi002 p {
margin-bottom: 1em;
}

#opi002 .cornerTitle {
margin: 0 0 10px 0;
padding: 3px 10px 2px 10px;
background: #31A4CF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-size:100%;
text-shadow:none;
font-weight: bold;
}

#opi002 #title h1,
#opi002 #title .cornerTitle2 {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
text-shadow:none;
background: none;
font-weight: bold;
color:#003366;
border-bottom:2px solid #003366;
font-size:130%;
}

#opi002 .honbun {
padding: 0 10px;
}

#opi002 .honbun p img {
display:block;
margin: 0 auto;
}


#opi002 .honbun h1 {
margin: 0 0 10px 0;
padding: 10px;
background:#003366;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
border-radius: 5px;
text-shadow:none;
font-size:140%;
line-height: 1.5;
}

#opi002 .author-name {
font-size: 100%;
font-weight: normal;
margin: 0 0 5px 0;
text-align: right;
}

#opi002 #title {
margin-bottom: 10px;
}

#opi002 #title img {

display:block;
width: 640px;
margin: 0 auto;
}

#opi002 .honbun .wrap {
border-bottom:2px solid #003366;
margin-bottom: 10px;
}

#opi002 .mokuji {
margin-bottom: 10px;
}

#opi002 .mokuji ul {
list-style: none;
margin: 0;
padding: 0;
}

#opi002 .mokuji ul li {
border-bottom: 1px dotted #a9a9a9;
margin-bottom: 5px;
padding: 0 5px 5px 5px;
}

#opi002 .mokuji ul .totop {
margin-top: 20px;
}

#opi002 h2 {
margin:0px 0px 10px 0px ;
padding:5px 8px 5px 8px;
font-size:100%;
text-align:left;
text-shadow:none;
background:#003366;
color: #fff;
}

#opi002 .profile .image img {
display:block;
width: 200px;
margin: 0 auto;
}

#opi002 .profile p {
margin: 0;
}

/* ------------------------------------------------ */

#saigai {
margin: 10px;
text-align: center;
}

#saigai  a {
display:block;
padding: 10px 0px;
color: #fff;
background: #00AF08;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 110%;
}

/* 20160603 アプリ pagebute
------------------------------------------------ */

#pagenate {
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
margin: 20px 0;
padding: 20px 0;
}

#pagenate ul,
#pagenate ul li {
text-align:center;
vertical-align:middle;
}

#pagenate ul li {
margin-right:2px;
}

#pagenate ul li span.current_page {
display:inline-block;
padding:5px 10px;
background: #006FAB;
color:#fff;
border-radius:5px;
}

#pagenate ul li a {
display:inline-block;
padding:5px 10px;
vertical-align:middle;
}

#pagenate ul li a:hover {
background:#DB0045;
text-decoration:none;
color:#fff;
border-radius:5px;
}

#pagenate ul li {
display:inline-block;
}

#pagenate ul li a.link_before,
#pagenate ul li a.link_next {
border:none !important;
}

/* 20160621
------------------------------------------------ */

ul.dmrg-ada {
margin: 0 !important;
padding: 0 !important;
}

ul.dmrg-ada li {
margin: 10px 20px !important;
padding: 0 5px 10px 5px !important;
list-style-image: none;
line-height: 1.5;
border-bottom: 1px dotted #a9a9a9;
}

/* ------------------------------------------------ */

.medoga {
margin: 5px 0;
text-align: center;
}

/* 20161020 ニュース用
------------------------------------------------ */

.kanrenjoho-f {
line-height: 1.5;
margin-bottom: 20px;
}

.kanrenjoho-f .midashi {
margin-bottom: 10px;
}


.kanrenjoho-f img {
width: 100%;
}

.kanrenjoho-f ul {
list-style: none;
margin:0;
padding:0;
}

.kanrenjoho-f ul li {
border-bottom: 1px dotted #a9a9a9;
list-style: none;
margin-bottom: 5px;
padding: 0 10px 5px 10px;
}

.kanrenjoho-f ul.clearfix {
display: none;
}

/* 20170713
------------------------------------------------ */

{
margin:1em auto;
}
#sp_news table th {
text-align: center
}

#sp_news table {
font-size: 80%;
}

#sp_news table td,
table th {
padding: 5px;
border:1px solid #a9a9a9;
}

#sp_news table th {
background:#4970C4 ;
color: #fff;
}

#sp_news table td {
text-align: center;
}

#sp_news table td:first-child {
background:#D0DAF0 ;
}

#sp_news table .total td {
background: #FF6565;
color: #fff;
}

#sp_news table .total td:first-child {
background:#FF6565 ;
}