@charset "utf-8";
/* question.css */

/* ----------------------------- masthead/logo ----------------------------- */
div#corpInfo{
	display:block;
	padding:20px 0 15px;
	width:90%;
	margin:0 auto;
	text-align:center;
}
	#corpInfo img.caiLogo{}
	#corpInfo p{
		font-family:"Times New Roman", Times, serif;
		font-size:18px;
		line-height:18px;
	}
		p.subTitle{
			font-size:16px;
		}

header{
	margin:0 auto;
	padding:10px 20px;
}
	header img{
		float:left;
		margin: 10px 30px 0 0;
		border-radius:20px;
		
		-webkit-box-shadow:0 1px 3px #666;
		-moz-box-shadow:0 1px 3px #666;
		box-shadow:0 1px 3px #666;
		behavior: url(/js/PIE.htc);
		position:relative;
	}
	
	header h1{
		text-align:left;
		color:#320000;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 40px;
		font-weight:bold;
		display: block;
		margin: 20px auto 0 0px;
		line-height:110%;
	}
	@media screen and (max-width: 480px){
		header{
			text-align:center;
		}
		header h1{
			font-size:25px;
		}
		header img{
			float:none;
			margin:10px auto 0;
			border-radius:20px;
			
			-webkit-box-shadow:0 1px 3px #666;
			-moz-box-shadow:0 1px 3px #666;
			box-shadow:0 1px 3px #666;
			behavior: url(/js/PIE.htc);
			position:relative;
		}
		header p{
			text-align:left;
		}
	}

/* Q&A / Update
-------------------------------------------------------------------------*/
nav {
	margin: 6px auto 10px auto;
	text-align: center;
	padding: 0 0 18px 0;
}

h2.categoryTitle{
	color:#999999;
	font-size:25px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	padding:10px 30px 0;
	text-align:left;
	
	-webkit-text-shadow:0 1px 0#FFFFFF;
	-moz-text-shadow:0 1px 0#FFFFFF;
	text-shadow:0 1px 0#FFFFFF;
	behavior: url(/js/PIE.htc);
	position:relative;
}
	@media screen and (max-width: 639px){
		h2.categoryTitle{
			padding:10px;
		}
	}

nav#qa{}
nav#update{}

	nav#qa .box, nav#update .box{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.01);
		border: 1px solid rgba(0, 0, 0, 0.1);
		display:block;
		margin:10px 20px 0;
		padding:20px;
		text-align:left;
		line-height:200%;

		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		behavior: url(/js/PIE.htc);
		position:relative;
	}
	
		nav#qa .box:hover, nav#update .box:hover{
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);
		}
		@media screen and (max-width: 639px){
			nav#qa .box, nav#update .box{
				margin:10px 10px 0;
				padding:20px 20px 10px;
				line-height:200%;
			}
		}
		nav#qa .box h3, nav#update .box h3{
			border-bottom:1px dotted rgba(0, 0, 0, 0.1);
			color:#930;
			font-size:20px;
			font-weight:bold;
			padding-bottom:10px;
			
			-webkit-text-shadow:0 1px 0#FFFFFF;
			-moz-text-shadow:0 1px 0#FFFFFF;
			text-shadow:0 1px 0#FFFFFF;
			behavior: url(/js/PIE.htc);
			position:relative;
		}
		nav#update .box h3{
			color:#5c5959;
		}
			nav#qa .box h3 span{
				color:#5c5959;
				margin-left:10px;
			}
			nav#update .box h3 img{
				float:left;
				margin:0 10px 0 0;
				
				border-radius:10px;
				-webkit-box-shadow:0 1px 3px #666;
				-moz-box-shadow:0 1px 3px #666;
				box-shadow:0 1px 3px #666;
				behavior: url(/js/PIE.htc);
				position:relative;
			}
			nav#update .box h3{
				line-height:normal;
			}
			nav#update .box h3 span{
				font-size:80%;
				color:#999;
				margin-right:10px;
				letter-spacing:1px;
			}
		nav#qa .box p.answer{
			color:#039;
			font-size:15px;
			font-weight:bold;
			margin-top:10px;
			-webkit-text-shadow:0 1px 0#FFFFFF;
			-moz-text-shadow:0 1px 0#FFFFFF;
			text-shadow:0 1px 0#FFFFFF;
			behavior: url(/js/PIE.htc);
			position:relative;
		}
		nav#qa .box ul, nav#qa .box ol,
		nav#update .box ul, nav#update .box ol{
			list-style-position:outside;
			padding-left:20px;
		}
			nav#qa .box li, nav#qa .box p,
			nav#update .box li, nav#update .box p{
				font-size:14px;
				-webkit-text-size-adjust:100%;
				line-height:200%;
			}
			@media screen and (max-width: 639px){
				nav#qa .box li, nav#qa .box p,
				nav#update .box li, nav#update .box p{
					font-size:14px;
					-webkit-text-size-adjust:100%;
					line-height:180%;
					margin-top:5px;
				}
			}
			@media screen and (max-width: 480px){
				nav#qa .box h3, nav#update .box h3{
					font-size:15px;
					-webkit-text-size-adjust:100%;
				}
				nav#qa .box li, nav#qa .box p,
				nav#update .box li, nav#update .box p{
					font-size:12px;
					-webkit-text-size-adjust:100%;
					line-height:150%;
					letter-spacing:1px;
					margin-top:5px;
				}
			}
		
		nav p.appStore a{
			color:#C3C3C0;
			clear:both;
			display:block;
			font-size:15px;
			background:none scroll 0 0 rgba(255, 255, 255, 0.8);
			behavior: url(/js/PIE.htc);
			padding:5px;
			margin:10px auto 0;
			text-align:center;
			width:150px;
			-webkit-border-radius:15px;
			-moz-border-radius:15px;
			border-radius:15px;
			behavior: url(/js/PIE.htc);
			position:relative;
		}
		nav p.appStore a:hover{
			color:#FFFFFF;
			background:none scroll 0 0 rgba(0, 0, 0, 0.9);
		}
		@media screen and (max-width: 639px){
			nav p.appStore a{
				font-size:12px;
				padding:5px;
			}
		}

/* other
----------------------------------------------------------*/
.underline a:hover{ text-decoration:underline;}