/* Custom CSS ---------------------------------------------------------------------------------------------------------------------------------------- */

a {color:#2b73e9;}
a:hover {color:#e92f2f;}

.color-blue {color:#2b73e9;}
.color-red {color:#e92f2f;}
.color-gold {color:#ffd700;}

eng {font-family:"Numeric-Bold";}
value {font-family:"Numeric-Bold";}

.breadcrumb li.active{color:#ccc;}

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

/* Header ---------------------------------------------------------------------------------------------------------------------------------------- */
header { background-position:center top; background:url(../img/header_bg.png)  repeat-x #fff; border-bottom:#F90 3px solid;}
header .site-logo { float:left; margin-top:15px; }

header .extra { float:right; width:20%; display:inline-block; padding:5px 0 0 0;}
header .extra .language { float:right; margin-left:10px; font-size:14px;line-height:22px;}
header .extra .language img { box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.3); border-radius:2px; border:1px solid #fff;}
header .extra .hotline {  width:100%; display:inline-block; padding:3px 0 0 0;}
header .extra .hotline img {  float:right;}

nav  {float:left;}
.navbar-default { border:none; background-color:transparent;}
.navbar-header { display:none;}
.navbar-collapse { float:left;}
.navbar-collapse ul.nav { margin-top:10px;}
.navbar-collapse ul.nav li { margin-right:3px;}
.navbar-collapse ul.nav li a {background-color:#3299b0; border-radius:3px;padding:10px; margin:0; width:auto;}
.navbar-collapse ul.nav li a menu { line-height:22px;color:#fff; display:block; padding:0; margin:0; width:100%;}
.navbar-collapse ul.nav li a small {font-size:14px;line-height:22px;color:#ccc; display:block;padding:0; margin:0;}
.navbar-collapse ul.nav li a:hover {background-color:#fa0005;}
.navbar-collapse ul.nav li a:hover menu, .navbar-collapse ul.nav li a:hover small {color:#fff;}
.navbar-collapse ul.nav li.active a {background-color:#ec8343; color:#fff;}
.navbar-collapse ul.nav li.active a menu, .navbar-collapse ul.nav li.active a small {color:#fff;}
.navbar-collapse ul.nav li.active a:hover {background-color:#0c4656;}

/* Breadcrumb & Page Title ---------------------------------------------------------------------------------------------------------------------------------------- */
#content .pageheader { background-color:#000; color:#fff; margin-bottom:10px;}
#content .pageheader .breadcrumb { background-color:#000; border-radius:0;font-size:14px;line-height:22px;color:#666;margin:0; padding:10px;}
#content .pageheader .breadcrumb li.active a {color:#fff;}
#content .pageheader .breadcrumb li.active a:hover {color:#fff;}
#content .pageheader .breadcrumb a {color:#aaa;}
#content .pageheader .breadcrumb a:hover {color:#fff;}
#content .pageheader .pagetitle { padding:0; margin:0;}
#content .pageheader .pagetitle h1 { font-size:28px; line-height:42px; margin:0; padding:5px 10px;}
#content .pageheader .pagetitle p { font-size:18px; line-height:24px; margin:0 0 20px 0; padding:0 10px;}

/* Home ---------------------------------------------------------------------------------------------------------------------------------------- */
#content {}
#content .container {padding:0 10px; margin-bottom:10px;}
#content h3 { font-size:22px; line-height:28px; margin:10px 0 0 0; padding:0;}
#content h6 { font-size:16px; line-height:22px; margin:5px 0 10px 0; padding:0;}
#content p { font-size:14px; line-height:22px; padding:0; margin:15px 0 25px 0;}
#content ul {padding:0 0 0 20px; margin:0 0 25px 0; }
#content li { font-size:14px; line-height:23px; padding:0; margin:0; list-style:none;}
#content .col-right {padding:0; margin:0;}
#content .col-right img { border-radius:3px; box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.4); margin-top:10px;}


#content .translation h6 { font-size:13px; line-height:22px; margin:5px 0 15px 0; padding:0 0 10px 0; }
#content .translation .translation-right {border-left:1px dotted #ddd;}
#content .translation .translation-right img { border-radius:3px; box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.4); margin-top:10px;}
#content .translation hr {margin:5px 0 15px 0; padding:0 0 10px 0;  border-bottom:1px dotted #ddd; border-top:none;}

#content .header { background-color:#000; color:#fff; margin:0 0 010px;}
#content .header h1 { font-size:36px; height:40px;}
#content .header p { font-size:22px; line-height:30px; padding:10px; margin:0}
#content .header p a {color:#fff;}
#content .header p a:hover {color:#e92f2f; text-decoration:none;}

#content .intro-slide { display:inline-block; width:100%; padding:0; margin:0;}
#content .intro-slide img { border-radius:6px; box-shadow: 0px 2px 8px -4px rgba(0,0,0,1);}
#content .intro-header { display:inline-block; width:100%; padding:0; margin:0;}
#content .intro-header h2 { font-size:28px; line-height:30px; margin:30px 0 0 0; padding:0;}
#content .intro-header p.h2 { font-size:15px; line-height:28px; padding:0; margin:0 0 20px 0;}
#content .intro-header p a {color:#2b73e9;}
#content .intro-header p a:hover {color:#e92f2f; text-decoration:none;}

#content .blog { padding:0 5px;}
#content .blog .row {margin:0; border-top:1px dotted #ddd;}
#content .blog .row article:nth-child(4) {border-right:none;}
#content .blog article { float:left; width:25%; margin:5px 0; padding:0 10px; border-right:1px dotted #ddd; }
#content .blog article h3 {font-family:'Hiragino Kaku Gothic ProN',Meiryo,"メイリオ",'MS PGothic',sans-serif; font-size:15px; line-height:34px; margin:10px 0 0 0; padding:0;}
#content .blog article img { width:100%; box-shadow: 0px 1px 6px -2px rgba(0,0,0,0.5); border-radius:2px;}
#content .blog article p { font-size:13px; line-height:22px; padding:0; margin:5px 0 15px 0;}
#content .blog article p a {color:#2b73e9;}
#content .blog article p a:hover {color:#e92f2f; text-decoration:none;}



#content .support { margin-top:10px; border-top:1px solid #ddd; ; padding:10px 0 20px 0;}
#content .support .col {  float:left; height:300px;}
#content .support .col:first-child { border-right:1px solid #ddd;}
#content .support .col:last-child { border-left:1px solid #ddd;}
#content .support h5 {font-size:18px; line-height:30px; margin:10px 0 5px 0; padding:0; border-bottom:1px dotted #eee;}
#content .support h5 a {color:#2b73e9;}
#content .support h5 a:hover {color:#e92f2f;}
#content .support p.h5 { font-size:16px; line-height:26px; margin:5px 0 0 0; padding:0;}
#content .support img {width:100%; box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.4); border-radius:2px; margin: 5px 0 10px 0;}
#content .support ul { list-style: none; padding:0; margin:0; color:#666;}
#content .support ul li { float:left; margin:5px 0; padding:0; width:100%;}
#content .support ul li a { font-size:14px;line-height:22px;color:#2b73e9;}
#content .support ul li a:hover {color:#e92f2f;}
#content .support ul.list { list-style: circle; padding:0; margin:0 0 0 10px; color:#666;}
#content .support ul.list li { float:left; margin:2px 10px; padding:0; width:100%;}
#content .support ul.list li a { font-size:14px;line-height:22px;color:#2b73e9;}
#content .support ul.list li a:hover {color:#e92f2f;}
#content .support ul.sample { list-style:none; padding:0; margin:0;}
#content .support ul.sample li { float:left; width:47%; margin:5px 5% 0 0; padding:10px; border-radius:3px; border:1px solid #ddd; box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.4);}
#content .support ul.sample li:last-child {margin:5px 0 0 0}
#content .support ul.sample li img { display:inline-block; width:100%;}
#content .support ul.sample li span { display:inline-block; width:100%; font-size:14px;line-height:22px; text-align:center; padding-top:0;}
#content .support p { font-size:14px; line-height:22px; padding:0; margin:0;}

#content .policy {padding:0 10px; margin-bottom:10px;}
#content .policy h3 { font-size:22px; line-height:28px; margin:10px 0 0 0; padding:0;}
#content .policy p { font-size:13px; line-height:22px; padding:0; margin:0 0 25px 0;}
#content .policy ul {padding:0 0 0 20px; margin:0 0 25px 0; }
#content .policy li { font-size:13px; line-height:22px; padding:0; margin:0;}
#content .policy-right {border-left:1px dotted #ddd;} 

#content .payment {padding:0 10px;}
#content .payment h3 { font-size:18px; line-height:28px; margin:20px 0 0 0; padding:0 10px;}
#content .payment p { font-size:13px; line-height:22px; padding:0; margin:0 0 25px 0;}
#content .payment ul {padding:0 0 0 20px; margin:10px 20px 25px 0; list-style:none; width:22%; border:1px solid #ddd; border-radius:3px; padding:20px; box-shadow:0px 1px 6px -2px rgba(0,0,0,0.3); float:left;}
#content .payment li { font-size:13px; line-height:22px; padding: 2px 0 0 23px; margin:0;}
#content .payment h5 { font-size:16px; line-height:24px; margin:10px 0 30px 0; padding:0 10px;}

ul.plan li { float:left;}
ul.plan li img{width:216px;}

ul#list li{list-style:circle !important;}

/*  Contact Us ------------------------------------------------------------------------------------------------------------------------------------------------------ */
.contact-form {padding:10px; border-left:1px solid #ddd; margin:10px 0 20px 0;}
.contact-form label { font-size:14px; line-height:22px; padding:0 5px; margin:0;}
.contact-form label span { font-size:14px; line-height:22px; padding:0; margin:0; font-weight:normal;}
.contact-form label .glyphicon {color:#e92f2f;}
.contact-form button { font-size:16px; line-height:22px; padding:10px 10px 5px 10px; float:left;}
.contact-form button.btn-sendmsg { background-color:rgba(43,115,233,0.9); color:#fff; border:1px solid rgba(43,115,233,1);}
.contact-form button.btn-sendmsg:hover { background-color:rgba(0,0,0,0.7); color:#fff; border:1px solid rgba(0,0,0,0.9);}

.contact-address {padding:10px;   font-size:14px; line-height:22px; color:#000; margin:10px 0 20px 0;}
.contact-address b {font-family:"Numeric-Bold"; font-size:16px; line-height:22px; color:#000;}
.contact-address section {display:inline-block; width:100%; margin:0 0 20px 0}
.contact-address section .photo {display:inline-block; width:100%; margin:0; padding:0;}
.contact-address section .photo img { width:55%; margin-left:-10px;}



.btn {padding:0;margin:0;text-align:center;}
a.btn-modern {cursor:pointer;border: 1px solid;border-color: #a88734 #9c7e31 #846a29;border-radius:3px;margin:0;padding:0.6rem 1.6rem; }
a.btn-modern {box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;background: linear-gradient(to bottom,#f7dfa5,#f0c14b);color:#000;font-size:1.3rem;}
a.btn-modern:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset;border-color: #9c7e31 #90742d #786025;background: linear-gradient(to bottom,#f5d78e,#eeb933);}
a.btn-modern:active {box-shadow: 0 1px 6px rgba(0,0,0,0.4) inset;}
button.btn-modern {cursor:pointer;border: 1px solid;border-color: #a88734 #9c7e31 #846a29;border-radius:3px; margin:0;padding:0.6rem 1.6rem; }
button.btn-modern {box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;background: linear-gradient(to bottom,#f7dfa5,#f0c14b);color:#000;font-size:1.3rem;}
button.btn-modern:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset;border-color: #9c7e31 #90742d #786025;background: linear-gradient(to bottom,#f5d78e,#eeb933);}

.login-box{ text-align:center; background:#f7f7f7; border:#999 1px solid; border-radius:5px; padding:25px; margin-right:50px;}
.login-box p{font-size:1.6rem!important;}




/*  Footer ------------------------------------------------------------------------------------------------------------------------------------------------------ */
footer { padding:20px 0; border-top:1px solid #ddd; background-color:#cccccc;}

footer .footertop { font-size:14px;line-height:22px; color:#666; padding:0 10px;}
footer .footertop .footerleft { float:left; width:70%; border-right:1px dotted #ccc;padding:0 20px 0 0; }
footer .footertop .footerleft img { float:left; margin-right:20px;}
/*footer .footertop .footerleft img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);opacity: 0.3;}
footer .footertop .footerleft img:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);opacity: 1;}*/
footer .footertop .footerleft address {margin-bottom:10px;}
footer .footertop .footerleft address span { font-weight:bold;}
footer .footertop .footerleft address tel { margin-right:15px;}
footer .footertop .footerleft address fax { margin-right:15px;}
footer .footertop .footerleft address mail { margin-right:15px;}
footer .footertop .footerright { float:right; width:30%; padding:0 0 0 20px;}
footer .footertop .footerright .fb-like { width:100%;}
footer .footertop .footerright .fb-page { font-size:14px;line-height:22px; margin:0 0 10px 0;}
footer .footertop .footerright img {border-radius:4px; box-shadow:0px 0px 10px -4px rgba(0,0,0,0.0.5);}
footer .footertop .footerright img:hover {border-radius:4px; box-shadow:0px 0px 10px -4px rgba(0,0,0,0.5); }
footer .footertop .footer-menu { padding:0; margin:0;font-size:14px;line-height:16px;  }

footer .footerbottom { font-size:14px;line-height:22px; width:100%; display:inline-block; color:#888; padding:10px 10px 0 10px;}
footer .footerbottom copyright { font-size:14px;line-height:22px;  margin-right:15px;}
footer .footerbottom powered { }
footer .footerbottom powered a { margin-right:15px;}
footer .footerbottom a { color:#2b73e9;}
footer .footerbottom a:hover {color:#e92f2f;}


h4.item {color:#c67e13;}
div.caption{height:100px;}