/* Common */

#contents { 
	text-align: left;
	}
	
#head_area {
	position: relative;
	}

#contents h2 {
	clear: both;
	margin-bottom: 1em;
	padding: 0.5em;
	/*border: 1px solid #e6e6e6;*/
	/*background: url(../../images/header/h2_bg.png) repeat bottom right;*/
	border: 1px solid #cecece; /* 2024.08追加 */
	background: url(../../images/header/h2_bg.png) repeat center right; /* 2024.08追加 */  
	line-height: 1; /* 24px */	
	font-size: 1.5em; /* 24px */
	}

#contents #restart {
	position: absolute;
	margin: 0;
	padding: 0 0 0 1em;
	background: url(../images/base/home.gif) left center no-repeat;
	top: 0.8em;
	right: 1em;
	}

#contents h3 {
	clear: both;
	margin-bottom: 1em;
	padding: 0.5em;
	border-bottom: 1px solid #cecece;
	line-height: 1.5; /* 24px */
	/*font-size: 1em;*/ /* 24px */
    font-size: 1.25em; /* 2024.08追加 */
	}

/*#contents h4 {
	clear: both;
	margin-bottom: 1em;
	padding: 0.5em;	
	line-height: 1.5;
	font-size: 1em;
	}

#contents h5 {
	clear: both;
	margin-bottom: 1em;
	padding-left: 1em;
	border-left: 5px solid #0066cc;
	line-height: 1.5;
	font-size: 90%; 
	}*/

#contents h4 {
	clear: both;
	margin-bottom: 1em;
	padding-left: 0.5em;
	border-left: 10px solid #0066cc;	
	line-height: 1.5; /* 24px */
	font-size: 1em; /* 24px */
	}

#contents h5 {
	clear: both;
	margin-bottom: 1em;
	padding: 0.25em;	
	border-bottom: 1px dashed #cecece;	
	line-height: 1.5; /* 24px */
	font-size: 1em; /* 24px */
	}

#contents h6 {
	clear: both;
	margin-bottom: 1em;
	padding-left: 1em;
	border-left: 10px solid #0066cc;
	line-height: 1.5;
	font-size: 1em; /* 24px */
	/* font-size: 90%; */ 
	}
	
#contents .section {
	margin-bottom: 1em;
	padding: 0.5em;
	}

#contents p,
#contents ul,
#contents ol, 
#contents li,
#contents dl { 
	margin-bottom: 1.5em;
	}

#contents ul {
	list-style: disc;
	margin-left: 20px;
	}

#contents ol {
	list-style: decimal;
	margin-left: 30px;
	}

#contents a{
	color: #0066cc;	
	}

#contents a:hover{
	color: #92b4dd;
	text-decoration: underline;	
	}

#contents .intro {
	clear: both;
	margin-bottom: 1.5em;
	padding: 0.5em;
	border-bottom: 1px dashed #e6e6e6;
	}

#contents .choice {
	margin-bottom: 1.5em;
	padding: 0.5em;
	}

#contents .choice ul {
	list-style: square;
	margin: 0 0 2em;
	}

#contents .choice li {
	/* float: left; */
	margin: 0 2em 1em 0;
	padding-left: 1em;
	background: url(../images/base/list.png) left center no-repeat;	
	list-style: none;
	}

#contents .choice dt {
	padding-left: 1em;
	background: url(../images/base/list.png) left center no-repeat;	
	}

#contents .choice dd {
	font-size: 90%;
	}

#contents table {
	width: 100%;
	margin-bottom: 1.5em;
	border: solid 1px #CCC;
	border-bottom: none;
	border-left: none;
	font-size: 90%;
	}

#contents th {
	padding: 0.25em;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #CCC;
	border-left: solid 1px #CCC;
	background: #EFEFEF;
	font-weight: normal;
	color: #666;
	text-align: center;
	}

#contents td {
	padding: 0.25em;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #CCC;
	border-left: solid 1px #CCC;
	}

#contents td p,
#contents td ul,
#contents td ol,
#contents td li {
	margin-bottom: 0;
	}

.red { color: #ff0000; font-weight: bold; }
.orange { color: #ff9900; font-weight: bold; }
.yellow { color: #ffcc33; font-weight: bold; }
.green { color: #009900; font-weight: bold; }
.blue { color: #0000ff; font-weight: bold; }
.black { color: #333333; font-weight: bold; }

.movie{ text-align: center; }
.movie iframe { width: 320px; height: 180px; }

#contents .attention {
	clear: both;
	margin-bottom: 1.5em;
	padding: 2em 0.5em 0.5em;
	border-top: 3px double #cecece;	
	font-size: 90%;
	word-break: break-all;
	}

#contents .attention p,
#contents .attention ul,
#contents .attention ol, 
#contents .attention li { 
	margin-bottom: 1.0em;
	}
	
#contents #before_footer {
	clear: both;
	margin-bottom: 1em;
	padding: 0.5em;
	}

#contents #return {
	display: inline;
	position: relative;
	float: left;
	padding: 0 0.5em;
	border: 1px solid #ccc;
	background: #999;
	font-weight: bold;
	}

#contents #continue {
	display: inline;
	position: relative;	
	float: right;
	padding: 0 0.5em;
	border: 1px solid #ccc;
	background: #999;
	font-weight: bold;	
	}

#contents #return a,
#contents #continue a {
	color: #FFF;
	}

/* @Model List */

#contents .modelList ul {
	margin-bottom: 0;
	margin-left: 0;
	list-style: none;
	}

#contents .modelList li {
	margin-bottom: 0;
	padding: 0.5em;
	border-bottom: 1px dotted #b2b2b2;
	vertical-align: middle;
	}

#contents .modelList li:hover{
	background: #fafafa; 
	}

#contents .modelList li a {
	display: block;
	padding-left: 1.25em;
	background: url(../images/base/list.png) no-repeat scroll left center;
	}

#contents .modelList .rightContents_index ul {
	margin-bottom: 1.5em;
	}
		
/*768px*/
@media screen and (min-width : 768px){



#contents .modelList .leftContents_index	 { 
	clear: both;
	float: left;
	margin-right: 1%;
	margin-bottom: 1.5em;	
	width: 49%;
	}

#contents .modelList .leftContents_index ul {
	margin-bottom: 1.5em;
	}

#contents .modelList .rightContents_index { 
	float: right;
	margin-left: 1%;
	margin-bottom: 1.5em;	
	width: 49%;
	}

.movie iframe { width: 560px; height: 315px; }
}

/*1024px*/
@media screen and (min-width : 1024px){
	
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents .intro,
#contents .choice,
#contents .section,
#contents .attention,
#contents #before_footer {
	margin: 0 2.08333%; /*20/960*/
	margin-bottom: 1em;
	}
#contents #restart {
	right: 3em;
	}

#contents .modelList .leftContents_index	 { 
	margin: 0 1.04166% 1.5em 2.08333%; /*30/960*/
	width: 46.875%; /*450/960*/
	}

#contents .modelList .rightContents_index { 
	margin: 0 2.08333% 1.5em  1.04166%; /*30/960*/
	width: 46.875%; /*450/960*/
	}
	
}