@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 			/*全要素のマージン・パディングをリセット*/
	line-height:1.5;				/*全要素の行の高さを1.5倍にする*/
	color:#333333;					/*文字色*/

} 
body {
	background-color:#999999;		/*ページ全体の背景色*/
	text-align:center;				/*IE6以下でセンタリングするための対策*/
}

div#pagebody {
	width:1000px;
	margin:0 auto;
	text-align:left;
}

h2#title {
	color:#00ffff;
}

/*============================================
サブメニュー（左カラム）
============================================*/
div#menu {
	width:185px;				/*幅の指定*/
	margin-top:0px;
	float:left;					/*左寄せにする*/
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#menu_body {
	padding-bottom:6px;
	background-color:#eeeeee;
}

ul#menu_body li a {
	position:relative;
	display:block;				/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:4px 0px 4px 20px;	/*サブメニュー項目のパディング*/
	background-color:#eeeeee;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
	line-height:40px;

}

ul#menu_body li a::before,
ul#menu_body li a::after {
	position:absolute;
	top:22px;
	right:5px;
	display:block;
	content:'';
	width:12px;
	height:3px;
	background-color:#f0f;
/*	border-radius:4px; */
}
ul#menu_body li a::before {
	margin-top:-4px;
	-webkit-trasform:rotate(45deg);
	transform:rotate(45deg);
}
ul#menu_body li a::after {
	margin-top:3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

ul#menu_body li {
	font-size:90%;				/*文字サイズを90%にする*/
	font-weight:bold;
	text-align:left;
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;				/*リスト項目をインライン表示にする*/
}

ul#menu_body li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
}

div#center {
	float:left;
}

div#faq {
	width:780px;
	height:400px;
	margin-top:0px;
	margin-left:30px;
	padding-top:4px;
	padding-left:4px;
	background-color:#eeeeee;
	text-align:left;
	float:left
}

div#faq_contents {
	width:750px;
	height:350px;
	margin-top:5px;
	margin-left:20px;
	padding-top:4px;
	padding-left:4px;
	background-color:#eeeeee;
	text-align:left;
	overflow:auto;
	line-height:1.8;
	font-weight:bold;
}

.q1 {
	width:720px;
	height:60px;
	background-color:#99ff99;
}
.q1Q {
	margin-top:5px;
	margin-left:10px;
	float:left;
}
.q1p {
	margin-top:20px;
	margin-left:15px;
	float:left;
}
.a1 {
	width:720px;
	height:60px;
	background-color:#ffccff;
	margin-top:4px;
	clear: both;
}
.a1A {
	margin-top:5px;
	margin-left:10px;
	float:left;
}
.a1p {
	margin-top:6px;
	margin-left:15px;
	float:left;
}


.q2 {
	width:720px;
	height:60px;
	background-color:#99ff99;
	margin-top:12px;
}
.q2Q {
	margin-top:5px;
	margin-left:10px;
	float:left;
}
.q2p {
	margin-top:20px;
	margin-left:15px;
	float:left;
}
.a2 {
	width:720px;
	height:105px;
	background-color:#ffccff;
	margin-top:4px;
	clear: both;
}
.a2A {
	margin-top:25px;
	margin-left:10px;
	float:left;
}
.a2p {
	margin-top:6px;
	margin-left:15px;
	float:left;
}

.q3 {
	width:720px;
	height:60px;
	background-color:#99ff99;
	margin-top:12px;
}
.q3Q {
	margin-top:5px;
	margin-left:10px;
	float:left;
}
.q3p {
	margin-top:20px;
	margin-left:15px;
	float:left;
}
.a3 {
	width:720px;
	height:105px;
	background-color:#ffccff;
	margin-top:4px;
	clear: both;
}
.a3A {
	margin-top:25px;
	margin-left:10px;
	float:left;
}
.a3p {
	margin-top:6px;
	margin-left:15px;
	float:left;
}

.q4 {
	width:720px;
	height:60px;
	background-color:#99ff99;
	margin-top:12px;
}
.q4Q {
	margin-top:5px;
	margin-left:10px;
	float:left;
}
.q4p {
	margin-top:20px;
	margin-left:15px;
	float:left;
}
.a4 {
	width:720px;
	height:60px;
	background-color:#ffccff;
	margin-top:4px;
	clear: both;
}
.a4A {
	margin-top:5px;
	margin-left:10px;
	float:left;
}
.a4p {
	margin-top:6px;
	margin-left:15px;
	float:left;
}


div#copyright {
	clear: both;

	padding-top:10px;
	text-align:right;
}