@charset "utf-8";

/*************************************************
Reset CSS
/common2/css/layout.css

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

/* ============================================================ setup */
html {}
body { color: #4d4d4d; background: #ffffff; font-size: 12px; font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS ゴシック","MS Gothic",sans-serif; line-height: 1.5; -webkit-text-size-adjust: 100%; }
input, select, textarea, button, optgroup, option { font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS ゴシック","MS Gothic",sans-serif; line-height: 1.5; }
table { border-collapse: collapse; }

a { color: #0072bf; outline: none; }
a:link,
a:visited { color: #0072bf; text-decoration: none; }
a:hover,
a:active { color: #008dff; text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
strong {}


/* ============================================================ container */
#container { visibility: hidden; }
.bt_sp { position: fixed; top: 0; width: 100%; padding: 20px 0; background: url(http://i.colopl.co.jp/common2/img/bg_footer.gif) repeat 0 0; text-align: center; z-index: 1000; }


/* ============================================================ wrapper */
#wrapper { padding: 0 0 75px; background: url(http://i.colopl.co.jp/common2/img/bg_wrapper.gif) no-repeat 50% 100%; border-bottom: 3px solid #e4f0f8; }
#wrapper_inn { width: 1060px; margin: 0 auto; }


/* ============================================================ header */
#header { position: relative; width: 1060px; margin: 0 auto; }
#header #logo { padding: 19px 0 0; }
#header #tagline { position: absolute; top: 52px; left: 204px; padding-left: 16px; background: url(http://i.colopl.co.jp/common2/img/bullet_pipe.gif) no-repeat 0 0; color: #85bde1; font-size: 92%; line-height: 1; }

#header #snav { position: absolute; top: 0; right: 0; float: right; width: 422px; }
#header #snav li.snav_recruit { float: left; width: 98px; }
#header #snav li.snav_contact { float: left; width: 117px; }
#header #snav li.snav_english { float: left; width: 103px; }
#header #snav li.snav_csr { float: left; width: 103px; }
#header #snav li a { display: block; height: 30px; background: url(http://i.colopl.co.jp/common2/img/hdr_snav.gif) no-repeat 0 0; }

#header #snav li.snav_recruit a { width: 98px; background-position: 0 0; }
#header #snav li.snav_recruit a:hover,
.recruit #header #snav li.snav_recruit a { background-position: 0 -30px; }
#header #snav li.snav_contact a { width: 117px; background-position: -98px 0; }
#header #snav li.snav_contact a:hover,
.contact #header #snav li.snav_contact a { background-position: -98px -30px; }
#header #snav li.snav_english a { background-position: -215px 0; }
#header #snav li.snav_english a:hover,
.english #header #snav li.snav_english a { background-position: -215px -30px; }

#header #snav li.snav_csr a { background-position: -317px 0; }
#header #snav li.snav_csr a:hover { background-position: -317px -30px; }


/* ============================================================ gnav */
#gnav { padding: 19px 0 0 5px; background: url(http://i.colopl.co.jp/common2/img/bg_gnav.gif) no-repeat 0 19px; }
#gnav li { float: left; width: 167px; height: 59px; margin-right: 9px; }
#gnav li.gnav_csr { width: 168px; margin-right: 0; }
#gnav li a { display: block; width: 167px; height: 59px; background: url(http://i.colopl.co.jp/common2/img/gnav.gif) no-repeat 0 0; }
#gnav li.gnav_csr a { width: 168px; }

#gnav li.gnav_news a { background-position: 0 0; }
#gnav li.gnav_news a:hover { background-position: 0 -59px; }
.news #gnav li.gnav_news a { background-position: 0 -118px; }

#gnav li.gnav_company a { background-position: -167px 0; }
#gnav li.gnav_company a:hover { background-position: -167px -59px; }
.company #gnav li.gnav_company a { background-position: -167px -118px; }

#gnav li.gnav_ir a { background-position: -334px 0; }
#gnav li.gnav_ir a:hover { background-position: -334px -59px; }
.ir #gnav li.gnav_ir a { background-position: -334px -118px; }

#gnav li.gnav_products a { background-position: -501px 0; }
#gnav li.gnav_products a:hover { background-position: -501px -59px; }
.products #gnav li.gnav_products a { background-position: -501px -118px; }

#gnav li.gnav_collaborat a { background-position: -668px 0; }
#gnav li.gnav_collaborat a:hover { background-position: -668px -59px; }
.collaborat #gnav li.gnav_collaborat a { background-position: -668px -118px; }

#gnav li.gnav_csr a { background-position: -835px 0; }
#gnav li.gnav_csr a:hover { background-position: -835px -59px; }
.csr #gnav li.gnav_csr a { background-position: -835px -118px; }


/* ============================================================ directory_link */
#directory_link { margin: 13px 0 15px; font-size: 92%; line-height: 24px; }
#directory_link a { display: inline-block; padding: 0 18px 0 8px; background: #e7f1f9 url(http://i.colopl.co.jp/common2/img/bullet_directorylink.gif) no-repeat 100% 50%; color: #0075c2; text-decoration: none; }
#directory_link a:hover { color: #0088ff; }
#directory_link span.current { display: inline-block; padding: 0 18px 0 8px; background: #e7f1f9 url(http://i.colopl.co.jp/common2/img/bullet_directorylink_current.gif) no-repeat 100% 50%; color: #999999; }
#directory_link a.home { padding-left: 0; }
#directory_link a.home span { display: inline-block; padding-left: 27px; background: #e7f1f9 url(http://i.colopl.co.jp/common2/img/bullet_directorylink_home.gif) no-repeat 0 50%; cursor: pointer; }
#directory_link a.home:hover span { background: #e7f1f9 url(http://i.colopl.co.jp/common2/img/bullet_directorylink_home_ov.gif) no-repeat 0 50%; }


/* ============================================================ main_contents */
#main_contents_wrap { float: right; width: 850px; margin: 18px 0 0; padding: 16px 0 0; background: url(http://i.colopl.co.jp/common2/img/bg_main_contents_top.gif) no-repeat 0 0; }
#main_contents_wrap #main_contents { margin: 0; }
#main_contents { float: right; width: 850px; margin: 18px 0 0; background: url(http://i.colopl.co.jp/common2/img/bg_main_contents.gif) repeat-y 0 0; }
#main_contents_inn { padding: 0 16px 20px; background: url(http://i.colopl.co.jp/common2/img/bg_main_contents_btm.gif) no-repeat 0 100%; }

/* main_contents.has_2column */
#main_contents.has_2column { padding: 0; background: none; }
#main_contents.has_2column #main_contents_left { float: left; width: 664px; background: url(http://i.colopl.co.jp/common2/img/bg_main_contents_left_mid.gif) repeat-y 0 0; }
#main_contents.has_2column #main_contents_left_inn { padding: 0 0 23px; background: url(http://i.colopl.co.jp/common2/img/bg_main_contents_left_btm.gif) no-repeat 0 100%; }
#main_contents.has_2column #main_contents_right { float: right; width: 173px; padding: 0 0 20px; }

/* main_contents_right */
#main_contents.has_2column #main_contents_right .sec_link_list { margin-top: -5px; }
#main_contents.has_2column #main_contents_right .sec_link_list a {	display: block; margin-top: 5px; padding: 0 0 7px; background: url(http://i.colopl.co.jp/common2/img/bg_r173_btm.gif) no-repeat 0 100%; }
#main_contents.has_2column #main_contents_right .sec_link_list a:hover { background: url(http://i.colopl.co.jp/common2/img/bg_r173_btm_ov.gif) no-repeat 0 100%; }
#main_contents.has_2column #main_contents_right .sec_link_list a .pic { display: block; margin: 0 3px 0 1px; border: 1px solid #ffffff; }
#main_contents.has_2column #main_contents_right .sec_link_list a .read { display: block; margin: 5px 11px 0 8px; padding: 0 20px 0 0; background: url(http://i.colopl.co.jp/common2/img/arrow_blue.png) no-repeat 100% 50%; font-size: 92%; line-height: 1.2; }
#main_contents.has_2column #main_contents_right .sec_link_list a:hover .read { background: url(http://i.colopl.co.jp/common2/img/arrow_blue_ov.png) no-repeat 100% 50%; }
#main_contents.has_2column #main_contents_right ul.bnr_list li { margin: 5px 0 0;}

/* main_contents.no_sub */
#main_contents.no_sub { width: 1060px; padding: 30px 0 0; background: url(http://i.colopl.co.jp/common2/img/bg_main_contents_top_874.gif) no-repeat 0 0; }
#main_contents.no_sub #main_contents_left { width: 874px; background: url(http://i.colopl.co.jp/common2/img/bg_main_contents_left_mid_874.gif) repeat-y 0 0; }
#main_contents.no_sub #main_contents_left_inn { padding: 0 41px 42px; background: url(http://i.colopl.co.jp/common2/img/bg_main_contents_left_btm_874.gif) no-repeat 0 100%; }
#main_contents.no_sub #main_contents_right { margin-top: -30px; }

/* ============================================================ sub_contents */
#sub_contents { float: left; width: 206px; margin: 18px 0 0; padding: 0; }

/* category */
#sub_contents #category { padding: 6px 0 0; background: url(http://i.colopl.co.jp/common2/img/bg_sub_contents_lnav.gif) no-repeat 0 0; font-size: 125%; line-height: 1.2; }
#sub_contents #category span { display: block; padding: 0 11px 0 0; }
#sub_contents #category a { display: block; padding: 20px 10px 18px 26px; background: url(http://i.colopl.co.jp/common2/img/arrow_lnav.gif) no-repeat 11px 49%; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
#sub_contents #category a:hover { background-color: #ebf7ff; background-position: -209px 49%; color: #0088ff; }

/* lnav */
#sub_contents #lnav { padding: 0 0 6px; background: url(http://i.colopl.co.jp/common2/img/bg_sub_contents_lnav.gif) no-repeat 0 100%; }
#sub_contents #lnav li { margin: 1px 0 0; padding: 2px 0 0; background: url(http://i.colopl.co.jp/common2/img/dot_lnav.gif) no-repeat 0 0; font-size: 109%; }
#sub_contents #lnav li span { display: block; padding: 0 11px 0 0; }
#sub_contents #lnav li a { display: block; padding: 12px 10px 10px 26px; background: url(http://i.colopl.co.jp/common2/img/arrow_lnav.gif) no-repeat 11px 49%; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
#sub_contents #lnav li a:hover { background-color: #ebf7ff; background-position: -209px 49%; color: #0088ff; }

#sub_contents #lnav li ul.second { display: none; padding: 0 0 10px; background: none; }
#sub_contents #lnav li ul.second li { margin: 0 0 2px; padding: 0; background: none; font-size: 85%; }
#sub_contents #lnav li ul.second li a { display: block; padding: 4px 10px 2px 26px; background-image: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

/* bnr_list */
#sub_contents #bnr_list { width: 197px; padding: 12px 0 0; }
#sub_contents #bnr_list li { margin: 3px 0 0; }
#sub_contents #bnr_list li.hr { margin: 13px 0 0; padding: 14px 0 0; background: url(http://i.colopl.co.jp/common2/img/dot_02.gif) repeat-x 0 0; }


/* ============================================================ footer */
#footer { background: url(http://i.colopl.co.jp/common2/img/bg_footer.gif) repeat 0 0; }
#footer_inn { position: relative; width: 1060px; margin: 0 auto; padding: 20px 0; }

#footer_inn .sec_about { float: left; width: 385px; }
#footer_inn .sec_about p.read { margin: 15px 0 0; color: #a3b2bc; font-size: 92%; }
#footer_inn .sec_about ul { padding: 5px 0 0; }
#footer_inn .sec_about ul li { margin: 7px 0 0; padding: 0 0 0 20px; background: url(http://i.colopl.co.jp/common2/img/arrow_white.png) no-repeat 0 50%; font-size: 92%; }
#footer_inn .sec_about ul li.blank { background: url(http://i.colopl.co.jp/common2/img/bullet_blank.png) no-repeat 0 50%; }
#footer_inn .sec_about ul li a { color: #ffffff; }
#footer_inn .sec_about ul li a:hover { text-decoration: underline; }

#footer_inn .sec_fnav { float: right; width: 652px; padding: 7px 0 10px; background: url(http://i.colopl.co.jp/common2/img/ftr_dot.gif) repeat-y 0 0; }
#footer_inn .sec_fnav ul { float: left; width: 216px; }
#footer_inn .sec_fnav ul li { margin: 8px 0 0 16px; padding: 0 0 0 20px; background: url(http://i.colopl.co.jp/common2/img/arrow_white.png) no-repeat 0 3px; font-size: 109%; }
#footer_inn .sec_fnav ul li.blank { background: url(http://i.colopl.co.jp/common2/img/bullet_blank.png) no-repeat 0 4px; }
#footer_inn .sec_fnav ul li a { color: #ffffff; }
#footer_inn .sec_fnav ul li a:hover { text-decoration: underline; }
#footer_inn .sec_fnav ul li ul { float: none; width: auto; padding: 5px 0; }
#footer_inn .sec_fnav ul li ul li { margin: 2px 0 0; padding: 0 0 0 14px; background: url(http://i.colopl.co.jp/common2/img/arrow_white_s.png) no-repeat 0 2px; font-size: 85%; }

#footer #copyright { background: url(http://i.colopl.co.jp/common2/img/bg_copyright.gif) repeat 0 0; }
#footer #copyright p { width: 1060px; margin: 0 auto; color: #566f80; line-height: 52px; font-size: 10px; }

#footer_inn .page_top { position: absolute; top: -27px; right: 0; }


/* ============================== page_top */
.page_top a {}

/* ============================== h */
.h_lv0 { width: 850px; height: 51px; background: url(http://i.colopl.co.jp/common2/img/bg_h_lv0.gif) no-repeat 0 0; }
#main_contents_left .h_lv0 { width: 664px; height: 51px; background: url(http://i.colopl.co.jp/common2/img/bg_h_lv0_664.gif) no-repeat 0 0; }
.h_lv0 span { display: block; padding: 0 17px; color: #ffffff; font-size: 134%; font-weight: bold; line-height: 51px; }

.h_lv1 { width: 818px; height: 44px; background: url(http://i.colopl.co.jp/common2/img/bg_h_lv1.gif) no-repeat 0 0; }
.h_lv1 span { display: block; padding: 0 15px; color: #0072bf; font-size: 125%; font-weight: bold; line-height: 44px; }
.h_lv1_518 { width: 518px; background: url(http://i.colopl.co.jp/common2/img/bg_h_lv1_518.gif) no-repeat 0 0; }
.h_lv1_518 span { display: block; padding: 0 15px; color: #0072bf; font-size: 125%; font-weight: bold; line-height: 44px; }
.h_lv1_632 { width: 632px; background: url(http://i.colopl.co.jp/common2/img/bg_h_lv1_632.gif) no-repeat 0 0; }
.h_lv1_632 span { display: block; padding: 0 15px; color: #0072bf; font-size: 125%; font-weight: bold; line-height: 44px; }
.h_lv1_792 { width: 792px; background: url(http://i.colopl.co.jp/common2/img/bg_h_lv1_792.gif) no-repeat 0 0; }
.h_lv1_792 span { display: block; padding: 0 15px; color: #0072bf; font-size: 125%; font-weight: bold; line-height: 44px; }
.h_lv1_998 { width: 998px; background: url(http://i.colopl.co.jp/common2/img/bg_h_lv1_998.gif) no-repeat 0 0; }
.h_lv1_998 span { display: block; padding: 0 15px; color: #0072bf; font-size: 125%; font-weight: bold; line-height: 44px; }

.h_lv2 { 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; }
.h_lv2 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; font-size: 125%; font-weight: bold; }



/* ============================== list */
ol.decimal { padding-left: 24px; }
*html ol.decimal { padding-left: 29px; }
ol.decimal li { list-style: outside decimal; font-weight: bold; line-height: 1.8; }
ol.decimal li span { font-weight: normal; }

ul.disc li { padding: 0 0 0 9px; background: url(http://i.colopl.co.jp/common2/img/bullet_disc.gif) no-repeat 0 0.57em; line-height: 1.8; }
ul.disc li em { font-weight: bold; }

/* ============================== bullet */
/* link */
a.link { padding: 0 0 0 13px; background: url(http://i.colopl.co.jp/common2/img/arrow_blue_s.png) no-repeat 0 0.35em; line-height: 1.2; }
a.link:hover { background: url(http://i.colopl.co.jp/common2/img/arrow_blue_s_ov.png) no-repeat 0 0.35em; }

a.blank { padding: 0 0 0 12px; background: url(http://i.colopl.co.jp/common2/img/bullet_blank_s.gif) no-repeat 0 0.45em; line-height: 1.2; }
a.blank:hover { background: url(http://i.colopl.co.jp/common2/img/bullet_blank_s_ov.gif) no-repeat 0 0.45em; }

a.email { padding: 0 0 0 23px; background: url(http://i.colopl.co.jp/common2/img/bullet_email.gif) no-repeat 0 0.45em; line-height: 1.2; }
a.email:hover { background: url(http://i.colopl.co.jp/common2/img/bullet_email_ov.gif) no-repeat 0 0.45em; }


/* ============================== table */
table.def { width: 100%; border-top: 1px solid #cee1f2; border-left: 1px solid #cee1f2; }
table.def th { background: #edf5fa; padding: 12px 15px 10px; border-right: 1px solid #cee1f2; border-bottom: 1px solid #cee1f2; text-align: center; font-weight: bold; }
table.def td { background: #ffffff; padding: 12px 15px 10px; border-right: 1px solid #cee1f2; border-bottom: 1px solid #cee1f2; }

/* ============================== share class */
/* text_img */
.text_img { overflow: hidden; zoom: 1; }

/* floating img */
img.img_left { float: left; }
img.img_right { float: right; }

.note { color: #808080; font-size: 92%; }
.indent { text-indent: -1em; margin-left: 1em; }

/* align */
.align_c { text-align: center; }
.align_r { text-align: right; }

img#Vesicomyid-BEACON115022 {
	display:none;
}

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