@charset "UTF-8";

/**********************************************
　Reset CSS
**********************************************/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**********************************************
　Body
**********************************************/
body {
	width: 100%;
	color:#333;

/**********************************************
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
**********************************************/

	font-family: "メイリオ","Meiryo","verdana","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

   line-height:1.6;
   letter-spacing:1px;
   font-size:12px;
   border-top:3px solid #005ba7;
   background:#fff;
}

/**********************************************
　Link
**********************************************/
a {
	color:blue;
   text-decoration:none;
}

a:hover {
   color: red;
}

a:active {
	color: red;
}

/**********************************************
　Grobal
**********************************************/
img {
   border:0;
   vertical-align:bottom;
}

/**********************************************
　Access Analisis
**********************************************/
#access{
	float:right;
}

/**********************************************
　Header
**********************************************/
#header_outer {
   position:relative;
   width:100%;
   margin:0 auto;
   padding:0 0 1px 0;
   background:#011538;
	overflow:hidden;
   border:0px solid red;
}

#header {
   position:relative;
   max-width:900px;
   margin:0 auto;
   background:#011538;
	overflow:hidden;
   border:0px solid brown;
}

/*********************
　Header Logo
**********************/
#header #logo{
	float:left;
	max-width:900px;
   border:0px solid brown;
}

#header #logo h1{
	float:left;
   font-size:28px;
   font-weight:normal;
	color:#fff;
   padding:0;
   margin:20px 0 20px 30px;
   border:0px solid #888;
}

#header #logo img{
	float:left;
	margin:19px 20px 0 50px;
   border:0px solid brown;
}

/**********************************************
　Contents
**********************************************/
#contents_outer {
	width:100%;
   margin:0 auto;
	overflow : hidden;
   background:#fff url("../images/back01.jpg") 0 0 repeat;
}

/**********************************************
　Title
**********************************************/
#title {
   max-width:900px;
   margin:0 auto;
   background: url("../images/bg_title.jpg") top no-repeat;
	background-size:100%;
   border:0px solid blue;
}

#title p.red{
	color:red;
   font-size:28px;
	line-height:160%;
	margin:0;
	padding:60px 0 210px 60px;
	text-shadow: 1px 1px 3px #777;
}


/**********************************************
　Main
**********************************************/
#main {
   max-width:900px;
   margin:0 auto;
   padding:0;
   background:#fff;
	overflow : hidden;
   border:0px solid green;
}

#main .box2{
	float:left;
	min-width:420px;
	margin:30px 0 20px 7%;
}

#main .box2 a{
   font-size:28px;
	color:#fff;
	padding:15px 7%;
   background:#9b0000;
	background-image: linear-gradient(#bd0000, #790000);
	border-left: 3px solid #570000;
	border-right: 3px solid #df0000;
}

#main .box2 a:hover, #main .box2 active a{
   font-size:28px;
	color:#fff;
	padding:15px 7%;
	background-image: linear-gradient(#f00000, #ac0000);
	border-left: 3px solid #570000;
	border-right: 3px solid #df0000;
}

#main .l_box_800{
	float:left;
	max-width:800px;
	margin:20px 60px;
}

#main .l_box_576{
	float:left;
	max-width:576px;
	margin:20px 60px;
}

#main .r_box_200{
	float:right;
	max-width:200px;
	width:22.2%;
	margin:20px 60px;
}

#main .r_box_400{
	float:right;
	max-width:400px;
	margin:20px 7%;
}

#main h2{
	color:blue;
   font-size:28px;
	line-height:160%;
	margin:0;
	padding:40px 6% 20px 6%;
	text-shadow: 1px 1px 3px #777;
}

#main h3 {
   margin:10px 10px 10px 6%;
	padding:0;
   font-size:18px;
	font-weight:bold;
}

#main p{
	color:#222;
   font-size:18px;
	line-height:160%;
	margin:0;
	padding:0 6% 20px 6%;
}

#main p.ques{
	color:#9b0000;
   font-size:18px;
	line-height:160%;
	margin:0 7%;
	padding:0;
}

#main p.ans{
	color:navy;
   font-size:18px;
	line-height:160%;
	margin:0 7% 30px 7%;
	padding:0;
}

#main p.submit{
	color:navy;
   font-size:18px;
	line-height:160%;
	margin:0 0 0 30%;
}

#main strong{
   font-size:18px;
	font-weight:bold;
	line-height:160%;
}

/*********************
　Main Table
**********************/
#main table{
	max-width:500px;
	margin:20px auto;
}

#main table td{
	vertical-align:top;
}

#main table th {
	width:20%;
   padding:10px;
   font-size:13px;
   text-align:left;
   border:1px solid #888;
   background:#EBEADD;
}

#main td {
   padding:10px;
   font-size:13px;
   text-align:left;
   border:1px solid #888;
}

/**********************
　Not Used

#main h4 {
   margin:10px 10px 10px 15px;
	padding:0 0 0 10px;
   font-size:15px;
	font-weight:bold;
}

#main h5 {
   margin:10px 10px 0 20px;
	padding:0 0 0 10px;
   font-size:14px;
	font-weight:bold;
}
ここまで**********************/

/*********************
　Main Images
**********************/
#main img{
	width:100%;
}


/**********************************************
　Return
**********************************************/
div.return{
   clear:both;
   padding:10px 6% 20px 0;
   text-align:right;
}

div.return a{
	text-decoration:none;
   padding-left:12px;
   font-size:12px;
   background:url("../images/bg_top.gif") 0 6px no-repeat;
}

/**********************************************
　Clear both
**********************************************/
div.clear{
   clear:both;
   text-align:right;
}

/**********************************************
　Footer
**********************************************/
#footer_outer {
   background:#ebeadd;
   border-bottom:3px solid #005ba7;
}

#footer {
   max-width:960px;
   margin:0 auto;
	overflow:hidden;
	color:#3f2a0f;
}

#footer img{
	float:left;
}

#footer a:active{
	color:blue;
}

/*********************
　Footer Logo
**********************/
#footer .logo{
	float:left;
   margin:20px 0;
   border:0px solid brown;
}

#footer .logo h2{
   margin:0;
   padding:0;
   border:0px solid red;
}

#footer .logo a{
   margin:0;
   padding:0;
   font-size:18px;
   color:navy;
   border:0px solid red;
}

#footer .logo p{
   margin:0;
   padding:0;
   font-size:12px;
	text-align:left;
	line-height:120%;
   border:0px solid red;
}

/*********************
　Footer Copyright
**********************/
#footer .copyright{
	float:left;
   font-size:11px;
   margin:20px 0;
   padding:0;
   border:0px solid red;
}

/**********************************************
　Spacer
**********************************************/
.spacer400{
	float:left;
	max-width:400px;
   border:0px solid #888;
}

.spacer400 img{
	width:100%;
}