@charset "utf-8";
html {-webkit-text-size-adjust:none}

/* ============================================================================
   共通スタイル
============================================================================ */
/* 全ての要素の間隔余白を0に */
* {
	margin:0;
	padding:0;
}

body{
	margin:0;
	font-size:0.8em;
	text-align:center;
	background-image:url(./img/wallppr01.gif);
	background-repeat:repeat;
}

img {
	border:none;
}

/*---table---*/

.table{
	width:480px;
	border-collapse:collapse;
}

.table-a td{
	border:1px solid #3399cc;
	padding:3px;
	text-align:left;
	color:#333333;
	background-color:#FFFFFF;
	line-height:1.3em;
}

.table-a th{
	color:#ffffff;
	border:1px solid #3399cc;
	background-color:#3399cc;
	padding:3px;
	text-align:center;
	font-weight:normal;
	line-height:1.3em;
}

.table-b td{
	border:1px solid #999999;
	padding:3px;
	text-align:left;
	color:#333333;
	background-color:#FFFFFF;
	line-height:1.3em;
}

.table-b th{
	width:50px;
	color:#efefef;
	border:1px solid #999999;
	background-color:#999999;
	padding:3px;
	text-align:center;
	font-weight:normal;
	line-height:1.3em;
}

.table-a th{
	color:#ffffff;
	border:1px solid #3399cc;
	background-color:#3399cc;
	padding:3px;
	text-align:center;
	font-weight:normal;
	line-height:1.3em;
}

.photo{
	float:right;
	margin-left:0px;
	margin-right:20px;
	margin-top:0px;
	margin-bottom:10px;
}

#body {
	width:800px;
	background-color:#FFFFFF;
	text-align:left;
	margin:0px auto;
	padding:0px 20px;
	color:#4d4d4d; 
}

.txt img {
        float: right;
	margin-left:30px;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:10px;

}
.txt p {
    overflow: hidden;
}

/*---main---*/
#main{
	width:800px;
}

/* ヘッダー（自社ロゴ表示等）
-----------------------------------------------------------------------------*/
#header{
	width:800px;
	height:45px;
	color:#ffffff;
}

#header h1{
	float:right;
	color:#666666;
	font-size:1em;
	line-height:30px;
	padding-left:15px;
	margin-top:0;
	margin-bottom:5px;
}

#header #logo {
	position: absolute;
	padding-left: 0px;
	margin-top: 0px;
}

/* flash、画像等ページ上部スペース
-----------------------------------------------------------------------------*/
#flash{
	width:700px;
	padding:2px 50px;			/* 余白:上下5px,左右50px */
}

#imgheader{
	width:700px;
	padding:2px 50px;			/* 余白:上下0px,左右50px */
}

/* ヘッダーメニュー
-----------------------------------------------------------------------------*/
#header_menu {
	width:780px;
	height:50px;
	padding:5px 10px;			/* 余白:上下5px,左右10px */
}

#header_menu ul {
	list-style:none;
}

#header_menu li {
	float:left;
	width: 130px;
}

/* サブメニュー（左側）
-----------------------------------------------------------------------------*/
#subMenu {
	float:left;
	width:220px;
}

#subMenu h3{
	color:#ffffff;
	font-size:1.2em;
}

#subMenu ul{
	border-left:1px solid #6e6e6e;
	border-bottom:1px solid #6e6e6e;
	border-right:1px solid #6e6e6e;	
	background-color:#ffffff;
	background-image:url(./img/subMenu.gif);
	background-repeat:no-repeat;
}

#subMenu li{
	list-style-image:none;
	list-style-type:none;
	margin:0px;
	line-height:230%;
	text-align:center;
	color:#000080;
}

#subMenu .kugiri{
	border-bottom:1px dotted #bdbdbd;
}

#subMenu a{
	display:block;
}

#subMenu a:link {
	color:#0066ff;
	text-decoration:underline;
}

#subMenu a:visited {
	color:#005be5;
	text-decoration:underline;
}

#subMenu a:hover {
	color:#ff0099;
	text-decoration:none;
}

/* コンテンツ
-----------------------------------------------------------------------------*/
#contents {
	width:570px;
	float:right;
	padding-top:1px;
}

#contents h2{
	color:#666666;
	font-size:1em;
	background-image:url(./img/titlebg.png);
	background-position:left;
	background-repeat:no-repeat;
	line-height:30px;
	padding-left:20px;
	margin-top:0;
	margin-bottom:5px;
}

#contents h3{
	color:#ff0099;
	font-size:1em;
}

#contents h4{
	color:#666666;
	font-size:1em;
}

#contents h5{
	background-color:#e2ffc6;
	line-height:30px;
	font-size:1em;
	margin-top:5px;
	margin-bottom:15px;
	padding-left:10px;
}

#contents h6{
	color:#c43c35;
	font-size:1em;
}

#contents .contents01{
	width:570px;
	padding-left:15px;
	padding-right:15px;
}

#contents .contents01 li{
	list-style-type:none;
	margin-top:0px;
	margin-left:15px;
	padding-top:0px;
	padding-bottom:10px;
}

#contents .contents01 dl{
	padding-left:10px;
	margin-bottom:15px;
	margin-top:0;
}

#contents .contents01 dt{
	font-weight:bold;
	margin-top:5px;
	margin-bottom:3px;
}

#contents .contents01 dd{
	margin-left:12px;
	line-height:130%;
	border-bottom:1px dotted #666666;
	margin-bottom:5px;
	padding-bottom:5px;
}

#contents .contents02{
	width:570px;
	padding-left:15px;
	padding-right:15px;
}

#contents .contents02 ul{
	margin-left:20px;
	margin-bottom:0px;
}

#contents .contents02 li{
	list-style-image: url(img/point_mini.png);
	margin-top:15px;
	margin-left:10px;
	padding-top:0px;
	padding-bottom:0px;
}

#contents .contents02 dl{
	padding-left:20px;
	margin-bottom:15px;
	margin-top:0;
}

#contents .contents02 dt{
	font-weight:bold;
	margin-top:5px;
	margin-bottom:3px;
}

#contents .contents02 dd{
	margin-left:40px;
	line-height:80%;
	margin-bottom:1px;
	padding-bottom:1px;
}

#contents .jisya{
	width:570px;
	padding-left:15px;
	padding-right:15px;
}

#contents .jisya dl{
	margin-bottom:10px;
	margin-top:0;
}

#contents .jisya dt{
	font-weight:bold;
	margin-top:5px;
	margin-bottom:3px;
}

#contents .jisya dd{
	margin-left:40px;
	line-height:0.8em;
	margin-bottom:1px;
	padding-bottom:1px;
}

#contents a{
	width:100%;
}

#contents a:link {
	color:#0066ff;
	text-decoration:underline;
}

#contents a:visited {
	color:#005be5;
	text-decoration:underline;
}

#contents a:hover {
	color:#ff6666;
	text-decoration:none;
}

/* フッター
-----------------------------------------------------------------------------*/
#footer{
	width:800px;
	height:25px;
	background-color:#f5f5f5;
	margin-left:0px;
	text-align:center;
	clear:both;
}

#footer .address{
	width:800px;
	margin-top:0px;
	padding-top:10px;
}


/* ============================================================================
   トップページ
============================================================================ */

/* 左側メニュー欄
-----------------------------------------------------------------------------*/
#top_left{
	float:left;
	width:220px;
}

#top_left h3{
	color:#FFFFFF;
	font-size:1.2em;
}

#top_left ul{
	border-left:1px solid #6e6e6e;
	border-bottom:1px solid #6e6e6e;
	border-right:1px solid #6e6e6e;	
	background-color:#ffffff;
	background-image:url(./img/subMenu.gif);
	background-repeat:no-repeat;
}

#top_left li{
	list-style-image:none;
	list-style-type:none;
	margin:0px;
	line-height:250%;
	text-align:center;
}

#top_left .kugiri{
	border-bottom:1px dotted #bdbdbd;
}

#top_left a{
	display:block;
	width:100%;
}

#top_left a:link {
	color:#0066ff;
	text-decoration:underline;
}

#top_left a:visited {
	color:#005be5;
	text-decoration:underline;
}

#top_left a:hover {
	color:#ff6600;
	text-decoration:none;
}


/* ============================================================================
   パッケージページ
============================================================================ */
/* コンテンツ
-----------------------------------------------------------------------------*/
#contents_pkg {
	width:570px;
	float:right;
	padding-top:1px;
}

#contents_pkg h2{
	color:#666666;
	font-size:1em;
	background-image:url(./img/titlebg.png);
	background-position:left;
	background-repeat:no-repeat;
	line-height:30px;
	padding-left:30px;
	margin-top:0;
	margin-bottom:5px;
}

#contents_pkg h3{
	font-size:1.2em;
}

#contents_pkg ul{
	margin:10px 25px;			/* 余白:上下5px,左右25px */
}

#contents_pkg li{
	list-style-image: url(img/point.png);
	margin-bottom:20px;
	font-size:1em;
}

#contents_pkg p{
	font-size:1em;
	padding-top:2px;
	padding-left:10px
}

#contents_pkg .contents01{
	width:570px;
	padding-left:15px;
	padding-right:15px;
}


#contents_pkg .jisya{
	width:570px;
	padding-left:15px;
	padding-right:15px;
}

#contents_pkg .jisya dl{
	margin-bottom:10px;
	margin-top:0;
}

#contents_pkg .jisya dt{
	font-weight:bold;
	margin-top:5px;
	margin-bottom:3px;
}

#contents_pkg .jisya dd{
	margin-left:40px;
	line-height:0.8em;
	margin-bottom:1px;
	padding-bottom:1px;
}

#effect {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: 220px;
	width: 950px;
	overflow: hidden;
	background: url(effect.png) repeat;
}

#overlay {
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1px;
	z-index: 1;
	background: url(bk_zoom.png) repeat;
         }
#overlayimage {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: 100%;
	width: 100%;
	float: none;
	background: no-repeat fixed center 110px;
	text-align: center;
	display:none;
	position: fixed;
}
#close {
	position: fixed;
	padding: 0px;
	margin: 0px;
	height: 33px;
	width: 100%;
	background: url(bk_cursol.png) no-repeat center top;
	top: 60px;
	clear: both;
}
#overlayimage img {
	margin: 120px 0px 0px;
	clear: both;
	float: none;
	background: no-repeat fixed center 120px;
	text-align: center;
	border: 10px solid #FFFFFF;
}
#pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 15px;
  padding: 5px;
  cursor: pointer;
}

#wrapper {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	float: none;
	height: auto;
	width: 970px;
	background: url(bk_wrapper.png);
}

#cname {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: auto;
	width: 950px;
}

.kakusu {
	display: none;
}

/*clearfix（変更しないで下さい）
------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
.kannalink {
	text-align: center;
	float: left;
	width: 200px;
	clear: both;
	margin: 0px auto;
	padding: 0px;
	height: auto;
}

/*menu bar
-----------------------------------------------------------------*/
#cssmenu{ height:37px; display:block; padding:0; margin: 0;  border:1px solid; border-radius:5px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 30px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); } 
#cssmenu{border-color:#000;} 
#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#444;} 
#cssmenu > ul > li > a:hover{background:#111;}

/*button
-----------------------------------------------------------------*/
.button{    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 6px 10px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #555;
    background-color: #ddd;
    background-image: linear-gradient(top, rgba(255,255,255,1),
                                rgba(255,255,255,0)),
                                url(data:image/png;base64,iVBORw0KGg[...]QmCC);
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
                            0 2px 2px -1px rgba(0, 0, 0, .5),
                            0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}
 
.button:hover{
    background-color: #eee;
    color: #555;
}
 
.button:active{
    background: #e9e9e9;
    position: relative;
    top: 1px;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    outline: none;
}

.btn-remote { /* リモート接続開始ボタン */
  margin: 10px;
  padding: 8px;
  width: 200px;
  font-size: 16px;
  background-color: #1aa1ff;
  color: #FFF;
  cursor: pointer;
  border-radius: 3px;
  border: 0;
}

.btn-remote:hover {
  background-color: #064fda;
}