@charset "utf-8";

/*-------------------------
 filename:	default.css
 created:	 2011-10-25
 update:		 2014-07-24
 
 01:reset
 02:link
 03:platform
 04:navi
 05:container
 
 98:other
 99:clearfix
 
-------------------------*/

/* ------------------------- 01:reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
 margin:0;
 padding:0;
}

table {
 border-collapse:collapse;
 border-spacing:0;
}
img,object{
 vertical-align:bottom;
}

fieldset, img {
 border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
 font-style:normal;
 font-weight:normal;
}

li {
 list-style:none;
}

caption, th {
 text-align:left;
}

h1, h2, h3, h4, h5, h6 {
 font-size:100%;/*  font-weight:normal; */
}

q:before, q:after {
 content:'';
}

abbr, acronym {
 border:0;
 font-variant:normal;
}

sup {
 vertical-align:text-top;
}

sub {
 vertical-align:text-bottom;
}

input, textarea, select {
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit;
}

input, textarea, select {
*font-size:100%;
}

legend {
 color:#000;
}

html {
 background-color:transparent;
 background-image:none;
}
/* th,td{
 vertical-align:top;
} */
/* ------------------------- font*/
body {
 font:13px/1.231 verdana, arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}

select, input, button, textarea {
 font:99% arial, helvetica, clean, sans-serif;
}

table {
 font-size:inherit;
 font:100%;
}

pre, code, kbd, samp, tt {
 font-family:monospace;
*font-size:108%;
 line-height:100%;
}

strong, dt, th {
 font-weight:bold;
}

/* -------------------------02:link */
a:link {
 color:#057a97;
 text-decoration:none;
	
	-webkit-transition:all .3s ease 0s;
   -moz-transition:all .3s ease 0s;
     -o-transition:all .3s ease 0s;
        transition:all .3s ease 0s;
}
a:visited{
 color:#024a81;
}

a:hover {
 color:#dc4169;
 background:#fcebf0;
}

.bnr a{
 color:#000;
}
/* -------------------------03:platform */

body {
 color:#141414;
 min-width:980px;
 background:#e7f3ca;

}



#container {
 width:940px;
 margin:0 auto;
 background:#fff;
 padding:0 10px;
 letter-spacing:-1px;
}

h1{
 width:960px;
 line-height:2em;
 margin:0 auto;
 font-size:93%;
 font-weight:normal;
}

#catch{
 margin-bottom:20px;
}
#primary{
 float:left;
 width:740px;
}

#main{
 float:right;
 width:540px;
}
#sub{
 float:left;
 width:180px;
}
#secondary{
 float:right;
 width:180px;
}

#header{
width:100%;

background:url(../img/common/bg_header.png) repeat-x 0 0;
}

#header .inner{
 width:980px;
 margin:0 auto;
 background:url(../img/common/bg_siteid.png) no-repeat 0 0;
 height:100px;
 position:relative;
}

.siteID,
.headinfo{
 position:absolute;
}
.siteID{
 top:30px;
 left:20px;
}
.headinfo{
 top:30px;
 left:320px;
}

.package ul,
.demand ul,
.trouble ul,
.present ol{
 background:#f1edda;
 border-bottom:10px solid  #000;
 margin-bottom:20px;
 padding:7px;
}
.present ol{

}
.present li{
  list-style:decimal;
margin-left:23px;
}

.package li,
.demand li,
.trouble li{
 margin-bottom:10px;
}

.package li a,
.demand li a{
 background:url(../img/common/ar_circle_off.gif) no-repeat 0 2px;
 padding-left:18px;
 display:block;
}
.package li a:hover,
.demand li a:hover{
 background:url(../img/common/ar_circle_on.gif) no-repeat 1px 2px;
}

.trouble a img{
 display:block;
 margin:3px 80px;
}
.trouble li{
 margin-bottom:15px;
}

.package,
.demand,
.trouble,
.present{
 
}
.bnr{
 background:url(../img/common/bg_side_body.png) repeat-y 0 0;
 margin-bottom:20px;
}
.bnr dl{
 background:url(../img/common/bg_side_bottom.png) no-repeat 0 bottom;
 padding-bottom:10px;
}
.bnr dd{
 padding:5px 7px 5px 10px;
}

/* テキストオンリーバナー */
.bnrt{
 border:3px solid #000;
 /* 角丸 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:10px;
margin-bottom:20px;
}

.blue{
 border-color:#1087ae;
}
.green{
 border-color:#9ec82b;
}

.orange{
 border-color:#deb511;
}


#footer{
 border-top:10px solid #000;
 padding:5px 0 1em;
}
#footer .privacy{
 display:none;
 float:right;
}
#footer address{
 float:left;
}

#footer .privacy a{
 background:url(../img/common/ar_circle_off.gif) no-repeat 0 2px;
 padding-left:18px;
}
#footer .privacy a:hover{
 background:url(../img/common/ar_circle_on.gif) no-repeat 1px 2px;
}
.comment{
 background:#c8de8b;
 border-radius:4px;
 padding:15px;
 margin:0px 0px 20px 0px;
}
.comment p{
 margin-bottom:1em;
}

/* ------------------------- 04:navi*/
#gn{
 background:url(../img/common/bg_gn.png) no-repeat 0 0;
 width:940px;
 height:30px;
 margin:0 auto;
 padding:0 10px 15px 10px;
}
#gn li {
float:left;
}

/* ------------------------- 05:container*/


/*------------------------- カウンター
dt{
counter-increment:numnum;
}
dt:before{
content:counter(numnum)". ";
}
*/

/* ------------------------- 98:other */
.cent{
 text-align:center;
}

.fbig{
 font-size:120%;
}
/*footerをbottomに貼り付ける指定

html, body {
 height:100%;
}

#container {
 position:relative;
 min-height:100%;
 height: auto !important;
 height: 100%;
}

#contentswrap {
 padding-bottom:9em;
}

#footer {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:9em;
}
*/

/* ------------------------- 99:clearfix */
.cl,
#gn li,
#contentswrap,
#primary,
#footer {
/zoom : 1;
}

.cl:after,
#gn li:after,
#contentswrap:after,
#primary:after,
#footer:after {
 content : '';
 display : block;
 clear : both;
 height:0.01px;/*firefoxバグ対策*/
}

.m10{
 margin:10px 0;
 padding:0
}