@charset "utf-8";

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

/*------------------------------------------------
   ▼グロナビ
------------------------------------------------*/
.gnavi{
width:820px;
padding:25px 0;
}

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

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

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

.gnavi4{
float:right;
margin-top:10px;
}

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

#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;
}

#content {
padding-top:1px;
width: 980px;
background: url(../img/all_wrp_bg.gif) left top no-repeat;
}

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

/*------------------------------------------------
header
------------------------------------------------*/
#header {
position: relative;
width: 980px;
height: 276px;
background: url(../img/bg_header.jpg) left top no-repeat;
}

#header h2 {
position: absolute;
width:777px;
height:181px;
background: url(../img/title.jpg) 50px 74px no-repeat;
text-indent:-9999px;
}

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

/*------------------------------------------------
lead
------------------------------------------------*/
#lead{
width:820px;
height:93px;
position:relative;
margin-top:20px;
background:url(../img/lead_txt.gif) left top no-repeat;
}


/*------------------------------------------------
cts_box
------------------------------------------------*/
#cts_box .midashi{
margin-bottom:15px;
}

#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:520px;
padding-right:20px;
}
#m1-1_right{
width:280px;
}

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

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

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

#m2-1_left{
width:645px;
}
#m2-2_right{
width:175px;
}

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{
width:820px;
background:url(../img/dotline1.gif) no-repeat left bottom;
padding-bottom:30px;
}

#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%;
}


/*------------------------------------------------
   P1 問題
------------------------------------------------*/
.questionArea{
width:820px;
height:704px;
background:url(../img/question.jpg) no-repeat;
position:relative;
}

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

.ansPoint1{
top:113px;
right:20px;
}

.ansPoint2{
top:216px;
right:20px;
}

.ansPoint3{
top:318px;
right:20px;
}

.ansPoint4{
top:420px;
right:20px;
}

.ansPoint5{
top:523px;
right:20px;
}

.ansPoint6{
top:626px;
right:20px;
}

/*------------------------------------------------
   ▼P2
------------------------------------------------*/
.ph{
background:url(../img/ph.jpg) no-repeat;
padding-left:75px;
}
.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
------------------------------------------------*/

.colorImage_box{
width:778px;
padding:20px;
border:solid 1px #ccc;
}

.colorImageInner{
width:778px;
background:url(../img/line02.gif) no-repeat bottom;
padding-bottom:20px;
}

.colorImage_box .left{
float:left;
width:360px;
padding-right:28px;
}
.colorImage_box .right{
float:right;
width:390px;
}

.colorImage_box P{
line-height:140%;
}
.colorImage_box .title{
margin-bottom:10px;
}
.colorImage_box .keiko{
font-weight:bold;
margin-bottom:5px;
}
.colorImage_box .lead{
margin-bottom:13px;
}

.colorImage_box .colorMenseki_box{
width:330px;
padding:15px;
background-color:#F2F2F2;
}

.colorImage_box .caution{
font-size:10px;
line-height:140%;
margin-top:20px;
}

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

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

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

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