@charset "utf-8";

/* ------------------------------------
CSS Information

 Site URL:       http://skit-work21.com/
 File name:      common.css (http://skit.work21.com/css/common.css)
 Summary:        styles for common html
 Created:        2011-06-20
 Last update:    2011-06-20 by Work co.ltd,(Akira Motojima)
 Author:         Work co.ltd,(Akira Motojima)

Order of description

	- Search Key "__" + "id Name or Class Name"

 / __Default style clear
 / __container            (div#container)
 / __header               (div#header)
 / __main                 (div#main)
 / __footer               (div#footer)

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

/* -------------------------
 __Default style clear
-------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px auto;
	background: #FF9900;
	font-size: 85%;
	font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic',sans-serif;
	/*color: #666666;*/
	/*line-height: 1.3em;*/
	line-height: 1.6em;
}

h1,h2,h3,h4,h5 {
	font-size: 1em;
	font-weight: normal;
}

li {
	list-style-type: none;
}

ol li {
	list-style-type: decimal;
}

img {
	border: 0;
}

input[type="submit"],
input[type="button"] {
	width: 200px;
	/*height: 2.5em;*/
	background-color: #EEEEEE;
	font-size: 12px;
	padding:3px;
	font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic',sans-serif;
}

textarea {
	font-size: 12px;
	font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic',sans-serif;
}

textarea {
	width: 200px;
}

/* 未訪のリンク */
:link {
	/*color: #666666;*/
}
/* 訪問済みのリンク */
:visited {
	/*color: #888888;*/
}
/* カーソルが上に乗っているリンク */
a:hover {
	/*color: #888888;*/
}


/* -------------------------
 __container
-------------------------- */

#container {
	width: 800px;
	margin: 0 auto;
}


/* -------------------------
 __header
-------------------------- */

#header {
	width: 800px;
	height: 156px;
	margin: 0 auto;
	padding: 0;
}

#header h1 {
	width: 800px;
	height: 156px;
	background: url("../img/header_bg.png") no-repeat;
	text-indent:-9999px;
}

#header h1 a {
	display: block;
	width: 800px;
	height: 156px;
	overflow: hidden; /* for text-indent:-9999px; Firefox リンクエリア制御 */
}


/* -------------------------
 __main
-------------------------- */

#main {
	width: 700px;
	overflow: auto; /* height自動調節用 */
	margin: 0 auto;
	padding: 0 50px;
	background: #FFFFFF;
}

#main_navi {
	padding: 0 4px;
	font-size: 0.9em;
}

#main_navi_logout {
	float: right;
}

#main_navi_logout a {
	text-decoration: none;
}

#main_navi_logout img {
	vertical-align: middle;
}

span#main_navi_logout_button {
	color: #17B1EB;
	background-color: #FFFFFF;
	font-weight: bold;
	line-height: 1em;
	border: 2px solid #0380B7;
	border-radius: 4px; /* CSS3草案 */
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
	-moz-border-radius: 4px; /* Firefox用 */
}

#main h2 {
	margin: 20px auto;
	padding: 5px 15px;
	color: #FFFFFF;
	background: #17B1EB;
	/* 角丸 */
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
}

#main h3 {
	margin: 20px auto;
	padding: 10px 15px;
	color: #FFFFFF;
	background: #00B1EB;
}

#main h3 a {
	text-decoration: none;
}

#main h3 img {
	vertical-align: middle;
}

.main_h3_arrow {
	padding: 3px;
	color: #17B1EB;
	background-color: #FFFFFF;
	font-weight: 900;
	border: 2px solid #0380B7;
	border-radius: 7px; /* CSS3草案 */
	-webkit-border-radius: 7px; /* Safari,Google Chrome用 */
	-moz-border-radius: 7px; /* Firefox用 */
}

#main h4 {
	margin: 15px auto 10px auto;
	font-size: 1em;
}

#main_content_logount {

}

.main_login {
	width: 658px; /* 700 - 1x2 - 20x2 */
	margin: 20px auto;
	padding: 10px 20px;
	background-color: #EEF9FE;
	border: 1px solid #DFE0E1;
}

.main_login input {
	width: 200px;
}

.main_content {
	width: 658px; /* 800 - 1x2 - 20x2 */
	margin: 20px auto 20px auto;
	padding: 10px 20px 20px 20px;
	border: 1px solid #DFE0E1;
}

.main_content div {
	margin: 10px 0;
}

.main_content_comment {
	width: 618px; /* 685 - 20x2 */
	/*
	margin: 20px auto;
	*/
	padding: 10px 20px;
	background-color: #CCECF4;
	font-size:0.9em;
}

span.main_content_strong {
	color: #101078;
	font-weight:bold;
}

.main_content table {
	width: 100%;
	font-size: 0.9em;
}

.main_content table thead {
	background-color: #99D9E8;
}

.main_content table tbody {
	
}

.main_content table tfoot {
	font-size: 0.9em;
	background-color: #99D9E8;
}

.main_content table tbody tr {
	background-color: #CCECF4;
}

.main_content table tbody tr.odd {
	background-color: #F2FAFC;
}

.main_content table td {
	padding: 8px 5px;
}

.main_content table td.nowrap {
	white-space: nowrap;
}

.main_content table input[type="checkbox"],
.main_content table input[type="radio"] {
	margin-right: 5px;
}

/*
.main_content table label {
	display: block;
}
*/

#main_return {
	margin-bottom: 10px;
}


/* -------------------------
 __footer
-------------------------- */

#footer {
	width: 800px;
	color: #FFFFFF;
	text-align: center;
}

/* -------------------------
 guest page override
-------------------------- */

body.guest {
	background: #17B1EB;
}

body.guest #header h1 {
	background: url("../img/header_bg_guest.png") no-repeat;
}

/* -------------------------
 member/answer_anlysis_* override
-------------------------- */

body#answer_anlysis {
	background: #FFFFFF;
}

body#answer_anlysis #container {
	width: 100%;
	margin: 0 auto;
}

body#answer_anlysis #main {
	width: 95%;
}

body#answer_anlysis .main_content {
	width: 95%;
}

body#answer_anlysis .main_content h3 {
	text-align: center;
}


/* -------------------------
 member/type_info_* override
-------------------------- */

body#type_info {
	background: #FFFFFF;
}

body#type_info .main_content h3 {
	text-align: center;
}

body#type_info .main_content table th {
	font-weight: normal;
	background-color: #99D9E8;
}

body#type_info .main_content table th,
body#type_info .main_content table td {
	padding: 4px 2px;
}

body#type_info .main_content table td div {
	float: left;
	margin: 0;
	padding: 0;
	width: 90px;
	line-height: 1.4em;
	overflow: hidden;
}

body#type_info .main_content table th.nowarp,
body#type_info .main_content table td.nowarp {
	white-space: nowrap;
}

/* -------------------------
 for webkit background print
-------------------------- */

@media print {
	body {
		-webkit-print-color-adjust: exact;
	}
}