/* common */
/* -------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}
body {
font-size: 12px;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino KakuGothic Pro","MS Pゴシック", "MS P Gothic",sans-serif;
color: #333333;
text-align: center;
background: none;
}
h1, h2, h3, h4, h5, h6, h7 {
font-size: 100%;
line-height: 140%;
}
p, ul, ol, dl, table, input, select, textarea, address, blockquote {
font-size: 100%;
line-height: 180%;
}
ul {
list-style-type: none;
}
img {
border: 0;
}
input, select {
vertical-align: middle;
}
sub {
vertical-align: middle;
}


/* link */

a:link,
a:visited,
a:active {
color: #0072c0;
text-decoration: none;
}
a:hover {
color: #0072c0;
text-decoration: underline;
}



/* container */
/* -------------------------------------------------------- */

#container {
width: 950px;
text-align: left;
margin: 0 auto;
background: url(../img/bg_container.gif) no-repeat 0 89px;
}



/* header */
/* -------------------------------------------------------- */

#header {
width: 950px;
height: 94px;
position: relative;
}


/* header-summary */

#header-summary {
width: 760px;
font-weight: normal;
text-align: right;
position: absolute;
top: 19px;
left: 190px;
}


/* header-logo */

#header-logo {
width: 180px;
position: absolute;
top: 19px;
left: 0;
}


/* global-navi */

#global-navi {
position: absolute;
top: 61px;
right: 0;
}
#global-navi li {
padding-right: 5px;
float: left;
}



/* contents */
/* -------------------------------------------------------- */

#contents {
width: 950px;
margin-bottom: 30px;
}
#page-title {
width: 769px;
height: 162px;
}
#main {
width: 763px;
float: left;
}
#main-inner {
width: 763px;
}
#main-content {
width: 590px;
float: right;
}
#main-side {
width: 170px;
float: left;
}
#side {
width: 180px;
float: right;
}



/* side-navi */

#side-navi {
width: 180px;
margin-bottom: 28px;
}
#side-navi li {
padding-bottom: 2px;
float: left;
}
#side-navi li img {
display: block;
}


/* side-banner */

.side-banner {
width: 180px;
}
.side-banner li {
padding-bottom: 16px;
float: left;
}
.side-banner li img {
display: block;
}


/* side-block */

.side-block {
width: 170px;
margin-bottom: 15px;
background: url(../img/bg_side_01b.gif) repeat-y left top;
}
.side-block-inner1 {
width: 170px;
background: url(../img/bg_side_01a.gif) no-repeat left top;
}
.side-block-inner2 {
width: 170px;
padding-bottom: 5px;
background: url(../img/bg_side_01c.gif) no-repeat left bottom;
}
.side-block h2 {
margin-bottom: 5px;
}
.side-block h3 {
font-size: 11px;
font-weight: normal;
margin: 0 4px 8px 8px;
}
.side-block img {
display: block;
}

.side-block .inner-01 {
width: 160px;
margin-left: 5px;
}
.side-block .inner-01 ul {
width: 160px;
line-height: 130%;
}
.side-block .inner-01 li {
margin-bottom: 8px;
padding: 0 5px 5px 18px;
background: url(../img/icon_side.gif) no-repeat 6px 3px;
border-bottom: dashed 1px #cdcdcd;
}

.side-block .inner-02 {
width: 160px;
margin-left: 5px;
}



/* track-list */

#track-list {
list-style-type: none;
margin-bottom: 5px;
}
#track-list li {
padding-right: 5px;
float: left;
}
#track-list li a,
#track-list li span {
margin-right: 5px;
}
#track-list li a:link,
#track-list li a:visited,
#track-list li a:active {
color: #333333;
text-decoration: none;
}
#track-list li a:hover {
color: #333333;
text-decoration: underline;
}



/* footer */
/* -------------------------------------------------------- */

#footer {
width: 950px;
background: url(../img/bg_footer.gif) no-repeat left top;
}
#footer-inner {
width: 908px;
margin-left: 21px;
padding-top: 27px;
}


/* footer-logo */

#footer-logo {
width: 240px;
padding-bottom: 15px;
float: left;
}


/* footer-navi */

#footer-navi {
width: 500px;
padding-bottom: 18px;
color: #005b00;
float: left;
}
#footer-navi ul {
font-size:80%;
}
#footer-navi li {
display: inline;
}
#footer-navi a:link,
#footer-navi a:visited,
#footer-navi a:active {
color: #005b00;
text-decoration: none;
}
#footer-navi a:hover {
color: #005b00;
text-decoration: underline;
}


/* footer-bttop */

#footer-bttop {
width: 95px;
float: right;
}


/* footer-copy */

#footer-copy {
width: 950px;
color: #005b00;
padding: 2px 0 1px 0;
text-align: center;
background: #b2d97e;
}



/* parts */
/* -------------------------------------------------------- */

.b {font-weight: bold;}
.ri {text-align: right;}
.cen {text-align: center;}

#container .m05 {margin-bottom: 5px;}
#container .m10 {margin-bottom: 10px;}
#container .m15 {margin-bottom: 15px;}
#container .m20 {margin-bottom: 20px;}
#container .m25 {margin-bottom: 25px;}
#container .m30 {margin-bottom: 30px;}
#container .m35 {margin-bottom: 35px;}

.f08 {font-size: 80%;}
.f10 {font-size: 100%;}
.f12 {font-size: 120%;}
.f14 {font-size: 140%;}
.f16 {font-size: 160%;}
.f18 {font-size: 180%;}

.l-block {float: left;}
.r-block {float: right;}
img.l-img {float: left; margin: 0 10px 5px 0;}
img.r-img {float: right; margin: 0 0 5px 10px;}


.co1 {color: #0072c0;}
.co2 {color: #ff151f;}
.co3 {color: #006830;}
.red {color: #ff0000;}


/* list */

ul.disc {
list-style-type: disc;
margin-left: 2em;
}

dl.attention dt {
position: relative;
}
dl.attention dt span {
position: absolute;
}
dl.attention dd {
padding-left: 1.2em;
}



/* asset */

.asset {
width: 540px;
margin: 0 0 15px 25px;
}

.asset-header {
width: 540px;
}

.asset-content {
width: 540px;
}
.asset-content-inner {
width: 540px;
line-height: 160%;
padding: 0 0 15px 0;
}

.info1 .asset-content {
background: #ebf4dd;
}
.info2 .asset-content {
background: #fffcd8;
}
.info1 .asset-content-inner,
.info2 .asset-content-inner {
width: 520px;
margin: 0 10px;
padding: 12px 0 10px 0;
}

.asset h2 {
font-size: 14px;
margin-bottom: 10px;
padding: 7px 0 5px 0;
border-top: solid 1px #b3d97e;
border-bottom: solid 2px #e6e6e6;
}
.asset h2 span {
display: block;
padding-left: 20px;
background: url(../img/icon_h2.gif) no-repeat 6px 0;
}
.asset h3 {
font-size: 14px;
margin-bottom: 10px;
padding: 0 0 3px 18px;
background: url(../img/icon_h3.gif) no-repeat 0 0;
border-bottom: solid 2px #b2d97e;
}
.info2 h3 {
font-size: 14px;
padding: 0 0 3px 18px;
background: url(../img/icon_h3a.gif) no-repeat 0 0;
border-bottom: solid 2px #ffd300;
}
.asset h4 {
font-size: 12px;
color: #ff161f;
margin-bottom: 10px;
padding: 5px 0 3px 10px;
background: #fff0de url(../img/icon_h4.gif) no-repeat 0 0;
}
.asset h5 {
font-size: 12px;
color: #006600;
margin-bottom: 10px;
padding: 2px 0 3px 20px;
background: url(../img/icon_h5.gif) no-repeat 0 0;
}

.asset ul {
margin-bottom: 10px;
}
.asset ul li {
padding-left: 14px;
padding-bottom: 2px;
background: url(../img/icon_list.gif) no-repeat 0 3px;
}

.asset ul.disc {
list-style-type: disc;
margin-left: 2em;
}
.asset ul.disc li {
padding-left: 0;
background: none;
}

.asset ul.link {
margin-bottom: 30px;
}
.asset ul.link li {
font-weight: bold;
margin-bottom: 10px;
padding-left: 0;
padding-bottom: 5px;
background: none;
border-bottom: dashed 1px #d9d9d9;
}
.asset ul.link li span {
font-size: 85%;
font-weight: normal;
padding-left: 14px;
background: url(../img/icon_link.gif) no-repeat 0 4px;
display: block;
}

.asset ol {
margin-left: 2.2em;
margin-bottom: 10px;
}
.asset ol li {
padding-bottom: 3px;
}

.asset table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
table-layout: fixed;
margin-bottom: 20px;
}
.asset table th,
.asset table td {
font-weight: normal;
text-align: left;
vertical-align: top;
padding: 5px 5px 3px 10px;
}
.asset table.type1 {
border-left: solid 2px #ffffff;
border-right: solid 2px #ffffff;
}
.asset table.type1 th,
.asset table.type1 td {
border: solid 1px #b2d97d;
}
.asset table.type1 .bg1 th {background: #eaf5de;}
.asset table.type1 .bg2 th {background: #f5faee;}
.asset table.type1 .bg1 td {background: #f5faee;}
.asset table.type1 .bg2 td {background: #ffffff;}

.asset table.type1 td p {
font-size: 0.8em;
color: #666;
}

.asset table.type2 {
border-left: solid 2px #ffffff;
border-right: solid 2px #ffffff;
}
.asset table.type2 th,
.asset table.type2 td {
border: solid 1px #a7a7a7;
}
.asset table.type2 .bg1 th {background: #e6e6e6;}
.asset table.type2 .bg2 th {background: #f2f2f2;}
.asset table.type2 .bg1 td {background: #f2f2f2;}
.asset table.type2 .bg2 td {background: #ffffff;}

/* ----テーブル追加----------------------------------------- */

.asset table.type3 {
border-left: solid 2px #3cb371;
border-right: solid 2px #3cb371;
}
.asset table.type3 th,
.asset table.type3 td {
border: solid 1px #3cb371;
}
.asset table.type3 .bg1 th {background: #66cdaa;}
.asset table.type3 .bg2 th {background: #66cdaa;}
.asset table.type3 .bg1 td {background: #66cdaa;}
.asset table.type3 .bg2 td {background: #66cdaa;}

.asset table.type3 td p {
font-size: 0.8em;
color: #666;
}

.asset table.type4 {
border-left: solid 2px #db7093;
border-right: solid 2px #db7093;
}
.asset table.type4 th,
.asset table.type4 td {
border: solid 1px #db7093;
}
.asset table.type4 .bg1 th {background: #ffe4e1;}
.asset table.type4 .bg2 th {background: #ffe4e1;}
.asset table.type4 .bg1 td {background: #ffe4e1;}
.asset table.type4 .bg2 td {background: #ffe4e1;}

.asset table.type4 td p {
font-size: 0.8em;
color: #666;
}

.asset table.type5 {
border-left: solid 2px #ffd700;
border-right: solid 2px #ffd700;
}
.asset table.type5 th,
.asset table.type5 td {
border: solid 1px #ffd700;
}
.asset table.type5 .bg1 th {background: #fafad2;}
.asset table.type5 .bg2 th {background: #fafad2;}
.asset table.type5 .bg1 td {background: #fafad2;}
.asset table.type5 .bg2 td {background: #fafad2;}

.asset table.type5 td p {
font-size: 0.8em;
color: #666;
}

.asset table.type6 {
border-left: solid 2px #ffd700;
border-right: solid 2px #ffd700;
}
.asset table.type6 th,
.asset table.type6 td {
border: solid 1px #a7a7a7;
margin-left:30px;
}
.asset table.type6 .bg1 th {background: #eaf5de;}
.asset table.type6 .bg2 th {background: #f5faee;}
.asset table.type6 .bg1 td {background: #f5faee;}
.asset table.type6 .bg2 td {background: #ffffff;}

.asset table.type6 td p {
font-size: 0.8em;
color: #666;
}

/* -------------------------------------------------------- */
.asset dl.layout1 {
width: 100%;
}
.asset dl.layout1 dt {
width: 120px;
float: left;
}
.asset dl.layout1 dt img {
width: 110px;
}
.asset dl.layout1 dd {
width: 390px;
float: right;
}



/* box */

.asset .box1 {
width: 540px;
margin-bottom: 20px;
background: url(../img/bg_01b.gif) repeat-y left top;
}
.asset .box1a {
width: 540px;
background: url(../img/bg_01a.gif) no-repeat left top;
}
.asset .box1b {
padding: 10px 15px;
background: url(../img/bg_01c.gif) no-repeat left bottom;
}

.asset .box2 {
width: 540px;
margin-bottom: 20px;
background: url(../img/bg_02b.gif) repeat-y left top;
}
.asset .box2a {
width: 540px;
background: url(../img/bg_02a.gif) no-repeat left top;
}
.asset .box2b {
padding: 10px 15px;
background: url(../img/bg_02c.gif) no-repeat left bottom;
}

.asset .box3 {
width: 540px;
margin-bottom: 20px;
background: url(../img/bg_03b.gif) repeat-y left top;
}
.asset .box3a {
width: 540px;
background: url(../img/bg_03a.gif) no-repeat left top;
}
.asset .box3b {
padding: 10px 15px;
background: url(../img/bg_03c.gif) no-repeat left bottom;
}

.asset .box4 {
margin-bottom: 20px;
border: solid 1px #408440;
}
.asset .box4a {
padding: 10px 15px;
border: solid 1px #c0d6c0;
}

.asset .box5 {
margin-bottom: 20px;
border: solid 1px #ff5057;
}
.asset .box5a {
padding: 10px 15px;
border: solid 1px #ffc5c8;
}

.asset .box-2c {
width: 540px;
margin-bottom: 20px;
}
.asset .box-2c .l-block,
.asset .box-2c .r-block {
width: 260px;
}



/* faq-block */

.asset .faq-block {
margin-bottom: 20px;
border-bottom: dashed 1px #d8d8d8;
}
.asset .faq-block h3 {
font-size: 16px;
color: #ff151f;
padding: 2px 0 6px 28px;
background: url(../img/icon_q.gif) no-repeat 0 0;
}
.asset .faq-block .anser {
padding: 4px 0 10px 28px;
background: url(../img/icon_a.gif) no-repeat 0 0;
}




/* clear */
/* -------------------------------------------------------- */

.pkg:after, #global-navi:after, #track-list:after, #contents:after, #main:after, #main-inner:after, #side-navi:after, .side-banner:after, #footer-inner:after, .asset-content-inner:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.pkg, #global-navi, #track-list, #contents, #main, #main-inner, #side-navi, .side-banner, #footer-inner, .asset-content-inner { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #global-navi, * html #track-list, * html #contents, * html #main, * html #main-inner, * html #side-navi, * html .side-banner, * html #footer-inner, * html .asset-content-inner { height: 1%; }
.pkg, #global-navi, #track-list, #contents, #main, #main-inner, #side-navi, .side-banner, #footer-inner, .asset-content-inner { display: block; }
/* --- ボックス --- */
div.section {
width: 500px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(/contents/maru1_500_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 100%;
color: #000000;
}

/* --- 見出し --- */
div.section h3 {
margin: 0px; /* 見出しのマージン */
padding: 5px 10px;/* 見出しのパディング（上下左右） */
background: #f9f9f9 url(/contents/maru4_500_top.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 119%; /* 見出しの文字サイズ */
}
div.section h3 img{
padding-top: 3px;
}
/* --- ボックス内の段落 --- */
div.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* table */
/* -------------------------------------------------------- */
/* --- 表全体 --- */
table.guide-jirei {
width: 450px; /* 表の幅 */
margin: 15px; /* 表パディング */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
}

/* --- 表タイトル --- */
table.guide-jirei caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.guide-jirei th,
table.guide-jirei td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 2px 2px; /* セルのパディング（上下、左右） */
border-right: 1px #c0c0c0 dotted; /* セルの右境界線 */
}

/* --- 見出しセル --- */
table.guide-jirei thead th {
border-bottom: 2px #c0c0c0 solid; /* 見出しセルの下境界線 */
text-align: left;
}

/* --- フッタセル --- */
table.guide-jirei tfoot td {
border-top: 1px #c0c0c0 solid; /* フッタセルの上境界線 */
}