@charset "shift_jis";
/* formatting style
---------------------------------*/



* {
	padding: 0px;
	font-style: normal;
	margin: 0px;
}

*html body {  　　　　　/*IE6だけに適用*/
   overflow-y:auto;
}

*+html body {　　　　　/*IE7だけに適用*/
   overflow-y:auto;
}



body {
	font-size: 9pt;
	line-height: 15pt;
	margin:0 auto;
	color: #494949;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic ProN;
	overflow-y:scroll;	
}
/* link styles
---------------------------------*/

a img {
	border-style: none;
}
a:link {
	color: #FF5122;
	text-decoration: underline;
}
a:visited {
	color:#FF5122;
	text-decoration: underline;
}
a:active {
	color: #1EB2E8;
	text-decoration: none;
}
#navi  ul  li.index  a:hover {
	background-image: url(img/concept_f2.gif);
}
#navi  ul  li.originality  a:hover {
	background-image: url(img/originality_f2.gif);
}
#navi  ul  li.process  a:hover {
	background-image: url(img/process_f2.gif);
}
#navi  ul  li.results  a:hover {
	background-image: url(img/results_f2.gif);
}
#navi ul li.order a:hover {
	background-image: url(img/order_f2.gif);
}


/*  basic layout
---------------------------------*/
#wrapper {
	width: 750px;
	margin:0 auto
	
}
/* header layout
---------------------------------*/


#header {
	padding-top: 1px;
	height: 90px;
}
#header h1{
	width:140px;
	height:80px;
	float: left;
}
#header h1 a{
	width:140px;
	height:80px;
	overflow:hidden;
	text-indent:-1000px;
	display:block;
	text-decoration:none;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



#header .how {
	float: left;
	height: 80px;
	width: 300px;
}
#header .how a {
	background-image: url(img/titles.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 80px;
	width: 300px;
	text-indent: -1000px;
	overflow: hidden;
}

#header .hakuhoudou {
	float: right;
	height: 50px;
	width: 140px;
}
#header .hakuhoudou a {
	text-decoration: none;
	background-image: url(img/hakuhodo.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-indent: -1000px;
	display: block;
	overflow: hidden;
	height: 50px;
	width: 140px;
}


/* navi layout
---------------------------------*/

#navi {
	height: 26px;
	clear: left;
	padding-right: 10px;
	position: relative;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF5122;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF5122;
	margin-bottom: 8px;

}
#navi ul li {
	float: left;
	list-style: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#navi  .index  a {
	background-image: url(img/concept.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 150px;
	overflow: hidden;
}
#navi  .index2  a {
	background-image: url(img/concept_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 150px;
	overflow: hidden;
}
#navi  .originality  a {
	background-image: url(img/originality.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 150px;
	overflow: hidden;
}
#navi  .originality2  a {
	background-image: url(img/originality_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 150px;
	overflow: hidden;
}

#navi .process a {
	background-image: url(img/process.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 150px;
	overflow: hidden;

}
#navi .process2 a {
	background-image: url(img/process_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 150px;
	overflow: hidden;

}

#navi .results a {
	background-image: url(img/results.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 112px;
	overflow: hidden;

}
#navi .results2 a {
	background-image: url(img/results_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 112px;
	overflow: hidden;

}

#navi  .order a {
	background-image: url(img/order.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 150px;
	overflow: hidden;

}
#navi  .order2 a {
	background-image: url(img/order_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 150px;
	overflow: hidden;

}



/* main layout
---------------------------------*/
#main {
	clear: center;
	padding-bottom: 30px;

}


#main .pan {
	height: 20px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;

}
#main  .pan p {
	font-size: 9px;
	padding-top: 5px;
}



#main .howtitle a {
	background-image: url(img/title.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 234px;
	width: 750px;
	text-indent: -1000px;
	overflow: hidden;
	margin-bottom: 25px;
}


#copy {
	height: 50px;
	padding-left: 13px;
	clear: both;
}

address {
	color:#333333;
	font-size:7pt;
	line-height:140%;
	text-align: center;
	width: 730px;
	height: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-bottom: 3px;
}
/* contentsheet layout
---------------------------------*/


#main #content{
	padding-left: 30px;
	padding-right: 30px;
}

#main .concept_hl a {
	background-image: url(img/cp.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 40px;
	width: 288px;
	text-indent: -1000px;
	overflow: hidden;
	margin-bottom: 10px;
}

#concept_tabele td {
	margin:3px;
	padding:3px;
	
}

.concept_box1 {
width: 580px;
/* width:690px;*/
border: solid 9px #EFE8CE;
margin-left:auto;
margin-right:auto

}

.concept_box2 {
width: 580px;
/* width:690px;*/
border: solid 9px #FF8562;
margin-left:auto;
margin-right:auto

}


#main .originality_hl a {
	background-image: url(img/org.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 40px;
	width: 275px;
	text-indent: -1000px;
	overflow: hidden;
	margin-bottom: 10px;
}


.originality_3 {
width: 664px;
margin-left:auto;
margin-right:auto
}


#main .process_hl a {
	background-image: url(img/prc.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 40px;
	width: 385px;
	text-indent: -1000px;
	overflow: hidden;
	margin-bottom: 10px;
}

#main .results_hl a {
	background-image: url(img/rsl.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 40px;
	width: 153px;
	text-indent: -1000px;
	overflow: hidden;
	margin-bottom: 10px;
}


.rsl_table1 {
   border-collapse: collapse;
   border: 0px solid white; /* 外側の枠線 */
}
.rsl_table1 td {
   padding: 8px; /* セル内側の余白 */
text-align:left
}


.rsl_table2 {
   border-collapse: collapse;
   border: 1px solid white; /* 外側の枠線 */
   margin:5px;
}
.rsl_table2 td {
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: #494949; /* 黒 */
   border-style: dashed; /* 線種：点線 */
   padding: 8px; /* セル内側の余白 */
text-align:left

}


#main .order_hl a {
	background-image: url(img/ord.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 40px;
	width: 153px;
	text-indent: -1000px;
	overflow: hidden;
	margin-bottom: 10px;
}



#main .order_ex a {
	background-image: url(img/ex.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 307px;
	width: 700px;
	text-indent: -3000px;
	overflow: hidden;
	margin-bottom: 10px;
}



#main h2, h1 {
	font-size: 11pt;
	color: #000000;
}