@charset "utf-8";

/*==================================================================
　共通
　==================================================================
*/
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	* html .cf { zoom: 1; }
	*:first-child+html .cf { zoom: 1; }

.pcNon{display:none;}


/*==================================================================
　ヘッダー
　==================================================================
*/
body{
  margin:0;
}

#manual_header{
  width:100%;
  height:45px;
  border-bottom:1px solid #00AEEF;
}

.manual_h_inner{
  margin:18px auto 0;
  width:900px;
}

#manual_header a,a:hover,a:visited{
  text-decoration:none;
  color:#333;
}

#manual_header .logo{
  display:inline-block;
  float:left;
  width:280px;
}

#cse-search-form{
  display:inline-block;
}

.right_title{
  float:right;
  margin:10px 10px 0 0;
  font-size:0.8em;
}
#manual_header .right_title a,a:visited{
  color:#1D1DAA;
  text-decoration:none;
}

#manual_header .right_title a,a:hover{
  color:#1D1DAA;
}

.manual_search{
  width:300px;
  margin-left:100px;
  float:left;
  margin-top:10px;
}

/*==================================================================
　目次
　==================================================================
*/

#index_main {
  margin-top:40px;
  margin-left:280px;
}

#index_main .headline1 {
	font-size:1em;
	font-weight:bold;
}

#index_main a:link { color:#000000;
  text-decoration:none;
  font-size:0.8em;
 }
#index_main a:visited { color:#000000; text-decoration:none }
#index_main a:hover { color:#0000ff; text-decoration:none }
#index_main a:active { color:#000000; text-decoration:none }

ul#index_ul{list-style:none;}

ul#index_ul li{
  list-style-image:url;
}

.index_menu{
  width:334px;
  margin:0 auto;
  font-size:0.9em;
}

/*==================================================================
　メイン＋コンテンツ（大枠）
　==================================================================
*/

body{
  width:100%;
  counter-reset:number 0; /* number のカウンタを 0 にセット */
}

#wrapper{
  width:100%;
  max-width:960px;
  margin:0 auto;
}

#contentsBox{
  width:960px;
  height:auto;
  margin:0 auto 50px;
}

.collum_top{
  text-align:center;
  font-size:0.9em;
  font-weight:bold;
  width:300px;
  height:24px;
  color:#fff;
  border-radius:5px 5px 0 0;
  background: #b7b7b7;
  background: -moz-linear-gradient(top, #b7b7b7 0%, #828c95 100%, #9c9d9c 100%);
  background: -webkit-linear-gradient(top, #b7b7b7 0%,#828c95 100%,#9c9d9c 100%);
  background: linear-gradient(to bottom, #b7b7b7 0%,#828c95 100%,#9c9d9c 100%);
}

.collum_top span{
  display:inline-block;
  padding-top:2px;
}

#right_collum {
  float: right;
  width: 600px;
  background-color:#FFFDF0;
  padding:15px;
  margin-top:-25px;
  font-size:0.8em;
  line-height:22px;
}

#right_collum2 {
  float: right;
  width: 570px;
  background-color:#FFFDF0;
  padding:15px;
  margin-top:-30px;
  margin-bottom:60px;
  font-size:0.8em;
  line-height:22px;
}


#left_collum {
  width: 265px;
  margin-top: 30px;
}

#left_navigation {
	float: left;
	width:278px;
	border: 1px #aaaaaa solid;
	padding: 10px;
}

#left_navigation_ul {
  font-size:12px;
}

#left_navigation .current_page {
	font-weight:bold;
}

#left_navigation a:link { color:#000000; text-decoration:none }
#left_navigation a:visited { color:#000000; text-decoration:none }
#left_navigation a:hover { color:#0000ff; text-decoration:none }
#left_navigation a:active { color:#000000; text-decoration:none }


/*==================================================================
　コンテンツ（グローバルメニュー直下のナビゲーション）
　==================================================================
*/
#contentsBox #variousselect{
  list-style:none;
}

#contentsBox #variousselect ul li{
  display:inline-block;
  margin:20px 10px 0 0px;
  font-size:0.8em;
}

#contentsBox .variousselect ul{
  list-style:none;
  font-size:0.8em;
  padding-left:0;
  margin-top:20px;
}

#contentsBox .variousselect li{
  display:inline-block;
  margin-right:10px;
}

#contentsBox .variousselect li a{
  text-decoration:none;
}

/*==================================================================
　コンテンツ（バックボタン）
　==================================================================
*/
.backbutton{
	margin:0 0 0 10px;
}

/*==================================================================
　コンテンツ（トップへもどるボタン）
　==================================================================
*/
.totop{
	text-align:right;
	margin: 10px 8px 20px 0;
}

/*==================================================================
　コンテンツ（次に進むボタン）
　==================================================================
*/
.tonext{
	float:right;
	width:600px;
	text-align:right;
	margin: 15px 0 50px 0;
        font-size:0.8em;
}

/*==================================================================
　コンテンツ（本文）
　==================================================================
*/
.manual_contents{
  margin:0 auto 30px 38px;
}

.manual_img{
  text-align:center;
  margin:20px auto 0;
}

.manual_img img{
  display:inline-block;
  border:4px solid #ddd;
  margin:15px auto 20px;
}

h1 {
  height:48px;
  padding-top: 12px;
  padding-left:30px;
  margin-top:0;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  background: url(../images/title1_marker.gif) no-repeat;
}

h2 {
  margin-left:17px;
  padding-left:20px;
  margin-bottom:20px;
  font-size:14px;
  font-weight:bold;
  background: url(../images/title2_marker.gif) 0 3px no-repeat;
}


.h2_block {
  margin:0 0 38px 25px;
  line-height:22px;
}

.h2_block a{
  display:block;
  text-align:right;
  margin:30px 0;
  font-size:11px;
}

.h3_block{
  margin-top:30px;
  margin-left:30px;
}

h3 {
  margin-left:5px;
  margin-bottom:20px;
  padding-left:20px;
  font-weight:bold;
}

span.manual_number_d{
  font-weight:bold;
  display:inline-block;
  margin:10px 0;
  font-size:13px;
  margin-left: -10px;
}

span.manual_postscript {
  display: inline-block;
  margin-top: 10px;
  margin-left: -10px;
}

span.manual_number{
  font-weight:bold;
  display:inline-block;
  margin:0 0 20px;
}
span.manual_number:before{
  counter-increment: number 1;      /* number カウンタを増加 */
  content: "(" counter(number) ") ";      /* 表示形式を指定 */
}

.h2_block dt,dd{
  margin-bottom:10px;
}

/* 注意事項 */
.manual_info{
  width:350px;
  margin:35px auto 10px;
  padding:25px 25px 15px;
  background:#fff;
  border:2px solid #4B6CC2;
}

.manual_info p{
  margin-left:20px;
}

.manual_info span{
  font-weight:bold;
  padding-left:30px;
  background:url(../images/icon_info.png)no-repeat left center;
  background-size:contain;
}

.manual_warn{
  width:350px;
  margin:35px auto;
  padding:20px 20px 10px;
  background:#fff;
  border:2px solid #C24B4B;
}

.manual_warn span{
  font-weight:bold;
  padding-left:30px;
  background:url(../images/icon_warn.png)no-repeat left center;
  background-size:contain;
}

.manual_warn p{
  margin-left:20px;
}

.txtRed{
  color:#f00;
}

.bold{
  font-weight:bold;
}

/*マニュアル内テーブル*/
#preset_list_table {
  width:540px;
  margin:20px auto 25px auto;
  font-size:12px;
  border-collapse:collapse;
}

#preset_list_table th{
  padding:5px;
  text-align:center;
  border:1px solid #cccccc;
  color:#ffffff;
  background:#442323;
  font-weight:normal;
}

#preset_list_table .subtitle{
  padding:5px;
  webkit-background-size: 4px 4px;
  -moz-background-size: 4px 4px;
  background-size: 4px 4px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #f4f4f4), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #f4f4f4), color-stop(.75, #f4f4f4), color-stop(.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, #f4f4f4 25%, transparent 25%, transparent 50%, #f4f4f4 50%, #f4f4f4 75%, transparent 75%, transparent);   border:1px solid #cccccc;
  font-weight:bold;
  white-space:nowrap;
  text-align:left;
}

#preset_list_table .preset{
  padding:5px;
  border:1px solid #cccccc;
  background:#ffffcc;
  width:220px;
}

#preset_list_table td{
  padding:5px;
  border:1px solid #cccccc;
  background-color:#FFFFFF;
}

td.subtitle{
  text-align:center;
}

/*==================================================================
　レスポンシブ
　==================================================================
*/

/* max-width:768px
--------------------------------------------------------------------
*/
@media screen and (max-width:768px){

#wrapper{
  width:100%;
}

#contentsBox{
  width:90%;
}

#contentsBox #preset_list_table {
  width:90%;
  font-size:0.9em;
}

#contentsBox .alert_timing_table {
  width:90%;
}


/*==================================================================
　ヘッダー
　==================================================================
*/

#manual_header{
  width:100%;
  height:auto;
  border-bottom:1px solid #00AEEF;
}
#manual_header .logo{
  float:none;
  margin:0 auto;
}

#manual_header .manual_h_inner{
  width:90%;
  padding:10px;
}

.right_title{
  float:none;
  margin:0;
}

.manual_search{
  float:none;
  margin-left:0;
}

/*==================================================================
　目次
　==================================================================
*/

#index_main {
  margin-top:40px;
  margin-left:20px;
}

#index_main .headline1 {
  font-size:1em;
  font-weight:bold;
}

#index_main a:link { color:#000000; text-decoration:none }
#index_main a:visited { color:#000000; text-decoration:none }
#index_main a:hover { color:#0000ff; text-decoration:none }
#index_main a:active { color:#000000; text-decoration:none }

ul#index_ul{list-style:none;}

ul#index_ul li{
  list-style-image:url;
}

.index_menu{
  width:90%;
}

/*==================================================================
　メイン＋コンテンツ（大枠）
　==================================================================
*/

.collum_top{
  text-align:center;
  font-size:0.9em;
  font-weight:bold;
  width:80%;
  margin:0 auto;
  height:30px;
  color:#fff;
  border-radius:5px 5px 0 0;
  background: #b7b7b7;
  background: -moz-linear-gradient(top, #b7b7b7 0%, #828c95 100%, #9c9d9c 100%);
  background: -webkit-linear-gradient(top, #b7b7b7 0%,#828c95 100%,#9c9d9c 100%);
  background: linear-gradient(to bottom, #b7b7b7 0%,#828c95 100%,#9c9d9c 100%);
}

#right_collum {
	float: right;
	width: 100%;
	margin-top: 30px;
	background-color:#FFFDF0;
	padding:0px;
}

#right_collum2 {
	float: right;
	width: 100%;
	margin-top: 30px;
	background-color:#FFFDF0;
	padding:0px;
}

#left_collum {
	float: left;
	width: 100%;
	margin-top: 30px;
}

#left_navigation {
  float: none;
  width:78%;
  margin:0 auto;
  border: 1px #aaaaaa solid;
  padding: 10px 3px 10px 5px;
}

#left_navigation_ul {
  font-size:12px;
}

#left_navigation .current_page {
	font-weight:bold;
}

#left_navigation a:link { color:#000000; text-decoration:none }
#left_navigation a:visited { color:#000000; text-decoration:none }
#left_navigation a:hover { color:#0000ff; text-decoration:none }
#left_navigation a:active { color:#000000; text-decoration:none }


/*==================================================================
　コンテンツ（グローバルメニュー直下のナビゲーション）
　==================================================================
*/
#variousselect{
  margin:50px 10px 0 0;
  width:90%;
}

.index_menu{
  font-size:0.9em;
  margin:0 10px;
}

#variousselect ul{
  float:none;
  list-style:none;
  margin:10px 0 20px;
}
#variousselect ul li{
  float:none;
  display:block;
  margin:20px 0;
  font-size:0.9em;
}
/*==================================================================
　コンテンツ（バックボタン）
　==================================================================
*/
.backbutton{
	margin:0 0 0 10px;
}

/*==================================================================
　コンテンツ（トップへもどるボタン）
　==================================================================
*/
.totop{
	text-align:right;
	margin: 10px 8px 20px 0;
}

/*==================================================================
　コンテンツ（次に進むボタン）
　==================================================================
*/
.tonext a{
  display:inline-block;
  margin-top:10px;
}

/*==================================================================
　コンテンツ（本文）
　==================================================================
*/

.pcNon{display:block;}

.manual_contents{
  margin:10px;
}

.manual_img img{
  max-width:95%;
  margin:0;
  padding:0;
}

h1 {
  height:48px;
  padding-top:12px;
  padding-left:30px;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  background: url(../images/title1_marker.gif) no-repeat;
}

h2 {
  margin-left:17px;
  padding-left:20px;
  margin-bottom:20px;
  font-size:14px;
  font-weight:bold;
  background: url(../images/title2_marker.gif) 0 3px no-repeat;
}


.h2_block {
  margin: 0 10px 20px;
}

.h2_block dd{
  margin-left:10px;
}

.h3_block{
  margin-left:0;
}

#contentsBox #right_collum iframe{
  width:90%;
}

/* 注意事項 */
.manual_info{
  width:70%;
  max-width:350px;
}

.manual_warn{
  width:70%;
  max-width:350px;
}

.manual_warn p{
  margin-left:0px;
}

/*マニュアル内テーブル*/
table#preset_list_table {
  display:block;
  position:relative;
}

table#preset_list_table thead{
  display:block;
  float:left;
}

table#preset_list_table tbody{
  display: -webkit-box;
  width:auto;
  height:120px;
  overflow-x:auto;
  position:relative;
 -webkit-overflow-scrolling: touch;
}

table#preset_list_table th,
table#preset_list_table td{
  display:block;
  white-space:nowrap;
     font-size:1em;
}

table#preset_list_table tr {
    display: block;
}

td.subtitle{
  width:100%;
  text-align:left;
}

}

@media screen and (max-width:425px){
.collum_top {width: 82%;}
}