﻿@charset "UTF-8";
@import url("style-base.css");
@import url("style-menu.css");

h1 { background-color: #03468D; font-size: 11px; color: #FFFFFF; line-height: 14px; padding: 3px 0px 3px 15px; margin: 0px; font-weight: normal;}
h2 { margin: 0px; padding: 0px;}
h3 { margin: 0px; padding: 0px;}
h1 a:link,h1 a:visited { color: #ffffff; text-decoration:none; }
h1 a:hover,h1 a:active { color: #ffffff; text-decoration:none; }



.img_r {
	float: right;
	border: none;
	vertical-align: top;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img_l {
	float: left;
	border: none;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img_n {
	float: none;
	border: none;
}

img{
border:0px;
}

textarea,select,input {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku 
GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳＰゴシック","sans-serif";
}



.php{
padding:15px 0px;
text-align:center;
}





#custom{
font-size:12px;
}

.p-t05{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-b10{ padding-bottom:10px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}

.m-t10{ margin-top:10px;}
.m-t20{ margin-top:20px;}
.m-t30{ margin-top:30px;}
.m-t40{ margin-top:40px;}
.m-b10{ margin-bottom:10px;}
.m-b20{ margin-bottom:20px;}
.m-b30{ margin-bottom:30px;}
.m-b40{ margin-bottom:40px;}

.cen{
text-align:center;
}

#for{
clear:both;
padding:10px 10px 5px 200px;
}






/**************************************************  title  ***************/



h2.newstitle{
background:url(img/inner/title_news01.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}
h2.newstitle2{
background:url(img/inner/title_news01.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}
h2.itemtitle{
background:url(img/inner/title_item02.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}

h2.stafftitle{
background:url(img/inner/title_staffblog.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}


h2.contentstitle{
background:url(img/inner/title_original.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}

h2.servicetitle{
background:url(img/inner/title_service.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}

h2.othertitle{
background:url(img/inner/title_banner.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}
h2.recruittitle{
background:url(img/inner/title_company.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}
h2.companytitle{
background:url(img/inner/title_company.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}
h2.accesstitle{
background:url(img/inner/title_company.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}
h2.voicetitle{
background:url(img/inner/title_voice.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}
h2.voicetitle2{
background:url(img/inner/title_voice.jpg) no-repeat left top;
padding:32px 30px 0px 5px;
font-size:18px;
height:68px;
}
.ttl01{
background:url(img/inner/plate_gray.gif) no-repeat left top #E2E5E4;
font-size:14px;
line-height:140%;
padding:7px 10px 7px 20px;
}
.ttl01 a:link,.ttl01 a:visited { color: #333333; text-decoration:none; }
.ttl01 a:hover,.ttl01 a:active { color: #333333; text-decoration:none; }

.ttl02{
background:url(img/inner/plate_yellow.gif) no-repeat left top #FDEF84;
font-size:14px;
line-height:140%;
padding:7px 10px 7px 20px;
margin-top:10px;
}
.ttl02 a:link,.ttl02 a:visited { color: #333333; text-decoration:none; }
.ttl02 a:hover,.ttl02 a:active { color: #333333; text-decoration:none; }

.ttl03{
background:url(img/inner/plate_gray.gif) no-repeat left top #E2E5E4;
font-size:14px;
line-height:140%;
padding:7px 10px 7px 20px;
margin-top:10px;
}
.ttl03 a:link,.ttl03 a:visited { color: #333333; text-decoration:none; }
.ttl03 a:hover,.ttl03 a:active { color: #333333; text-decoration:none; }


.ttl04{
background:url(img/inner/plate_blue.gif) no-repeat left top #B9DFF5;
font-size:14px;
line-height:140%;
padding:7px 10px 7px 20px;
margin-top:10px;
}
.ttl04 a:link,.ttl04 a:visited { color: #333333; text-decoration:none; }
.ttl04 a:hover,.ttl04 a:active { color: #333333; text-decoration:none; }


.ttl05{
background:url(img/inner/plate_lavender.gif) no-repeat left top #CDBDD8;
font-size:14px;
line-height:140%;
padding:7px 10px 7px 20px;
margin-top:10px;
}
.ttl05 a:link,.ttl05 a:visited { color: #333333; text-decoration:none; }
.ttl05 a:hover,.ttl05 a:active { color: #333333; text-decoration:none; }


.ttl12{
background:url(img/inner/plate_green.gif) no-repeat left top #FDEF84;
font-size:14px;
line-height:140%;
padding:7px 10px 7px 20px;
margin-top:0px;
}
.ttl12 a:link,.ttl12 a:visited { color: #333333; text-decoration:none; }
.ttl12 a:hover,.ttl12 a:active { color: #333333; text-decoration:none; }



.ttl-news{
background:url(img/inner/plate_gray.gif) no-repeat left top #E2E5E4;
font-size:14px;
line-height:140%;
padding:7px 10px 7px 20px;
}
.ttl-news a:link,.ttl-news a:visited { color: #333333; text-decoration:none; }
.ttl-news a:hover,.ttl-news a:active { color: #333333; text-decoration:none; }

.ttl-voice{
background:url(img/inner/plate_voice.gif) no-repeat left top #E2E5E4;
font-size:14px;
line-height:140%;
padding:7px 10px 7px 35px;
}
.ttl-voice a:link,.ttl-voice a:visited { color: #333333; text-decoration:none; }
.ttl-voice a:hover,.ttl-voice a:active { color: #333333; text-decoration:none; }



.ttl-ent{
font-size:14px;
color:#165295;
border-bottom:1px solid #103F73;
margin:10px;
}
.ttl-ent a:link,.ttl-ent a:visited { color: #103F73; text-decoration:none; }
.ttl-ent a:hover,.ttl-ent a:active { color: #3977BC; text-decoration:none; }





#pan{
font-size:12px;
font-weight:normal;
padding:3px 0px 10px 0px;
line-height:120%;
}



div.newsbox{
margin-bottom:15px;
}

div.body{
font-size:12px;
line-height:180%;
padding:5px 15px;
}
div.body p{
padding:4px 0px 6px;
}
div.fordetail{
background:url(img/inner/icon_aka_ya.gif) no-repeat right 5px;
padding:4px 25px 4px 0px;
text-align:right;
line-height:120%;
margin-right:5px;
font-weight:bold;
font-size:12px;
}
div.fordetail a:link,div.fordetail a:visited { color: #165295; text-decoration:none; }
div.fordetail a:hover,div.fordetail a:active { color: #477FBE; text-decoration:underline; }

div.fordetail02{
text-align:right;
margin-right:5px;
}



.day{
color:#D0100D;
padding:2px;
font-weight:bold;
}


div.monthbox{
text-align:right;
padding-bottom:3px;}



.next02{
width:450px;
margin:20px auto;
font-size:12px;
}

.next02 .prev a{
background:url(img/inner/prev.gif) no-repeat 0 3px;
padding-left:10px;
}
.next02 .next a{
background:url(img/inner/next.gif) no-repeat right 3px;
padding-right:10px;
}






table.sampletable{
width:550px;
margin:10px auto;
border-bottom:1px solid #B0CAD1;
border-left:1px solid #B0CAD1;
}
table.sampletable th{
padding:7px 8px;
vertical-align:top;
text-align:left;
font-weight:normal;
border-top:1px solid #B0CAD1;
border-right:1px solid #B0CAD1;
width:120px;
background:#F1F9FB;
}
table.sampletable td{
padding:7px 8px;
vertical-align:top;
text-align:left;
font-weight:normal;
border-top:1px solid #B0CAD1;
border-right:1px solid #B0CAD1;
}

table.sampletable2{
width:550px;
margin:10px auto;
border-bottom:1px solid #D4BEBF;
border-left:1px solid #D4BEBF;
}
table.sampletable2 th{
padding:7px 8px;
vertical-align:top;
text-align:left;
font-weight:normal;
border-top:1px solid #D4BEBF;
border-right:1px solid #D4BEBF;
width:120px;
background:#FDF4F5;
}
table.sampletable2 td{
padding:7px 8px;
vertical-align:top;
text-align:left;
font-weight:normal;
border-top:1px solid #D4BEBF;
border-right:1px solid #D4BEBF;
}


table.sampletable3{
width:550px;
margin:10px auto;
border-bottom:1px solid #D0DEC3;
border-left:1px solid #D0DEC3;
}
table.sampletable3 th{
padding:7px 8px;
vertical-align:top;
text-align:left;
font-weight:normal;
border-top:1px solid #D0DEC3;
border-right:1px solid #D0DEC3;
width:120px;
background:#F7FEF1;
}
table.sampletable3 td{
padding:7px 8px;
vertical-align:top;
text-align:left;
font-weight:normal;
border-top:1px solid #D0DEC3;
border-right:1px solid #D0DEC3;
}










#sitemap{
padding:0px 15px;
}
#sitemap h4{
background:url(img/inner/point09.gif) no-repeat 5px 14px;
font-size:14px;
line-height:140%;
padding:10px 0px 0px 23px;
border-bottom:1px solid #26528D;
margin:5px 0px 3px;
}
#sitemap ul{
padding-left:25px;
list-style:none;
}
#sitemap li{
background:url(img/inner/point08.gif) no-repeat 5px 12px;
padding:10px 0px 2px 21px;
border-bottom:1px dotted #26528D;
line-height:120%;
}


#sitemap a:link,#sitemap a:visited { color: #1D467D; text-decoration:none; }
#sitemap a:hover,#sitemap a:active { color: #507BB6; text-decoration:none; }


.popin{
width:560px; margin:10px auto; font-size:12px; text-align:left; line-height:180%;
}
.popin p{
padding-top:10px;
}
.button{
text-align:center;
width:300px;
margin:20px auto;
}

.must{
font-weight:bold;
color:#ff0000;
padding:0px 3px;
}
.ex{
font-size:10px;
color:#ff0000;
}

/************suzuki***************/

.text-10{
font-size:10px;
line-height:140%;
color:#333333;
}

.text-12{
font-size:12px;
line-height:140%;
color:#333333;
}

.text-14{
font-size:14px;
line-height:140%;
color:#333333;
}

.box-12{
border:1px solid #4F809D;
padding:5px;
font-size:12px;
background:#E7F8F5;
}

.box-14{
border:1px solid #999999;
padding:5px;
font-size:14px;
background:#DCEBE8;

}



#menu img{
vertical-align:bottom;
}








div.staffbox{
border:1px solid #B4C2EA;
margin-bottom:15px;
}
div.name{
text-align:right;
padding:2px 10px;
line-height:110%;
font-size:12px;
}







div.comm01{
background:url(img/inner/point-comm.gif) no-repeat 0 5px;
width:180px;
float:left;
padding:5px 0px 5px 23px;
font-size:10px;
line-height:110%;
letter-spacing:1px;
color:#888888;
margin-left:10px;
}



div#comment{
background:#F0F5FC;
padding:15px;
font-size:12px;
margin-bottom:15px;
}
div#comment h5.ttlcomm{
font-size:120%;
padding:0px 0px 3px 0px;
color:#D60000;
}
div.track{
padding:0px 0px 10px 10px;
border-bottom:1px dotted #d5d5d5;
}

div.commarea{
padding:10px 0px 10px 10px;
border-bottom:1px dotted #d5d5d5;
}
div.comment-box{
padding-top:5px;
}
div.commarea h5{
font-size:100%;
padding:0px 0px 5px 0px;
}
div.comm-body{
line-height:160%;
}
p.date{
font-size:80%;
color:#888888;
text-align:right;
padding:7px 0px 0px 0px;
}

div.nyuryoku{
padding:10px 0px 10px 10px;
}

.commenttable td{
padding:5px 0px;
}


.cate{
background:url(img/glad07.gif) repeat-x left bottom;
padding:4px 5px 4px 10px;
font-size:15px;
line-height:150%;
margin-bottom:15px;
color:#3f3f3f;}











ul.stablo{
background:url(img/a-re.gif) repeat-y 0 0;
margin-bottom:10px;
list-style:none;
}
ul.stablo li{
background:url(img/inner/point08.gif) no-repeat 5px 8px;
padding:5px 5px 5px 18px;
line-height:150%;
font-size:12px;
border-bottom:1px solid #BABABA;
text-align:left;
}

ul.stablo li a:link,ul.stablo li a:visited { color: #186DE0; text-decoration:underline; }
ul.stablo li a:hover,ul.stablo li a:active { color: #666666; text-decoration:none; }


div.montharea{
background:url(img/a-re.gif) repeat-y 0 0;
border-bottom:1px solid #BABABA;
padding:10px;
text-align:center;
margin-bottom:10px;
}



