/* ::::: http://u.jimdo.com/www56/o/s831b61787a478306/userlayout/css/main.css?t=1402655290 ::::: */

div.n, div.flexmodul { padding: 5px; }
html * div.n { height: 1%; }
/* ::::: http://u.jimdo.com/www56/o/s831b61787a478306/userlayout/css/layout.css?t=1371111438 ::::: */

html { color: rgb(0, 0, 0); background: none repeat scroll 0% 0% rgb(255, 255, 255); }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }
fieldset, img { border: 0px none; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
li { list-style: none outside none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0px; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
html body, html body p, html body table { font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS P ゴシック","MS P Gothic",Verdana,sans-serif; line-height: 1.7; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { font-size: 100%; }
:first-child + html body { font-family: "ＭＳ Ｐゴシック","Osaka",Verdana,arial,helvetica,sans-serif; }
html, body { margin: 0px; padding: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); height: 100%; }
body { color: rgb(54, 54, 54); }
#container { width: 100%; }
#container #header, #container #content, #container #f_totop, #container #f_sitemap, #container #f_ssicon, #container #f_bottom { width: 100%; text-align: center; }
#container #header #header_inner, #container #content #content_inner, #container #f_totop #f_totop_inner, #container #f_sitemap #f_sitemap_inner, #container #f_ssicon #f_ssicon_inner, #container #f_bottom #f_bottom_inner { width: 930px; text-align: left; margin: 0px auto; }
#l { float: left; width: 600px; }
#r { float: right; width: 310px; }
#container a, #container a:link, #container a:visited { color: rgb(53, 53, 53); text-decoration: none; }
#container a:hover, #container a:focus, #container a:active { color: rgb(255, 0, 0); }
#header_inner { padding: 30px 0px; }
#header_inner h1 { float: left; }
#header_inner #h_menu { padding: 16px 0px 0px; float: left; }
#header_inner #h_menu li { float: left; }
#f_totop_inner { text-align: right; padding: 30px 0px 5px; }
#f_totop_inner a { float: right; display: block; }
#f_totop_inner a img { display: inline; }
#f_sitemap { background: url('f-navi-bg.gif') repeat-x scroll center top transparent; }
#f_sitemap_inner {  }
#f_sitemap_inner ul { float: left; width: 155px; }
#f_sitemap ul ul { padding-left: 10px; width: auto; }
#f_sitemap ul ul li { font-size: 85%; padding: 0px 0px 10px 13px; background: url('icon-05.gif') no-repeat scroll left 0.6em transparent; }
#container #f_sitemap ul ul li a { color: rgb(108, 108, 108); }
#f_ssicon { background-color: rgb(149, 149, 165); }
#f_ssicon_inner { padding: 7px 0px; }
#f_ssicon_inner ul { text-align: center; }
#f_ssicon_inner ul li { display: inline; padding: 0px 2px; }
#f_ssicon_inner ul li img { display: inline; vertical-align: text-bottom; }
#f_bottom { background-color: rgb(0, 0, 49); }
#f_bottom #f_bottom_inner * { color: rgb(255, 255, 255); }
#f_bottom_inner #f_copy { padding: 30px; position: relative; height: 85px; }
#f_bottom_inner #f_copy .l, #f_bottom_inner #f_copy .c, #f_bottom_inner #f_copy .r { padding: 0px 10px; width: 290px; height: 65px; }
#f_bottom_inner #f_copy .l { position: absolute; left: 0px; border-right: 1px solid rgb(49, 49, 91); }
#f_bottom_inner #f_copy .c { position: absolute; left: 310px; border-right: 1px solid rgb(49, 49, 91); }
#f_bottom_inner #f_copy .r { position: absolute; left: 620px; }
#f_bottom #f_copy p { font-size: 85%; }
#f_copy h3 { padding-bottom: 10px; }
#f_copy .l img { display: inline; vertical-align: middle; padding-left: 3px; }
#f_copy .r #twit_bird { background: url('f-twitter.gif') no-repeat scroll left top transparent; width: 277px; height: 42px; margin-bottom: 15px; }
#f_copy .r #twit_bird img { float: left; padding: 12px 10px 0px; }
#f_copy .r #twit_bird p { float: left; padding: 7px 10px 0px; line-height: 1.5; }
#f_copy .r #twit_bird p a { color: rgb(237, 108, 0); text-decoration: underline; }
#content_area .n { padding: 0px; }
#r_notenews { background: none repeat scroll 0% 0% rgb(248, 248, 251); margin-bottom: 20px; }
#r_notenews .header { position: relative; }
#r_notenews .header ul { position: absolute; right: 10px; top: 16px; margin: 0px; }
#r_notenews .header ul li { float: left; padding: 0px 0px 0px 2px; }
#r_notenews #feed_note_news { height: 372px; padding: 0px 20px; }
#r_notenote { background: none repeat scroll 0% 0% rgb(248, 248, 251); }
#r_notenote .scrl { padding: 5px 20px 0px; }
#r_notenote .scrl h3 { padding-bottom: 5px; padding-left: 10px; background: url('icon-02.gif') no-repeat scroll left 0.5em transparent; }
#r_notenote .scrl h3 a { color: rgb(237, 108, 0); font-weight: bold; }
#r_notenote .scrl .l { float: left; padding-right: 15px; }
#r_notenote .scrl .r { width: 134px; float: left; }
#r_notenote .scrl .r p { font-size: 85%; }
#r_notenote .scrl .item_t { background: url('line-01.gif') repeat-x scroll left bottom transparent; height: 119px; }
#r_notenote .scrl .item_b { height: 123px; padding-top: 20px; }
#r_notenote .footer { background: url('r-note-footer.gif') no-repeat scroll left bottom transparent; height: 43px; }
#r_notenote .footer .more { margin-top: 13px; padding: 0px 20px 0px 10px; background: url('icon-02.gif') no-repeat scroll left 0.5em transparent; font-size: 85%; float: right; }
#container #r_notenote .footer .more a { color: rgb(237, 108, 0); }
#content #l .n { padding: 0px 20px; position: relative; }
#content #l ul { border: 3px solid rgb(242, 243, 246); background: none repeat scroll 0% 0% rgb(252, 253, 254); margin: 30px 0px 0px; padding: 30px; }
#content #l ul li { background: url('icon-08.gif') no-repeat scroll left 0.3em transparent; padding: 0px 0px 10px 15px; }
#content #l strong { font-weight: bold; }
#content #l a, #content #l a:link, #content #l a:visited { color: rgb(237, 108, 0); text-decoration: none; }
#content #l a:hover, #content #l a:focus, #content #l a:active { color: rgb(237, 108, 0); text-decoration: underline; }
#r_navigation { background: none repeat scroll 0% 0% rgb(248, 248, 251); font-size: 116%; margin-bottom: 20px; }
#r_navigation li a { background: url('line-01.gif') repeat-x scroll left bottom transparent; padding: 5px 0px; display: block; }
#r_navigation #mainNav2 li span { background: url('icon-10.gif') no-repeat scroll left 0.5em transparent; padding: 0px 10px 0px 35px; display: block; }
#r_navigation #mainNav2 li span:hover { background: url('icon-11.gif') no-repeat scroll left 0.5em transparent; }
#content #r #r_navigation #mainNav2 li a, #content #r #r_navigation #mainNav2 li a:link, #content #r #r_navigation #mainNav2 li a:visited { color: rgb(53, 53, 53); text-decoration: none; }
#content #r #r_navigation #mainNav2 li a:hover, #content #r #r_navigation #mainNav2 li a:focus, #content #r #r_navigation #mainNav2 li a:active { color: rgb(237, 108, 0); text-decoration: none; }
#r_notenote .header { position: relative; }
.header p { position: absolute; font-size: 85%; top: 30px; color: rgb(33, 69, 146); }
#r_notenews .header p, #r_notenote .header p { left: 20px; }
#recruit { width: 930px; }
#content #l #recruit ul { border: medium none; padding: 0px; margin: 0px; background: none repeat scroll 0% 0% transparent; }
#content #l #recruit ul li { background: none repeat scroll 0% 0% transparent; }
#recruit img { vertical-align: bottom; line-height: 0; }
#content #l #recruit #key_visual { padding: 0px 0px 20px; }
#content #l #recruit #key_visual #social { background: none repeat scroll 0% 0% rgb(0, 0, 0); height: 20px; padding: 5px; }
#content #l #recruit #key_visual ul.l { float: left; }
#content #l #recruit #key_visual ul.l li { padding: 0px 0px 0px 5px; }
#content #l #recruit #key_visual ul li { float: left; height: 20px; }
#content #l #recruit #key_visual h4 { clear: both; }
:first-child + html #content #l #recruit #key_visual h4 {  }
#content #l #recruit #adoption { background: url('recruit-adoption-bg.gif') no-repeat scroll 0% 0% transparent; padding: 0px 0px 50px; }
#content #l #recruit #adoption #adoption_t { position: relative; height: 315px; }
#content #l #recruit #adoption #adoption_01 { position: absolute; top: 180px; left: 40px; }
#content #l #recruit #adoption #adoption_02 { position: absolute; top: 60px; left: 85px; }
#content #l #recruit #adoption #adoption_03 { position: absolute; top: 60px; left: 282px; }
#content #l #recruit #adoption #adoption_04 { position: absolute; top: 50px; right: 300px; }
#content #l #recruit #adoption #adoption_05 { position: absolute; top: 100px; right: 110px; }
#content #l #recruit #adoption #adoption_06 { position: absolute; top: 200px; right: 50px; }
#content #l #recruit #adoption .recruit_logo { position: absolute; top: 141px; left: 315px; }
#content #l #recruit #adoption #adoption_b { padding: 10px 30px 0px; }
#content #l #recruit #adoption #adoption_b_ttl { padding: 0px 136px 30px 137px; }
#content #l #recruit #adoption #adoption_b p { padding: 0px 0px 30px; }
#content #l #recruit #adoption .recruit_bt { padding: 0px 254px 0px 253px; }
#content #l #recruit #rejection { background: url('recruit-rejection-bg.gif') repeat-y scroll 0% 0% transparent; margin: 0px 0px 50px; }
#content #l #recruit #rejection_inner { background: url('recruit-rejection-h-bg.gif') no-repeat scroll 0% 0% transparent; padding: 0px 0px 30px; }
#content #l #recruit #rejection_inner .l { width: 432px; float: left; }
#content #l #recruit #rejection_inner .l h4 { padding: 5px 0px 0px 5px; }
#content #l #recruit #rejection_inner .l ul { padding: 5px 0px 0px 17px; }
#content #l #recruit #rejection_inner .r ul { padding: 5px 0px 0px; }
#content #l #recruit #rejection_inner .l ul li, #content #l #recruit #rejection_inner .r ul li { padding: 0px 0px 10px; border-bottom: 1px dotted rgb(0, 0, 0); }
#content #l #recruit #rejection_inner .l dl, #content #l #recruit #rejection_inner .r dl { margin: 0px; }
#content #l #recruit #rejection_inner .l dt, #content #l #recruit #rejection_inner .r dt { padding: 10px 0px 0px; }
#content #l #recruit #rejection_inner .l dd, #content #l #recruit #rejection_inner .r dd { background: url('recruit-rejection-icon.gif') no-repeat scroll left 0.3em transparent; padding: 0px 0px 0px 20px; }
#content #l #recruit #rejection_inner .c { width: 63px; float: left; clear: none; }
#content #l #recruit #rejection_inner .c #arrow_01 { padding: 200px 0px 0px; }
#content #l #recruit #rejection_inner .c #arrow_02 { padding: 150px 0px 0px; }
#content #l #recruit #rejection_inner .c #arrow_03 { padding: 100px 0px 0px; }
#content #l #recruit #rejection_inner .c #arrow_04 { padding: 100px 0px 0px; }
#content #l #recruit #rejection_inner .c #arrow_05 { padding: 120px 0px 0px; }
#content #l #recruit #rejection_inner .c #arrow_06 { padding: 100px 0px 0px; }
#content #l #recruit #rejection_inner .c #arrow_07 { padding: 150px 0px 0px; }
#content #l #recruit #rejection_inner .c #arrow_08 { padding: 120px 0px 0px; }
#content #l #recruit #rejection_inner .c #arrow_09 { padding: 100px 0px 0px; }
#content #l #recruit #rejection_inner .r { width: 415px; float: left; }
#content #l #recruit #rejection_bt { background: url('recruit-rejection-f-bg-no.gif') no-repeat scroll 0% 0% transparent; height: 188px; }
#content #l #recruit #rejection_bt #rejection_bt_txt { padding: 25px 335px 0px; }
#content #l #recruit #rejection_bt #rejection_bt_img { padding: 10px 253px 0px 254px; }
#content #l #recruit #president {  }
#content #l #recruit #president h4 { padding: 0px 0px 25px; }
#content #l #recruit #president_inner { margin: 20px 0px 30px; background: url('recruit-president-bg.jpg') no-repeat scroll 0% 0% transparent; position: relative; height: 785px; }
#content #l #recruit #president_inner #president_brain { position: absolute; top: 25px; left: 20px; width: 385px; }
#content #l #recruit #president_inner #president_brain dt { padding: 0px 0px 30px 39px; }
#content #l #recruit #president_inner #president_brain dd { padding: 0px 0px 20px; }
#content #l #recruit #president_inner #president_eye { position: absolute; top: 25px; right: 20px; width: 385px; }
#content #l #recruit #president_inner #president_eye dt { padding: 0px 0px 30px 14px; }
#content #l #recruit #president_inner #president_eye dd.txt { padding: 0px 0px 20px; }
#content #l #recruit #president_inner #president_eye dd.img { padding: 0px 0px 20px 130px; }
#content #l #recruit #president_inner #president_foot { position: absolute; top: 460px; left: 20px; width: 340px; }
#content #l #recruit #president_inner #president_foot dt { padding: 0px 0px 30px 43px; }
#content #l #recruit #president_inner #president_foot dd { padding: 0px 0px 20px; }
#content #l #recruit #president_inner #president_arm { position: absolute; top: 435px; right: 20px; width: 330px; }
#content #l #recruit #president_inner #president_arm dt { padding: 0px 0px 30px; }
#content #l #recruit #president_inner #president_arm dd.txt { padding: 0px 0px 20px; }
#content #l #recruit #president_inner #president_arm dd.img { padding: 0px 0px 20px 75px; }
#content #l #recruit #president_bt { background: url('recruit-president-bt-bg.gif') no-repeat scroll 0% 0% transparent; height: 190px; }
#content #l #recruit #president_bt #president_bt_txt { padding: 25px 295px 0px; }
#content #l #recruit #president_bt #president_bt_img { padding: 10px 253px 0px 254px; }
#content #l #recruit #service { text-align: center; padding: 30px 0px 0px; }
#content #l #recruit #service img { display: inline; vertical-align: middle; }
#content #l #cc-matrix-1054303858 .n { padding: 0px; }
/* ::::: http://u.jimdo.com/www56/o/s831b61787a478306/userlayout/css/font.css?t=1402655290 ::::: */

body {  }
body, p, table, td { font: 12px/140% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; color: rgb(0, 0, 0); }
h1 { font: bold 16px/140% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; color: rgb(0, 0, 0); }
h2 { font: 14px/140% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; color: rgb(0, 0, 0); }
h3 { font: bold 12px/140% Verdana,Arial,Helvetica,sans-serif; color: rgb(102, 102, 102); }
a:link, a:visited { text-decoration: underline; color: rgb(51, 51, 51); }
a:active, a:hover { text-decoration: none; color: rgb(51, 51, 51); }
div.hr { border-bottom: 1px solid rgb(204, 204, 204); border-color: rgb(204, 204, 204); height: 1px; }
/* ::::: http://a0.jimstatic.com/app/cdn/min/group/web_oldui_oldtemplate.css?1403185625 ::::: */

body { height: 100%; }
body, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
img, a img { border: 0px none; }
img { display: block; }
ul, dl, ol { margin-top: 0.5em; margin-bottom: 0.5em; }
form, .inline { display: inline; }
.c, .clear, .cc-clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.hidden { display: none ! important; }
div#content_start { display: none; overflow: hidden; }
div#contentfooter { width: 100%; padding: 0px; margin: 0px; font-size: 11px; line-height: 140%; font-weight: normal; overflow: hidden; }
div#contentfooter div.inforow { margin-bottom: 12px; }
div#contentfooter div.leftrow { float: left; text-align: left; width: 55%; }
div#contentfooter div.rightrow { float: right; text-align: right; width: 42%; }
span.loggedin { display: none; }
div#loginbox { position: fixed; top: 41%; left: 50%; margin-left: -185px; z-index: 100010; width: 370px; overflow: hidden; border: 1px solid rgb(204, 204, 204); border-radius: 5px; background: none repeat scroll 0% 0% rgb(254, 254, 254); box-shadow: 1px 1px 4px rgb(0, 0, 0); text-align: left; font: 10px/14px Verdana,Geneva,Arial,Helvetica,sans-serif ! important; color: rgb(102, 102, 102) ! important; }
div#loginbox div#loginbox-header { border-radius: 9px 9px 0px 0px; border: 1px solid rgb(254, 254, 254); padding: 20px; background: none repeat scroll 0% 0% rgb(246, 246, 246); }
div#loginbox div#loginbox-content { border-top: 1px solid rgb(221, 221, 221); padding: 15px 20px 20px; }
div#loginbox a, div#imprint a { font: 10px/14px Verdana,Geneva,Arial,Helvetica,sans-serif ! important; color: rgb(51, 51, 51) ! important; text-decoration: underline ! important; }
div#loginbox a:hover, div#imprint a:hover { text-decoration: none ! important; background: none repeat scroll 0% 0% transparent ! important; }
div#loginbox a.cc-close { display: block ! important; position: absolute; top: 5px; right: 5px; height: 16px ! important; color: rgb(246, 246, 246) ! important; border-bottom: 1px solid rgb(246, 246, 246) ! important; font: 10px/18px Verdana,Geneva,Arial,Helvetica,sans-serif ! important; padding: 1px 18px 1px 4px ! important; text-decoration: none ! important; margin: 2px ! important; background: url('close.gif') no-repeat scroll 100% 4px transparent ! important; }
div#loginbox a.cc-close:hover { color: rgb(51, 51, 51) ! important; border-bottom: 1px solid gray ! important; background: url('close.gif') no-repeat scroll 100% -18px transparent ! important; }
div#loginbox a.cc-close:active { background-color: rgb(201, 233, 250); }
@media �screen,screen	 {
}
#loginbox-darklayer { z-index: 999; height: 100%; width: 100%; background: none repeat scroll 0% 0% rgb(0, 0, 0); opacity: 0.7; position: fixed; top: 0px; left: 0px; }
#contentfooter:after { content: ""; display: table; clear: both; }
#contentfooter a { white-space: nowrap; }
div.j-twitter iframe { width: 300px; height: 20px; }
div.cc-catalog-listview-st-3 div.cc-webview-product:nth-child(2n+1) { background-color: rgb(244, 244, 244); }
.cc-catalog-container-new .cc-catalog-listview.cc-catalog-st-3 .cc-webview-product:nth-child(2n+1) { background-color: rgb(244, 244, 244); }
@media not all {
}
@media �screen,screen	 {
}
@media �screen,screen	 {
}
html {  }
/* ::::: http://web56.jimdo.com/app/logstate2-css.php?site=s831b61787a478306&t=1403190900 ::::: */

/* ::::: http://notefmapp.appspot.com/tinyTips.css ::::: */

.fb_reset { background: none repeat scroll 0% 0% transparent; border: 0px none; border-spacing: 0px; color: rgb(0, 0, 0); cursor: auto; direction: ltr; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1; margin: 0px; overflow: visible; padding: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; }
.fb_reset > div { overflow: hidden; }