@charset "utf-8";

/*==========================================
body.contents
===========================================*/

body div#leftbox{
width:235px;
float:left;
}

body div#maincontentsbox{
width:710px;
float:right;
}

/*==========================================
contents area
===========================================*/
body div#maincontentsbox h1{
margin:0 0 15px 0;
padding:0;
}

body div#maincontentsbox p{
line-height:170%;
margin:15px 0 25px 0;
clear:both;
}


body div#maincontentsbox h2{
font-size:180% !important;
color:#005bac;
margin-bottom:0 0 15px 0;
line-height:140%;
clear:both;
}

body div#maincontentsbox h2.type01{
font-size:120%;
color:#005bac;
background:url(/wp-content/themes/ptw_co/cmn/img/titlebar01.gif) no-repeat bottom;
clear:both;
padding-bottom:10px;
margin:10px 0 15px 0;
width:100%;
}

body div#maincontentsbox h3{
border-left:3px solid #09F;
font-size:125% !important;
margin:0 0 13px 0;
padding:4px 0 2px 8px;
color:#005bac;
clear:both;
}

body div#maincontentsbox h4{
border-bottom:1px solid #cccccc;
font-size:110% !important;
margin:0 0 -3px 0;
padding:4px 0 2px 2px;
color:#393939;
font-weight:bold;
clear:both;
}

body div#maincontentsbox ul.checklist{
margin:15px 0 25px 0;
padding:0;
}

body div#maincontentsbox ul.checklist li{
margin:0;
padding:2px 0 4px 30px;
list-style-type:none;
background:url(/wp-content/themes/ptw_co/cmn/img/checkmark.gif) no-repeat;
color:#005bac;
line-height:160%;
font-size:110%;
font-weight:bold;
}

body div#maincontentsbox ul.checklist01{
margin:0;
padding:0;
}

body div#maincontentsbox ul.checklist01 li{
margin:0;
list-style-type:none;
background:url(/wp-content/themes/ptw_co/cmn/img/arrow_01.gif) no-repeat 0 1px;
padding-left:15px;
line-height:160%;
}


body div#maincontentsbox ul.checklist02{
margin:0;
padding:0;
}

body div#maincontentsbox ul.linklist02 li{
margin:0 0 20px 0;
list-style-type:none;
background:url(/wp-content/themes/ptw_co/cmn/img/arrow_01.gif) no-repeat 0 5px;
padding-left:15px;
line-height:160%;
text-align:right;
float:right;
clear:both;
}

body div#maincontentsbox div.point{
background:url(/wp-content/themes/ptw_co/cmn/img/point_hd.gif) no-repeat;
margin:0;
padding:30px 0 0 0;
clear:both;
}

body div#maincontentsbox div.point p{
background:url(/wp-content/themes/ptw_co/cmn/img/point_ft.gif) no-repeat bottom;
margin:0 0 20px 0;
padding:0 0 15px 0;
clear:both;
}

body div#maincontentsbox div.contact{
margin:20px 0 40px 0;
border:1px solid #CCC;
padding:15px 15px 10px 12px;
float:left;
width:100%;
}

body div#maincontentsbox div.contact p{
color:#005bac;
font-size:135%;
font-weight:bold;
margin:0 0 5px 15px !important;
}

body div#maincontentsbox div.contact p.expound{
color:#555555;
font-size:100%;
font-weight:normal;
margin:0 5px 10px 15px !important;
}

body div#maincontentsbox div.contact ul.otherlist01{
margin-left:11px;
text-align:center;
float:left;
}

body div#maincontentsbox div.contact ul.otherlist01 li{
float:left;
margin:0 1px 6px 10px;
list-style-type:none;
}

body div#maincontentsbox div.contact ul.otherlist02{
	display:none !important;
}

body div#maincontentsbox p.note{
font-size:80%;
margin:0 0 15px 0 !important;
}

table.style01{
margin-top:-20px !important;
margin-bottom:20px !important;
}

dl.liststyle01{
clear:both;
margin:10px 0 25px 7px;
padding:0;
}

dl.liststyle01 dt{
padding:3px 0 3px 15px;
font-weight:bold;
margin-bottom:5px;
background:url("/wp-content/themes/ptw_co/cmn/img/circle.gif") no-repeat 0 4px;
text-align:left;
}

dl.liststyle01 dd{
margin:5px 0 7px 0;
padding:0 0 6px 1em;
background:url("/wp-content/themes/ptw_co/cmn/img/line_690.gif") bottom left repeat-x;
line-height:160%;
text-align:left;
}

dl.history_List{
clear:both;
margin:10px 0 25px 10px;
padding:0;
}

dl.history_List dt{
padding:3px 0 3px 15px;
width:6em;
font-weight:bold;
margin-bottom:5px;
background:url("/wp-content/themes/ptw_co/cmn/img/circle.gif") no-repeat 0 4px;
text-align:left;
}

dl.history_List dd{
margin:-1.8em 0 5px 0;
padding:0 0 6px 6em;
background:url("/wp-content/themes/ptw_co/cmn/img/line_690.gif") bottom left repeat-x;
line-height:130%;
text-align:left;
}

dl.history_List2{
clear:both;
margin:15px 0 25px 10px;
padding:0;
}

dl.history_List2 dt{
padding:3px 0 3px 15px;
width:9em;
font-weight:bold;
margin-bottom:5px;
background:url("/wp-content/themes/ptw_co/cmn/img/circle.gif") no-repeat 0 4px;
text-align:left;
}

dl.history_List2 dd{
margin:-1.8em 10px 5px 0;
padding:0 0 8px 10em;
background:url("/wp-content/themes/ptw_co/cmn/img/line_670.gif") bottom left repeat-x;
line-height:130%;
text-align:left;
}

img.styleleft{
float:left;
padding:0 10px 10px 0;
}

p.styleright{
text-align:right;
}

.socialbtn {
margin:3px 0 20px 0;
width: 230px;
}
.socialbtn:after{
display:block;
clear:both;
visibility:hidden;
height:0;
content:".";
}
.socialbtn .twitter{
width: 100px;
margin-right: 10px;
float: left;
}
.socialbtn .facebook{
width: 100px;
float: left;
}



#news_archive div#contents_menu01{
margin:0 0 10px 0;
padding:0;
clear:both;
width:220px;
}

#news_archive div#contents_menu01 ul.list{
margin:0 0 10px 0;
text-align:left;
padding:2px 0 0 0;

}

#news_archive div#contents_menu01 ul.list li a{
	display:block;
}

#news_archive div#contents_menu01 ul.list li.head{
padding:5px 5px 5px 10px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
color:#139d12;
font-weight:bold;
line-height:140%;
}

#news_archive div#contents_menu01 ul.list li{
padding:8px 5px 5px 18px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
background:#fff url(/wp-content/themes/ptw_co/cmn/img/circle.gif) no-repeat 6px 11px;
line-height:140%;
border-bottom:1px dotted #CCCCCC;
}

#news_archive div#contents_menu01 ul.list li.end{
padding:8px 5px 5px 18px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
background:#fff;
line-height:140%;
border-bottom:none !important;
}


#news_archive div#contents_menu01 ul.list li.current{
padding:5px 5px 5px 15px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
color:#060 !important;
background:#fff;
line-height:140%;
}

#news_archive div#contents_menu03{
margin:0 0 20px 0;
padding:0;
clear:both;
width:220px;
}

#news_archive div#contents_menu03 ul.list{
margin:0 0 10px 0;
text-align:left;
padding:2px 0 0 0;
}

#news_archive div#contents_menu03 ul.list li a{
	display:block;
}

#news_archive div#contents_menu03 ul.list li.head{
padding:5px 5px 5px 10px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
color:#139d12;
font-weight:bold;
line-height:140%;
}

#news_archive div#contents_menu03 ul.list li{
padding:8px 5px 5px 18px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
background:#fff url(/wp-content/themes/ptw_co/cmn/img/circle.gif) no-repeat 6px 11px;
line-height:140%;
border-bottom:1px dotted #CCCCCC;
}

#news_archive div#contents_menu03 ul.list li.end{
padding:8px 5px 5px 18px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
background:#fff;
line-height:140%;
border-bottom:none !important;
}


#news_archive div#contents_menu03 ul.list li.current{
padding:5px 5px 5px 15px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
color:#060 !important;
background:#fff;
line-height:140%;
}

table th.th01{
color:#353535;
}

.sendbtm{
margin-top:20px;
text-align:center;
}

.screen-reader-response{
display: none;
}

.wpcf7-validation-errors{
color:#FF0000;
text-align:center;
}

.wpcf7-not-valid-tip{
color:#FF0000;
margin-left:5px;
}

.wpcf7-response-output{
text-align:center;
border:none !important;
display:none !important;
}

p.ectlink1{
margin:13px 0 -17px 0 !important;
padding-top:5px;
clear:both !important;
}
p.ectlink2{
margin:13px 0 -5px 0 !important;
clear:both !important;
}

ul.picstyle2{
margin:0 0 -5px 10px;
}

ul.picstyle2 li{
display:inline;
}

p.txtstyle2{
padding:0 12px;
}

/*==========================================
sp contents area
===========================================*/
@media screen and (max-width:320px){

#news_archive{
display: none;
}

body div#maincontentsbox h2{
font-size:110% !important;
color:#005bac;
margin-bottom:0 0 15px 0;
line-height:140%;
clear:both;
}


body div#maincontentsbox h3{
border-left:3px solid #09F;
font-size:110% !important;
margin:0 0 13px 0;
padding:4px 0 2px 8px;
color:#005bac;
clear:both;
}

table.style01 th{
border-bottom:1px solid #f5f5f5 !important;
width:100%;
display:block;
}

table.style01 td{
width:100%;
display:block;
}

table.style01 th.end{
width:100%;
display:block;
border-bottom:1px solid #ccc !important;
}

table.style01 {
	border-spacing:0 5px !important;
	border-collapse: separate;
}

body div#maincontentsbox div.contact{
	width:270px !important;
}

p.ectlink1{
margin:0 !important;
padding:0px !important;
text-align:center !important;
clear:both !important;
}
p.ectlink2{
margin:0 !important;
padding:0px !important;
text-align:center !important;
clear:both !important;
}

body div#maincontentsbox div.contact ul.otherlist02{
margin-left:2px !important;
text-align:center;
display:block !important;
}

body div#maincontentsbox div.contact ul.otherlist02 li{
margin:0 1px 6px 0px !important;
list-style-type:none;
}
body div#maincontentsbox div.contact ul.otherlist02 li img{
width:270px !important;
height:auto !important;
max-width:270px;
}


body div#maincontentsbox div.contact ul.otherlist01{
	display:none !important;
}

dl.history_List2{
clear:both;
margin:15px 0 25px 5px;
padding:0;
}

dl.history_List2 dt{
padding:3px 0 3px 15px;
font-weight:bold;
margin-bottom:5px;
background:url("/wp-content/themes/ptw_co/cmn/img/circle.gif") no-repeat 0 4px;
text-align:left;
}

dl.history_List2 dd{
margin:5px 10px 5px 0;
padding:0 0 8px 0;
background:url("/wp-content/themes/ptw_co/cmn/img/line_670.gif") bottom left repeat-x;
line-height:130%;
text-align:left;
}

.wpcf7-form-control{
max-width: 95%;
}

}

/*==========================================
google map area
===========================================*/
#canvas_wrapper{
max-width: 95%;
min-width: 280px;
padding: 4px;
border: 1px solid #CCC;  
margin: auto;
}
 
#canvas_wrapper img {
max-width: none;
}
 
#map-canvas {
height:300px;
width:100%;
}

@media only screen and (min-width:  600px) { 
  #map-canvas {
    height: 400px;
  }
}
 
@media only screen and (min-width:  960px) { 
  #map-canvas {
    height: 500px;
  }
}

/*==========================================
company group chart
===========================================*/
img#groupchart_sp{
    display:none;
}

@media screen and (max-width:320px){
  img#groupchart_pc{
    display:none;
  }
  img#groupchart_sp{
    display:block;
  }
}