@charset "utf-8";

/*
**
**  01 : BASE
**  02 : HEADER
**  03 : PAGEBODY
**  04 : FOOTER
**  05 : COMMON STYLE
**
*/

/*------------------------------------------------------------
  01 : BASE
------------------------------------------------------------*/

/* FONT */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:1;
  color: #333;
  background:#fff;
}


/* LAYOUT */

html {
  margin-bottom:1px;
  height:100%;
}

body { font-size: 13px; line-height:1.4}


/* for ie6 hack */
* html body {
}

/* for ie7 hack */
*:first-child+html body {
    line-height:1.5;
}

/* for ie8 hack */
.ie8 body {
}


.wrap { width:800px; margin: 0 auto;}


/* CLEAFIX 
----------------------------------------*/
.clr:after,
dl:after,
ul:after  {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clr,
dl,
ul {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clr,
* html dl,
* html ul { height: 1%; }
.clr,
dl,
ul { display: block; }
/* End hide from IE-mac */


/* LINK 
----------------------------------------*/
a:link		{ text-decoration: underline;}
a:visited	{ text-decoration: underline;}
a:hover		{ text-decoration: none;}
a:active	{ text-decoration: underline;}


/*
-----------------------------------------------
  02 : HEADER
----------------------------------------------- */
#header { height: 32px; background:#dadada; margin-bottom: 20px; padding-top: 18px}



/*
-----------------------------------------------
  03 : PAGEBODY
----------------------------------------------- */
h1 { margin-bottom: 10px;}
h2 { margin-bottom: 20px;}
h3 { margin-bottom: 20px; width:760px; background:url(../img/ttl_bg.gif) no-repeat; height: 25px; padding: 4px 0 0 20px; font-weight:bold; font-size: 114.3%}
h4 { font-weight: bold; font-size: 114.3%; color:#011b6a; margin-bottom: 5px;}

ul { padding-left:15px;}
ul li { float:left; padding:0 5px;}
#tab { width: 760px; background: url(../img/tab_bg.gif) no-repeat; padding:30px 20px 0;}
#tab_i { width: 760px; background: url(../img/tab_bg2.gif) no-repeat; padding:30px 20px 0;}


/* カラムLAYOUT */
.box { float:left; width:220px;}
.box2 { float:left; width:165px;}
.arrow { float:left; width:50px; text-align:center; padding-top:67px;}
.arrow2 { float:left; width:33px; text-align:center; padding-top:110px;}

.box p,.box2 p { margin-top:3px;}

.box_grey { background:#f4f4f4; padding:20px;}
.box_grey h4 {font-weight: bold; font-size: 114.3%; color:#011b6a; margin-bottom:3px;}
.box_grey li { background: url(../img/bull.gif) 0 7px no-repeat; padding-left: 12px; margin-bottom: 3px; width:730px}

/*
-----------------------------------------------
  04 : FOOTER 
----------------------------------------------- */
#footer { text-align:center; padding: 15px 0; border-top: solid 1px #999; margin-top: 50px;}



/*
-----------------------------------------------
  05 : COMMON STYLE 
----------------------------------------------- */
.left  { float:left; }
.right { float:right; }

.fs_s { font-size: 85.7%}
.fs_l { font-size: 115%}

.mt10 { margin-top: 10px;}
.mt30 { margin-top: 30px;}

.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}

.ml15 { margin-left: 15px;}
.ml40 { margin-left: 40px;}

.ps { padding: 0 10px 0 12px;}

.lh17 { line-height:1.7}

.red { color:#f80000;}