@charset "UTF-8";
/* 背景設定、基本レイアウト
----------------------------------------------------*/

.myicon {
border-radius:3px;
}


.inn h4.left_side {
width: 240px;
text-align:left;
float: left;
margin: 5px 20px 10px 0;
padding:0;
display:block;
background-color:#fff;
}

.inn h4.left_side img {
max-width:240px;
}

.inn p.right_side {
float:left;
width:498px;
}

.orange_title {
font-size: 18pt;
font-weight: bold;
color: #f79646;
margin-bottom: 10px;
}

.clearfix {
display: block;
}

.tab683 table.tableBase {
width:683px!important;
margin:0 auto!important;
}

table#serv_mobile p {
    margin-bottom:0!important;
}

.application_title1 {font-family:"MS PMincho"; font-size:64px; font-weight:bold; color:#323232;}
.application_title2 {font-family:"MS PMincho"; font-size:35px; font-weight:bold; color:#676767;}
.rect1 {text-align:center; display:block; padding:10px; font-size:18px; color:#fff; background-color:#666666; width:200px;}
.rect2 {text-align:center; display:block; padding:10px; font-size:18px; color:#fff; background-color:#666666; width:200px;}
.x_sign {font-size:32px;display:block; margin:0 20px;}


#navi_thumbs .thumb {width:180px; float:left; margin-right:19px; margin-bottom:19px;}
                         #navi_thumbs .thumb:nth-child(4n) {margin-right:0;}
                         #navi_thumbs .thumb a:hover img {opacity:1!important;}
                         
                         .paper_box {
                              width:710px;
                              margin:40px auto;
                              border:1px solid #c3c3c3;
                              box-sizing:border-box;
                              padding:15px 26px;
                              background-color:#fff;
                              -webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.13);
                              -moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.13);
                              box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.13);
                         }
                         
                         .paper_box .contents {
                              background:url(./uploads/2014/10/paper_lines.png) repeat-y;
                              padding:15px 30px;
                              padding-right:0;
                         }
                         
                          .paper_box .contents .coworker_photo {
                               float:right;
                          }
                          
                          .paper_box .contents .title {
                               font-size:16px;
                          }



                          
@media screen and (min-width: 300px) and (max-width: 440px),
handheld and (min-width: 300px) and (max-width: 440px),
screen and (min-device-width: 300px) and (max-device-width: 440px) {
    body { width: 100%;}
    .header .logo { width: 280px;}
    .countdown .clock { width: 280px;}
    .countdown .clock li.seconds, .countdown .clock li.minutes, .countdown .clock li.hours { display: none;}
    .paragraph { width: 280px;}
    .newsletter input.email { width: 120px;}
    .footer { width: 280px;}
    .footer li.twitter, .footer li.socialize, .footer li.contact { width: 100%; margin: 0 20px 40px 20px;}
    .footer .socialize .socialicons li a { margin: 0 16px 10px 0;}
}