/* --------------------------------------------------------------------

contents.css

-------------------------------------------------------------------- */
/* header
-------------------------------------------------------------------- */
#header{
margin:0 auto 18px;
}

#header ul.guidanceLink{
float:right !important;
width:100%;
padding:12px 0 0 !important;
}

* html #header ul.guidanceLink{
padding:0 !important;
}

#header ul.guidanceLink li{
padding:0 !important;
margin:0 0 0 10px !important;
background:none !important;
}

* html #header ul.guidanceLink li{
padding:12px 0 0 !important;
}

/* gnav
-------------------------------------------------------------------- */
#gnav{
background:url(../img/common/bg_gnav.gif) left top repeat-x;
margin:0 0 15px;
}

#gnav ul{
margin:0 auto;
width:965px;
}

#gnav ul li{
float:left;
display:inline;
}

#gnav ul li a{
width:193px;
height:60px;
display:block;
text-indent:100%;
overflow:hidden;
white-space:nowrap;
outline:none;
}

#gnav ul li.nav01 a,
#gnav ul li.nav01 a:visited{
background:url(../img/common/bg_nav.gif) left top no-repeat;
}

#gnav ul li.nav02 a,
#gnav ul li.nav02 a:visited{
background:url(../img/common/bg_nav.gif) -193px 0 no-repeat;
}

#gnav ul li.nav03 a,
#gnav ul li.nav03 a:visited{
background:url(../img/common/bg_nav.gif) -385px 0 no-repeat;
}

#gnav ul li.nav04 a,
#gnav ul li.nav04 a:visited{
background:url(../img/common/bg_nav.gif) -579px 0 no-repeat;
}

#gnav ul li.nav05 a,
#gnav ul li.nav05 a:visited{
background:url(../img/common/bg_nav.gif) -772px 0 no-repeat;
}

#gnav ul li.nav01 a:hover{
background:url(../img/common/bg_nav.gif) 0 -60px no-repeat;
}

#gnav ul li.nav02 a:hover{
background:url(../img/common/bg_nav.gif) -193px -60px no-repeat;
}

#gnav ul li.nav03 a:hover{
background:url(../img/common/bg_nav.gif) -385px -60px no-repeat;
}

#gnav ul li.nav04 a:hover{
background:url(../img/common/bg_nav.gif) -579px -60px no-repeat;
}

#gnav ul li.nav05 a:hover{
background:url(../img/common/bg_nav.gif) -772px -60px no-repeat;
}

#gnav ul li.nav01 a:active,
#gnav ul li.nav01 a.active{
background:url(../img/common/bg_nav.gif) 0 -119px no-repeat;
}

#gnav ul li.nav02 a:active,
#gnav ul li.nav02 a.active{
background:url(../img/common/bg_nav.gif) -193px -119px no-repeat;
}

#gnav ul li.nav03 a:active,
#gnav ul li.nav03 a.active{
background:url(../img/common/bg_nav.gif) -385px -119px no-repeat;
}

#gnav ul li.nav04 a:active,
#gnav ul li.nav04 a.active{
background:url(../img/common/bg_nav.gif) -579px -119px no-repeat;
}

#gnav ul li.nav05 a:active,
#gnav ul li.nav05 a.active{
background:url(../img/common/bg_nav.gif) -772px -119px no-repeat;
}

/* topicPath
-------------------------------------------------------------------- */
#topicPath{
width:965px;
margin:0 auto 15px;
}

#topicPath li{
float:left;
display:inline;
background:url(../img/common/arrow_09.gif) right center no-repeat;
padding:0 15px 0 0;
margin:0 10px 0 0;
}

#topicPath li.last{
background:none;
}

/* wrapper
-------------------------------------------------------------------- */
#wrapper{
position:relative;
z-index:0;
}

/* mian
-------------------------------------------------------------------- */
#article {
}

#article h1,
#article .title_h1{
padding:23px 18px 23px 0;
border:1px solid #c5c5c5;
font-size:150%;
font-weight:bold;
margin:0 0 1em;
}

#article h1 span,
#article .title_h1 span{
border-left:25px solid #53cde2;
padding:0 0 0 15px;
display:block;
}

.continuation #article h1{
padding:23px 18px 23px 0;
border:1px solid #c5c5c5;
font-size:150%;
font-weight:bold;
margin:0 0 1em;
}

.continuation #article h1 span{
border-left:25px solid #005ebb;
padding:0 0 0 15px;
display:block;
}
#article h2,
#article .title_h2{
margin:30px 0 15px;
padding:0 140px 0 0;
background:url(../img/common/bg_h2_01.gif) left center repeat-x;
position:relative;
font-size:130%;
font-weight:bold;
}


#article h2 span,
#article .title_h2 span{
padding:7px 10px;
display:inline-block;
background:#ffffff;
border-left:10px solid #54cce5;
}

#article h2.colorY{
margin:30px 0 15px;
padding:0 140px 0 0;
background:url(../img/common/bg_h2_03.gif) left center repeat-x;
position:relative;
font-size:130%;
font-weight:bold;
}


#article h2.colorY span{
padding:7px 10px;
display:inline-block;
background:#ffffff;
border-left:10px solid #f6e442;
}

#article .issuTitle{
position:relative;
}

#article .issuTitle p{
position:absolute;
right:0;
top:0;
}

.continuation #article h2{
margin:30px 0 15px;
padding:0 190px 0 0;
background:url(../img/continuation/bg_h2_03.gif) left center repeat-x;
position:relative;
font-size:130%;
font-weight:bold;
}

.continuation #article h2 span{
padding:7px 10px;
display:inline-block;
background:#ffffff;
border-left:10px solid #005ebb;
}

#article h2.nospace{
margin-top:0 !important;
}

#article h3,
#article .title_h3{
margin:25px 0 15px;
padding:10px 17px;
font-size:130%;
font-weight:bold;
background:#54cce5;
color:#ffffff;
}

#article h3 span.inner,
#article .title_h3 span.inner{
padding:0 0 0 10px;
display:block;
border-left:4px solid #ffffff;
}

#article h4,
#article .title_h4{
padding:0 0 0 7px;
margin:0 0 15px;
font-size:120%;
font-weight:bold;
color:#00ACD2;
border-left:4px solid #57c9e4;
}

#article h5,
#article .title_h5{
font-weight:bold;
padding:0 11px 5px;
margin:0 0 15px;
border-bottom:2px solid #57c9e4;
}

#article .noStyle{
background:none !important;
border:none !important;
padding:0 !important;
}

#article .noBorder{
border:none !important;
padding-bottom:0 !important;
}

/* title_num01
----------------------------------------------------------------------------*/

#article .title_num01{
margin:25px 0 15px;
background:#54CCE5;
position:relative;
}

#article .title_num01 *{
margin:0;
padding:0;
border:none;
line-height:0;
background:none;
}

#article .title_num01 img{
border-top:1px solid #aae5f2;
border-left:1px solid #aae5f2;
border-bottom:1px solid #aae5f2;
margin:0 13px 0 0;
}

#article .title_num01 span{
display:block;
width:620px;
position:absolute;
left:60px;
top:17px;
line-height:1;
}

/* title_num02
----------------------------------------------------------------------------*/

#article .title_num02{
margin:25px 0 15px;
}

#article .title_num02 *{
margin:0;
padding:0;
border:none;
background:none;
}

#article .title_num02 img{
border-top:1px solid #54cce5;
border-left:1px solid #54cce5;
border-bottom:1px solid #54cce5;
float:left;
display:inline;
}

#article .title_num02 span{
border:1px solid #aae5f2;
display:block !important;
height:45px;
margin:0 0 0 46px;
line-height:2.8;
padding:0 0 0 13px;
}

* html #article .title_num02 span{
line-height:2.6;
}

/* title_num03
----------------------------------------------------------------------------*/

#article .title_num03{
margin:40px 0 15px;
background:url(../img/common/bg_h2_02.gif) left top no-repeat;
height:55px;
padding:7px 13px 7px 7px;
}

#article .title_num03 *{
margin:0;
padding:0;
border:none;
line-height:0;
background:none;
}

#article .title_num03 img{
float:left;
display:inline;
margin:0 7px 0 0;
}

#article .title_num03 span{
display:block !important;
line-height:2.5;
padding:8px 63px 0 0;
}

#article .title_num03 span.txt02{
line-height:1.3;
}

/*----------------------------------------------------------------------------*/

#article p{
margin:0 0 20px;
line-height:1.8;
}

#article p em{
font-weight:bold;
}

#colorbox ul.listStyle,
#article ul.listStyle,
#article ul.listLink,
#article ol.numList,
#article ul.enList{
margin:0 0 20px;
}

#colorbox table.itemTable td ul{
margin:0;
}

#article ul.listStyle li{
background:url(../img/common/icon01.gif) 3px 4px no-repeat;
padding:0 0 0 1.5em;
margin:0 0 10px;
}

#colorbox ul.listStyle li{
background:url(../img/common/icon01.gif) 3px 4px no-repeat;
padding:0 0 0 1.3em;
margin:0 0 10px;
}

#colorbox ul.listStyle li{
margin:0;
}

#inline_mensetsu ul.listStyle li,
#inline_back ul.listStyle li,
#inline_ikusei ul.listStyle li{
margin:0 0 10px;
}

#article ul.listLink li{
background:url(../img/common/arrow_16.gif) 5px 4px no-repeat;
padding:0 0 0 1.3em;
margin:0 0 10px;
}


#article ul.enList li{
margin:0 0 0.5em 18px;
text-indent:-18px;
}

#article ul.enList li span{
font-weight:bold;
color:#54CCE5;
}

#article ol.numList li{
list-style:decimal;
margin:0 0 10px 1.7em;
color:#54CCE5;
font-weight:bold;
}

#article ol.numList li span{
color:#282828;
font-weight:normal;
}

#article ol.numList li span ul.listStyle{
margin:5px 0 0;
}

#article ol.numList li span ul.listStyle li{
list-style:none;
color:#282828;
font-weight:normal;
margin:0 0 10px 0;
}

#article .twoColumn{
margin:0 0 30px;
}

#article .twoColumn li{
float:left;
display:inline;
width:336px;
margin:0 18px 0 0;
}

#article .twoColumn li:last-child{
margin:0;
}

#article .threeColumn{
margin:0 0 30px;
}

#article .threeColumn li{
float:left;
display:inline;
width:218px;
margin:0 18px 0 0;
}

#article .threeColumn li.last{
margin:0;
}

#article .threeColumn02{
margin:0 0 40px;
}

#article .threeColumn02 li{
float:left;
display:inline;
width:218px;
margin:0 12px 0 0;
}

#article .threeColumn02 li.last{
margin:0;
}

#article .fourColumn{
margin:0 0 40px;
}

#article .fourColumn li{
float:left;
display:inline;
width:168px;
margin:0 6px 0 0;
}

#article .fourColumn li.last{
margin:0;
}

#article strong{
font-weight:bold;
color:#00ABCF;
}

#article table{
width:100%;
margin:0 0 20px;
line-height:1.5;
}

#colorbox table{
width:100%;
margin:0 0 5px;
line-height:1.5;
}

#article table caption{
font-weight:bold;
padding:0 0 10px;
}

#article table caption span{
}

#article table thead th,
#colorbox table thead th{
border:1px solid #D0D0D0;
text-align:center;
font-size:130%;
background:#f9f9f9;
padding:10px;
}

#article table thead td,
#colorbox table thead td{
border:1px solid #D0D0D0;
text-align:center;
background:none;
font-size:130%;
background:#f9f9f9;
padding:10px;
}

#article table tfoot th{
background:#eeeeee;
border:1px solid #D0D0D0;
font-weight:normal;
padding:10px;
}

#article table tfoot td{
background:#eeeeee;
border:1px solid #D0D0D0;
padding:10px;
}

#article table tbody th{
background:url(../img/common/bg_dotted02.gif) left top repeat;
font-weight:bold;
padding:10px;
border:1px solid #D0D0D0;
vertical-align:top;
}

#article table tbody td{
padding:10px;
border:1px solid #D0D0D0;
vertical-align:top;
}

#colorbox table tbody th{
background:url(../img/common/bg_dotted02.gif) left top repeat;
font-weight:bold;
padding:5px;
border:1px solid #D0D0D0;
vertical-align:top;
}

#colorbox table tbody td{
padding:5px;
border:1px solid #D0D0D0;
vertical-align:top;
}

#article table.fix{
table-layout: fixed;
}

#article table .verMiddle{
vertical-align:middle;
}

#article table .noBorderL{
border-left:none !important;
}

#article table .noBorderR{
border-right:none !important;
}

table .fontNormal{
font-size:100% !important;
}

table .w5{width:5%;}
table .w10{width:10%;}
table .w13{width:13%;}
table .w15,table .widthFix{width:15%;}
table .w16{width:16%;}
table .w17{width:17%;}
table .w20{width:20%;}
table .w25{width:25%;}
table .w30{width:30%;}
table .w40{width:40%;}
table .w50{width:50%;}
table .w60{width:60%;}
table .w70{width:70%;}
table .w80{width:80%;}
table .w90{width:90%;}
.w100{width:100%;}

#article table.type1 thead th{
border:1px solid #D0D0D0;
text-align:center;
font-size:100%;
background:#f9f9f9;
padding:10px;
background:url(../img/common/bg_dotted02.gif) left top repeat;
}

#article table.type1 thead td{
border:1px solid #D0D0D0;
text-align:center;
background:none;
font-size:100%;
background:url(../img/common/bg_dotted02.gif) left top repeat;
padding:10px;
font-weight:bold;
}

#article table.type1 tfoot th{
border:1px solid #D0D0D0;
font-weight:normal;
padding:10px;
background:url(../img/common/bg_dotted02.gif) left top repeat;
}

#article table.type1 tfoot td{
background:#eeeeee;
border:1px solid #D0D0D0;
padding:10px;
background:url(../img/common/bg_dotted02.gif) left top repeat;
}

#article table.type1 tbody th{
background:#f9f9f9;
font-weight:bold;
padding:10px;
border:1px solid #D0D0D0;
}

#article table.type1 tbody td{
padding:10px;
border:1px solid #D0D0D0;
}

#article table .title{
color:#00ACD2;
}

#article table.iconTable th{
border:1px solid #49acc9;
vertical-align:middle;
padding:15px;
font-size:100%;
text-align:left;
}

#article table.iconTable td{
border:1px solid #49acc9;
vertical-align:middle;
padding:15px 15px 0;
font-size:100%;
text-align:left;
}

#article table.iconTable th{
background:#54cce5;
color:#ffffff;
}

#article table.iconTable td{
background:#ffffff;
color:#282828;
}

#article table.iconTable ul{
margin-bottom:15px;
}

#article table.hallTable thead th{
font-weight:bold;
text-align:left;
}

#article table.hallTable thead td{
font-weight:bold;
text-align:left;
background:#F9F9F9;
}

#article table.hallTable tbody th{
padding:10px 0 10px 10px;
width:10%;
}

#article table.hallTable em{
font-weight:bold;
margin:10px 0 0;
}

#article table.hallTable .noBg{
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #D0D0D0;
}

#article table.hallTable span{
display:block;
margin:1em 0 0;
}

#article table.hallTable .bgBorder{
background:url(../img/common/border02.gif) left bottom repeat-x !important;
border:none !important;
}

#article table.hallTable .map{
vertical-align:middle;
}

#article .bold{
font-weight:bold;
}

#article .mb15{
margin:0 0 15px 15px !important;
}

#article .mb40{
margin-bottom:40px !important;
}

#article .fontBig{
font-size:120% !important;
}

#article .small{
font-size:85%;
}

#article table .small{
font-size:85% !important;
font-weight:normal !important;
}

#article .txtR{
text-align:right;
}

#article .txtL{
text-align:left !important;
}

#article .txtC,
#colorbox .txtC{
text-align:center;
}

#article dl.txtC{
margin:0 0 20px;
}

#article dl.txtC dt{
margin:0 0 5px;
}

#article #hyojinji{
position:relative;
}

#article #hyojinji a{
position:absolute;
background:#ffffff;
}

#article #hyojinji #btnLink01{
left:8px;
top:34px;
}

#article #hyojinji #btnLink02{
left:8px;
top:66px;
}
#article #hyojinji #btnLink03{
left:8px;
top:98px;
}
#article #hyojinji #btnLink04{
left:8px;
top:130px;
}
#article #hyojinji #btnLink05{
left:8px;
top:228px;
}

#article #hyojinji #btnLink06{
right:0;
top:0;
}

#article #hyojinji #btnLink07{
right:0;
top:57px;
}

#article #hyojinji #btnLink08{
right:0;
top:116px;
}

#article #hyojinji #btnLink09{
right:0;
top:156px;
}

#article .figureBox{
/*margin:0 0 20px;*/
}

#article .mrg30{
margin:0 50px 20px;
}

#article .figureCenter{
text-align:center;
margin:0 0 20px;
font-size:85%;
}

#article .imgCaption{
text-align:center;
font-size:85%;
display:block;
}

#article .figureBox a .imgCaption{
font-size:100%;
background:url(../img/common/icon_zoom.gif) 90px center no-repeat;
padding:5px 0;
}

#colorbox .figureCenter,
#article .imgCaptionBox{
text-align:center;
margin:0 0 20px;
}

#article .figureRight{
float:right;
display:inline;
margin:0 0 0 20px;
text-align:center;
font-size:85%;
}

#article .figureLeft,
#article .boxLeft{
float:left;
display:inline;
margin:0 20px 0 0;
text-align:center;
font-size:85%;
}

#article .imgCaptionBox span{
display:block;
text-align:center;
font-size:85%;
margin:0.5em 0 0;
}

#article .figureCenter img,
#article .figureRight img,
#article .figureLeft img{
margin:0 0 0.8em;
}

#article .figureBox02{
margin:0 0 20px;
}

#article .figureBox02 .figureRight,
#article .figureBox02 .figureLeft{
margin:0 0 1em;
}

#article .figureBox02 .figureRight img,
#article .figureBox02 .figureLeft img{
margin:0;
}

#article .box{
padding:22px 22px 2px;
border:1px solid #D0D0D0;
background:#F9F9F9;
}

#article .box dt{
font-weight:bold;
margin:0 0 5px;
}

#article .box dd{
margin:0 0 20px;
line-height:1.8;
}

#article .box dd ul.listStyle li{
line-height:1;
}

#article .note01{
margin:0 0 20px 1em;
text-indent:-1em;
color:#fa2611;
font-size:85%;
line-height:1.5;
}

#article .attention{
color:#fa2611;
}

#article span.note01{
display:block;
margin:0 0 0 1em;
}

#article .note02,
#colorbox .note02{
margin:0 0 20px 1em;
text-indent:-1em;
font-size:85%;
line-height:1.5;
}

#article span.note02{
margin:10px 0 0 1em;
display:block;
}

.notes{
margin:0 0 20px;
padding:0;
font-size:85%;
margin:0 0 20px 1em;
text-indent:-1em;
}

.notes li{
margin:0 0 5px;
line-height:1.3;
}

#article .lead{
font-size:150%;
font-weight:bold;
line-height:1.5;
}

#article .lead span{
color:#00abcf;
}

#article .lead02{
font-weight:bold;
color:#00ACD2;
}

#article .lead03{
font-weight:bold;
font-size:120%;
}

#article .lead03 strong{
font-size:130%;
}

#article .lead04{
font-weight:bold;
color:#0182DD;
}

/* borderBox01-04
----------------------------------------------------------------------------*/
#article .borderBox01{
border:15px solid #abe5f3;
padding:23px 23px 0;
margin:0 0 40px;
}

#article .borderBox02{
background:#54cce5;
border-left:15px solid #54cce5;
border-right:15px solid #54cce5;
border-bottom:15px solid #54cce5;
margin:0 0 40px;
}

#article .borderBox02 .title{
background:none;
margin:0 0 15px;
font-size:140%;
border-left:4px solid #ffffff;
color:#ffffff;
padding:15px 0 0 10px;
}

#article .borderBox02 p{
text-align:center;
margin:0;
}

#article .borderBox03{
background:#AAE5F2;
margin:0 0 40px;
}

#article .borderBox03 .titleIn{
background:#54CCE5;
padding:0 15px 15px;
}

#article .borderBox03 .title{
background:none;
font-size:140%;
border-left:4px solid #ffffff;
color:#ffffff;
padding:15px 0 0 10px;
margin:0;
}

#article .borderBox03 .inner{
border-left:15px solid #AAE5F2;
border-right:15px solid #AAE5F2;
padding:0 0 15px;
}

#article .borderBox03 .detail{
background:#AAE5F2;
padding:15px 0 0;
}

#article .borderBox03 .detail p{
text-align:left;
line-height:1.5;
margin:0 0 0 1em;
text-indent:-1em;
}

#article .borderBox03 p{
text-align:center;
margin:0;
}

#article .borderBox03 .whiteSpace{
background:#fff;
padding:30px;
}


#article .borderBox04{
margin:0 0 35px;
}

#article .borderBox04 .title{
background:#54cce5;
height:21px;
padding:22px 0 22px 88px;
margin:0;
line-height:1;
position:relative;
}

#article .borderBox04 .title img{
position:absolute;
left:15px;
top:0;
}

#article .borderBox04 .detail{
border-left:15px solid #aae5f2;
border-right:15px solid #aae5f2;
border-bottom:15px solid #aae5f2;
padding:25px 25px 0;
}

#article .borderBox05{
margin:0 0 35px;
}

#article .borderBox05 .title{
padding:0 15px 15px;
background:#54cce5;
}

#article .borderBox05 .title h3{
background:none;
font-size:140%;
border-left:4px solid #ffffff;
color:#ffffff;
padding:15px 0 0 10px;
margin:0;
}

#article .borderBox05 .detail{
border-left:15px solid #aae5f2;
border-right:15px solid #aae5f2;
border-bottom:15px solid #aae5f2;
padding:25px 25px 0;
}

#article .border{
background:url(../img/common/border02.gif) left bottom repeat-x;
margin:0 0 20px;
padding:0 0 20px;
}

/* dotBox
----------------------------------------------------------------------------*/

#article .dotBox{
border:1px solid #d0d0d0;
padding:5px 0 22px 22px;
margin:0 0 20px;
background:url(../img/common/bg_dotted01.gif) left top repeat;
}

#article .boxSmall{
border:1px solid #d0d0d0;
padding:0 22px 22px;
margin:0 0 20px;
background:url(../img/common/bg_dotted01.gif) left top repeat;
}

#article .boxSmall dt{
color:#0182DD;
font-weight:bold;
margin:22px 0 10px;
}

#article .boxSmall .listStyle{
margin:22px 0 0;
}

#article .boxSmall dd{
line-height:1.8;
}

#article .boxSmall em{
font-weight:bold;
}

#article .boxSmall p{
margin:22px 0 0;
}

#article .boxSmall .lead{
font-size:100%;
margin:10px 0 0;
}

#article .dotBox .detail{
margin:0 22px 0 0;
padding:15px 0;
border-bottom:1px solid #d0d0d0;
font-weight:bold;
line-height:1.5;
}

#article .dotBox .linkList2 li a,
#article .dotBox .linkList3 li a,
#article .dotBox .linkList4 li a,
#article .dotBox .linkList5 li a{
background:#ffffff;
}

#article .dotBox .linkList2 li{
float:left;
display:inline-block;
width:314px;
margin:17px 17px 0 0;
}

* html #article .dotBox .linkList2 li:nth-child(2n){
margin:17px 0 0 0;
}

#article .dotBox .linkList2 li dl dd{
margin:10px 0 0;
font-size:85%;
line-height:1.5;
}

#article .dotBox .linkList2 li a{
display:block;
}

#article .dotBox .linkList3 li{
float:left;
display:inline;
width:208px;
margin:17px 10px 0 0;
}

#article .dotBox .linkList5 li{
float:left;
display:inline;
width:314px;
margin:17px 17px 0 0;
}

#article .dotBox .linkList3 li dl{
cursor:pointer;
border-bottom:10px solid #0182dd;
}

#article .dotBox .linkList5 li dl{
cursor:pointer;
}

#article .dotBox .linkList3 li dl dt,
#article .dotBox .linkList5 li dl dt{
background:#0182dd;
border-left:10px solid #0182dd;
border-right:10px solid #0182dd;
border-top:10px solid #0182dd;
}

#article .dotBox .linkList3 li dl dt a,
#article .dotBox .linkList5 li dl dt a{
background:url(../img/common/arrow_14.gif) right top no-repeat #0182dd;
display:block;
padding:0 30px 0 0;
color:#ffffff;
font-size:150%;
font-weight:bold;
text-decoration:none;
}

#article .dotBox .linkList3 li dl dd{
border-left:10px solid #0182dd;
border-right:10px solid #0182dd;
background:#ffffff;
padding:10px 10px 0;
font-size:85%;
line-height:1.5;
}

#article .dotBox .linkList5 li dl dd{
border-left:10px solid #0182dd;
border-right:10px solid #0182dd;
border-bottom:10px solid #0182dd;
background:#ffffff;
padding:10px;
font-size:85%;
line-height:1.5;
}

#article .dotBox .linkList3 li dl.hover{
border-bottom:10px solid #4da7e7;
}

#article .dotBox .linkList3 li dl.hover dt,
#article .dotBox .linkList5 li dl.hover dt{
background:#4da7e7;
border-left:10px solid #4da7e7;
border-right:10px solid #4da7e7;
border-top:10px solid #4da7e7;
}

#article .dotBox .linkList3 li dl.hover dt a,
#article .dotBox .linkList5 li dl.hover dt a{
background:url(../img/common/arrow_15.gif) right top no-repeat #4da7e7;
}

#article .dotBox .linkList3 li dl.hover dd{
border-left:10px solid #4da7e7;
border-right:10px solid #4da7e7;
color:#979393;
}

#article .dotBox .linkList5 li dl.hover dd{
border-left:10px solid #4da7e7;
border-right:10px solid #4da7e7;
border-bottom:10px solid #4da7e7;
color:#979393;
}

#article .dotBox .linkList3 li a,
#article .dotBox .linkList5 li a{
display:block;
}

#article .dotBox .linkList4 li{
float:left;
display:inline;
width:154px;
margin:17px 9px 0 0;
}

#article .dotBox .linkList4 li dl dt{
margin:0 0 5px;
}

#article .dotBox .linkList4 li a{
display:block;
}

#article .dotBox .linkList6 li{
float:left;
display:inline;
width:314px;
margin:17px 17px 0 0;
}

#article .dotBox .linkList6 li dl{
cursor:pointer;
}

#article .dotBox .linkList6 li dl dt{
background:#0182dd;
border-left:10px solid #0182dd;
border-right:10px solid #0182dd;
padding:10px 0 0;
min-height: 2em;
}

* html #article .dotBox .linkList6 li dl dt{
  min-height: 2em;
  height: auto !important;
  height: 2em;
}

#article .dotBox .linkList6 li dl dt a{
background:url(../img/common/arrow_21.gif) right center no-repeat #0182DD;
display:block;
padding:0 25px 0 0;
color:#ffffff;
font-size:100%;
font-weight:bold;
text-decoration:none;
}

#article .dotBox .linkList6 li dl dd{
border-left:10px solid #0182dd;
border-right:10px solid #0182dd;
border-bottom:10px solid #0182dd;
background:#ffffff;
padding:10px 10px 0;
font-size:85%;
line-height:1.5;
}

#article .dotBox .linkList6 li dl.hover dt{
background:#4da7e7;
border-left:10px solid #4da7e7;
border-right:10px solid #4da7e7;
}

#article .dotBox .linkList6 li dl.hover dt a{
background:url(../img/common/arrow_22.gif) right center no-repeat #4da7e7;
}

#article .dotBox .linkList6 li dl.hover dd{
border-left:10px solid #4da7e7;
border-right:10px solid #4da7e7;
border-bottom:10px solid #4da7e7;
color:#979393;
}

#article .dotBox .linkList6 li a{
display:block;
}

#article .dotBox p{
margin:20px 0 0;
}


#article .dotBox .note02{
margin:20px 22px 0 1em;
}

#article .pageLink{
background:url(../img/common/bg_dotted02.gif) left top repeat;
padding:2px;
margin:0 0 30px;
}

#article .pageLink ul{
background:#ffffff;
padding:10px 20px 0 ;
}

#article .pageLink ul li{
background:url(../img/common/arrow_10.gif) left 5px no-repeat;
float:left;
display:inline;
padding:0 0 10px 15px;
margin:0 35px 0 0;
font-size:85%;
white-space:nowrap;
}

#article .pageLink ul li:last-child{
margin:0;
}

#article .btnDetail01,
#article .btnDetail04{
text-align:right;
}

#article .btnDetail01 a,
#article .btnDetail04 a{
display:inline-block;
padding:5px 40px 5px 10px;
text-decoration:none;
color:#ffffff;
}

#article .btnDetail01 a:link,#article .btnDetail01 a:visited{
background:url(../img/common/arrow_11.gif) right center no-repeat #ff8c00;
}
#article .btnDetail01 a:hover,#article .btnDetail01 a:active{
background:url(../img/common/arrow_12.gif) right center no-repeat #ffae4c !important;
}

#article .btnDetail04 a:link,#article .btnDetail04 a:visited{
background:url(../img/common/arrow_21.gif) right center no-repeat #0182dd;
}
#article .btnDetail04 a:hover,#article .btnDetail04 a:active{
background:url(../img/common/arrow_22.gif) right center no-repeat #4da7e7 !important;
}

#article .btnDetail02 a{
background:url(../img/common/arrow_16.gif) 0 0.4em no-repeat;
padding:0 0 0 12px;
}
#article .btnDetail03{
text-align:left;
margin:-10px 0 40px;
}

#article .btnDetail03 a{
display:inline-block;
background:url(../img/common/arrow_11.gif) right center no-repeat #ff8c00;
padding:5px 40px 5px 10px;
text-decoration:none;
color:#ffffff;
}
#article .btnDetail03 a span{
text-decoration:none !important;
}

/* pointBox01
----------------------------------------------------------------------------*/

#article .pointBox01{
background:url(../img/common/border02.gif) left top repeat-x;
padding:10px 0 0;
}

#article .pointBox01 li{
background:url(../img/common/border02.gif) left bottom repeat-x;
padding:0 0 10px;
margin:0 0 10px;
}

#article .pointBox01 dl{
background:url(../img/common/bg_dotted03.gif) left top repeat;
}

#article .pointBox01 dt{
padding:10px 0 0 45px;
font-size:130%;
font-weight:bold;
width:230px;
float:left;
display:inline;
position:relative;
letter-spacing:-1px;
line-height:1.4;
}

#article .pointBox01 dt strong{
font-size:130%;
}

#article .pointBox01 dt img{
position:absolute;
left:8px;
top:0;
}

#article .pointBox01 dd{
background:#ffffff;
margin:0 0 0 260px;
padding:10px 0 0 10px;
line-height:1.5;
}

#article .pointBox01 dd.btnDetail02 a{
background:url(../img/common/arrow_16.gif) 0 0.5em no-repeat;
float:right;
margin:5px 0 0;
}

/* pointBox02
----------------------------------------------------------------------------*/
#article .pointBox02{
}

#article .pointBox02 li{
width:335px;
display:inline;
float:left;
margin:0 0 22px;
background:url(../img/common/bg_dotted03.gif) left top repeat;
position:relative;
}

#article .pointBox02 li.last{
float:right;
}

#article .pointBox02 li dl dt{
padding:10px 6px 10px 45px;
font-size:130%;
font-weight:bold;
letter-spacing:-1px;
line-height:1.4;
}

#article .pointBox02 li dl dt strong{
font-size:130%;
}

#article .pointBox02 li dl dt img{
position:absolute;
left:8px;
top:0;
}

#article .pointBox02 li dl dd{
background:#ffffff;
padding:8px 8px 10px;
margin:0 6px 6px;
position:relative;
line-height:1.8;
}

#article .pointBox02 li dl dd a{
position:absolute;
right:6px;
bottom:6px;
}

#article .pointBox02 li dl dd.btnDetail02 a{
background:url(../img/common/arrow_16.gif) 0 0.7em no-repeat;
position:absolute;
right:6px;
bottom:6px;
}


/* pointBox03,pointBox04,pointBox05
----------------------------------------------------------------------------*/
#article .pointBox03{
}

#article .pointBox04 li,
#article .pointBox03 li{
width:222px;
display:inline;
float:left;
margin:0 12px 0 0;
background:url(../img/common/bg_dotted03.gif) left top repeat;
position:relative;
}

#article .pointBox05 li,
#article .pointBox06 li{
width:339px;
display:inline;
float:left;
margin:0 12px 0 0;
background:url(../img/common/bg_dotted03.gif) left top repeat;
position:relative;
}

#article .pointBox04 li.last{
float:right;
margin:0;
}

#article .pointBox04 li:last-child,
#article .pointBox06 li:last-child,
#article .pointBox05 li:last-child,
#article .pointBox03 li.last{
float:right;
margin:0 0 22px;
}

#article .pointBox03 li dl dt{
padding:10px 6px 0 15px;
font-size:130%;
font-weight:bold;
letter-spacing:-1px;
line-height:1.4;
}

#article .pointBox06 li dl dt{
padding:10px 6px 0 15px;
font-size:130%;
font-weight:bold;
letter-spacing:-1px;
line-height:1.4;
}

#article .pointBox05 li dl dt,
#article .pointBox04 li dl dt{
padding:10px 6px 0 45px;
font-size:130%;
font-weight:bold;
letter-spacing:-1px;
line-height:1.4;
}

#article .pointBox05 li dl dt img,
#article .pointBox04 li dl dt img{
position:absolute;
left:8px;
top:0;
}

#article .pointBox06 li dl dt strong,
#article .pointBox05 li dl dt strong,
#article .pointBox04 li dl dt strong,
#article .pointBox03 li dl dt strong{
font-size:130%;
}

#article .pointBox06 li dl dd,
#article .pointBox05 li dl dd,
#article .pointBox04 li dl dd,
#article .pointBox03 li dl dd{
background:#ffffff;
padding:8px 8px 0;
margin:0 6px 6px;
position:relative;
line-height:1.8;
}

#article .pointBox04 li dl dt,
#article .pointBox05 li dl dt{
font-size:110%;
letter-spacing:2px;
}

#article .pointBox04 strong,
#article .pointBox05 strong{
color:#282828;
text-decoration:underline;
}

/* beginnersReport
----------------------------------------------------------------------------*/
#article .beginnersReport{
padding:0 0 15px;
margin:0 0 20px;
background:url(../img/common/border02.gif) left bottom repeat-x;
}

#article .beginnersReport ul li{
float:left;
display:inline;
width:202px;
padding:8px 8px 0;
border:1px solid #d9d9d9;
margin:0 15px 0 0;
}

#article .beginnersReport ul li:last-child{
margin:0;
}

#article .beginnersReport ul li dl dt{
margin:0 0 10px;
}

#article .beginnersReport ul li dl dd a{
background:url(../img/common/icon_zoom.gif) 3px 0 no-repeat;
padding:0 0 0 32px;
display:block;
font-size:85%;
line-height:1.5;
}

#article .figImage{
position:relative;
}

#article .figImage a{
position:absolute;
top:5px;
}

#article .figImage a.figBtn01{
left:326px;
}

#article .figImage a.figBtn02{
left:418px;
}

#article .figImage a.figBtn03{
left:510px;
}

#article .figImage a.figBtn04{
left:602px;
}

#article .sentenceList{
margin:0 0 20px;
padding:0 0 5px;
}

#article .sentenceList dt{
margin:20px 0 20px;
padding:0 0 0 7px;
border-left:4px solid #57C9E4;
color:#00ACD2;
font-weight:bold;
font-size:120%;
}

#article .sentenceList dd{
background:url(../img/common/icon01.gif) 3px 8px no-repeat;
padding:0 0 0 1.5em;
margin:0 0 10px;
line-height:1.8;
}

#article .follw .last{
background:none !important;
margin:0 !important;
}

#article .follw .figureBox{
background:url(../img/service/execution/center/bg_follow.gif) center bottom no-repeat;
margin:0 0 10px;
padding:0 0 10px;
}

#article .follw .figureBox dt{
margin:0 0 10px;
}

#article .follw .figureBox dd{
line-height:1.8;
}

/* faqBox
----------------------------------------------------------------------------*/

#article .faqBox01{
margin:40px 0 30px;
}

#article .faqBox01 .faqHeader{
background:#1eb7d7;
padding:0 0 0 12px;
border-bottom:1px solid #ffffff;
}

#article .faqBox01 .faqHeader h2{
float:left;
display:inline;
padding:6px 0 0;
margin:0;
background:none;
font-weight:bold;
line-height:1.8;
color:#ffffff;
}

* html #article .faqBox01 .faqHeader h2{
padding:4px 0 0;
}

#article .faqBox01 .faqHeader p a{
padding:8px 0 8px 5px;
display:block;
text-align:center;
background:url(../img/common/arrow_09.gif) 125px 16px no-repeat #d7f2f9;
text-decoration:none;
color:#282828;
font-weight:bold;
text-decoration:none !important;
}

* html #article .faqBox01 .faqHeader p a{
padding:9px 0 9px 5px;
}

#article .faqBox01 .faqHeader p a:hover{
background:url(../img/common/arrow_13.gif) 125px 16px no-repeat #e3f6fb;
color:#979393;
}

#article .faqBox01 .faqHeader p{
width:149px;
border-left:1px solid #ffffff;
float:right;
display:inline;
margin:0;
}

#article .faqBox01 ul{
background:#ebebeb;
padding:20px 45px 5px;
}

#article .faqBox01 ul li{
background:url(../img/common/img_q.gif) left top no-repeat;
padding:0 0 0 20px;
margin:0 0 15px;
}

#article .faqBox01 a{
color:#4e4e4e;
text-decoration:underline !important;
}

#article .faqBox01 a:visited{
color:#4e4e4e;
text-decoration:underline !important;
}

#article .faqBox01 a:hover,
#article .faqBox01 a:active{
color:#979797;
text-decoration:none !important;
}

#article .faqBox02{
border:1px solid #ebebeb;
margin:20px 0 50px;
}

#article .faqBox02 .faqHeader{
padding:0 0 0 12px;
border-bottom:1px solid #ffffff;
}

#article .faqBox02 .faqHeader h3{
float:left;
display:inline;
padding:5px 0 0 15px;
margin:0;
background:url(../img/common/bg_faqBox02.gif) left 12px no-repeat;
font-weight:bold;
line-height:1.7;
color:#1eb7d7;
font-size:100%;
}

#article .faqBox02 .faqHeader p a{
padding:2px 0 3px 0;
display:block;
text-align:center;
background:url(../img/common/arrow_09.gif) 125px 12px no-repeat #d7f2f9;
text-decoration:none;
color:#282828;
text-decoration:none !important;
}

* html #article .faqBox02 .faqHeader p a{
padding:7px 0 8px 5px;
}

#article .faqBox02 .faqHeader p a:hover{
background:url(../img/common/arrow_13.gif) 125px 12px no-repeat #e3f6fb;
color:#979393;
}

#article .faqBox02 .faqHeader p{
width:149px;
border-left:1px solid #ffffff;
float:right;
display:inline;
margin:0;
}

#article .faqBox02 ul{
background:#ebebeb;
padding:20px 45px 5px;
}

#article .faqBox02 ul li{
background:url(../img/common/img_q.gif) left top no-repeat;
padding:0 0 0 20px;
margin:0 0 15px;
}

#article .faqBox02 a{
color:#4e4e4e;
text-decoration:underline !important;
}

#article .faqBox02 a:visited{
color:#4e4e4e;
text-decoration:underline !important;
}

#article .faqBox02 a:hover,
#article .faqBox02 a:active{
color:#979797;
text-decoration:none !important;
}

#article .inquiry{
border:5px solid #ebebeb;
padding:10px 15px;
margin:35px 0 0;
}

#article .inquiry dt{
margin:0 0 12px;
font-weight:bold;
}

#article .layoutStyle{
margin:0 0 20px;
}

#article .layoutStyle dt{
color:#0182dd;
font-weight:bold;
line-height:1.8;
}

#article .layoutStyle dd{
margin:0 0 1em;
line-height:1.8;
}

#article .commentBox{
margin:0 0 20px;
}

#article .commentBox dt{
font-weight:bold;
line-height:1.8;
color:#0182dd;
}

#article .commentBox dd dt{
color:#282828;
}

#article .commentBox dd{
margin:0 0 1em;
line-height:1.8;
}

#article .faqBox{
margin:0 0 30px;
line-height:1.8;
}

#article .faqBox dt{
color:#0182dd;
margin:0 0 1em;
}

#article .faqBox span{
font-weight:bold;
}

#article .faqBox ul{
margin-top:20px;
}

/* sideNav
-------------------------------------------------------------------- */
#wrapper #aside dl.sideNav{
border:8px solid #0182dd;
margin:0 0 45px;
}

#wrapper #aside dl.sideNav dt{
border-bottom:8px solid #0182dd;
background:#0182dd;
font-size:120%;
font-weight:bold;
letter-spacing:2px;
}

#wrapper #aside dl.sideNav dt a{
padding:7px 5px;
display:block;
background:url(../img/common/arrow_06.gif) 190px center no-repeat;
color:#ffffff;
text-decoration:none;
}

#wrapper #aside dl.sideNav dt a:hover{
background:url(../img/common/arrow_17.gif) 190px center no-repeat;
color:#b3daf5;
}

#wrapper #aside dl.sideNav dd a{
border-top:1px solid #0182dd;
display:block;
color:#282828;
text-decoration:none;
}

* html #wrapper #aside dl.sideNav dd ul li{
line-height:0;
}

#wrapper #aside dl.sideNav dd ul li a{
background:url(../img/common/arrow_04.gif) 10px center no-repeat;
padding:15px 10px 15px 34px;
line-height:1.5;
}

* html #wrapper #aside dl.sideNav dd ul li a{
line-height:normal;
zoom:1;
}

* html #wrapper #aside dl.sideNav dd ul li li a{

}

#wrapper #aside dl.sideNav dd ul li.active a{
background:url(../img/common/arrow_05.gif) 10px center no-repeat #e5f7fb;
color:#007fd8;
}

#wrapper #aside dl.sideNav dd ul li.active a:hover{
background:url(../img/common/arrow_05.gif) 10px center no-repeat #e5f7fb;
color:#007fd8;
}

#wrapper #aside dl.sideNav dd ul li a:hover{
background:url(../img/common/arrow_05.gif) 10px center no-repeat #ffffff;
color:#007fd8;
}

#wrapper #aside dl.sideNav .noLink{
display:block;
padding:15px 10px 15px 34px;
background:url(../img/common/arrow_04.gif) 10px center no-repeat;
border-top:1px solid #0182DD;
line-height:1.5;
}

#wrapper #aside dl.sideNav .active .noLink,
#wrapper #aside dl.sideNav .active .ttl{
background:url(../img/common/arrow_05.gif) 10px center no-repeat #e5f7fb;
color:#007FD8;
}

#wrapper #aside dl.sideNav dd ul li ul{
background:url(../img/common/border01.gif) left top repeat-x;
padding:5px 0;
}

#wrapper #aside dl.sideNav dd ul li.active ul{
background:url(../img/common/border01.gif) left top repeat-x #e5f7fb;
padding:5px 0;
}

#wrapper #aside dl.sideNav dd ul li ul li a{
background:url(../img/common/arrow_08.gif) 24px center no-repeat !important;
padding:5px 10px 5px 34px !important;
border:none;
color:#282828 !important;
}

#wrapper #aside dl.sideNav dd ul li ul li.active{
background:none;
}

#wrapper #aside dl.sideNav dd ul li ul li.active a,
#wrapper #aside dl.sideNav dd ul li ul li a:hover{
background:url(../img/common/arrow_07.gif) 24px center no-repeat !important;
color:#0182dd !important;
}

#wrapper #aside dl.sideNav dd ul li ul ul{
background:none !important;
padding:0;
}

#wrapper #aside dl.sideNav dd ul li.active ul ul{
background:#f2fafc !important;
padding:5px 0;
}

#wrapper #aside dl.sideNav dd ul li ul ul li a,
#wrapper #aside dl.sideNav dd ul li.active ul ul li a{
background:url(../img/common/arrow_18.gif) 37px center no-repeat !important;
padding:5px 10px 5px 47px !important;
font-size:85% !important;
color:#282828 !important;
}

#wrapper #aside dl.sideNav dd ul li ul ul li a:hover,
#wrapper #aside dl.sideNav dd ul li.active ul ul li a:hover,
#wrapper #aside dl.sideNav dd ul li.active ul ul li.active a{
background:url(../img/common/arrow_19.gif) 37px center no-repeat !important;
color:#007FD8 !important;
}

/* side banners 20140914
-------------------------------------------------------------------- */
 #wrapper #aside .banners ul{
	border-top:1px dotted #ccc;
	padding-top:20px;
}

 #wrapper #aside .banners ul li{
	margin-bottom:15px;
	line-height: 1;
}


/* pageTop
-------------------------------------------------------------------- */
#pageTop{
position:fixed;
bottom:53px;
left:0;
text-align:right;
width:100%;
height:48px;
z-index:-1;
}

#pageTop p{
width:965px;
margin:0 auto;
display:block;
position:relative;
z-index:0;
}

#pageTop p a{
position:absolute;
right:-57px;
display:block;
width:48px;
height:48px;
z-index:200;
}

/* light_box
----------------------------------------------------------------------------*/
#inline {
display: none;
}
#inline_kojin h4,
#inline_mensetsu h4,
#inline_ikusei h4,
#inline_back h4 {
margin-bottom: 10px;
}
#inline_kojin ul,
#inline_mensetsu ul,
#inline_ikusei ul,
#inline_back ul {
margin-bottom: 10px;
}
#inline_kojin li,
#inline_mensetsu li,
#inline_ikusei li,
#inline_back li {
font-size: 934;
}
#inline_kojin li span,
#inline_mensetsu li span,
#inline_ikusei li span,
#inline_back li span {
font-size: 6px;
color: #007DC4;
position: relative;
top: -2px;
}
#inline_kojin p,
#inline_mensetsu p,
#inline_ikusei p,
#inline_back p {
margin-bottom: 10px;
}

/* pagenav
======================*/
#pagenav {
text-align:center;
background:url(/library../img/common/bg_resultCenter.png) left top repeat-y;
padding:20px 15px 0;
}

#pagenav ul.pagenation {
margin:1em auto;
float:left;
position:relative;
left:50%;
}

#pagenav ul.pagenation li {
position:relative;
float:left;
line-height:1;
right:50%;
margin-right:3px;
font-size:85%;
line-height:1.2;
}


#pagenav ul.pagenation li a {
display:inline-block;
padding:6px 7px 5px 7px;
text-decoration:none;
border:1px solid #ccc;
color:#580000;
background:#f9f9f9;
}

#pagenav ul.pagenation li a:hover,
#pagenav ul.pagenation li span {
display:inline-block;
color:#fff;
padding:6px 7px 5px 7px;
background:#54cce5;
border:1px solid #54cce5;
font-weight:bold;
}

#article .gsc-search-box,
#article .gsc-resultsHeader{
display:none;
}

#article #cse .gsc-webResult table,
#article #cse .gsc-webResult table th,
#article #cse .gsc-webResult table td,
#article #cse .gsc-above-wrapper-area{
border:none;
margin:0;
}

#article #cse .gsc-above-wrapper-area table th,
#article #cse .gsc-above-wrapper-area table td,
#article #cse .gsc-above-wrapper-area table .gsc-result-info,
#article #cse .gsc-above-wrapper-area table.gsc-above-wrapper-area-container{
border:none;
margin:0;
padding:0;
}

#article #cse .gs-no-results-result .gs-snippet{
color:#005ebb;
border:1px solid #005ebb;
background:none;
}

#article #cse .gsc-webResult table a:link,#article #cse .gsc-webResult table a:visited{
color: #0182dd;
text-decoration: underline;
}
#article #cse .gsc-webResult table a:hover,#article #cse .gsc-webResult table a:active {
color: #75c1f4;
text-decoration: none;
}

#article #cse .gsc-webResult table b{
color:#005ebb;
}

#article .gsc-cursor-box,
#article .gcsc-branding{
margin:30px 0 0;
}

#article .gsc-control-cse{
width:auto;
}

/* beginner+tooltip
----------------------------------------------------------------------------*/
.s {
line-height:1.5;
}

.s p{
margin:0 0 10px;
}

#powerTip .btnDetail01 a{
display:block;
padding:5px 40px 5px 10px;
text-decoration:none;
color:#ffffff;
background:url(../img/common/arrow_21.gif) right center no-repeat #0182dd;
}

#powerTip .btnDetail01 a:active,
#powerTip .btnDetail01 a:hover{
background:url(../img/common/arrow_22.gif) right center no-repeat #4da7e7 !important;
}

#center_detail{
position:absolute;
right:20px;
top:410px;
cursor:pointer;
width:15px;
height:15px;
}

#article .borderBox01 .noStyle{
position:relative;
}

.beginner #article h1 span{
border-left:25px solid #93c940 !important;
}

.beginner #article h2{
background:url(../img/beginner/bg_h2_04.gif) left center repeat-x;
}

.beginner #article h2 span{
border-left:10px solid #93c940 !important;
}

.beginner #article .borderBox05 .detail{
padding:20px 0 0;
}

.beginner #article .borderBox05 .title{
background:#93c940;
}

.beginner #article .borderBox05 .detail{
border-bottom:15px solid #b3d979;
border-left:15px solid #b3d979;
border-right:15px solid #b3d979;
background:#b3d979;
}

.beginner #article .title{
position:relative;
}

.beginner #article .title p{
position:absolute;
top:15px;
right:15px;
display:inline;
}

.beginner #article p.attention{
color:#ffffff;
}

.beginner #article .title a{
color:#ffffff;
}

.beginner #article #flowBeginner p,
.beginner #article #flowSuccessor p{
margin:0 0 10px;
}

.beginner #article #flowBeginner .title img{
vertical-align:middle !important;
}

.beginner #article #flowBeginner ul{
width:654px;
height:174px;
position:relative;
background:url(../img/beginner/bg_flow01.gif) left top no-repeat;
}

.beginner #article #flowBeginner ul li{
position:absolute;
top:7px;
display:inline;
cursor:pointer;
}

.beginner #article #tipBeginner01{
left:17px;
}

.beginner #article #tipBeginner02{
left:191px;
}

.beginner #article #tipBeginner03{
left:360px;
}

.beginner #article #tipBeginner04{
left:508px;
}

.beginner #article #flowSuccessor ul{
width:654px;
height:174px;
position:relative;
background:url(../img/beginner/bg_flow02.gif) left top no-repeat;
}

.beginner #article #flowSuccessor ul li{
position:absolute;
top:14px;
display:inline;
cursor:pointer;
}

.beginner #article #tipSuccessor01{
left:26px;
}

.beginner #article #tipSuccessor02{
left:257px;
}

.beginner #article #tipSuccessor03{
left:474px;
}

/* testcenter
----------------------------------------------------------------------------*/
#article #testcenter{
	font-size:90%;
	letter-spacing:1px;
}

#article #testcenter h1{
	padding:0;
	margin:0 0 40px;
	border:none;
}

#article #testcenter .point{
	padding:0 0 0 40px;
	margin:0 0 30px;
}

#article #testcenter .point li{
	width:180px;
	float:left;
	display:inline;
	margin:0 35px 0 0;
	line-height:1.8;
}

#article #testcenter .base{
	background:#f1f1f1;
	padding:30px 50px 45px;
	margin:0 0 30px;
}

#article #testcenter .base h2{
	margin:0 0 20px;
	background:none;
}

#article #testcenter .flow{
	margin:0 0 40px;
	padding:0 0 40px;
	border-bottom:1px solid #e4e4e4;
}

#article #testcenter .flow > h2{
margin-bottom:10px !important;
}

#article #testcenter .flow ol > li{
	text-align:center;
	background:url(../img/testcenter/arrow_testcenter01.gif) center bottom no-repeat #f1f1f1;
	padding:15px 50px 55px;
}

#article #testcenter .flow ol > li.last{
	background-image:none;
	padding:15px 0;
}

#article #testcenter .flow li li{
	margin:0 0 20px;
}

#article #testcenter .flow li li.last{
	background:none;
	margin:0;
}

#article #testcenter .flow li li .right{
	float:right;
	display:inline;
	width:340px;
}

#article #testcenter .flow li li h2.right{
	margin-top:0;
}

#article #testcenter .flow li li p.right{
	width:355px;
}

#article #testcenter .flow li li .pht{
	margin:0;
	text-align:center;
	float:left;
	display:inline;
}

#article #testcenter .flow li li .pht img{
	margin:0 0 10px;
}

#article #testcenter .flow h2{
	text-align:center;
	padding:0;
	margin:0;
	background:none;
}

#article #testcenter .flow h3{
	background:#2980b9;
	border-left:7px solid #f39c12;
	font-size:100%;
	padding:13px;
	margin-top:0;
	text-align:left;
	letter-spacing:0.4em;
}

#article #testcenter .flow h3 strong{
	color:#f1c40f;
	font-size:140%;
	font-weight:bold;
}

#article #testcenter .flow p{
	text-align:left;
	margin-bottom:15px;
	line-height:2;
	letter-spacing:0.1em;
}

#article #testcenter .flow p.lead{
	text-align:center;
	padding:20px 0;
	margin:0;
}

#article #testcenter .flow p strong{
	color:#eb6f63;
	font-size:130%;
	font-weight:bold;
letter-spacing:0;
}

#article #testcenter .flow p.txtC{
	padding:20px 0;
	text-align:center;
	margin:0;
}

#article #testcenter table.tablePlan{
	border:none;
	margin:0 0 30px;
}

#article #testcenter table th,
#article #testcenter table td{
	text-align:left;
}

#article #testcenter table.tablePlan th,
#article #testcenter table.tablePlan td{
	padding:0 0 20px;
	background:none;
	vertical-align:top;
	text-align:left;
	border:none;
}

#article #testcenter table.tablePlan td{
	padding:0 0 0 8px;
}

#article #testcenter table.detail{
	border:2px solid #c0c0c0;
	margin:30px 0 0;
}

#article #testcenter table.detail th,
#article #testcenter table.detail td{
	background:#ffffff;
	padding:15px 25px;
	border-bottom:1px solid #e4e4e4;
	border-top:none;
	border-right:none;
	border-left:none;
}

#article #testcenter table.detail th{
	vertical-align:middle;
}

#article #testcenter .btn{
	background:url(../img/testcenter/arrow_testcenter03.gif) center top no-repeat;
	padding:77px 0 0;
	text-align:center;
}


/* margin
----------------------------------------------------------------------------*/
.marTop10{margin-top:10px !important;}
.marTop15{margin-top:15px !important;}
.marTop20{margin-top:20px !important;}
.marTop25{margin-top:25px !important;}
.marTop30{margin-top:30px !important;}

/* 
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.

----------------------------------------------------------------------------*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:#FFFFFF;}
#cboxTopRight{width:21px; height:21px; background:#FFFFFF;}
#cboxBottomLeft{width:21px; height:21px; background:#FFFFFF;}
#cboxBottomRight{width:21px; height:21px; background:#FFFFFF;}
#cboxMiddleLeft{width:21px; background:#FFFFFF;}
#cboxMiddleRight{width:21px; background:#FFFFFF;}
#cboxTopCenter{height:21px; background:#FFFFFF;}
#cboxBottomCenter{height:21px; background:#FFFFFF;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) no-repeat -25px 0; width:70px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../img/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../img/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../img/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../img/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../img/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../img/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../img/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../img/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

#article .googleMap{
background:url(../img/service/execution/icon_pin.gif) left center no-repeat;
padding:0 0 0 15px;
}



/* examinee index
-------------------------------------------------------------------- */
#examineeIndex .twoColumn li{
	float: left;
}

#examineeIndex .colorRed{
	color: #F00;
}
/*
common title
*/
#article #examineeIndex #about{
	background: url(../img/ttl_ico_01.gif) left center no-repeat;
}
#article #examineeIndex #flow{
	background: url(../img/ttl_ico_02.gif) left center no-repeat;
}
#article #examineeIndex #environment{
	background: url(../img/ttl_ico_03.gif) left center no-repeat;
}
#article #examineeIndex #bring{
	background: url(../img/ttl_ico_04.gif) left center no-repeat;
}
#article #examineeIndex #place{
	background: url(../img/ttl_ico_05.gif) left center no-repeat;
}
#article #examineeIndex #about,
#article #examineeIndex #flow,
#article #examineeIndex #environment,
#article #examineeIndex #bring,
#article #examineeIndex #place{
	background-color: #54CCE5;
}
#article #examineeIndex h2{
	color: #FFF;
	padding-left: 57px;
	padding-top: 15px;
	height: 32px;
	margin-top: 80px;
}
#article #examineeIndex #about{
	margin-top: 30px;
}
#article #examineeIndex h3{
	clear: both;
	background: none;
}

/*
examineeIndex
*/
#article #examineeIndex #flowImg li{
	float: left;
	height: 140px;
	padding-right:34px;
	background: url(../img/arrow_right_blue.png) right center no-repeat;
}
#article #examineeIndex #flowImg li:last-child{
	background: none;
	padding: 0;
}

#article #examineeIndex #flowDetails p{
	text-align: center;
}
#article #examineeIndex #flowDetails p img{
	margin-top: 40px;
}

#article #examineeIndex #flowDetails li img{
	border: solid 3px #585858;
	cursor: pointer;
}
/*#article #examineeIndex #flowDetails li:last-child{
	margin-left: 44px;
}*/

#article #examineeIndex #flowDetails .movie{
	background: url(../img/ico_arrowTop.gif) left 5px no-repeat;
	padding-left: 17px;
	margin-top:10px;
	padding-top: 4px;
}
/*
faq
*/


#article #examineeIndex .faq h3{
	border-left:4px solid #FFFFFF;
	margin-left: 22px;
	height: 8px;
	padding-top: 10px;
	*margin-top: 0;
}
#article #examineeIndex .faq .faqTtl{
	position: relative;
	background-color: #0082dc !important;
	height: 38px;
}
#article #examineeIndex .faq .faqTtl p{
	position: absolute;
	right: 25px;
	top: 8px;
}
#article #examineeIndex .faq .faqTtl a{
	color: #FFFFFF;
	background: url(../img/arrow_right_whiite.gif) left center no-repeat;
	padding-left: 10px;
}
#article #examineeIndex .faq .faqTtl a:visited{
	color: #FFFFFF;
}
#article #examineeIndex .faq ul{
	border: solid 2px  #0082dc;
	margin: 0;
	padding: 10px 17px;
}
#article #examineeIndex .faq ul li{
	background: url(../img/ico_q.gif) left top no-repeat;
	padding: 0 0 0.5em 24px;
}
#article #examineeIndex .faq ul li:last-child{
	padding: 0 0 0 24px;
}
#article #examineeIndex .faq ul li a{
	color: #585858;
}

#article #examineeIndex .table h3,
#article #examineeFaq .table h3{
	color: #00acd2;
	padding: 0;
	margin: 0;
	padding-right: 50px;
	padding-top: 7px;
	font-size: 16px;
	height: 25px;
	float: left;
}
article #examineeIndex .table li,
#article #examineeFaq .table li{
	float: left;
	*float: none;	
}
#article #examineeIndex #pc h3,
#article #examineeFaq #pc h3{
	background: url(../img/ico_pc_black.gif) left top no-repeat;
	padding-left: 38px;
}
#article #examineeIndex #sf h3,
#article #examineeFaq #sf h3{
	background: url(../img/ico_sf_black.png) left top no-repeat;
	padding-left: 30px;
	*height: 40px;
	margin-bottom: 10px;
}
#article #examineeIndex .btnDetail03,
#article #examineeFaq .btnDetail03{
	text-align: right;
}
#article #examineeIndex .btnDetail03{
	background: url("../img/common/border02.gif") repeat-x left bottom;
	padding-bottom: 20px;
}
#article #examineeIndex .btnDetail03 img,
#article #examineeFaq .btnDetail03 img{
	position: relative;
	top: 4px;
}
.twoLines{
	padding-top: 12px !important;
}

#article #examineeIndex table.type1 thead th,
#article #examineeIndex table.type1 tbody th,
#article #examineeIndex table.type1 tbody td,
#article #examineeFaq table.type1 thead th,
#article #examineeFaq table.type1 tbody th,
#article #examineeFaq table.type1 tbody td{
	padding: 5px;	
}
#article #examineeIndex table.type1 tbody th,
#article #examineeIndex table.type1 tbody td,
#article #examineeFaq table.type1 tbody th,
#article #examineeFaq table.type1 tbody td{
	padding-left: 10px;	
}

#article #examineeFaq .normal dt,
#article #examineeFaq .normal dd{
	background-image: none !important;
}

#article #examineeIndex .btnDetail03,{
	margin:-10px 0 20px;
}
#article #examineeFaq .btnDetail03{
	margin:-10px 0 0;
}
#article #examineeIndex .btnDetail02 li{
    float: left;	
}
#article #examineeIndex .btnDetail02 li:last-child{
	margin-left: 30px;
}
.attentionBlack{
	font-size: 10px;
	font-weight: normal;
}
#article #examineeIndex .attentionBlack{
	margin-top: 20px;
}

#article #examineeIndex .dotBox{
	padding: 15px 0 15px 15px;
}
#article #examineeIndex .dotBox p{
	float: left;
	margin: 0;
}
#article #examineeIndex .dotBox p:last-child{
	margin-left: 15px;
	margin-top: 83px;
}


/* examinee faq
-------------------------------------------------------------------- */
/*
* faq
*/
#article #examineeFaq h2,{
	margin:50px 0 15px;
}
#article #examineeFaq dl{
	background: url(../img/common/border02.gif) repeat-x left bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#article #examineeFaq > div dl:last-child{
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#article #examineeFaq > div dl dt,
#article #examineeFaq > div dl dd{
	padding-left: 30px;
}
#article #examineeFaq > div dl dt{
	background: url(../img/ico_qBlue.gif) left top no-repeat;
	font-size: 16px;
	color: #0080db;
	margin-bottom: 10px;
	font-weight: bold;
}
#article #examineeFaq > div dl dd{
	background: url(../img/ico_a.gif) left top no-repeat;
} 

#article #examineeFaq > div .table h3,
#article #examineeFaq > div .table ul,
#article #examineeFaq > div .table p{
	margin-top: 10px;
}
#article #examineeFaq li,
#article #examineeFaqIndex li{
	line-height: 1.3em;
}
#article dd{
	line-height: 1.5em;
}

#article #examineeFaq .mark{
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', sans-serif;
}

#article #examineeFaq .btnDetail03_02{
text-align:left;
margin:-10px 0 40px;
}

#article #examineeFaq .btnDetail03_02 a{
display:inline-block;
background:url(../img/common/arrow_11.gif) right center no-repeat #ff8c00;
padding:5px 40px 5px 10px;
text-decoration:none;
color:#ffffff;
}

#article #examineeFaq .btnDetail03_02 a span{
text-decoration:none !important;
}

#article #examineeFaq .pageLink li{
	float:left;
	display:inline;
	margin:0;
	width:300px;
}

#article #examineeFaq .pageLink li:nth-child(2n){
	float:right;
}


/* theee_minutes
-------------------------------------------------------------------- */
#article #threeMinutes h2{
	margin-top: 80px;
}
#article #threeMinutes .h2First{
	margin-top: 30px;
}
#article #threeMinutes #con01 p{
	margin: 0;
}
#article #threeMinutes #con01 p:first-child{
	float: left;
	width: 470px ;
	margin-top: 7px;	
}

#article #con01 p:last-child{
	float: right;
display:inline;
}
#article .spiTypeBox h3{
	color: #93C940;
	background: none;
	padding: 0;
	font-size: 200%;
}

#spiKind li{
	float: left;
	margin-right: 52px;
}
#spiKind li:last-child{
	margin-right: 0;
}
#article .spiTypeBox .dotBox{
	padding: 25px ;
}

#article #spiMeans{
	height: 70px;
}

#article #spiMeans li{
	float: left;
	height: 70px;
}
#article #spiMeans dt{
	font-size: 18px;
	font-weight: bold;
	color: #6b6b6b;
}
#article #spiMeans li:first-child{
	background: url(../img/three_minutes/bg_three_minutes01.png) left top no-repeat;
	padding-left: 78px;
}
#article #spiMeans li:last-child{
	background: url(../img/three_minutes/bg_three_minutes02.png) left top no-repeat;
	padding-left: 90px;
	float: right;
}
#article #threeMinutes .spiTypeBox .spiTypeBoxH3{
	margin-top: 50px;
}

#article .speedType.listStyle li{
	padding: 0;
	list-style: none;
}
#article .speedType strong,
#article .pricePlan strong{
	font-size: 22px;
	color: #93C940;
}
#article .speedType dt{
	font-size: 16px;
	float: left;
	height: 58px;
	color: #FFF;
	line-height: 60px;
	padding-left: 60px;
	width: 100px;
	font-weight: bold;
}
#article .speedType .pcType{
	background: #93C940 url(../img/three_minutes/bg_three_minutes03.gif) 15px 15px no-repeat;
}
#article .speedType .mcType{
	background: #93C940 url(../img/three_minutes/bg_three_minutes04.gif) 15px 15px no-repeat;
}

#article .speedType dd{
	border: solid 1px #93C940;
	background: #f9fff1 url(../img/three_minutes/arrow_three_minutes01.gif) left top no-repeat;
	height: 56px;
	width: 498px;
	padding-left: 30px;
	float: right;
	line-height: 60px;
	font-size: 16px;
	color: #93C940;
	letter-spacing: 1px;
}

#article .speedType dl:last-child{
	margin-top: 10px;
}

.pricePlan{
	border: solid 1px #93C940;
	background: #f9fff1;
	padding: 10px 0;
	font-size: 22px;
	text-align: center;
	letter-spacing: 1px;
}
#article .pricePlan strong{
	font-size: 30px;
}

#article #number{
	margin-bottom: 80px;
	position: relative;
}

#article #number p:last-child{
	position: absolute;
	width: 490px;
	right: 0;
	bottom: -14px;
}

#center_list .inner{
padding:0 15px;
}

#center_list .inner > div{
padding:146px 0 0;
margin:-146px 0 0;
}

#center_list .inner .area{
padding:0 0 30px;
background:url(../img/common/border02.gif) left bottom repeat-x;
}

#center_list h2{
background:none !important;
padding:0 0 0 10px !important;
font-size:120% !important;
color:#00acd2 !important;
border-left:4px solid #57c9e4;
}

#center_list table .icon{
display:block;
padding:10px 0 0;
width:100%;
}

#center_list table{
margin:0 0 10px;
}

#center_list table th{
width:25%
}

#center_list table strong{
color:#282828;
}

#center_list .ui-tabs-nav li{
float:left;
display:inline;
}

#center_list .ui-tabs-nav{
margin:0 0 30px;
}

#center_list .ui-tabs-nav a{
height:41px;
display:block;
background:url(../img/service/execution/center/bg_tab_center.gif);
text-indent:100%;
overflow:hidden;
white-space:nowrap;
}

#center_list #area01{
width:87px;
background-position:0 -82px;
}

#center_list .ui-tabs-selected #area01{
background-position:0 -41px;
}

#center_list #area02{
width:86px;
background-position:-87px -82px;
}

#center_list .ui-tabs-selected #area02{
background-position:-87px -41px;
}

#center_list #area03{
width:86px;
background-position:-173px -82px;
}

#center_list .ui-tabs-selected #area03{
background-position:-173px -41px;
}

#center_list #area04{
width:86px;
background-position:-259px -82px;
}

#center_list .ui-tabs-selected #area04{
background-position:-259px -41px;
}

#center_list #area05{
width:86px;
background-position:-345px -82px;
}

#center_list .ui-tabs-selected #area05{
background-position:-345px -41px;
}

#center_list #area06{
width:86px;
background-position:-431px -82px;
}

#center_list .ui-tabs-selected #area06{
background-position:-431px -41px;
}

#center_list #area07{
width:86px;
background-position:-517px -82px;
}

#center_list .ui-tabs-selected #area07{
background-position:-517px -41px;
}

#center_list #area08{
width:87px;
background-position:-603px -82px;
}

#center_list .ui-tabs-selected #area08{
background-position:-603px -41px;
}

#areaMap{
width:690px;
height:458px;
background:url(../img/service/execution/center/img_center_details_map_01.gif) left top no-repeat;
//background:url(../img/service/execution/center/img_center_details_map.gif) left top no-repeat;
position:relative;
}

#areaMap dt{
position:absolute;
top:15px;
left:15px;
}

#areaMap li{
position:absolute;
}

#areaMap .area01{
top:171px;
right:79px;
}

#areaMap .area02{
top:154px;
right:283px;
}

#areaMap .area03{
top:266px;
right:154px;
}

#areaMap .area04{
bottom: 64px;
right: 249px;
}

#areaMap .area05{
top: 202px;
left: 280px;
}

#areaMap .area06{
top: 250px;
left: 219px;
}

#areaMap .area07{
bottom:20px;
left:273px;
}

#areaMap .area08{
bottom: 66px;
left: 82px;
}

#center_list #area01.noLink{
background-position: 0 -123px;
}

#center_list #area02.noLink{
background-position: -87px -123px;
}

#center_list #area03.noLink{
background-position: -173px -123px;
}

#center_list #area04.noLink{
background-position: -259px -123px;
}

#center_list #area05.noLink{
background-position: -345px -123px;
}

#center_list #area06.noLink{
background-position: -431px -123px;
}

#center_list #area07.noLink{
background-position: -517px -123px;
}

#center_list #area08.noLink{
background-position: -603px -123px;
}

#center_list .noLink{
cursor:default;
}

/* --------------------------- */
#article h1.article-title {
  min-height: 135px;
}
#article h1 .article-title-title {
  display: block;
  padding-top: 45px;
  font-size: 150%;
  line-height: 1.1;
  color: #00b6d8;
}
#article h1 .article-title-desc {
  display: block;
  padding-top: 12px;
  font-size: 69%;
  line-height: 1.6;
  color: #555;
  font-weight: normal;
}
#article .article-lead-title {
  font-size: 160%;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: 0.02em;
}
#article .article-lead-list-title {
  font-size: 150%;
  margin-bottom: 0.8em;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#article .article-lead-small {
  font-size: 10px;
  line-height: 1.4;
  color: #666;
}
#article h2 .article-title2 {
  display: block;
  overflow: hidden;
  height: 36px;
  background-color: #ededed;
  border-radius: 3px 3px 3px 0;
}
#article h2 .article-title2-inner,
#article h2 .article-title2:after {
  display: inline-block;
  vertical-align: top;
}
#article h2 .article-title2-inner {
  padding: 4px 12px 0 14px;
  border-radius: 3px 3px 0 0;
  border: none;
  background-color: #00b6d8;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.1em;
}
#article h2 .article-title2:after {
  content: '';
  width: 0;
  height: 0;
  margin-top: -1px;
  margin-left: -1px;
  border-top: 37px solid transparent;
  border-left: 11px solid #00b6d8;
}
#article h2 .article-title3 {
  display: block;
  padding-left: 12px;
  padding-top: 0.1em;
  border-left: 7px solid #4dcce7;
  line-height: 1.1;
}

#article .list-3c{
	overflow:hidden;
	margin:0 0 0 -14px;
	padding:0 0 50px 0;
}
#article .list-3c li{
	float:left;
	width:200px;
	padding:0;
	margin:0 0 0 28px;
	text-align:center;
}
#article .list-3c li img{
	margin:0 0 8px 0;
}
#article .list-3c li p{
	width:200px;
	margin:0 auto !important;
	text-align:left;
	font-size:12px;
}
#article .list-3c .link-text a{
  display: inline-block;
  margin-top: 0.4em;
  padding-left: 1.2em;
  background:url(../img/common/arrow_26.png) left center no-repeat;
}

#article .list-3c h3 {
  background: none;
  padding: 0;
  margin: 0;
}
#article h3 .list-3c-title {
  display: block;
  position: relative;
  text-align: center;
  font-weight: normal;
  color: #282828;
  padding-bottom: 7px;
  margin-bottom: 8px;
}
#article h3 .list-3c-title .kerning-02 {
  letter-spacing: -0.2em;
}
#article h3 .list-3c-title .kerning-004 {
  letter-spacing: -0.04em;
}
#article h3 .list-3c-title .indent {
  text-indent: -0.5em;
}
#article h3 .list-3c-title-inner {
  display: block;
  font-size: 89%;
  line-height: 1.5;
  padding-bottom: 12px;
  border-bottom: 1px solid #00b6d8;
  font-weight: bold;
}
#article h3 .list-3c-title:after {
  display: block;
  position: absolute;
  left: 44%;
  left: calc(50% - 8px);
  bottom: 0;
  content: '';
  width: 0;
  height: 0;
  border-top: 7px solid #00b6d8;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}


/* clearfix
-------------------------------------------------------------------- */
#center_list .ui-tabs-nav,
#article #examineeFaq .pageLink ul,
#article #testcenter .flow li li,
#article #testcenter .point,
#pagenav,
#article .beginnersReport ul,
#article .pointBox06,
#article .pointBox05,
#article .pointBox04,
#article .pointBox03,
#article .pointBox02,
#article .pointBox01 dd.btnDetail02,
#article .pointBox01 dl,
#article .twoColumn,
#article .threeColumn02,
#article .threeColumn,
#article .fourColumn,
#article .faqHeader,
#article .pageLink ul,
#article .dotBox .linkList6,
#article .dotBox .linkList5,
#article .dotBox .linkList4,
#article .dotBox .linkList3,
#article .dotBox .linkList2,
#article .figureBox02,
#article .figureBox,
#article .title_num02,
#article .title_num01,
#topicPath,
#header ul.guidanceLink,
#article #examineeIndex .table ul,
#article #examineeFaq .table ul,
#article #examineeIndex .btnDetail02,
#article #examineeIndex .dotBox,
#article #con01,
#spiKind,
#article .speedType dl{
display: inline-block;
}
#center_list .ui-tabs-nav,
#article #examineeFaq .pageLink ul,
#article #testcenter .flow li li,
#article #testcenter .point,
#pagenav,
#article .beginnersReport ul,
#article .pointBox06,
#article .pointBox05,
#article .pointBox04,
#article .pointBox03,
#article .pointBox02,
#article .pointBox01 dd.btnDetail02,
#article .pointBox01 dt,
#article .pointBox01 dl,
#article .twoColumn,
#article .threeColumn02,
#article .threeColumn,
#article .fourColumn,
#article .faqHeader,
#article .pageLink ul,
#article .dotBox .linkList6,
#article .dotBox .linkList5,
#article .dotBox .linkList4,
#article .dotBox .linkList3,
#article .dotBox .linkList2,
#article .figureBox02,
#article .figureBox,
#article .title_num02,
#article .title_num01,
#topicPath,
#header ul.guidanceLink,
#flowDetails,
#article #examineeIndex .table ul,
#article #examineeFaq .table ul,
#article #examineeIndex .btnDetail02,
#article #examineeIndex .dotBox,
#article #con01,
#spiKind,
#article .speedType dl{
display: block;
}
#center_list .ui-tabs-nav:after,
#article #examineeFaq .pageLink ul:after,
#article #testcenter .flow li li:after,
#article #testcenter .point:after,
#pagenav:after,
#article .beginnersReport ul:after,
#article .pointBox06:after,
#article .pointBox05:after,
#article .pointBox04:after,
#article .pointBox03:after,
#article .pointBox02:after,
#article .pointBox01 dd.btnDetail02:after,
#article .pointBox01 dt:after,
#article .pointBox01 dl:after,
#article .twoColumn:after,
#article .threeColumn02:after,
#article .threeColumn:after,
#article .fourColumn:after,
#article .faqHeader:after,
#article .pageLink ul:after,
#article .dotBox .linkList6:after,
#article .dotBox .linkList5:after,
#article .dotBox .linkList4:after,
#article .dotBox .linkList3:after,
#article .dotBox .linkList2:after,
#article .figureBox02:after,
#article .figureBox:after,
#article .title_num02:after,
#article .title_num01:after,
#topicPath:after,
#header ul.guidanceLink:after,
#flowDetails:after,
#article #examineeIndex .table ul:after,
#article #examineeFaq .table ul:after,
#article #examineeIndex .btnDetail02:after,
#article #examineeIndex .dotBox:after,
#article #con01:after,
#spiKind:after,
#article .speedType dl:after{
content: url(../img/common/spacer.gif);
display: block;
clear: both;
height: 0;
}