@charset "utf-8";

/* class id .css
----------------------------------------- */
#main h2{
font-size        :20px;
margin-top       :30px;
margin-left      :1em;
padding-top      :0.5em;
padding-left     :1em;
color            :#fff;
height           :50px;
background-repeat:no-repeat;
background-image :url(../img/h2_top.gif);
}

#main p{
margin           :1em 2em 1em 2em;
}

/* caption
----------------------------------------- */
.caption{
text-align       :center;
font-weight      :bold;
font-size        :0.75em;
margin           :1em auto;
}

.center img{
clear            :both;
text-align       :center;
display          :block;
margin           :0 auto;
}

.left img{
float            :left;
margin-left      :4em;
margin-right     :1em;
}

.right img{
float            :right;
margin-left      :1em;
margin-right     :4em;
}

.ipod{
margin-right:60px;
}

.ipod img{
float            :left;
margin-left      :9em;
margin-right     :0.5em;
}

.ipod .button{
float:right;
}

.ipod .button a{
background-image :url(../img/solution-case-player-button.png);
background-repeat:no-repeat;
width:89px;
height:24px;
_height:34px;
display:block;
text-align:center;
text-decoration:none;
background-position:top left;
padding-top:10px;
font-size:0.9em;
margin-bottom:5px;
margin-left:10px;
color:#ffffff;
}

.ipod .button a:hover{
background-position:bottom right;
color:#FFCC66;
}


/* sub
----------------------------------------- */

#sub h2{
background-image :url(../img/h2_backgroud.gif);
}

#sub h3{
font-size        :18px;
font-weight      :normal;
margin-top       :1em;
margin-left      :1.5em;
padding-left     :1em;
padding-top      :3px;
background-image :url(../img/h3_backgroud.gif);
background-repeat:no-repeat;
height           :35px;
clear            :both;
}

#sub h3 a{
text-decoration  :none;
display          :block;
color            :#000;
}

#sub h4,
#sub h4 a{
font-size        :16px;
font-weight      :bold;
margin-left      :2em;
margin-top       :1em;
color            :#73290a;
}

#sub h5{
margin-left      :2.5em;
margin-right     :2em;
margin-top       :1em;
margin-bottom    :0;
clear            :left;
text-decoration  :underline;
}

#pankuzu{
font-size        :0.8em;
text-indent      :1.5em;
}

#pankuzu a{
text-decoration  :none;
}

#social {
text-align: center;
vertical-align: middle;
}

#social .twitter-share-button {
vertical-align: top;
}

#social .hatena-bookmark-button {
vertical-align: top;
}

#sub .more{
text-align       :right;
float            :right;
margin-right     :2em;
}

#sub .detail{
font-size        :0.8em;
margin-left      :3em;
margin-right     :3em;
margin-top       :1em;
margin-bottom    :2em;
}

.totop{
clear            :both;
text-align       :right;
margin-right     :2em;
margin-top       :1em;
margin-bottom :1em;
}

#sub .arrow p{
text-align       :center;
}

#sub .arrow{
margin-left      :2em;
margin-right     :2em;
margin-top       :1em;
border :2px solid #808080;
border-radius: 10px;        /* CSS3 */
-webkit-border-radius: 10px;    /* Safari,Chrome */
-khtml-border-radius: 10px;   /* Linux Browser */
-moz-border-radius: 10px;   /* Firefox */
behavior:url(border-radius.htc);
}

#sub ul{
margin           :1em;
}

#sub .license table,
#sub .license-option table{
margin           :1em 2em;
font-size        :0.8em;
}

#sub .column2 th{
text-align       :center;
background-color :#cccccc;
border           :1px solid #808080;
}

#sub .column2 td {
border           :1px solid #808080;
padding          :0.5em
}

#sub .column3 th {
text-align       :center;
background-color :#cccccc;
border           :1px solid #808080;
}

#sub .column3 td {
border           :1px solid #808080;
padding          :0.5em
}

#sub .license th.license-th-1st {
width            :150px;
}

#sub .license th.license-th-2nd {
width            :45%;
}

#sub .license th.license-th-3rd {
}

#sub #doclist ul{
margin-left      :2em;
margin-right     :2em;
font-size        :0.9em;
}

#sub #doclist li{
margin-top       :1em;
}

#sub #doclist ul dl{
margin-left      :2em;
margin-right     :2em;
}

#sub #doclist ul dt{
margin-top       :0.5em;
margin-bottom    :0.2em;
text-decoration :underline;
}

#sub #doclist ul dd{
text-indent      :0.5em;
}

#sub ul {
margin-left      :2.5em;
}

#sub #zigbeecontent dl{
margin-left      :3em;
margin-right     :2em;

}

#sub #zigbeecontent dt{
float            :left;
clear            :left;
}

#sub #zigbeecontent dt:after{
content          :"：";
}

#sub #zigbeecontent dd{
margin-left      :4em;
}


#sub ol{
margin-left      :4em;
margin-right     :2em;
}

#sub ol li{
list-style-type  :decimal;
}


#sub #faq .qa{
counter-reset    :result;
}

#sub #faq h4{
margin-top:1em;
margin-left:3em;
}

#sub #faq h4:before {
content          :counter(result) ". ";
counter-increment:result;
}

#sub #faq ol{
margin-top       :1em;
margin-bottom    :2em;
}

#sub #faq p{
margin-left      :3em;
margin-right     :3em;
}

#sub #faq ul{
margin-left:4em;
margin-right:4em;
}

#sub #faq li{
margin-bottom    :0.5em;
}

#sub #doclist dl{
margin-left      :2em;
font-size        :0.9em;
}

#sub #doclist dd{
margin-bottom    :1em;
text-indent      :0.5em;
}

#sub #link dl{
margin-left      :3em;
margin-rgiht     :2em;
}

#sub #link dd{
margin-left      :0;
margin-bottom    :1em;
margin-right     :2em;
}

#sub #news dl {
margin-left      :2em;
margin-rigjt     :2em;
}

#sub #news dt {
margin-top       :1em;
}

#sub #news dd {
margin-left      :1em;
}

#sub #news ul li{
list-style-type  :disc;
}

#sub #news ol ul{
margin-left      :1.5em;
}

#sub #news h4{
font-size        :0.7em;
text-align       :left;
margin-left:2em;
margin-right: 2em;
margin-top: 2em;
border-bottom    :dotted 1px orange;
font-style      :italic;
}

#sub #news h5{
margin-top: 0.5em;
margin-left: 2em;
}

#sub #sitemap dl{
margin-left      :3em;
margin-right     :2em;
margin-bottom    :1em;
}

#sub #sitemap dd{
margin-left      :1em;
}

#sub #dtcp-ip-settopbox dl{
margin-left	:6em;
font-size	:0.9em;
margin-bottom	:2em;
color		:#4682B4;
}

#sub #dtcp-ip-settopbox dt:before{
content		:"・";
}

#sub #dtcp-ip-settopbox dd{
margin-left	:1em;
}

#sub ul.disc li{
list-style-type	:disc;
}

#sub ul.disc {
margin-left	:4em;
}


/* 対応メディアフォーマットtable */

#sub table.general {
margin:1em 2em;
width:700px;
border:1px solid #666;
font-size:0.9em;
}

#sub table.general tr{
line-height:1.6em;
}

#sub table.general th{
background-color:#eee;
border:1px solid #bbb;
width:160px;
text-align:center;
}

#sub table.general td{
border:1px solid #bbb;
padding:0.5em;
}

#sub .tmark p{
margin-top	:25px;
margin-left	:3em;
font-size	:0.8em;
color		:#aaa;
}

#sub .modif p{
margin-left	:3em;
}

/* mlplayer */

#sub #mlp-lite h4{
margin-bottom	:0.7em;
}

#sub #mlp-lite h5{
margin-left	:2.5em;
margin-right	:2em;
margin-top	:1em;
margin-bottom	:0;
clear		:left;
text-decoration	:none;
}

.lite2{
margin-left	:0.5em;
margin-top	:1.5em;
text-decoration	:underline;
}

.hr{
margin-left	:1.7em;
margin-right	:1.7em;
display          :block;
background-color :gray;
border           :1px none;
height           :1.5px;
}

.h4-2{
font-size        :16px;
text-align       :left;
margin-left      :1.5em;
color			:navy;
}

#sub #mlp-lite ul{
margin-top	:0.1em;
}

#sub #mlp-lite ul li{
list-style-type  :circle;
margin-left	:2em;
margin-top	:0.3em;
}

#sub ul.mlplayer {
    margin:1em 2em 1em 2em;
}

#sub ul.mlplayer li {
    list-style-type:disc;
    list-style-image:none;
    list-style-position:outside;
    margin-left:1em;
    margin-top:0.5em;
}

/*
#sub #mlp-lite dl{
margin-left	:3em;
padding-right	:50px;
}

#sub #mlp-lite dt:before{
content		:"● ";
font-size	:0.7em;
}

#sub #mlp-lite dd{
margin-left	:2em;
font-size	:0.9em;
margin-bottom	:0.5em;
}
*/

/* solution */
#sub #solu h2{
font-size	:18px;
padding-top	:0em;
}

.left-half {
width: 370px;
float: left;
}

.right-half {
width: 370px;
float: right;
}

.clear-both{
clear: both;
height: 0px;
}

.sub-navi div{
margin:  30px 0em 0em 0em;
font-size: 0.7em;
}

li.element {
font-weight: bold;
}