@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,table,th,td,img{
 margin: 0;
 padding: 0;
 text-decoration: none;
 font-style: normal;
 font-weight: normal;
}
fieldset,img,abbr, acronym,
address,caption,cite,code,dfn,em,
strong,th,var{
 border: 0;
}
dl,dt,dd,ul,ol,li {
 list-style-type: none;
}
address,caption,cite,code,dfn,em,strong,var{
 font-style: normal;
 font-weight: normal;
}
table{
 border-collapse: collapse;
 border-spacing: 0;
}
h1,h2,h3,h4,h5,h6{
 font-size: 1.0em;
}
img{
 vertical-align: top;
}
a{
 outline: 0;
}
/*基本*/
body{
 color: #000;
 font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
 font-size: 67.5%;
 text-align: center;
 background-color: #fff;
}
a:link{
 color: #000;
 text-decoration: none;
}
a:active{
 color: #000;
 text-decoration: none;
}
a:visited{
 color: #000;
 text-decoration: none;
}
a:hover{
 color: #007;
 text-decoration: none;
}
/*header*/
#header{
 height: 115px;
 padding-top: 20px;
 background: url(../img/suit_header_bg.png) repeat-x top center;
}
#headermain{
 width: 960px;
 margin: 0 auto;
 background: url(../img/suit_header_image.png) no-repeat top right;
 display: inline-table;
 display: inline-block;
 display: block;
}
#headermain:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#headermain h1{
 width: 510px;
 height: 40px;
 float: left;
 text-indent: -9999px;
 background: url(../img/suit_h1_bg.png) no-repeat center center;
}
#headermain h1 a{
 width: 510px;
 height: 40px;
 display: block;
}
/*main*/
#main{
 width: 960px;
 margin: 0 auto;
 padding-bottom: 3em;
 display: inline-table;
 display: inline-block;
 display: block;
}
#main:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#contents{
 width: 780px;
 min-width: 480px;
 float: left;
 display: inline-table;
 display: inline-block;
 display: block;
}
#contents:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#adsense{
 width: 600px;
 height: 265px;
 margin: 0 auto;
}
#adsense p{
 width: 300px;
 padding-top: 20px;
 float: left;
}
/*menu*/
#menu{
 width: 160px;
 min-width: 160px;
 float: right;
}
#menu ul{
 margin-bottom: 2.0em;
}
#menu ul li h4{
 height: 2.8em;
 margin: 0 auto;
 line-height: 2.8em;
 color: #000;
 background-color: #A5CEDF;
 font-size: 1.1em;
 font-weight: bold;
 border: 1px solid #004;
}
#menu ul li h4 a{
 height: 2.8em;
 margin: 0 auto;
 line-height: 2.8em;
 color: #fff;
 background-color: #004;
 display: block;
}
#menu ul li h4 a:hover{
 color: #000;
 background-color: #A5CEDF;
}
#menu ul li p{
 height: 2.8em;
 margin: 0 auto;
 line-height: 2.8em;
 color: #000;
 background-color: #A5CEDF;
 font-weight: bold;
 border-bottom: 1px solid #004;
 border-left: 1px solid #004;
 border-right: 1px solid #004;
}
#menu ul li p a{
 height: 2.8em;
 line-height: 2.8em;
 color: #000;
 background-color: #fff;
 display: block;
}
#menu ul li p a:hover{
 color: #000;
 background-color: #A5CEDF;
}
#adsense-side{
 width: 160px;
 min-width: 160px;
 float: left;
}
#adsense-side p{
 margin-top: 30px;
}
/*footer*/
#footer{
 clear: both;
 color: #fff;
 height: 105px;
 background: url(../img/suit_footer_bg.png) repeat-x center center;
}
#footermain{
 width: 96%;
 min-width: 800px;
 margin: 0 auto;
 padding-top: 2.6em;
 background: url(../img/suit_footer_image.png) no-repeat top left;
}
#footer ul{
 display: inline;
 border-left: solid 1px #fff;
}
#footer li{
 display: inline;
 padding: 0 10px;
 border-right: solid 1px #fff;
}
#footer a{
 color: #fff;
}
#footer address{
 margin-top: 1.0em;
 font-size: 0.9em;
}
/*contents*/
#contents h2,h3{
 width: 100%;
 height: 2.8em;
 line-height: 2.8em;
 letter-spacing: 0.5em;
 color: #fff;
 font-size: 1.1em;
 font-weight: bold;
 background-color: #004;
 border-top: 1px solid #004;
 border-bottom: 1px solid #004;
}
#contents h3{
 margin-top: 1.5em;
}
.contentstext{
 margin-top: 1.5em;
 padding: 0 2%;
 text-align: left;
 text-indent: 1.0em;
 line-height: 2.0em;
}
/*index*/
#index{
 width: 600px;
 float: right;
}
#index dl{
 margin: 0 auto;
 text-align: left;
}
#index dl dt{
 width: 98%;
 height: 2.5em;
 margin-top: 2.5em;
 line-height: 25px;
 text-indent: 40px;
 font-weight: bold;
 letter-spacing: 0.3em;
 background: url(../img/suit_index_dt.png) no-repeat left center;
}
#index dl dd{
 width: 92%;
 margin: 0.2em auto 0 auto;
 line-height: 2.0em;
}
#index dl dd a{
 text-decoration: underline;
}
/*cat*/
#cat{
 width: 600px;
 float: right;
 display: inline-table;
 display: inline-block;
 display: block;
}
#cat:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#cat dl{
 width: 49.5%;
 margin-top: 3.0em;
 float: left;
}
#cat dl dt{
 width: 70%;
 height: 20px;
 margin: 0 auto;
 line-height: 20px;
 font-weight: bold;
 font-size: 1.1em;
 border-bottom: 2px solid #004;
 background: url(../img/suit_bigcircle_icon.png) no-repeat left center;
}
*html #cat dl dd{
 margin: 1.0em 0 0 0;
}
#cat dl dd{
 width: 70%;
 margin: 1.0em auto 0 auto;
 line-height: 1.6em;
}
/*page*/
#page{
 width: 600px;
 float: right;
}
#page dl{
 margin-bottom: 3.0em;
 padding: 0 2%;
}
#page dl dt{
 height: 22px;
 margin-top: 1.2em;
 padding: 0 3%;
 line-height: 21px;
 font-weight: bold;
 font-size: 1.2em;
 text-align: left;
 text-indent: 25px;
 background: url(../img/suit_contents_icon.png) no-repeat left center;
}
#page dl dd{
 margin-top: 0.4em;
 padding: 0 5%;
 text-align: left;
 text-indent: 1.5em;
}
#pagelist{
 width: 73.5%;
 float: right;
}
#pagelist dl{
 margin-bottom: 3.0em;
 padding: 0 2%;
}
#pagelist dl dt{
 height: 22px;
 margin-top: 2.0em;
 padding: 0 3%;
 line-height: 21px;
 font-weight: bold;
 font-size: 1.2em;
 text-align: left;
 text-indent: 25px;
 background: url(../img/suit_contents_icon.png) no-repeat left center;
}
#pagelist dl dt a{
 text-decoration: underline;
}
#pagelist dl dd{
 margin-top: 0.5em;
 padding: 0 5%;
 text-align: left;
 text-indent: 1.5em;
}
/*navi*/
#navi{
 width: 600px;
 float: right;
 display: inline-table;
 display: inline-block;
 display: block;
}
#navi:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#navi_ul{
 padding: 0 2%;
 text-align: left;
 line-height: 2.0em;
}
#navi_ul li{
 margin-top: 1.5em;
 text-indent: 1.0em;
}
#navi_ul li a{
 text-decoration: underline;
}
#mailbtn{
 width: 120px;
 height: 70px;
 margin: 5.5em auto 1.5em auto;
 background: url(../img/suit_mail_icon.png) no-repeat 0 -70px;
}
#mailbtn a{
 width: 120px;
 height: 70px;
 text-indent: -9999px;
 display: block;
 background: url(../img/suit_mail_icon.png) no-repeat 0 0;
}
#mailbtn a:hover{
 background-color: transparent;
 background-image: none;
}
#links_cat_list{
 margin-top: 1.5em;
 display: inline-table;
 display: inline-block;
 display: block;
}
#links_cat_list:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#links_cat_list ul{
 width: 49.8%;
 line-height: 38px;
 float: left;
}
#links_cat_list ul li{
 width: 90%;
 margin: 0 auto;
 font-size: 1.0em;
 text-indent: 15px;
 background:  url(../img/suit_circle_icon.png) no-repeat left center;
}
#links_site_list{
 padding: 0 2%;
}
#links_site_list dt{
 margin-top: 2.5em;
 padding: 0 2%;
 text-indent: 25px;
 font-weight: bold;
 text-align: left;
 background: url(../img/suit_link_icon.png) no-repeat left center;
}
#links_site_list dd{
 width: 91%;
 margin-top: 1.0em;
 padding: 0 4%;
 text-indent: 1.0em;
 text-align: left;
}
/*error*/
#error{
 font-weight: bold;
 font-size: 1.2em;
 margin-top: 3.0em;
 line-height: 2.0em;
}