body  {color: #333; font-size: 75%; font-family: Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "ms pgothic"; line-height: 165%; text-align: center; height: 100% }
#body{width: 810px;}
a  { color: #3083c8 }
a:hover  { text-decoration: none }
a:visited  { color: #636eca }
img  { border: 0 }
p{margin: 0}

.container{background-color: #4FBAD0}
.container-inner{background-image: url(images/bg-contents.png);background-repeat: no-repeat;background-position: left bottom;}


.royalblue{background-color: #3083c8;}
.lightgray{background-color: #f2f2f2;padding: 45px 55px 50px;}

/*title*/
.title-grd { font-size: 117%; font-weight: bold;background-image: url(../common/images/parts/ttl_g_bg.png); background-repeat: no-repeat; background-position: left bottom ;margin:0 auto 20px;}
.title-grd-inner { background-image: url(../common/images/parts/ttl_g_header.png); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 20px }

/*foot*/
.gohome{text-align: center;margin: 30px auto 35px;}

/*top*/
.r-container-mid{background-color: #f2f2f2;padding:45px 40px;color:#fff;}
.r-container-btm{background-color: #3083c8;padding:45px 40px;color:#fff;}
.box1{background-color: #e38024}
.box2{background-color: #80b300}
.box3{background-color: #3083c8}
.box4{background-color: #e55882;height: 240px;}
.box5{background-color: #808080}
.box1, .box2, .box3, .box4, .box5{color:#fff;width: 360px;text-align: left}
.box1, .box2, .box3, .box5{height: 115px;}
.box1 img, .box2 img{padding-right: 15px;}
.box p img{padding-right: 0;padding-top: 5px;}
.box1 .box, .box2 .box, .box3 .box, .box5 .box{padding: 20px 10px 0 0;}
.box2, .box3, .box5{margin-top: 10px}
.box1 .headline, .box2 .headline, .box3 .headline, .box4 .headline, .box5 .headline
{font-size: 125%;}
.box3 .imageblock, .box5 .imageblock{background-color: #fff;height: 115px;width:140px;text-align: center;margin-right: 15px;float: left}
.box3 .imageblock img{margin-top: 40px;}
.box5 .imageblock img{margin-top: 37px;}
.box4 p{padding: 20px 0 5px 15px;}
.box4 div{margin:5px auto auto 15px }
.staffblock.voice0{background-image: url(images/ph-recruit3.jpg);}
.staffblock.voice1{background-image: url(images/ph-recruit4.jpg);}
.staffblock{background-position: left;background-repeat: no-repeat;width:330px;height:85px;}
.staffblock p{text-align: right;padding-top: 57px;padding-right: 10px;}
.r-container-btm .grad{background-color: #4fbad0;width:365px;}
.r-container-btm .care{background-color: #4f9fd0;width:365px;}
/*about*/
.a-container-top{margin: 0;padding: 0;line-height: 1;}
.a-container-top{margin-bottom: -2px\9;}
.a-container-top:not(:target){margin-bottom: -2px¥9;}
.a-container-mid{background-color: #4fbad0;background-image: url(images/bg-about-mid.png); background-repeat: no-repeat; background-position: left top ;height: 365px;padding: 0 55px;}
.a-container-btm{background-color: #3083c8;color: #fff;padding:0 55px;}
.a-container-btm .photo{margin-right: -20px;}
.a-container-btm .photo img{padding-bottom: 5px;}
.a-container-btm .photo .f_left{padding-right: 20px;font-weight: bold;}
/*company*/
.tbl-01 { width: 100%; border-top: 1px solid #e6e6e6 }
.tbl-01 th,.tbl-01 td { font-size: 80%; padding: 10px 20px; border-bottom: 1px solid #e6e6e6 }
.tbl-01 th { font-weight: bold;text-align: left;font-size: 90%;width:100px;vertical-align: top}
.tbl-01 td { }
.tbl-01 dl { }
.tbl-01 dt { float: left }
.tbl-01 dd  { font-size: 92%; float: left }
.tbl-01 dd img{vertical-align: middle;}
/*guideline*/
.guide-toptxt{width:700px;margin:45px auto 50px;color:white;}
.guide-contents{margin:auto 10px;background-color: #fff;padding: 40px 45px 30px;}
.guide-contents p,.guide-contents ol{margin-bottom: 30px;}
.guide-contents ol {list-style-type: decimal-leading-zero;margin-left: 0;padding-left: 2em;}
.guide-contents ol li{margin-bottom: 10px;}
.guide-contents ol ul{padding-left: 0;margin:1em 0 0;}
.guide-contents ol ul li {
	list-style-type: none;
    background-image: url("../common/images/parts/icon_rou_gray.png");
    background-position: 4px 6px;
    background-repeat: no-repeat;
    margin: 0 0 0 -1.5em;
    padding: 0 0 0 20px;
}
/*greeting*/
.greeting-contents{color: #fff;font-size: 109%;}
.greeting-contents p{margin-bottom: 30px;}

/*WIDTH*/
.w620{width:620px;margin: 0 auto;}
/*FONT*/
.large   { font-size: 109%; line-height: 165% }
.largest { font-size: 117% }
.small  { font-size: 92% }
.smallest { font-size: 84% }
.lh_100 { line-height: 100%; }
.lh_120 { line-height: 120%; }
.lh_150 { line-height: 150%; }
.lh_200 { line-height: 150%; }
.warn  { color: #e38024 }
.mess  { color: #80b300 }
/*ALIGN*/
.ta_center { text-align: center }
.ta_right { text-align: right }
.ta_left { text-align: left }
.va_top { vertical-align: top }
.va_center { vertical-align: middle }
.va_bottom { vertical-align: bottom }
.f_left  { float: left }
.f_right  { float: right }
/*MARGIN*/
.m_5 { margin: 5px; }
.m_10 { margin: 10px; }
.m_15 { margin: 15px; }
.m_20 { margin: 20px; }
.m_25 { margin: 25px; }
.m_30 { margin: 30px; }
.m_35 { margin: 35px }
.m_40 { margin: 40px }
.m_45 { margin: 45px }
.m_b5 { margin-bottom: 5px; }
.m_b10 { margin-bottom: 10px; }
.m_b15 { margin-bottom: 15px; }
.m_b20 { margin-bottom: 20px; }
.m_b25 { margin-bottom: 25px; }
.m_b30 { margin-bottom: 30px; }
.m_b35 { margin-bottom: 35px; }
.m_b40 { margin-bottom: 40px; }
.m_b45 { margin-bottom: 45px; }
.m_b50 { margin-bottom: 50px; }
.m_b60 { margin-bottom: 60px; }

.m_t5 { margin-top: 5px; }
.m_t10 { margin-top: 10px; }
.m_t15 { margin-top: 15px; }
.m_t20 { margin-top: 20px; }
.m_t25 { margin-top: 25px; }
.m_t30 { margin-top: 30px; }
.m_t35 { margin-top: 35px; }
.m_t40 { margin-top: 40px; }
.m_t45 { margin-top: 45px; }
.m_t50 { margin-top: 50px; }
.m_t85 { margin-top: 85px; }

.m_l5 { margin-left: 5px; }
.m_l10 { margin-left: 10px; }
.m_l15 { margin-left: 15px; }
.m_l20 { margin-left: 20px; }
.m_l25 { margin-left: 25px; }
.m_l30 { margin-left: 30px; }
.m_l35 { margin-left: 35px; }
.m_l40 { margin-left: 40px; }
.m_l45 { margin-left: 45px; }
.m_l50 { margin-left: 50px; }

.m_r5 { margin-right: 5px; }
.m_r10 { margin-right: 10px; }
.m_r15 { margin-right: 15px; }
.m_r20 { margin-right: 20px; }
.m_r25 { margin-right: 25px; }
.m_r30 { margin-right: 30px; }
.m_r35 { margin-right: 35px; }
.m_r40 { margin-right: 40px; }
.m_r45 { margin-right: 45px; }
.m_r50 { margin-right: 50px; }

/*PADDING*/
.p_1 { padding: 1px; }
.p_2 { padding: 2px; }
.p_3 { padding: 3px; }
.p_4 { padding: 4px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_15 { padding: 15px; }
.p_20 { padding: 20px; }
.p_25 { padding: 25px; }
.p_30 { padding: 30px; }
.p_35 { padding: 35px; }
.p_40 { padding: 40px; }
.p_45 { padding: 45px; }
.p_50 { padding: 50px; }

.p_b5 { padding-bottom: 5px; }
.p_b10 { padding-bottom: 10px; }
.p_b15 { padding-bottom: 15px; }
.p_b20 { padding-bottom: 20px; }
.p_b25 { padding-bottom: 25px; }
.p_b30 { padding-bottom: 30px; }
.p_b35 { padding-bottom: 35px; }
.p_b40 { padding-bottom: 40px }
.p_b45 { padding-bottom: 45px }
.p_b50 { padding-bottom: 50px }
.p_b55 { padding-bottom: 55px }
.p_b65 { padding-bottom: 65px }
.p_b90 { padding-bottom: 90px }

.p_t5 { padding-top: 5px; }
.p_t10 { padding-top: 10px; }
.p_t15 { padding-top: 15px; }
.p_t20 { padding-top: 20px; }
.p_t25 { padding-top: 25px; }
.p_t30 { padding-top: 30px; }
.p_t35 { padding-top: 35px; }
.p_t40 { padding-top: 40px; }
.p_t45 { padding-top: 45px; }
.p_t50 { padding-top: 50px; }
.p_t100 { padding-top: 100px; }
.p_t150 { padding-top: 150px; }

.p_l5 { padding-left: 5px; }
.p_l10 { padding-left: 10px; }
.p_l15 { padding-left: 15px; }
.p_l20 { padding-left: 20px; }
.p_l25 { padding-left: 25px; }
.p_l30 { padding-left: 30px; }
.p_l35 { padding-left: 35px; }
.p_l40 { padding-left: 40px; }
.p_l45 { padding-left: 45px; }
.p_l50 { padding-left: 50px; }

.p_r5 { padding-right: 5px; }
.p_r10 { padding-right: 10px; }
.p_r15 { padding-right: 15px; }
.p_r20 { padding-right: 20px; }
.p_r25 { padding-right: 25px; }
.p_r30 { padding-right: 30px; }
.p_r35 { padding-right: 35px; }
.p_r40 { padding-right: 40px; }
.p_r45 { padding-right: 45px; }
.p_r50 { padding-right: 50px; }
/*DISPLAY*/
.break  { display: block; clear: both }
*:first-child+html .break{ height: 0 }
/*.clear { overflow: hidden; _overflow: visible;}*/
.clear { /zoom: 1; }/*for IE6,7*/

.clear:after {
content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
.clear { display: block; }
/* no ie mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* */