@charset "Shift_JIS";

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em,
img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
     line-height:1;
 }
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
    display:block;
}
ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/* ============================================= Author Written 2014-10-20 ============================================= */

/* common style----------------------------------- */
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif; /*Helvetica,*/
	color: #565656;
	font-size: 13px;
	line-height: 1.6;
	text-align: left;
    margin: 0;
    padding:0;
}


a {  color: #3B5B89;  }
a:link,a:visited,a:hover,a:active    {  text-decoration:none; }
a:hover,
a img:hover {    opacity: .6;    }

.disnon {	display: none;  }
.visible {  display: block;  }


/* #pagewrap ＞ .main（メインコンテンツ＋サイドメニュー）＞ .content_wrap（メインコンテンツ） */
#pagewrap {
	position:relative;
	text-align:left;
	width: 800px;
	margin: 30px auto;
}

.main {
	overflow: hidden;
}

.content_wrap {
	position: relative;
	width: 610px;
	float: left;
	padding: 0 15px 50px 15px;
	border: 2px solid #d3d3d3;
}

.content_wrap p,
.content_wrap ul,
.content_wrap ol,
.content_wrap dl {	margin-bottom: 1em;}

/*-- マークつきリスト --*/
.content_wrap ul li {
	/*list-style: square;*/
	list-style-position: inside;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.content_wrap ul li:before {
	content: "・";
}

/*-- マークなしリスト --*/
.content_wrap ul.nomark li {
	list-style: none;
}

/*-- 番号つきリスト --*/
.content_wrap ol {
	list-style: decimal;
	padding-left: 32px;
}

/* リンク （青地・左側に矢印）*/
a.arrowLink {
	color: #3B5B89;
	background: url(../images/fig_arrow-blue.gif) no-repeat 0 4px;
	display: inline-block;
	padding-left: 13px;
}

li a.arrowLink {
	padding-left: 26px;
}

/* リンク （青地・左側に矢印：次ブロックを展開するための横矢印）*/
a.arrowNextLink {
	color: #3B5B89;
	background: url(../images/fig_arrowNext-blue.gif) no-repeat 0 4px;
	display: inline-block;
	padding-left: 13px;
}

/* リンク（太字・左側にボーダー） */
.content_wrap .splist li {
	list-style: none;
	margin: 0.3em 0 0 0;
}
.content_wrap .splist li:before {  content: "";  }

a.splist {
	display: block;
	margin-top: 0.3em;
}

.splist a,
a.splist {
	color: #565656;
	font-weight: bold;
}
.splist a:before,
a.splist:before {
	content: '';
	font-size: 8px;
	border-left: solid 3px #565656;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

/* 文頭に「！」マーク画像 */
.spot_exclamation {
	color: #565656;
	line-height: 20px;
	background: url(../images/spot_exclamation.gif) no-repeat 0 3px;
	display: inline-block;
	padding-left: 25px;
}
.splist .spot_exclamation:before {  border: none;  }

/*-- 太字 --*/
.notes {
	font-weight: bold;
	display: block;
	margin-top: 6px;
}

.notes:first-child {
	margin-top: 0;
}

/* タブ ----------------------------------- */
/* 注：製品別ページから、それぞれのトップへ戻るタブは「gotoptab」ID */

#tab,
#gotoptab {
    width:640px;
    height:30px;
}
#tab ul,
#gotoptab ul {
    overflow: hidden;
}
#tab ul li,
#gotoptab ul li {
    float:left;
	list-style-type : none;
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	text-indent: 0;
}
#tab ul li a,
#gotoptab ul li a {
	display: block;
	width: 300px;
	height: 30px;
	text-indent: -9999px;
}

a#tab1.select {  background: url("../images/tab_one_on.gif") no-repeat; }
a#tab1 {  background: url("../images/tab_one_off.gif") no-repeat; }

a#tab2.select {  background: url("../images/tab_biz_on.gif") no-repeat;  }
a#tab2 {  background: url("../images/tab_biz_off.gif") no-repeat;  }

/* SIDE ----------------------------------- */

.side {
	width: 150px;
	float: right;
}
.side li {
	list-style: none;
	width: 150px;
	height: 50px;
	margin: 0 0 5px 0;
}
.side .side_neither li {
	height: 80px;
}
.side li.side_group {
	width: 150px;
	height: 170px;
	background: url("../images/side_btn_biz2base.gif") no-repeat;
	padding: 31px 10px 0 10px;
}
.side li.side_group li {
	margin: 0 0 4px 0;
}
.side .side_original {
	margin: 0 0 20px 0;
}

/* FOOTER（ページ下部のサイトマップ） ----------------------------------- */

#sitemap {
	font-size: 10px;
	width: 614px;
	display: table;
	background-color: #565656;
	padding: 15px;
}
#sitemap,
#sitemap a {
	color: #fff;
}

#sitemap > div {
	vertical-align: top;
	display: table-cell;
	border-left: solid 1px #ccc;
	padding: 0 4px 0 7px;
}
#sitemap h3 {
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -0.05em;
}

#sitemap ul li {
	list-style: none;
	line-height: 1.3;
	margin-bottom: 7px;
}
#sitemap ul li ul {
	border-left: none;
	padding: 4px 0 4px 8px
}

#sitemap .bold {
	font-weight: bold;
}

#sitemap li.btmclear {
	margin-bottom: 15px;
}

#sitemap a.dsn_spot {
	background: url(../images/spot_question.png) no-repeat 0 0;
	display: inline-block;
	padding: 0 0 0 16px;
}

/* FOOTER copyrightなど　----------------------------------- */

div#footer {  font-size: 9pt;  }
div#footer div#copyright {
	margin-left: 5px;
	float: left;
}
div#footer div#update {
	margin-left: 15px;
	padding-top: 1px;
	float: left;
}
div#footer div#statement {
	margin-right: 5px;
	float: right;
}

/* 項目タイトルなど共通部分 ----------------------------------- */

/* ページタイトル（濃いグレーの背景色ラベル・線・線上の解説） */
.pageTitleArea {
	margin: 40px 0 20px;
	border-bottom: solid 3px #565656;
	position: relative;
}

.pageTitleArea .headline {
	font-size: 21px;
	font-weight: normal;
	color: #fff;
	background: #565656;
	display: table-cell;
	padding: 3px 18px 0;

	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	box-shadow: 2px 0 8px #666;
}
.pageTitleArea .headlineExplanation {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 11px;
	font-weight: normal;
}

/* 中見出しラベル（薄いグレーの背景色ラベル・線） */
.sub-headline {
	margin-top: 35px;
	padding-top: 20px;
	border-top: 2px solid #d3d3d3;
	position: relative;
}
.sub-headline >  p {
	font-size: 16px;
	color: #565656;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	background-color: #d3d3d3;
	padding: 4px 10px 2px 10px;
	margin-left: 10px;
	position: absolute;
	top: -32px;
}

.sub-headlinebox {  /* 箱状に囲う場合につける */
	border: 2px solid #d3d3d3;
	padding-top: 0;
}

/* サポート電話番号 */

.phone {
	border-bottom: dashed 1px #565656;
	width: 500px;
	margin: 10px auto 20px;
	/*margin: 0 auto 5px!important;*/
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.phone .phoneTokyo {	padding-right: 3em;}
.phoneInfo {
	margin: 15px auto 15px!important;
	display: table;
}

.phoneNote {
	width: 500px;
	margin: 0 auto 15px!important;
	display: table;
}

.phoneHowto {
	width: 410px;
	border: solid 3px #3B5B89;
	margin: 0 auto 15px;
	padding: 8px 10px;
	display: table;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow:rgba(0, 0, 0, 1) 0px 0px 7px 0px inset;
	-moz-box-shadow:rgba(0, 0, 0, 1) 0px 0px 7px 0px inset;
	box-shadow:rgba(0, 0, 0, 1) 0px 0px 7px 0px inset;
}
.phoneHowto p {
	color: #565656;
	display: table-cell;
	font-weight: bold;
}
.phoneHowto ul {
	color: #565656;
	display: table-cell;
}

.phoneHowto ul li:before {
	content: "";
}


h4.generation {
	margin: 10px 0 5px 0;
	border-bottom: 1px dotted #666;
	font-weight: bold;
	font-size: 1.3em;
}


/* Twitter */

.twitter-box {
	width: 612px;
	margin: 40px auto;	
}

.link-tw {
	 width:600px;
	 /* margin-left:12px; */
	 margin-bottom:6px;
	 font-size: 16px;
	 font-weight:bold;"
}