@charset "UTF-8";
@import url("style-base.css");

h1 {
font-size:10px;
letter-spacing:1px;
padding: 10px 10px 5px 10px;
color: #cccccc;
font-weight:normal;
}
h2 {
}
h3 {
}

td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }
.size-12 { font-size: 12px; line-height: 180%; }
.size-10 { font-size: 10px; line-height: 150%; }
.size-16 { font-size: 16px; line-height: 150%; }

form {
	margin: 0;
}
textarea,select,input {
    font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku GothicPro,Osaka,Verdana,Helvetica,"ＭＳ Ｐゴシック",Arial,sans-serif;
}


div.pagenavi {
	margin-top: 18px;
}
div.pageback {
}
div.pageback img {
	float: left;
	border: 0;
}
div.pagetop {
}
div.pagetop img {
	float: right;
	border: 0;
}

img{border:0px;}

.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-b05{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}

.m-t05{ margin-top:5px;}
.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;}
.right{ text-align:right;}
.l-box{ float:left;}
.r-box{ float:right;}
.blue{ color:#0E4693; }







/*============================================================================== top ====*/
#mainimg{
background: url(img/mainimg.jpg) no-repeat center top;
width: 407px;
padding: 114px 5px 14px 318px;
margin: 0px auto 15px auto;
}

#mainimg ul{
width: 407px;

}
#mainimg ul li{
list-style:none;
float:left;
padding: 0px 15px 7px 0px;
}

#topnew{
width: 710px;
margin: 0px auto;
}
#topnewttl {
border-bottom:1px solid #B2B2B2;
}
.topnewttl02{
float:left;

}
.topnewttl03 {
padding: 5px 0px 0px 15px;
float:right;
background: url(img/itiran.gif) no-repeat left center;
height: 19px;
}
.topnewttl03 a:link,.topnewttl03 a:visited { color: #1D385B; text-decoration:none; }
.topnewttl03 a:hover,.topnewttl03 a:active { color: #436999; text-decoration:underline; }

#topnew02{
width: 690px;
margin: 15px auto 0px auto;
}
.topnew-l{
width: 247px;
padding: 0px 10px 10px 0px;
float:left;
}
.topnew-l ul{
width: 247px;
}
.topnew-l ul li{
padding-bottom: 5px;
list-style:none;
}


.topnew-r {
float:left;
}

.topnew-r dl{
width: 433px;
line-height:160%;
}
.topnew-r dt{
width: 90px;
padding: 0px 0px 10px 10px;
float:left;
}
.topnew-r dd{
width: 303px;
padding: 0px 10px 10px 10px;
float:left;
}
.topnew-r dl a:link,.topnew-r dl a:visited { color: #000000; text-decoration:underline; }
.topnew-r dl a:hover,.topnew-r dl a:active { color: #0E4693; text-decoration:none; }

.topnew-box{

margin-bottom: 10px;
}
.tnb{
border-bottom:1px dotted #C3CBD4;
}





/*============================================================================== inner ====*/
.message {
background:url(img/inner/messimg01.jpg) no-repeat right top;
width: 280px;
padding-right: 248px;
}
h4.inttl {
margin-bottom: 15px;
}
.message p{

line-height:180%;
padding-bottom: 10px;
}


dl.new {
width: 528px;
margin-bottom: 5px;
}
dl.new dt {
width: 100px;
padding: 0 0 0 20px;
float:left;
background: url(img/inner/icon01.gif) no-repeat 10px 4px;
line-height:160%;
}
dl.new dd {
width: 388px;
padding: 0 10px;
float:left;
line-height:160%;
}
dl.new dd img	{
	padding: 0 0 0 3px;
	vertical-align: text-bottom;
}

.info h5{
margin-bottom:10px;
}

.info{
border-bottom: 1px dotted #B4B4B4;
padding-bottom:15px;
margin: 0px auto 20px 0px;
width: 518px;
}


h5.sitemap{
padding:0px 0px 10px 12px;
background:url(img/inner/icon03.gif) no-repeat 0px 0px;
font-size: 12px;
color:#0E4693;
font-style: normal;
}
ul.sitemap02{
list-style:none;
padding:0px 0px 20px 30px;
color: #333333;
}
ul.sitemap02 li{
list-style:none;
padding-bottom:10px;
}
h5.sitemap a:link,h5.sitemap a:visited { color: #0E4693; text-decoration:none; }
h5.sitemap a:hover,h5.sitemap a:active { color: #0E4693; text-decoration:underline; }

ul.sitemap02 a:link,ul.sitemap02 a:visited { color: #333333; text-decoration:none; }
ul.sitemap02 a:hover,ul.sitemap02 a:active { color: #0E4693; text-decoration:underline; }




#privacy{
width: 508px;
}
#privacy p{
line-height:180%;
padding-bottom:10px;
}
#privacy ol{
padding: 0px 10px 30px 35px;
line-height:180%;
}
#privacy li{
padding-bottom: 20px;
}
.privacy02{
margin-left:10px;
padding-left: 10px;
background:url(img/inner/icon01.gif) no-repeat left top;
}
.privacy03{
margin-left:10px;
padding-: 10px;
background:url(img/inner/icon01.gif) no-repeat left top;
}


.policy{
padding:0px 22px 20px 12px;
}
.policy p{
padding-bottom: 10px;
line-height:180%;
}
.policy ol{
padding: 5px 0px 0px 20px;
}
.policy ol li{
padding-bottom:10px;
line-height:160%;
}
ul.policy02{
padding: 10px 0px 10px 10px;
}
ul.policy02 li{
padding:0px 0px 5px 10px;
line-height:160%;
list-style:none;
background:url(img/inner/icon01.gif) no-repeat 0px 5px;
}
.policy address{
font-size:12px;
font-weight:normal;
font-style:normal;
}

.policy03{
background:url(img/inner/icon01.gif) no-repeat 0px 7px;
padding:5px 0px 6px 10px;
color:#0E4693;
}

.ie{
background:url(img/inner/icon06.gif) no-repeat left center;
padding:8px 0px 8px 35px;
margin-left:20px;
}

.safari{
background:url(img/inner/icon04.gif) no-repeat left center;
padding:8px 0px 8px 35px;
margin-left:20px;
}
.ff{
background:url(img/inner/icon05.gif) no-repeat left center;
padding:8px 0px 8px 35px;
margin-left:20px;
}




.recruit01{
width: 508px;
position:relative;
overflow:hidden;
padding-bottom:15px;
}
.recruit01-l{
float:left;
width: 242px;
}
.recruit01-r{
float: right;
width: 242px;
}

.recruit02{
width: 506px;
background: #BCC6D4;
}
.recruit02 th{
font-weight:normal;
text-align:left;
background: #DFE6F1;
padding: 10px;
width: 150px;
line-height:180%;
}
.recruit02 td{
text-align:left;
background:#FFFFFF;
padding: 10px;
line-height:180%;
}

.rec-btm{
border-bottom: 1px dotted #8a8a8a;
margin-bottom:30px;
}
.recruit03{
width: 506px;
padding: 30px 0px;
text-align:center;
border: 1px solid #879CBA;
font-weight:bold;
}
.recruit04{
border-bottom: 1px dotted #8a8a8a;
margin-bottom:30px;
padding-bottom:30px;
width: 508px;
line-height:180%;
}

td.rectxt{
background: #C0D0E8;
font-weight:bold;
text-align:center;
}