@charset "UTF-8";

/*----------------------------------------------------------------------
/			 Site Common Banner
/----------------------------------------------------------------------*/



/*----------------------------------------------------------------------
/			#428400 ベースカラー
/			#75970d サブ黄緑
/			#f7f4e4 ベージュ
/----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
/		章
/----------------------------------------------------------------------*/
div.chapter{
	margin-bottom: 30px;
}

div.chapterLine{
	padding-bottom: 30px;
	margin-bottom: 30px;
	background: url(/help_v4/images/dot_line.gif) repeat-x bottom;
}

/*----------------------------------------------------------------------
/		画像まわりこみ
/----------------------------------------------------------------------*/
img.leftImage{
	margin: 0 10px 10px 0;
	float: left;
}
img.rightImage{
	margin: 0 0 10px 10px;
	float: right;
}
div.centerImage{
	text-align: center;
	margin: 10px 0;
	padding: 10px;
}
div.centerImage img{
		max-width: 95.522388%;		/* 640px / 670px */
		/*max-height: 440px;*/
}

/*----------------------------------------------------------------------
/		caption付き　画像まわりこみ
/----------------------------------------------------------------------*/
div.leftImage{
	margin: 0 10px 10px 0;
	float: left;
	width:200px;
}
div.rightImage{
	margin: 0 0 10px 10px;
	float: right;
	width:200px;
}
div.centerImage p.caption,
div.leftImage p.caption,
div.rightImage p.caption{
	line-height: 130%;
	margin:0;
	padding: 6px 0 0 0;
}

/*----------------------------------------------------------------------
/		画像 アイコン表示
/----------------------------------------------------------------------*/
img.icon{
	vertical-align: middle;
	margin:  0 4px;
}

img.new{
	margin: 0 0 0 5px;
	vertical-align: middle;
}

/*----------------------------------------------------------------------
/		box 囲み罫
/----------------------------------------------------------------------*/
div.box{
	padding: 8px;
	border:1px solid #428400
}
div.box2{
	margin: 1em 0;
	border: 2px solid #dddddd;
	border-radius: 0.2em;
	padding: 0.5em 0.5em 0 0.5em;
}
div.box2 h5{
	margin: 0 5px 10px;
	font-size: 100%;
	font-weight: bold;
}
/*----------------------------------------------------------------------
/		戻るボタン
/----------------------------------------------------------------------*/
div.prevNavi{
	text-align: right;
	padding: 10px 0;
}

/*----------------------------------------------------------------------
/		listスタイル ul ol
/----------------------------------------------------------------------*/
ul.link{
	list-style-type: none;
	margin: 0;
}
ul.katakana{
	list-style-type:katakana
}
ol.katakana{
	list-style-type:katakana
}
ul.link li{
	background: url(/help_v4/images/arrow.gif) no-repeat 0 5px;
	padding-left: 14px;
}

/*----------------------------------------------------------------------
/		linkなど
/----------------------------------------------------------------------*/
a.link{
	padding-left: 13px;
	background-image: url("/image/arrow-ocher64x72.png");
	background-size: 8px 9.25px;
	background-repeat: no-repeat;
	background-position: 0 4px;
}
a.linkPage{
	padding-left: 13px;
	background-image: url(/help_v4/images/arrow_page.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
}


a.pdf{
	padding-left: 25px;
	background-image: url(/help_v4/images/icon_pdf.gif);
	background-repeat: no-repeat;
	padding: 4px 0 4px 25px;
}
a.newWindow{
	padding-left: 15px;
	background-image: url(/help_v4/images/icon_window.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
a.pagelink{
	padding-left: 15px;
	background-image: url(/help_v4/images/icon_pagelink.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
ul.pagelink{
	list-style-type: none;
	margin:0 0 0 10px;
}
ul.pagelink li{
	background: url(/help_v4/images/icon_pagelink.gif) no-repeat 0 6px;
	padding-left: 15px;
}
ul.newWindow{
	list-style-type: none;
	margin:0;
}
ul.newWindow li{
	background: url(/help_v4/images/icon_window.gif) no-repeat 0 4px;
	padding-left: 15px;
}
ul.link li.newWindow{
	background-image: url(/help_v4/images/icon_window.gif);
	color: #ffffff;
}


/*----------------------------------------------------------------------
/			 table
/----------------------------------------------------------------------*/
/*通常表組*/
table.line{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	font-size: 100%;
	background-image: none;
	width: 100%;
	margin: 5px 0 5px 0;
}
table.line tr{
	background-image: none;
}
table.line tr.title th{
	background-color: #531581;
	color: #ffffff;
}
table.line td{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 4px 5px;
	vertical-align: top;
}
table.line td.sub{
	border-bottom:none;
	background: url(/help_v4/images/dot_line.gif) repeat-x bottom;
}
table.line td.subTitle{
	background-color: #efefef;
}
table.line th.subTitle{
	background-color: #531581;
	color: #ffffff;
}
table.line th{
	text-align: left;
	padding: 4px 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
	background-color: #efefef;
	font-weight: normal;
}
table.line td.center,table.line th.center{
	text-align: center
}
table.line th.center,
table.line td.center{
	text-align: center;
}
table.line th.middle,
table.line td.middle{
	vertical-align: middle;
}
.nowrap{
	white-space: nowrap;
}

/*レイアウト用*/
table.layout{
	border-collapse: collapse;
	line-height: 100%;
}
table.layout td,table.layout th{
	padding:0;
	vertical-align: top;
}
/* for form */
span.must{
	color :#cc0000;
	font-weight: bold;
	line-height: 130%;
	font-size: 90%;
}
th span.must{
	line-height: 130%;
}
td span.must{
	font-weight: normal;
	line-height: 130%;
}
table.line2{
	background-image: url(/help_v4/images/dot_line.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-collapse: collapse;
	width: 100%;
	font-size: 100%;
	margin: 5px 0 5px 0;
}

table.line2 td{
	padding: 6px 0 6px 6px ;
	vertical-align: top;
	text-align:left;
	background: url(/help_v4/images/dot_line.gif) repeat-x bottom;
}
table.line2 th{
	padding: 6px 6px 6px 0;
	vertical-align: top;
	text-align: left;
	font-weight:bold;
	/*color :#531581;*/
	background: url(/help_v4/images/dot_line.gif) repeat-x bottom;
}
table.line2 tr.title th{
	border-bottom:1px solid #7f66a6 ;
	border-top:1px solid #7f66a6 ;
	background: none;
	background-color: #efefef;
	padding: 2px 0 2px 8px;
}

table.line2 th a{
	font-weight:normal;
}

/*   090722 ogawa add   */
/*----------------------------------------------------------------------
/			 pubdate
/----------------------------------------------------------------------*/
div.pubdate p, p.pubdate{
	text-align: right;
/*	font-size: 80%;	*/
}


/*   /090714 hal add   */
/*==================================================================
/			 for side parts
/==================================================================*/
div.sideInfo{
	font-size: 90%;
	line-height: 140%;
}
div.sideInfo p{
	padding: 5px 0;
}
div.sideInfo h3{
	border: none;
	color: #428400;
	margin:0;
	padding: 0 0 3px 0;
}
/*----------------------------------------------------------------------
/			 banner
/----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
/			 news
/----------------------------------------------------------------------*/
div.sideInfo div.block dl.taiyoNews{
	background: url(/help_v4/images/dot_line.gif) repeat-x top;
	padding: 5px 0 0 10px;
}
div.sideInfo div.block dl.taiyoNews dt{
	font-weight: normal;
}
div.sideInfo div.block dl.taiyoNews dd{
	background: url(/help_v4/images/dot_line.gif) repeat-x bottom;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

/*----------------------------------------------------------------------
/ 2010/4/30 ogawa	cautionボックス
/----------------------------------------------------------------------*/
div.main p.caution em{
	font-size: 120%;
	display:block;
	margin-bottom:4px;
}
div.main p.caution{
	padding: 8px 7px 7px 37px ;
	font-size: 85%;
	line-height: 140%;
	color: #cc0000;
	border:1px solid #cc0000;
	background-color: #ffffff;
	margin-bottom:20px;
	background:#ffffff url(/help_v4/images/icon_caution.gif) no-repeat 10px 8px;
}

/*----------------------------------------------------------------------
/ 2010/5/15 ogawa	更新情報ボックス
/----------------------------------------------------------------------*/
div.contents div.updatelist {
	border: 1px solid #8c8c8c;
	padding: 8px 7px 7px 37px ;
	font-size: 85%;
	line-height: 140%;
	color:#8c8c8c;
}

/*----------------------------------------------------------------------
/ 2011/01/27 質問と回答 ユーザーからのご意見ボックス
/----------------------------------------------------------------------*/
dl.voice dt {
	border: solid 1px #428400;
	background-color:#fcf9e9;
	margin: 30px 0 10px 0;
	padding: 5px 5px 5px 5px;
	font-weight: normal;
}
/*----------------------------------------------------------------------
/ テキスト・サンプル枠
/----------------------------------------------------------------------*/
div.main div.sampleText{
	margin: 10px 0 10px;
	border: solid 1px #4A4F97;
	padding: 10px 20px;
	font-size: 90%;
	line-height: 120%;
/*	font-family: monospace;	*/
}

/*----------------------------------------------------------------------
/ インデントの深いリスト
/----------------------------------------------------------------------*/
ol.deepIndent, ul.deepIndent{
	margin: 20px 0 20px 50px;
}

/*----------------------------------------------------------------------
/ 署名
/----------------------------------------------------------------------*/
p.signature {
	text-align: right;
}

/*----------------------------------------------------------------------
/ PCとiPhoneで切り替え
/----------------------------------------------------------------------*/
.iphone {
	display: none;
}

/*----------------------------------------------------------------------
/		プログラム コード
/----------------------------------------------------------------------*/

div.main code pre {
	background-color: lightgray;
	padding:10px;
	margin-bottom: 20px;
	white-space: pre;						/* CSS 2.0 */
	white-space: pre-wrap;			/* CSS 2.1 */
	white-space: pre-line;			/* CSS 3.0 */
	white-space: -pre-wrap;			/* Opera 4-6 */
	white-space: -o-pre-wrap;		/* Opera 7 */
	white-space: -moz-pre-wrap;	/* Mozilla */
	white-space: -hp-pre-wrap;	/* HP Printers */
	word-wrap: break-word;			/* IE 5+ */
}

/*----------------------------------------------------------------------
/		twitterウィジェットのh3上書き
/----------------------------------------------------------------------*/
.twtr-widget h3 {
	border-left-style: none !important;
}

/*----------------------------------------------------------------------
/		Youtubeの埋め込みビデオ
/----------------------------------------------------------------------*/
.video-container {
	position: relative;
	margin: 0 3px 20px 3px;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*----------------------------------------------------------------------
/		ヘルプカテゴリ表示
/----------------------------------------------------------------------*/
#detail h1 {
	font-size: 100%;
	line-height: 140%;
	text-align: right;
}