@charset "utf-8";

body#color{
font-family:"ＭＳ ゴシック", "Osaka－等幅";
}
#content {
padding-top: 1px;
}

#headWrap{
	background:none;
	min-height:100px;
	height:auto;
}

* html #headWrap {
	height:100px;
}

#headWrap #header{
	height:55px;
	margin:10px auto
}

#headWrap #assistWrap{
	border-top:3px solid #000;
}

#headWrap #readArea{
	text-align:right;
	vertical-align:middle;
	margin-top:-45px;
}
#headWrap #readArea img{
	vertical-align:middle;
}


#headWrap #readArea img.mar02{
margin-right:280px;
}


#wrapper{
background:none;
}

.clearfix{ /zoom : 1; clear : both;}
.clearfix:after{
	content : '';
	display : block;
	clear : both;
}

a:link,a:visited{
	color: #00479D;
	text-decoration:none;
}
a:hover,a:active{
	text-decoration:underline;
}



/*------------------------------------------------
   ▼グロナビ
------------------------------------------------*/
.gnavi{
clear:both;
margin:25px 0 40px;
}

.gnavi li{
float:left;
margin-right:15px;
}

.gnavi li img{
vertical-align:top;
}

.gnavi li.gnavilast{
float:left;
margin-right:0px;
}

.gnavi4{
	width:210px;
	margin:1px 0 20px;
	margin-left:auto;
	margin-right:0;
}


.bnrAFT{
	clear:both;
	width:210px;
	padding-top:10px;
	margin:10px 0 10px;
	margin-left:auto;
	margin-right:0;
}

.answer img{
	vertical-align:middle;
	}

/*------------------------------------------------
   ▼フッター用、グロナビ
------------------------------------------------*/

#foot_istock_btn{
width:820px;
height:145px;
}

#footer_gnavi{
width:820px;
}

#footer_gnavi li{
float:left;
margin-right:12px;
}

#footer_gnavi li.gnavilast{
float:left;
margin-right:0px;
}

/*------------------------------------------------
   ▲フッター用、グロナビ
------------------------------------------------*/

#squarelogo{
position: absolute;
left: 80px;
top: 320px;
background: #333;
z-index: 100;
height: 79px;
width: 77px;
padding: 0;
}

div.dotline_top{
margin:15px 0 20px 0;
height:1px;
background:url(../img/dotline.gif) top left repeat-x;
}
div.dotline_top2{
margin:0px 0 20px 0;
height:1px;
background:url(../img/dotline.gif) top left repeat-x;
}
div.dotline{
margin:25px 0;
height:1px;
background:url(../img/dotline.gif) top left repeat-x;
}

span.txt_b_blue{
color:#004D91;
font-weight:bold;
font-size:12px;
}

span.txt_blue{
color:#004D91;
font-weight:normal;
font-size:12px;
}

span.txt_b_green{
color:#CCFF00;
font-weight:bold;
font-size:12px;
}
span.txt_b_10{
color:#fff;
font-weight:bold;
font-size:10px;
}
span.txt_10{
color:#fff;
font-weight:normal;
font-size:10px;
line-height:120%;
}

.radiusCorner {
font-size: 0px;
line-height: 1;
display: block;
}

#main {
font-size: 12px;
width: 840px;
margin: 0 auto;
text-align:center;
}

#main { /zoom : 1; clear : both;}
#main:after{
	content : '';
	display : block;
	clear : both;
}

.gnavi { /zoom : 1; clear : both;}

.gnavi:after{
	content : '';
	display : block;
	clear : both;
}


/*------------------------------------------------
header
------------------------------------------------*/
#title {
position: relative;
width: 960px;
height: 246px;
background: url(../img/bg_header.jpg) left top no-repeat;
margin:0 auto;
}

#title h2 {
	position: absolute;
	width:740px;
	height:102px;
	top:65px;
	left:19px;
	background: url(../img/title.jpg) no-repeat;
	text-indent:-9999px;
}

/*------------------------------------------------
main
------------------------------------------------*/
#main {
width: 840px;
margin: 0 auto;
}

/*------------------------------------------------
lead
------------------------------------------------*/
#lead{
margin-top:15px;
height:82px;
width:100%;
background:url(../img/lead_txt.gif) left top no-repeat;
text-indent:-9999px;
}

h3,
h4{
	margin:10px 0 15px;
}
h5{
	text-align:left;
	font-weight:bold;
	font-size:13px;
	margin:5px 10px;
}

.right .bnrAFT{
	width:210px;
	margin:10px 0 10px;
	margin-left:0;
	margin-right:auto;
}

/*------------------------------------------------
cts_box
------------------------------------------------*/
#cts_box p.komidashi{
line-height:1;
display:inline;
font-weight:bold;
font-size:14px;
color:#000;
background-color:#DCDCDC;
padding:3px 2px 2px 2px ;
}

* html #cts_box p.komidashi{
line-height:150%;
display:inline;
color:#000;
font-weight:bold;
font-size:14px;
background-color:#DCDCDC;

}

#cts_box p.komidashi_txt12{
line-height:1;
display:inline;
font-weight:bold;
font-size:12px;
color:#000;
background-color:#DCDCDC;
padding:1px 2px;
}

#cts_box p.komidashi_small{
line-height:1;
display:inline;
font-size:10px;
color:#000;
background-color:#DCDCDC;
padding:1px 2px;
}


/*--------index.html 見出し1--------*/
#m1-1_left{
width:460px;
}
#m1-1_right{
width:330px;
}

#m1-2bottom_left{
width:480px;
padding-right:10px;
}

#m1-2bottom_right{
width:330px;
}

/*--------p2.html 見出し2----------*/

#m2-1_left{
width:480px;
}
#m2-2_right{
width:330px;
}

p.question{
font-size:12px;
font-weight:bold;
}

p.answer{
color:#5E1531;
font-size:12px;
line-height:170%;
text-indent:-3em;
padding-left:3em;
}

#m2-2top_left{
width:560px;
padding-right:10px;
}
#m2-2top_right{
width:250px;
}

#m2-2bottom_left{
width:255px;
padding-right:10px;
}

#m2-2bottom_right{
width:555px;
}

/*------------------------------------------------
   見出しボックス（共通）
------------------------------------------------*/
/*点線付きのボックスには共通でこのdivでかこう*/
div.midashi_box{
clear:both;
text-align:left;
width:820px;
padding:0 0 20px;
margin:0 auto 30px;
background:url(../img/dotline1.gif) no-repeat left bottom;
}

div.midashi_box p.fleft{
	width:460px;
	margin-bottom:15px;
}
div.midashi_box p.fleft.works{
	width:500px;
}

div.midashi_box p{
text-align:left;
	color:#000;
	font-size:12px;
	line-height:170%;
}

#noborder{
	background:none;
	padding:0px;
}

.dotline_figbox{
background:url(../img/dotline_figbox.gif) no-repeat left bottom;
padding-bottom:20px;
}

/*------------------------------------------------
   図のキャプション
------------------------------------------------*/

.cap_fig_10{
font-size:10px;
color:#000000;
line-height:130%;
}


/*------------------------------------------------
   基本テキスト
------------------------------------------------*/

#cts_box p.honbun{
color:#000;
font-size:12px;
line-height:170%;
}

.right{
	float:right;
	width:280px;
	line-height:1.2;
}

.right p{
}

/*------------------------------------------------
   P1 問題
------------------------------------------------*/
.questionArea{
margin-top:15px;
width:820px;
background:url(../img/question.gif) no-repeat;
position:relative;
}

.questionArea.q1{
background:url(../img/question1.png) no-repeat;
height:921px;
}
.questionArea.q2{
background:url(../img/question2.png) no-repeat;
height:439px;
}
.questionArea.q3{
background:url(../img/question3.png) no-repeat;
height:382px;
}

.ansPoint1,
.ansPoint2,
.ansPoint3,
.ansPoint4,
.ansPoint5,
.ansPoint6{
position:absolute;
}

.ansPoint1{
	top:340px;
	right:36px;
}

.ansPoint2{
	top:177px;
	right:35px;
}

.ansPoint3{
	top:495px;
	right:34px;
}

.ansPoint4{
	top:649px;
	right:35px;
}

.ansPoint5{
	top:812px;
	right:35px;
}

.ansPoint6{
	top:890px;
	right:35px;
}

/*------------------------------------------------
   ▼P2
------------------------------------------------*/
.ph{
background:url(../img/ph.jpg) no-repeat;
padding-left:70px;
min-height:76px;
height:auto !important;
height:76px;
}
.ph .name{
font-size:14px;
font-weight:bold;
line-height:120%;
}
.ph .small{
font-size:11px;
line-height:120%;
}

.cap{
color:#000000;
font-size:10px;
line-height:130%;
}

.p2_greeting_left{
width:575px;
height:165px;
padding-right:15px;
position:relative;
}

.p2_greeting_left .cap{
right:15px;
bottom:0;
color:#000000;
font-size:10px;
line-height:130%;
position:absolute;
}

/*------------------------------------------------
   ▼P3
------------------------------------------------*/

.box_3_1 .left{
	width:210px;
}

.box_3_1 .right{
	line-leight:1.6!important;
	width:560px;
}

.box_3_1 .right .honbun{
	line-leight:1.6!important;
	margin-bottom:1.6em;
}


.box_3_3 .left{
float:left;
width:450px;
padding-right:20px;
}

.box_3_3 .right{
float:right;
width:320px;
}

.box_3_4 .left{
float:left;
width:525px;
padding-right:20px;
}

.box_3_4 .right{
float:right;
width:275px;
}


#column{
	width:760px;
	border:1px solid #ccc;
	border-bottom:none;
	line-height:1.6;
	margin:15px 0;
}

#column th{
	width:120px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#ebebeb;
	padding:15px 10px;
}

#column td{
	width:500px;
	border-bottom:1px solid #ccc;
	padding:15px 10px;
}