@charset "Shift_JIS";
/*----------------------------------------

	- top
		- title
		- content

	- inside
		- kanpan_main
		- title
		- nav
		- content
			- q01-q07

	- sub
		- wrapper
		- content

-----------------------------------------*/

/*----------------------------------------
	top - kanpan_main
-----------------------------------------*/

#top #kanpan_main {
	height: 769px;
	background: url(../7questions/img/index_mian_bg.jpg) no-repeat 0 20px;
}

/*----------------------------------------
	top - title
-----------------------------------------*/

#top #title {
	position: relative;
	height: 109px;
}

#top #title h1 {
	position: absolute;
	top: 30px;
	left: 60px;
}

/*----------------------------------------
	top - content
-----------------------------------------*/

#top #content {
	position: relative;
	height: 479px;
}

#top #content li {
	position: absolute;
}

#top #content li.q01 {
	left: 116px;
}
#top #content li.q02 {
	left: 295px;
}
#top #content li.q03 {
	top: 157px;
	left: 27px;
}
#top #content li.q04 {
	top: 157px;
	left: 206px;
}
#top #content li.q05 {
	top: 157px;
	left: 385px;
}
#top #content li.q06 {
	top: 314px;
	left: 116px;
}
#top #content li.q07 {
	top: 314px;
	left: 295px;
}

/*----------------------------------------
	inside - kanpan_main
-----------------------------------------*/

#inside #kanpan_main {
	width: 536px;
	margin-top: 52px;
}

/*----------------------------------------
	inside - title
-----------------------------------------*/

#inside #title {
	position: relative;
	height: 51px;
	border-bottom: solid 1px #6ec9dd;
}

#inside #title p {
	position: absolute;
	top: 25px;
	right: 0;
	width: 68px;
	height: 12px;
}

/*----------------------------------------
	inside - nav
-----------------------------------------*/

#inside #nav {
	margin-top: 6px;
}

#inside #nav ul {
	background: url(../7questions/img/cmn_main_nav_line_top.gif) no-repeat left center;
	height: 1.2em;
	padding-left: 12px;
}

#inside #nav li {
	float: left;
	padding-right: 22px;
	background: url(../7questions/img/cmn_main_nav_line.gif) no-repeat right center;
	font-weight: bold;
	line-height: 1.2em;
	color: #999999;
}

#inside #nav li a {
	padding-bottom: 1px;
}

#inside #nav .clear {
	height: 4px;
	font-size: 0;
	line-height: 0;
}

#inside #nav .sp {
	height: 7px;
}

#inside #nav a:link,
#inside #nav a:visited {
	color: #6ec9dd;
	text-decoration: underline;
}

#inside #nav a:hover,
#inside #nav a:active {
	color: #a1ce76;
	text-decoration: underline;
}

/*----------------------------------------
	inside - content
-----------------------------------------*/

/* subject */
#inside #subject {
	border-top: solid 1px #6ec9dd;
}

#inside #subject h2 {
	margin-top: 27px;
}

/* text */
#inside #text {
	float: left;
	margin: 22px 0 40px 0;
}

/* pic */
#inside #pic {
	float: right;
	margin: 22px 0 40px 0;
}

/* link */
#inside #link {
	clear: both;
	text-align: center;
}

#inside #link ul.w {
	margin: 0 5px 30px 0;
}

#inside #link ul.w li {
	display: inline;
}

#inside #link ul.w li img {
	margin-left: 5px;
}

#inside #link ul.h {
	padding-bottom: 24px;
}

#inside #link ul.h li img {
	margin-bottom: 6px;
}

/* q01 */
.q01 #text {
	width: 330px;
}

/* q02 */
.q02 #text {
	width: 350px;
}

/* q03 */
.q03 #text {
	width: 350px;
}

/* q04 */
.q04 #text {
	width: 365px;
}

/* q05 */
.q05 #text {
	width: 346px;
}

/* q06 */
.q06 #text {
	width: 340px;
}

/* q07 */
.q07 #text {
	width: 350px;
}

/*----------------------------------------
	sub - wrapper
-----------------------------------------*/

#sub #wrapper {
	width: auto;
	background: none;
}

/*----------------------------------------
	sub - content
-----------------------------------------*/

#sub #title {
	background-color: #7eade2;
	text-align: center;
}

#sub #content {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	color: #333;
}

#sub .box {
	padding: 34px 0;
	border-bottom: solid 1px #c4daf1;
}

#sub #shimi01 {
	padding-top: 20px;
}

#sub .none {
	border: none;
}

#sub .box th {
	width: 152px;
}

#sub .box td {
	width: 548px;
	padding: 20px 0;
}

#sub .box td h3 {
	margin-bottom: 10px;
}

#sub .box p.pic {
	margin-left: 124px;
}

#sub #subclose {
	text-align: center;
	margin: 20px 0 50px 0;
}

/* box_sub1 */
#sub .box_sub1 {
	margin-left: 118px;
}

#sub .box_sub1 p {
	float: left;
	width: 222px;
	text-align: center;
}

#sub .box_sub1 p img {
	margin: 0 13px -6px 0;
}

#sub .box_sub1 .clear {
	height: 22px;
	font-size: 0;
	line-height: 0;
}

/* box_sub2 */
#sub .box_sub2 {
	margin-left: 131px;
}

#sub .box_sub2 p {
	float: left;
	width: 140px;
	text-align: center;
}

#sub .box_sub2 p img {
	margin: 0 8px 2px 0;
}

#sub .box_sub2 .clear {
	height: 1px;
	font-size: 0;
	line-height: 0;
}

/* footer */
#sub #kanpan_footer {
	width: 700px;
	margin: 0 auto;
	text-align: left;
}

#sub #kanpan_footer #foot_lang {
	display: none;
}