@charset "utf-8";

/*************************************************
/css/style.css

12.09.xx
*************************************************/

/* ============================== index */
/* sec_topics */
#index .sec_topics {
margin: 13px 0 0;
overflow:hidden;
}

#index .sec_topics a {
display: block;
min-height: 17px;
padding: 14px 16px 12px;
background: url(http://i.colopl.co.jp/img/index_bg_sec_topics.gif) no-repeat 0 50%;
}

#index .sec_topics a:hover {
background: url(http://i.colopl.co.jp/img/index_bg_sec_topics_ov.gif) no-repeat 0 50%;
}

#index .sec_topics a span {
display: block;
cursor: pointer;
}

#index .sec_topics a span.date {
display: inline-block;
padding: 0 16px 0 0;
background: url(http://i.colopl.co.jp/img/index_bullet_pipe_topics.png) no-repeat 100% 50%;
color: #999999;
font-size: 84%;
}

#index .sec_topics a span.title {
min-height: 16px;
margin: -1.5em 0 0 8em;
padding: 0 0 0 0px;
/*background: url(http://i.colopl.co.jp/common2/img/arrow_blue.png) no-repeat 0 0;*/
font-size: 92%;
}

/*
#index .sec_topics a span.new {
padding: 0 0 0 22px;
background: url(/common2/img/new_topics.png) no-repeat 0 0;
}
*/

/*
#index .sec_topics a:hover span.title {
background: url(http://i.colopl.co.jp/common2/img/arrow_blue_ov.png) no-repeat 0 0;
}
*/

/*
#index .sec_topics a {
display: block;
width:1060px;
min-height: 17px;
padding: 14px 16px 12px;
background: url(/img/index_bg_sec_topics.gif) no-repeat 0 50%;
}

#index .sec_topics a:hover {
background: url(/img/index_bg_sec_topics_ov.gif) no-repeat 0 50%;
}
*/


#index .sec_topics a {
display: block;
width:488px;
min-height: 17px;
padding: 14px 16px 12px;
background: url(/img/index_bg_sec_topics02.gif) no-repeat 0 50%;
}

#index .sec_topics a:hover {
background: url(/img/index_bg_sec_topics02_ov.gif) no-repeat 0 50%;
}

#index .sec_topics a.secleft {
float:left;
}

#index .sec_topics a.secright {
float:right;
}



/* sec_01 */
#index .sec_01 {
position: relative;
margin: 13px 0 0;
background: url(http://i.colopl.co.jp/common2/img/bg_r1060_btm.gif) no-repeat 0 100%;
}

#index .sec_01 img.r_tl {
position: absolute;
top: 0;
left:0;
z-index: 1000;
}

#index .sec_01_inn {
padding: 2px 4px 4px 2px;
background: url(http://i.colopl.co.jp/common2/img/bg_r1060_top.gif) no-repeat 0 0;
}

#index .sec_01 .left_section {
position: relative;
width: 620px;
min-height: 552px;
margin: 0 2px 0 0;
}

#index .sec_01 .left_section:hover {
background: url(http://i.colopl.co.jp/common2/img/bg_r1060_btm_ov.gif) no-repeat -2px 0;
}

#index .sec_01 .left_section p.date {
margin: 10px 14px 0;
color: #999999;
font-size: 84%;
}

#index .sec_01 .left_section h3.lead {
padding: 5px 14px 10px;
background: url(http://i.colopl.co.jp/common2/img/dot_02.gif) repeat-x 0 100%;
font-size: 117%;
font-weight: bold;
line-height: 1.4;
}

#index .sec_01 .left_section p.read {
padding: 12px 14px 0;
}

#index .sec_01 .left_section p.link_more {
padding: 8px 14px 35px;
font-weight: bold;
}

#index .sec_01 .left_section p.link_more a {
display: inline-block;
padding: 0 22px 0 0;
background: url(http://i.colopl.co.jp/common2/img/arrow_blue.png) no-repeat 100% 0;
}

#index .sec_01 .left_section p.link_more a:hover {
background: url(http://i.colopl.co.jp/common2/img/arrow_blue_ov.png) no-repeat 100% 0;
}

#index .sec_01 .left_section dl.share {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 4px 0 2px;
background: url(http://i.colopl.co.jp/common2/img/dot_02.gif) repeat-x 0 0;
}

#index .sec_01 .left_section dl.share dt {
float: left;
margin: 6px 0 0 12px;
font-size: 0;
line-height: 0;
}

#index .sec_01 .left_section dl.share dd {
float: right;
width: 100px;
}

#index .sec_01 .left_section dl.share dd li {
float: left;
margin: 0 2px 0 0;
font-size: 0;
line-height: 0;
}

#index .sec_01 .center_section {
float: left;
width: 216px;
margin: -2px 0 -1px;
}

#index .sec_01 .center_section .item {
height: 183px;
border-top: 1px solid #cde1f2;
border-bottom: 1px solid #ffffff;
}

#index .sec_01 .center_section .item:hover {
background: #ebf7ff;
}

#index .sec_01 .center_section h3.lead {
padding: 5px 8px 0;
font-size: 92%;
font-weight: bold;
line-height: 1.4;
}

#index .sec_01 .center_section p.pic {
padding: 1px 1px 0;
background: #ffffff;
}

#index .sec_01 .center_section .f {
margin: 4px 0 0;
padding: 4px 0 2px;
background: url(http://i.colopl.co.jp/common2/img/dot_02.gif) repeat-x 0 0;
}

#index .sec_01 .center_section .f .date {
float: left;
margin: 0 0 0 8px;
color: #999999;
font-size: 84%;
line-height: 17px;
}

#index .sec_01 .center_section .f ul {
float: right;
width: 100px;
}

#index .sec_01 .center_section .f ul li {
float: left;
margin: 0 2px 0 0;
font-size: 0;
line-height: 0;
}

/* sec_02 */
#index .sec_02 {
margin: 13px 0 0;
}

#index .sec_02 .item {
float: left;
width: 345px;
margin: 0 12px 0 0;
padding: 0 0 10px;
background: url(http://i.colopl.co.jp/common2/img/bg_r345_btm.gif) no-repeat 0 100%;
}

#index .sec_02 .item.right {
margin: 0;
}

#index .sec_02 .item:hover {
background: url(http://i.colopl.co.jp/common2/img/bg_r345_btm_ov.gif) no-repeat 0 100%;
}

#index .sec_02 .item .pic {
display: block;
margin: 1px 0 0 2px;
}

#index .sec_02 .item .read {
display: block;
margin: 7px 18px 0 11px;
padding: 0 22px 0 0;
background: url(http://i.colopl.co.jp/common2/img/arrow_blue.png) no-repeat 100% 50%;
font-size: 92%;
}

#index .sec_02 .item:hover .read {
background: url(http://i.colopl.co.jp/common2/img/arrow_blue_ov.png) no-repeat 100% 50%;
}

/* sec_03 */
#index .sec_03 {
margin: 13px 0 0;
}

/* sec_02 sec_news */
#index .sec_03 .sec_news {
position: relative;
float: left;
width: 525px;
padding: 0 0 3px;
background: url(http://i.colopl.co.jp/common2/img/bg_r525_btm.gif) no-repeat 0 100%;
}

#index .sec_03 .sec_news h2 {
margin: 0 0 -1px;
}

#index .sec_03 .sec_news .bt a {
position: absolute;
top: 11px;
right: 14px;
margin: 0;
padding: 0;
border: none;
}

#index .sec_03 .sec_news div {
margin: 0 3px 0 1px;
padding: 1px;
border-top: 1px solid #cde1f2;
}

#index .sec_03 .sec_news div dl {
padding: 12px 14px 10px;
line-height: 1.4;
}

#index .sec_03 .sec_news div:hover dl {
background: #ebf7ff;
}

#index .sec_03 .sec_news dl dt span {
display: block;
}

#index .sec_03 .sec_news dl dt span.date {
display: inline-block;
padding: 0 11px 0 0;
background: url(http://i.colopl.co.jp/img/index_bullet_pipe_topics.png) no-repeat 100% 50%;
color: #999999;
font-size: 84%;
}

#index .sec_03 .sec_news dl dt span.title {
margin: -1.2em 0 0 5.5em;
color: #4d4d4d;
font-size: 117%;
font-weight: bold;
}

#index .sec_03 .sec_news dl dd {
margin: 5px 0 0;
}

/* sec_03 sec_nav_other */
#index .sec_03 .sec_nav_other {
float: right;
width: 523px;
margin: -13px 0 0;
}

#index .sec_03 .sec_nav_other .item {
width: 255px;
margin: 13px 0 0;
background: url(http://i.colopl.co.jp/common2/img/bg_r255_btm.gif) no-repeat 0 100%;
}

#index .sec_03 .sec_nav_other .nav_01 { float: left; }
#index .sec_03 .sec_nav_other .nav_02 { float: right; }
#index .sec_03 .sec_nav_other .nav_03 { float: left; }
#index .sec_03 .sec_nav_other .nav_04 { float: right; }
#index .sec_03 .sec_nav_other .nav_05 { float: left; }
#index .sec_03 .sec_nav_other .nav_06 { float: right; }
#index .sec_03 .sec_nav_other .nav_07 { float: left; }
#index .sec_03 .sec_nav_other .nav_08 { float: right; }
#index .sec_03 .sec_nav_other .nav_10 { float: none; }

#index .sec_03 .sec_nav_other .item:hover {
background: url(http://i.colopl.co.jp/common2/img/bg_r255_btm_ov.gif) no-repeat 0 100%;
}

#index .sec_03 .sec_nav_other .item p.read {
display: block;
margin: 7px 13px 9px 11px;
padding: 0 25px 0 0;
font-size: 92%;
line-height: 1.4;
}

#index .sec_03 .sec_nav_other .nav_01 p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_sky.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_01:hover p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_sky_ov.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_02 p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_pink.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_02:hover p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_pink_ov.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_03 p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_sky.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_03:hover p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_sky_ov.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_04 p.read { background: url(http://i.colopl.co.jp/common2/img/bullet_blank_green.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_04:hover p.read { background: url(http://i.colopl.co.jp/common2/img/bullet_blank_green_ov.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_05 p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_sky.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_05:hover p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_sky_ov.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_06 p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_orange.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_06:hover p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_orange_ov.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_07 p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_green.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_07:hover p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_green_ov.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_08 p.read { background: url(http://i.colopl.co.jp/common2/img/bullet_blank_green.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_08:hover p.read { background: url(http://i.colopl.co.jp/common2/img/bullet_blank_green_ov.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_10 p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_sky.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_10:hover p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_sky_ov.png) no-repeat 100% 50%; }


/* ============================== contact_index */
#contact_index #main_contents #main_contents_left h2 {
margin: 20px 0 0;
}

#contact_index #main_contents #main_contents_left h2.first {
margin: 0;
}

#contact_index #main_contents #main_contents_left p {
margin: 15px 5px 0;
}

#contact_index #main_contents #main_contents_left p.link_email {
margin: 5px 5px 0;
}

#contact_index #main_contents #main_contents_left ul.howto {
margin: 15px 5px 0;
line-height: 1.6;
}

#contact_index #main_contents #main_contents_left ul.howto li {
font-weight: bold;
}

#contact_index #main_contents #main_contents_left ul.howto li ul {
margin: 7px 0 7px 2.4em;
}

#contact_index #main_contents #main_contents_left ul.howto li ul li {
list-style: outside disc;
font-weight: normal;
}


/* ============================== privacy_index */
#privacy_index #main_contents #main_contents_left h2 {
margin: 20px 0 0;
}

#privacy_index #main_contents #main_contents_left h3 {
margin: 15px 2px 0 0;
padding: 0 0 2px;
background: url(http://i.colopl.co.jp/common2/img/bg_h_lv2_btm.gif) no-repeat 0 100%;
border-bottom: 1px solid #4d4d4d;
}

#privacy_index #main_contents #main_contents_left h3 span {
display: block;
padding: 3px 0 0 16px;
background: url(http://i.colopl.co.jp/common2/img/bg_h_lv2_top.gif) no-repeat 0 0;
color: #4d4d4d;
font-size: 125%;
font-weight: bold;
line-height: 1.5;
}

#privacy_index #main_contents #main_contents_left p {
margin: 15px 5px 0;
}

#privacy_index #main_contents #main_contents_left p.lead {
margin: 0 5px;
padding: 0 0 7px;
}

#privacy_index #main_contents #main_contents_left ul {
padding: 15px 5px 0;
line-height: 1.6;
}

#privacy_index #main_contents #main_contents_left ul li {
list-style: outside disc;
margin: 0 0 0 1.6em;
}


/* ============================== privacy_index */
#coloplprivacy_index #main_contents #main_contents_left h2 {
margin: 20px 0 0;
}

#coloplprivacy_index #main_contents #main_contents_left h3 {
margin: 15px 2px 0 0;
padding: 0 0 2px;
background: url(http://i.colopl.co.jp/common2/img/bg_h_lv2_btm.gif) no-repeat 0 100%;
border-bottom: 1px solid #4d4d4d;
}

#coloplprivacy_index #main_contents #main_contents_left h3 span {
display: block;
padding: 3px 0 0 16px;
background: url(http://i.colopl.co.jp/common2/img/bg_h_lv2_top.gif) no-repeat 0 0;
color: #4d4d4d;
font-size: 125%;
font-weight: bold;
line-height: 1.5;
}

#coloplprivacy_index #main_contents #main_contents_left p {
margin: 15px 5px 0;
}

#coloplprivacy_index #main_contents #main_contents_left p.lead {
margin: 0 5px;
padding: 0 0 7px;
}

#coloplprivacy_index #main_contents #main_contents_left ul {
padding: 15px 5px 0;
line-height: 1.6;
}

#coloplprivacy_index #main_contents #main_contents_left ul li {
list-style: outside disc;
margin: 0 0 0 1.6em;
}



/* ============================== sitepolicy_index */
#sitepolicy_index #main_contents #main_contents_left h2 {
margin: 20px 0 0;
}

#sitepolicy_index #main_contents #main_contents_left p {
margin: 15px 5px 0;
}

#sitepolicy_index #main_contents #main_contents_left p.lead {
margin: 0 5px;
padding: 0 0 7px;
}

#sitepolicy_index #main_contents #main_contents_left ul {
padding: 15px 5px 0;
line-height: 1.6;
}

#sitepolicy_index #main_contents #main_contents_left ul li {
list-style: outside disc;
margin: 0 0 0 1.6em;
}


/* ============================== securitypolicy_index */
#securitypolicy_index #main_contents #main_contents_left h2 {
margin: 20px 0 0;
}

#securitypolicy_index #main_contents #main_contents_left p {
margin: 15px 5px 0;
}

#securitypolicy_index #main_contents #main_contents_left p.lead {
margin: 0 5px;
padding: 0 0 7px;
}

#securitypolicy_index #main_contents #main_contents_left p.sign {
text-align: right;
}

#securitypolicy_index #main_contents #main_contents_left .ms {
margin: 17px 0 0;
padding: 21px 10px 0 0;
background: url(http://i.colopl.co.jp/common2/img/dot_02.gif) repeat-x 0 0;
}

#securitypolicy_index #main_contents #main_contents_left .ms p {
margin: 0;
}

#securitypolicy_index #main_contents #main_contents_left .ms .ls {
width: 225px;
}

#securitypolicy_index #main_contents #main_contents_left .ms .ls p.cap {
margin: 5px 0 0;
color: #000000;
}

#securitypolicy_index #main_contents #main_contents_left .ms .rs {
width: 535px;
font-size: 92%;
}

#securitypolicy_index #main_contents #main_contents_left table.def {
margin: 15px 0 0;
}

#securitypolicy_index #main_contents #main_contents_left table.def th {
width: 25%;
text-align: left;
}

/* ============================== sitemap_index */
#main_contents #main_contents_left #maps_navbox {
width:100%;
overflow:hidden;
}

#main_contents #main_contents_left #maps_navbox ul {
float: left;
    width: 264px;
}

#main_contents #main_contents_left #maps_navbox ul li {
margin: 8px 0 0 16px;
padding: 0 0 0 20px;
background: url(http://i.colopl.co.jp/common2/img/arrow_blue_ov.png) no-repeat 0 3px;
font-size: 109%;
}

#main_contents #main_contents_left #maps_navbox ul li ul {
    float: none;
    padding: 5px 0;
    width: auto;
}

#main_contents #main_contents_left #maps_navbox ul li ul li {
background: url("http://i.colopl.co.jp/common2/img/arrow_blue_s_ov.png") no-repeat scroll 0 2px transparent;
    font-size: 85%;
    margin: 2px 0 0;
    padding: 0 0 0 14px;
}

#main_contents #main_contents_left #maps_navbox ul li a:hover {
text-decoration:underline;
}

#index .sec_01 .center_section h2.pic {
padding: 1px 1px 0;
background: #ffffff;
}

/* ============================== socialmedia_index */

#main_contents #main_contents_left .sns_box_wrap {
width:894px;
overflow:hidden;
padding:15px 0;
margin:0 0 0 -20px;
}

#main_contents #main_contents_left .sns_box_wrap .sns_box {
width:370px;
overflow:hidden;
float:left;
padding:0 0 20px 20px;
}

#main_contents #main_contents_left .sns_box_wrap .sns_box p {
width:126px;
float:left;
}

#main_contents #main_contents_left .sns_box_wrap .sns_box p img {
padding:2px;
border:1px solid #cde1f2;
}

#main_contents #main_contents_left .sns_box_wrap .sns_box dl {
width:234px;
float:right;
}

#main_contents #main_contents_left .sns_box_wrap .sns_box dl dt {
font-weight:bold;
padding:0 0 6px 0;
}

#main_contents #main_contents_left .sns_box_wrap .sns_box dl dt a {
text-decoration:underline;
padding:0 13px 0 0;
background: url(http://i.colopl.co.jp/socialmedia/img/bullet_blank.png) center right no-repeat;
}

#main_contents #main_contents_left .sns_box_wrap .sns_box dl dt a:hover {
text-decoration:none;
}

/*20130220*/
.foot_fb {
margin-top:20px;
background: url(http://i.colopl.co.jp/common2/img/back_foot_fb.png) top center no-repeat;
}

#index .sec_03 .sec_nav_other .nav_06 p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_sky.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_06:hover p.read { background: url(http://i.colopl.co.jp/common2/img/arrow_sky_ov.png) no-repeat 100% 50%; }
#index .sec_03 .sec_nav_other .nav_06 { float: right; }

/* ============================== movie_index */

#movie_index #main_contents #main_contents_left h3 {
margin: 15px 2px 0 0;
padding: 0 0 2px;
background: url(http://i.colopl.co.jp/common2/img/bg_h_lv2_btm.gif) no-repeat 0 100%;
border-bottom: 1px solid #4d4d4d;
}

#movie_index #main_contents #main_contents_left h3 span {
display: block;
padding: 3px 0 0 16px;
background: url(http://i.colopl.co.jp/common2/img/bg_h_lv2_top.gif) no-repeat 0 0;
color: #4d4d4d;
font-size: 125%;
font-weight: bold;
line-height: 1.5;
}


#main_contents #main_contents_left .movie_wrap {
width:792px;
overflow:hidden;
padding:15px 0 20px 0;
}

#main_contents #main_contents_left .movie_wrap .movie_left {
width:390px;
float:left;
}

#main_contents #main_contents_left .movie_wrap .movie_right {
width:390px;
float:right;
}

#main_contents #main_contents_left .movie_wrap .movie_right p.titles,
#main_contents #main_contents_left .movie_wrap .movie_left p.titles{
padding5px 0;
font-weight:bold;
font-size:12px;
color:#0072bf;
}

#main_contents #main_contents_left .movie_wrap .movie_right p.officialbtn,
#main_contents #main_contents_left .movie_wrap .movie_left p.officialbtn{
padding5px 0;
text-align:center;
}

#main_contents #main_contents_left .movie_wrap p.mthumb2 {
padding-top:15px;
}


/*20140404*/
.gamecat {
width:1060px;
margin-top:15px;
overflow:hidden;
}

.gamecat a {
font-size:11px;
}

.gamecat .gamecat_01 {
width:265px;
float:left;
}

.gamecat .gamecat_02 {
width:264px;
float:left;
}

.gamecat .gamecat_03 {
width:264px;
float:left;
}

.gamecat .gamecat_04 {
width:267px;
float:left;
}

.gamecat .gamecat_01 p.ms {
padding:5px 10px 10px 10px;
background: url(/common2/img/new/back_cat_01.jpg) bottom center no-repeat;
}

.gamecat .gamecat_02 p.ms {
padding:5px 10px 10px 10px;
background: url(/common2/img/new/back_cat_02.jpg) bottom center no-repeat;
}

.gamecat .gamecat_03 p.ms {
padding:5px 10px 10px 10px;
background: url(/common2/img/new/back_cat_03.jpg) bottom center no-repeat;
}

.gamecat .gamecat_04 p.ms {
padding:5px 10px 10px 10px;
background: url(/common2/img/new/back_cat_04.jpg) bottom center no-repeat;
}


/*20140606*/

/* ============================== pr_index */
#pr_index #main_contents #main_contents_left h2 {
margin: 20px 0 0;
}

#pr_index #main_contents #main_contents_left p {
margin: 15px 5px 0;
}

#pr_index #main_contents #main_contents_left p.lead {
margin: 0 5px;
padding: 0 0 7px;
}

#pr_index #main_contents #main_contents_left ul {
padding: 15px 5px 0;
line-height: 1.6;
}

#pr_index #main_contents #main_contents_left ul li {
list-style: outside disc;
margin: 0 0 0 1.6em;
}


/* ============================== movie refurbishment（2014.07.25） */

/*----- マウスオーバー -----*/

.overPick {
width:385px;
height:215px;
margin-top:-215px;
position:relative;
}
.overPick:hover {
background: url(/movie/img/movie_pick_ov.png) no-repeat;
}

.overNomal {
width:250px;
height:140px;
margin-top:-140px;
position:relative;
}
.overNomal:hover {
background: url(/movie/img/movie_nomal_ov.png) no-repeat;
}

/*----- MOVIE PICKUP -----*/

.movie_pickup h3 {
margin-bottom:15px !important;
overflow:hidden;
}

/*----- アンカー -----*/

.movie_ancer {
width:100%;
border:1px solid #cde1f2;
margin-top:15px;
border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
overflow:hidden;
}

.movie_ancer h3 {
margin: 0 0 0 0  !important;
padding: 0 0 0px !important;
background:none !important;
border-bottom: 1px dotted #cde1f2 !important;
}

.movie_ancer h3 span {
display: block;
padding: 10px 0 5px 15px !important;
background:none !important;
color: #0072bf !important;
line-height: 1.5;
}

.movie_ancer ul {
padding:15px;
color:#becad7;
overflow:hidden;
}

.movie_ancer ul li {
float:left;
margin-right:10px;
line-height:20px;
}

.movie_ancer ul li a {
padding-left:2px;
}

/*----- MOVIE LIST -----*/

.movie_list {
overflow:hidden;
width:100%;
}

.movie_list h3 {
margin-bottom:15px !important;
overflow:hidden;
}

/*----- MOVIE SET -----*/

.movie .movie_list .movie_set {
float:left;
width:250px;
margin-right:20px;
margin-bottom:25px;
overflow:hidden;
}

.movie .movie_list .movie_set:nth-child(3n+1) {
margin-right:0px;
}

.movie .movie_list .movie_set .title {
font-size:14px;
font-weight:bold;
color:#0072bf;
margin-top:5px;
overflow:hidden;
}

.h42 {
height:42px !important;
}


/* ============================== recruit_index（2014.09.xx） */

#main_contents.no_sub #main_contents_left_inn {
padding: 0 25px 25px !important;
}

#recruit_index .floatleft {
float:left;
}

#recruit_index .floatright {
float:right;
}

#recruit_index .recruit_box {
width: 402px;
padding-bottom: 3px;
background: url(/recruit/img/bg_sec_recruit.gif) no-repeat 0 100%;
}

#recruit_index .recruit_box:hover {
background-position: -402px 100%; cursor: pointer;
}

#recruit_index .recruit_box h2 {
display: block;
background: url(http://i.colopl.co.jp/company/img/bg_h2_company.gif) no-repeat 0 0;
padding: 12px 35px 0 16px;
height: 30px;
font-size: 125%;
font-weight: bold;
}

#recruit_index .recruit_box h2:hover {
background-position: 0 -42px;
color: #008DFF;
}

#recruit_index .recruit_box h2 a {
color:#0072bf;
}

#recruit_index .recruit_box h2 a:visited {
color:#0072bf;
}

#recruit_index .recruit_box .thum {
padding-left:1px;
}

#recruit_index .recruit_box .text {
display: block;
margin: 7px 8px 7px 9px;
color: #4c4c4c;
/*font-size: 92%;*/
}

#recruit_index .copy {
width:100%;
padding:20px 0 25px 0;
text-align:center;
overflow:hidden;
border-bottom:1px dotted #cfe0f3;
}

#recruit_index .recruit_foot {
margin:20px 0 10px 0;
overflow:hidden;
padding:0 20px;
}

#recruit_index .recruit_foot .text {
padding-top:3px;
font-size:14px;
float:left;
}

#recruit_index .recruit_foot .banner {
float:right;
}



/* ============================== 1410xx（リサーチ事業最新記事追加） */

/*
#index .sec_03 .bannerArea {
width: 525px !important;
float:right;
}

#index .sec_03 .sec_nav_other {
float: none !important;
width: 525px !important;
overflow: hidden;
margin: 0 0 -7px !important;
}

#index .sec_03 .sec_nav_other .item {
margin-left:7px !important;
}

#index .sec_03 .sec_nav_other .nav_01 {
float: left !important;
}
#index .sec_03 .sec_nav_other .nav_02 {
float: left !important;
}
#index .sec_03 .sec_nav_other .nav_03 {
float: left !important;
}
#index .sec_03 .sec_nav_other .nav_04 {
float: left !important;
}
#index .sec_03 .sec_nav_other .nav_05 {
float: left !important;
}
#index .sec_03 .sec_nav_other .nav_06 {
float: left !important;
}
#index .sec_03 .sec_nav_other .nav_07 {
float: left !important;
}
#index .sec_03 .sec_nav_other .nav_08 {
float: left !important;
}
*/

/* sec_02 sec_research */

#index .sec_03 .sec_research {
position: relative;
float: left;
width: 525px;
padding: 0 0 3px;
margin-top:20px;
background: url(http://i.colopl.co.jp/common2/img/bg_r525_btm.gif) no-repeat 0 100%;
}

#index .sec_03 .sec_research h2 {
margin: 0 0 -1px;
}

#index .sec_03 .sec_research .bt a {
position: absolute;
top: 11px;
right: 14px;
margin: 0;
padding: 0;
border: none;
}

#index .sec_03 .sec_research div {
margin: 0 3px 0 1px;
padding: 1px;
border-top: 1px solid #cde1f2;
}

#index .sec_03 .sec_research div dl {
padding: 12px 14px 10px;
line-height: 1.4;
}

#index .sec_03 .sec_research div:hover dl {
background: #ebf7ff;
}

#index .sec_03 .sec_research dl dt span {
display: block;
}

#index .sec_03 .sec_research dl dt span.date {
display: inline-block;
padding: 0 11px 0 0;
background: url(http://i.colopl.co.jp/img/index_bullet_pipe_topics.png) no-repeat 100% 50%;
color: #999999;
font-size: 84%;
}

#index .sec_03 .sec_research dl dt span.title {
margin: -1.2em 0 0 5.5em;
color: #4d4d4d;
font-size: 117%;
font-weight: bold;
}

#index .sec_03 .sec_research dl dd {
margin: 5px 0 0;
}

/*2015.01カルーセル追加*/
#index .p_list {
position:relative;
width: 1020px;
height: 122px;
margin: 0 0 0;
padding-bottom:16px;
}

#index .p_list .jcarousel-prev {
position: absolute;
top: 50px;
left: -28px;
width: 36px;
height: 36px;
background: url(/img/nav_prev_s.png) no-repeat 0 0;
cursor: pointer;
z-index: 100;
}

#index .p_list .jcarousel-next {
position: absolute;
top: 50px;
right: -56px;
width: 36px;
height: 36px;
background: url(/img/nav_next_s.png) no-repeat 0 0;
cursor: pointer;
z-index: 100;
}

#index .p_list .carousel {
padding: 7px 0 0 7px;
}

#index .p_list .jcarousel-clip {
width: 1032px;
overflow: hidden;
}

#index .p_list .carousel_wrap li {
position: relative;
float: left;
width: 251px;
margin: 0 10px 0 0;

}

#index .p_list .carousel_wrap li.sec_hover a {
color: #1689e6;
}

#index .p_list .carousel_wrap li img {
margin: 9px;
}

#index .p_list .carousel_wrap li .bg {
position: absolute;
top: -4px;
left: -4px;
}

#index .p_list .carousel_wrap li .name {
margin: 0 0 0 6px;
font-size: 11px;
line-height: 1.4;
}

#index .section_inn {
padding: 0 0 17px;
background: url(/common2/img/bg_main_contents_btm_1060.gif) no-repeat 0 100%;
}

#index .section_wrap {
margin: 18px 0 0;
background: url(/common2/img/bg_main_contents_mid_1060.gif) repeat-y 0 0;
}

#index .section {
background: url(/common2/img/bg_main_contents_top_1060.gif) no-repeat 0 0;
}


/* sec_03_large */
.sec_03_large {
width: 525px;
height:102px;
margin: 13px 0 0;
padding-top:13px;
background: url(/common2/img/bg_r525.gif) no-repeat 0 100%;
clear:both;
}
.sec_03_large:hover {
width: 525px;
height:102px;
margin: 13px 0 0;
padding-top:13px;
background: url(/common2/img/bg_r525_ov.gif) no-repeat 0 100%;
clear:both;
}

.sec_03_large h3 {
width: 255px;
float:left;
}
.sec_03_large .read {
width: 220px;
float:right;
display:block;
margin-top:20px !important;
}