@charset "utf-8";

/*@import url("./common_responsive.css");*/



/* LAYOUT -------------------------------------------------*/

/* ▼ 横幅*/
#base{width:980px;}


/* COLOR -------------------------------------------------*/

/* ▼ 中央　見出し*/
#cont #chead h1 {background:#a29954;}
#cont div.cd40000{background:url("../images/line_w500-h3_8E8012.gif") no-repeat;}
/*#cont div.cd40000 h2 span {background:url("../images/icon_arrow-b_box-l_DF0000.gif") no-repeat 0px 50%;}*/

/* ▼ 左ナビ　上：上部ライン　下：矢印アイコン*/
#cont #c3_ll dl.cd40000 {background:url("../images/line_w200_D40000.gif") no-repeat 0px 0px;}
#cont #c3_ll dl.cd40000 dt b {background:url("../images/icon_arrow-b_box_D40000.gif") no-repeat 0px 9px;}


/* CTS -------------------------------------------------*/

/* ▼ コンテンツ共通*/


#cont img.arr {
margin-right:5px;
vertical-align:middle;
}
#cont a.blk {display:block;}
#cont a.blk:hover {background:#EEE;}



/* ▼ コンテンツヘッダー部分*/
#cont #chead h1 { padding:12px 0px 8px 20px;}
#cont #chead h1 span{
display:block;
padding:0px 0px 8px 5px;
border-bottom:1px solid #FFF;
color:#FFF;
font-size:16px;
line-height:1em;
}
#cont #chead img{
margin-bottom:3px;
-ms-interpolation-mode: bicubic;
}
#cont #chead p.ar span {
color:#333;
font-size:10px;
line-height:1.5em;
}



/* ▼ 記事部分*/
#cont #cbox1 {
color:#333;
font-size:14px;
line-height:1.5em;
}
#cont #cbox1 p {margin:0px 0px 1.5em 60px;}

#cont #cbox1 .lbox {
padding:20px 10px 10px 20px;
border:1px solid #F00;
}
#cont #cbox1 .lbox h2{
color:#003366;
font-size:16px;
}
#cont #cbox1 .lbox p {margin:0px;}

#cont #cbox1 h3 {
float:left;
width:40px;
height:40px;
}
#cont #cbox1 h3.c0000CC{background:#0000CC;}
#cont #cbox1 h3.c6600CC{background:#6600CC;}
#cont #cbox1 h3.cFF0099{background:#FF0099;}
#cont #cbox1 h3.cFF0000{background:#FF0000;}
#cont #cbox1 h3.cFF6600{background:#FF6600;}
#cont #cbox1 h3.c663300{background:#663300;}
#cont #cbox1 h3.c009900{background:#009900;}
#cont #cbox1 h3.c00B2B8{background:#00B2B8;}
#cont #cbox1 h3 span {
display:block;
margin-top:12px;
color:#FFF;
font-size:10px;
font-weight:normal;
line-height:1.5em;
text-align:center;
}
#cont #cbox1 h3 span.l2{margin-top:5px;}



#cont #cbox1 h4{
margin:0px 0px 1.5em 60px;
color:#003366;
font-size:14px;
line-height: 1.5;
}


#cbox1 h5 {
font-size: 14px;
margin-top: 1.5em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 60px;
}
#cbox1 dl {
margin-left: 60px;
}
#cbox1 dl dd {
padding-left: 1.5em;
margin-bottom: 0.6em;
}
#cbox1 ol {
margin-left: 60px;
list-style-position: inside;
margin-bottom: 1em;
}
#cbox1 dl dt.interviewer {
font-weight: bold;
}
#cbox1 dl dd.contents {
margin-top: -1.5em;
margin-left: 2em;
margin-bottom: 1em;
}
#cbox1 a:link {
margin-top: -1.5em;
color: #052674;
}
#cbox1 a:visited {
margin-top: -1.5em;
color: #CC66CC;
}
#cbox1 a:hover {
margin-top: -1.5em;
background-color: #EEEEEE;
}






/* ▼「関連コンテンツ」部分*/
#cont #cbox2 h2 { 
background:url("../images/line_dott_999999.gif") repeat-x 0px 100%;
padding:4px 0px 7px 0px;
}
#cont #cbox2 h2 span {
/*display:block;*/
/*padding:12px 0px 10px 5px;*/
font-size:14px;
line-height:1em;
}

#cont #cbox2 h2 img.arrow_png{
background-color:#8E8012;
}

#cont #cbox2 ul {
padding:15px 20px;
border:1px solid #999;
list-style:none;
margin-bottom:30px;
}
#cont #cbox2 ul li {
/*padding-left:20px;
background:url("../images/icon_arrow-r_box_FF0000.gif") no-repeat 0px 6px;*/
line-height:2em;
text-indent:-21px;
padding-left:21px;
}
#cont #cbox2 ul li img.arrowA{
background-color:#8E8012;
margin-right:5px;
}

#cont #cbox2 ul li a:hover { background:#EEE;}


/* 2012/06/26 別バージョン用 */
#cont #cbox1 #kaBox p {margin:0px 0px 30px 0px;}

#cont #cbox1 #kaBox h3 {
float:none;
color:#003366;
font-size:14px;
width:500px;
height:20px;
}

#cont #cbox1 #kaBox p a{
color: #052674;
text-decoration:underline;
}

/* 2013/03/13 追記 */

#cont #cbox1 .caption_top{
background-image:url("../img/kataru/kataru_box_top.gif");
background-repeat:no-repeat;
background-position:top center;
width:500px;
}

#cont #cbox1 .caption_middle{
background-image:url("../img/kataru/kataru_box_middle.gif");
background-repeat:repeat-y;
width:500px;
}

#cont #cbox1 .caption_bottom{
background-image:url("../img/kataru/kataru_box_bottom.gif");
background-repeat:no-repeat;
background-position:bottom center;
width:500px;
}

#cont #cbox1 .caption_box h2,
.decor{
text-align:center;
color:#8E8012;
line-height:120%;
}

#cont #cbox1 .caption_box{
padding:30px 0;
margin:0 30px;
}

#cont #cbox1 .caption_box p{
padding:0;
margin:0;
}



/*===============================

    responsive

================================*/
@media screen and (max-width:768px){

div#footer { margin: 0; }

#cont #cbox1 .caption_top{
background-image: none;
width:auto;
}

#cont #cbox1 .caption_middle{
background-color: #FCF9E7;
background-image: none;
border: 3px solid #8E8012;
border-radius: 5px;
width:auto;
}

#cont #cbox1 .caption_bottom{
background-image: none;
border: 1px solid #8E8012;
border-radius: 3px;
margin: 3px;
width:auto;
}

#cont #cbox1 .caption_box h2, .decor {
font-size: 16px;
line-height: 1.5;
}

#cont #cbox1 p { margin-left: 0; }

#cont #cbox1 h4 { min-height: 36px; }

}