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

td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }

.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;
}
textarea,select,input {
    font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;
}



/*************************************************************\*/

.cen{ text-align:center; }

.cen{ text-align:center;}
.p-t10{ padding-top:10px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top: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;}

#pan{
font-size:10px;
padding:4px 10px 10px 0px;
line-height:100%;
text-align:left;
font-weight:normal;
margin:0px auto;
}
#for{
padding:5px 20px;
}

.txt01{
padding:8px 10px 2px 5px;
line-height:180%;
}

.ttl01{
border-bottom:1px solid #C6C6C6;
border-top:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
border-left:6px solid #0253A3;
margin:15px 0px 0px 0px;
padding:7px 10px 7px 10px;
font-size:14px;
line-height:100%;
background:url(img/gladttl.gif) repeat-x 0 0 #F1F1F1;
}








/*************************************************************\*/



table.com{
width:490px;
border-left:1px solid #D3D3D3;
border-bottom:1px solid #D3D3D3;
border-top:1px solid #D3D3D3;
float:right;
}
table.com th{
padding:7px 15px 7px 5px;
text-align:right;
vertical-align:top;
border-top:1px solid #ffffff;
border-bottom:1px dotted #D3D3D3;
line-height:150%;
width:100px;
background:#E7ECF7;
font-weight:normal;
color:#06216F;
}
table.com td{
padding:7px 10px 7px 15px;
text-align:left;
vertical-align:top;
border-top:1px solid #ffffff;
border-bottom:1px dotted #D3D3D3;
border-right:1px solid #D3D3D3;
line-height:150%;
font-weight:normal;
}



/*****************************************************   support　********\*/



div.supportbox01{
background:url(img/inner/supportback01.jpg) no-repeat 313px 0;
height:212px;
}
div.supportbox01 p{
width:300px;
padding:20px 0px 0px 5px;
line-height:180%;
}
div.supportbox02{
background:url(img/inner/supportback01-12.jpg) no-repeat 292px 0;
height:188px;
}
div.supportbox02 p{
width:300px;
padding:10px 0px 10px 5px;
line-height:180%;
}

/*****************************************************   work　********\*/

div.work-left{
width:180px;
float:left;
padding:15px 0 0 0;
text-align:left;
}
div.work-right{
width:380px;
float:right;
padding:15px 0 0 0;
line-height:180%;
}

table.work{
border-left:1px solid #D3D3D3;
border-bottom:1px solid #D3D3D3;
border-top:1px solid #D3D3D3;
margin-top:10px;
margin-bottom:30px;
}
table.work th{
padding:7px 5px 7px 15px;
text-align:left;
vertical-align:top;
border-top:1px solid #ffffff;
border-bottom:1px dotted #D3D3D3;
line-height:150%;
width:120px;
background:#E7ECF7;
font-weight:normal;
color:#06216F;
}
table.work td{
padding:7px 10px 7px 15px;
text-align:left;
vertical-align:top;
border-top:1px solid #ffffff;
border-bottom:1px dotted #D3D3D3;
border-right:1px solid #D3D3D3;
line-height:150%;
font-weight:normal;
}



/*****************************************************   blog　********\*/

div.blog-left{
width:404px;
float:left;
background:url(img/inner/blogback-re.gif) repeat-y 0 0;

}
div.blog-right{
width:150px;
float:right;
background:url(img/inner/rightback-re.gif) repeat-y 0 0;
}


div.rightstaff{
border-bottom:1px solid #E4D9DB;
padding:8px 0px;
}
div.sta-left{
width:60px;
float:left;
text-align:center;
line-height:150%;
font-size:10px;
}
div.sta-left img{
border:1px solid #444444;
}
div.sta-right{
width:86px;
font-size:10px;
float:left;
line-height:140%;
}
div.sta-right h6{
padding-bottom:5px;
font-size:10px;
}


div.blog-right ul{
list-style:none;
}
div.blog-right li{
padding:8px 5px 8px 15px;
background:url(img/point01.gif) no-repeat 8px 14px;
list-style:none;
border-bottom:1px solid #E4D9DB;
line-height:140%;
}


div.blog-left h4{
border-bottom:1px solid #C6C6C6;
border-top:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
border-left:4px solid #979796;
background:url(img/gladttl.gif) repeat-x 0 0 #F2F2F1;
padding:6px 15px 0px 15px;
font-size:14px;
height:22px;
}


div.blogbox{
background:url(img/glad01.gif) repeat-x 0 0;
border-left:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
border-bottom:1px solid #C6C6C6;
padding-bottom:10px;
}
div.blogbox p.day{
font-size:10px;
letter-spacing:1px;
background:url(img/point03.gif) no-repeat 10px 13px;
padding:10px 0px 5px 20px;
line-height:100%;
}
div.blogbox h5{
font-size:14px;
line-height:140%;
background:url(img/point04.gif) no-repeat 10px 2px;
padding:0px 10px 5px 33px;
}
div.blogbox h5 a:link,div.blogbox h5 a:visited { color: #EE5700; text-decoration:underline; }
div.blogbox h5 a:hover,div.blogbox h5 a:active { color: #D3885D; text-decoration:none; }

div.blogbox p.date{
text-align:right;
font-size:10px;
color:#8C8C8C;
padding:0 15px 10px 0px;
letter-spacing:1px;
}
div.blogbox div.body{
line-height:180%;
padding:5px 10px 8px 10px;
}



p.php{
text-align:center;
padding:30px 0px;
border:1px solid #ffffff;
}


table.next td{
border:1px solid #ffffff;
padding:30px 0px;
}



/*****************************************************   info　********\*/

div.infobox{
background:url(img/glad01.gif) repeat-x 0 0;
border-left:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
border-bottom:1px solid #C6C6C6;
padding-bottom:10px;
}
div.infobox p.day{
font-size:10px;
letter-spacing:1px;
background:url(img/point03.gif) no-repeat 10px 13px;
padding:10px 0px 5px 20px;
line-height:100%;
}
div.infobox h5{
font-size:14px;
line-height:140%;
background:url(img/inner/point06.gif) no-repeat 10px 2px;
padding:0px 10px 5px 33px;
color:#0228C8;
}
div.infobox h5 a:link,div.infobox h5 a:visited { color: #0228C8; text-decoration:underline; }
div.infobox h5 a:hover,div.infobox h5 a:active { color: #0228C8; text-decoration:none; }

div.infobox p.date{
text-align:right;
font-size:10px;
color:#8C8C8C;
padding:0 15px 10px 0px;
letter-spacing:1px;
}
div.infobox div.body{
line-height:180%;
padding:5px 10px 8px 10px;
}



div.info-right{
width:150px;
float:right;
background:url(img/inner/rightinfoback-re.gif) repeat-y 0 0;
}


div.info-right ul{
list-style:none;
}
div.info-right li{
padding:8px 5px 8px 15px;
background:url(img/point01.gif) no-repeat 8px 14px;
list-style:none;
border-bottom:1px solid #E4D9DB;
line-height:140%;
}







/*****************************************************   message　********\*/

div.mesbox{
margin-bottom:25px;
}


/*****************************************************   sitemap　********\*/

div#sitemap{
width:540px;
margin:20px auto;
}

div#sitemap ul.sitelist{
list-style: none;
}
div#sitemap ul.sitelist li{
background:url(img/inner/point07.gif) no-repeat 3px 20px;
border-bottom:1px dotted #0228C8;
font-size:14px;
font-weight:bold;
padding:15px 10px 2px 15px;
line-height:100%;
margin-bottom:5px;}

div#sitemap a:link,div#sitemap a:visited { color: #0228C8; text-decoration:none; }
div#sitemap a:hover,div#sitemap a:active { color: #425FDB; text-decoration:none; }


/*****************************************************   form　********\*/

.must{
color:#ff0000;
font-weight:bold;
padding:0px 3px;
}
.must2{
color:#ff0000;
padding:0px 3px;
font-size:10px;
}

.work input{
vertical-align:middle;
}


.button{
margin:0px auto;
}
.button td{
text-align:center;
}
.button td button{
cursor:pointer;
}