@charset "UTF-8";

/* 	更新履歴：2013/08/01 追加者：sugi-system 更新内容：リスト表示の幅の変更 */

/**********************************
	universal
***********************************/
* { 
　margin: 0; 
　padding: 0; 
　line-height: 150%;
} 

h1 {
	font-size: 160%;
	width: 95%;
	border: 4px double #808080;
	text-align: center;
	margin: 10px auto;
}

h2 {
	font-size: 140%;
	margin: 10px auto;
}
h3 {
	font-size: 130%;
	margin: 10px auto;
}
h4 {
	font-size: 120%;
	margin: 10px auto;
}
h5 {
	font-size: 115%;
	margin: 10px auto;
}

ul {
	list-style: disc;
	list-style-position: inside;
	text-indent:2em;
}

/**********************************
	structure
***********************************/

body {
	text-align: center;	/* IEのバグ対応 */
}

div#page {
	border: 2px solid #c4cd77;
	width: 1050px;
	font-family:'Lucida Grande',
				'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
				Meiryo, メイリオ, sans-serif;
	text-align: center;
	margin: 10px auto;
}

/**********************************
	header
***********************************/
div#header {
	width: 95%;
	margin: 10px auto;
}
/**********************************
	contents
***********************************/

div#manual {
	border: 2px solid #c4cd77;
	width: 1000px;
	text-align: left;
	margin: 10px auto;
	padding: 10px;
}
div#img_center {
	margin:20px;
	text-align: center;
}
div#img_refer {
	margin:10px 10px 10px 40px;
	padding:10px;
	font-family:serif,sans-serif;
/*	font-style:italic;	*/
	font-size:large;
	border: 1px solid gray;
}
div#img_refer p{
	padding:0px 0px 0px 0px;
	text-indent:0em;
	color:blue;
}
span#span_red {
	color:red;
}
p {
	padding:0px 0px 0px 20px;
	text-indent:1em;
}


	/**********************************
		footer
	***********************************/

	div#footer {
		clear: both;
		height: auto;
		margin: 5px auto;
		width: 980px;
		font-size: 90%;
		min-height: 1em;
		text-align: left;	/* IEのバグ対応 */
	}

	div#footer div#mail {
		margin: 0 0 10px 0;
		height: auto;
		width: 450px;
		float: left;
	}

	div#footer div#mobile {
		height: auto;
		width: 450px;
		float: right;
	}

	div#footer div#mobile div#mobile_qr {
		float: right;
	}

	div#footer div#mobile div#mobile_text {
		text-align: right;
	}

	div#footer div#link {
		clear: both;
		margin: 0;
		height: auto;
		width: 450px;
		float: left;
		font-size: 100%;
	}

	div#footer div#link a {
		padding: 0 5px;
	}

	div#footer div#copyright {
		height: auto;
		width: 450px;
		float: right;
		text-align: right;
	}

	/**********************************
		navigation area
	***********************************/
	div#navi {
		margin: 10px;
		line-height: 150%;
		font-size: 90%;
		text-align: left;	/* IEのバグ対応 */
	}

	div#navi a {
		text-decoration: none;
	}

.tbl_bdr,.tbl_bdr td,.tbl_bdr th {border-collapse: collapse; border: 1px #2b2b2b solid;
border-width:1}

table{
		border:solid 3px black;
		border-collapse:separate;
		border-spacing:0px;
		width:100%;
	}


/**********************************
	common
***********************************/
table#commontable{
	border: 1px #2b2b2b solid;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	width: 100%;
}
table#commontable_70{
	border: 1px #2b2b2b solid;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	width: 70%;
}
table#commontable,
table#commontable td,
table#commontable th {
	border: 1px #2b2b2b solid;
	word-break: break-all;
}



/**********************************
	button view
***********************************/

	span#button_name {
		font-size: 110%;
		color: blue;
	}
	span#sample_sentence {
		font-size: 110%;
		color: red;
	}



/**********************************
	content menu
***********************************/
/*decorate*/
	span.red {
		color: #ff0000;
		font-weight: bold;
	}

	span.gray {
		color: #8e8e8e;
		font-weight: bold;
	}

	p.notice {
		font-size: 105%;
		font-weight: bold;
	}

	p.link {
		font-size: 90%;
	}

	strong.point {
		color: #240084;
		font-weight: bold;
	}

	p.stress,
	strong.stress {
		font-weight: bold;
	}

	a img {
		border-style: none;
	}

	p.clear {
		clear: both;
	}