/*##########################################################*/
/*	アンケート管理システム									*/
/*															*/
/*		Programing by Manabu.Katagiri						*/
/*		Product date : 2017.02.01							*/
/*##########################################################*/
/*
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
*/
	body {
		font-family: "メイリオ","游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif" ;
	}


	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	 
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	 
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	 
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


	body {
		padding : 0px ;
		margin : 0px ;
	}

	/* ヘッダー */
	div.header {
		text-align : center ;
/*		margin-left : auto ;				*/
/*		margin-right : auto ;				*/
		height : 70px ;
		background-color : #703984 ;
/*		padding-top : 0px ;					*/
/*		border-bottom : 1px solid #703984 ;	*/
		padding-bottom : 6px ;
		position: fixed ;
		top : 0px ;
		overflow : hidden ;
		width : 100% ;
		z-index : 1 ;
	}
	div.header_title {
		width : 100% ;
/*		height : 115px ;					*/
		background-size : cover ;
/*		background-position : 20% 40% ;		*/
		margin-left : auto ;
		margin-right : auto ;
	}
	div.header_title p {
		font-size : 16pt ;
		color : #ffffff ;
	}

	/* フッター */
	div.footer {
		text-align : center ;
/*		margin-left : auto ;				*/
/*		margin-right : auto ;				*/
		margin : 0px ;
		padding : 0px ;
		height : 50px ;
		background-color : #703984 ;
		position : fixed ;
		bottom : 0 ;
		overflow : hidden ;
		width : 100% ;
		z-index : 1 ;
	}
	div.copyright p {
		height : 50px ;
		text-align : center ;
		color : #ffffff ;
		line-height : 30px ;
		font-size : 11.5px ;
	}

	div.main {
		width : 100% ;
		max-width:900px;
		margin-left : auto ;
		margin-right : auto ;
		margin-top : 120px ;
		margin-bottom : 90px ;
/*		line-height : 3rem ;	*/
/*		font-size : 20px ;		*/
	}

	/* オープニングページ */
	div.opening_cls {
		text-align : left ;
		width : 100% ;
		margin-left : auto ;
		margin-right : auto ;
		margin-top : 20px ;
		margin-bottom : 20px ;
	}

	/* エンディングページ */
	div.ending_cls {
		text-align : left ;
		width : 100% ;
		margin-left : auto ;
		margin-right : auto ;
		margin-top : 20px ;
		margin-bottom : 20px ;
	}

	/* ページ全体 */
	div.page_cls {
		width : 100% ;
		margin-left : auto ;
		margin-right : auto ;
		margin-top : 20px ;
		border : 1px solid #ccc ;
		border-radius : 10px 10px 10px 10px ;
		
	}

	/* 質問のセル */
	div.question_cls {
		width : 90% ;
		margin-left : auto ;
		margin-right : auto ;
		margin-top : 10px ;
		margin-bottom : 10px ;
		background-color : #ffffff ;
	}

	/* 見出しタイトル */
	div.subtitle_cls {
		padding : 10px ;
/*		background-color : #703984 ;	*/
		background-color : #af72c5 ;
		color : #ffffff;
	}

	/* 質問のタイトル */
	div.question_title_cls {
		border : 1px solid #ccc ;
/*		border-radius : 10px 10px 0px 0px ;		*/
		padding : 10px ;
		background-color : #eae2ec ;
	}

	/* 質問の回答 */
	div.question_anser_cls {
		border : 1px solid #ccc ;
/*		border-radius : 0px 0px 10px 10px ;		*/
		padding : 10px ;
		background-color : #ffffff ;
	}
	div.question_anser_cls p {
		color : #ff0000 ;
		margin : 5px 0px 0px 10px ;
		padding : 0px ;
	}


	/* ラジオボタンのスタイル */
	div.type_radio ul {
		width : 100% ;
		margin: 0;
		padding : 0px ;
		overflow: hidden;
	}
	div.type_radio ul li {
		float : left ;
		margin-left : 10px ;
		margin-right : 30px ;
		list-style-type: none;
		white-space: nowrap;
	}
/*
	div.type_radio ul li input[type=radio] {
		width: 20px;
		height: 20px;
		vertical-align: middle;
	}
*/

	/* チェックボックスのスタイル */
	div.type_check ul {
		width : 100% ;
		margin: 0;
		padding : 0px ;
		overflow: hidden;
	}
	div.type_check ul li {
		float : left ;
		margin-left : 10px ;
		margin-right : 30px ;
		list-style-type: none;
		white-space: nowrap;
	}
/*
	div.type_check ul li input[type=checkbox] {
		width: 20px;
		height: 20px;
		vertical-align: middle;
	}
*/

	/* リストボックスのスタイル */
	div.question_anser_cls select {
		width : 80% ;
		height : 30px ;
/*		font-size : 1.5rem ;		*/
	}

	/* テキストボックスのスタイル */
	div.question_anser_cls input[type="text"] {
		width : 100% ;
		height : 30px ;
/*		font-size : 1.5rem ;		*/
/*		padding : 2px ;				*/
	}

	/* テキストエリアのスタイル */
	div.question_anser_cls textarea {
		width : 100% ;
		height : 7em ;
/*		font-size : 1.5rem ;		*/
	}


	/* ボタンエリア */
	div.function_cls {
		width : 100% ;
		text-align : center ;
		margin-left : auto ;
		margin-right : auto ;
		margin-top : 20px ;
	}
	div.function_cls input {
		width : 110px ;
		text-align : center ;
		height : 40px ;
		font-weight : bold ;
/*		font-size : 1rem ;			*/
/*		padding : 0px ;				*/
	}


	/*------------------------------------------------------*/
	/*	ログイン											*/
	/*------------------------------------------------------*/
	div.login {
		width : 400px ;
		text-align : center ;
		margin-left : auto ;
		margin-right : auto ;
/*		margin-top : 70px ;				*/
		margin-top : 140px ;
/*		font-size : 20px ;				*/
	}
	div.login table#login_table {
		text-align : center ;
		width : 100% ;
	}
	div.login table#login_table tr {
		height : 40px ;
	}
	div.login table#login_table th {
/*		background-color : #00a8bd ;	*/
		background-color : #703984 ;
		color : #ffffff ;
	}
	div.login div.func_button {
		width : 200px ;
		margin-right : 0px ;
		margin-left : auto ;
		margin-top : 20px ;
		margin-bottom : 0px ;
		text-align : right ;
	}
	div.login div.login_err {
		width : 100% ;
		height : 50px ;
		text-align : center ;
		margin-left : auto ;
		margin-right : auto ;
	}

	div.login table#login_table select#login-user {
		width : 65% ;
		height : 1.6em ;
/*		font-size : 1rem ;				*/
	}
	div.login table#login_table input#login-user {
		width : 65% ;
		height : 1.6em ;
/*		font-size : 1.5rem ;			*/
	}
	div.login table#login_table input#login-pass {
		width : 65% ;
		height : 1.6em ;
/*		font-size : 1.5rem ;			*/
	}
/*
	div.login table#login_table input[type="submit"] {
		width : 150px ;
		font-size : 1rem ;
	}
*/
	div.login_info {
		text-align : left ;
		width : 500px ;
		margin-left : auto ;
		margin-right : auto ;
		margin-top : 20px ;
		margin-bottom : 20px ;
	}


	/*------------------------------------------------------*/
	/*	事前メールアドレス登録											*/
	/*------------------------------------------------------*/
	div.pre_mail {
		width:90%;
		max-width : 600px ;
		text-align : center ;
		margin-left : auto ;
		margin-right : auto ;
		margin-top : 120px ;	
	}
	div.pre_mail table#pre_mail_table {
		text-align : center ;
		width : 100% ;
	}
	div.pre_mail table#pre_mail_table tr {
		height : 40px ;
	}
	div.pre_mail table#pre_mail_table th {
/*		background-color : #00a8bd ;	*/
		background-color : #703984 ;
		color : #ffffff ;
	}
	div.pre_mail div.func_button {
		width : 200px ;
		margin-right : 0px ;
		margin-left : auto ;
		margin-top : 20px ;
		margin-bottom : 0px ;
		text-align : right ;
	}
	div.pre_mail div.pre_mail_err {
		width : 100% ;
		height : 50px ;
		text-align : center ;
		margin-left : auto ;
		margin-right : auto ;
		color : #ff0000;
	}

	div.pre_mail table#pre_mail_table input#registration_mail {
		width : 80% ;
		height : 1.6em ;
	}
	div.pre_mail_info {
		text-align : left ;
		width : 500px ;
		margin-left : auto ;
		margin-right : auto ;
		margin-top : 20px ;
		margin-bottom : 20px ;
	}