@charset "utf-8";

/*リセットCSS
----------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, address,
dfn, em,
small, strong,
b, i,
dl, dt, dd, ol, ul, li, img,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body {
    line-height:1;
    font-size: 16px;
    background-color: #FFCCFF;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",Meiryo, "メイリオ", sans-serif;
}

h1, h2 {
    font-weight: normal;
}

a {
    color: #000000;
}

a:visited {
    color: #000000;
}

a.link {
    color:#0000FF;
}

a.link:visited {
    color:#0000FF;
}

nav ul,
nav ol {
    list-style: none;
}

/*リセットCSS終わり
----------------------------------*/

header {
    margin-bottom: 0px;
}

header h1 {
    color: #FFFFFF;
    padding: 6px 6px 6px 6px;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    border-bottom: 12px solid #FF66A6;
    background-image: -moz-linear-gradient(bottom, #6E6E6E 0%, #000000 100%); /*ff*/ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6E6E6E), color-stop(1, #000000)); /* Webkit*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#6E6E6E); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#6E6E6E')"; /*ie8*/
}

section {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

section h2 {
    height: auto;
    font-size: 17px;
    color: #333333;
    text-align: left;
    background-color: #FF66A6;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 8px 8px 8px 8px;
}

article p,
section p {
    line-height: 1.4em;
    margin-bottom: 1.2em;
    padding-left: 10px;
    padding-right: 10px;
}

article {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    background-color: #FFFFFF;
    border: 1px solid #990040;
}

article h2 {
    height: auto;
    font-size: 17px;
    color: #FFFFFF;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 20px;
    background-color: #990040;
    line-height: 20px;
    padding: 8px 8px 8px 8px;
}

nav#menulist {
    margin-top:30px;
    margin-right: 0px;
    margin-left: 0px;
    border-bottom: 1px solid #000000;
}

nav#menulist h2 {
    height: auto;
    font-size: 17px;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 0px;
    padding: 8px 8px 8px 8px;
    background-image: -moz-linear-gradient(bottom, #6E6E6E 0%, #000000 100%); /*ff*/ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6E6E6E), color-stop(1, #000000)); /* Webkit*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#6E6E6E); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#6E6E6E')"; /*ie8*/
}

nav#menulist ul {
    margin-top: 0px;
}

nav#menulist ul li {
    height: auto;
    background:-webkit-gradient(linear, left top, left bottom, from(#E9ECF2), to(#FFFFFF)); /* Webkit*/
    background:-moz-linear-gradient(top, #E9ECF2, #FFFFFF); /*ff*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9ECF2, endColorstr=#FFFFFF); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9ECF2, endColorstr=#FFFFFF)"; /*ie8*/
}

nav#menulist ul li:last-child {
    margin-bottom: 0px;
}

nav#menulist ul li a {
    background: url(./img/arrow.png) right no-repeat;
    display: block;
    font-size: 17px;
    text-decoration: none;
    line-height: 24px;
    padding: 10px 14px 10px 8px;
    border-bottom: 1px solid #E0E0E0;
}

footer {
    height: auto;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 6px 0px 0px 0px;
    text-align: center;
    margin-top: 15px;
}

footer p {
    background-color: #FF66A6;
    clear: both;
    padding-top: 10px;
    padding-bottom: 6px;
}

footer p a {
    color: #FFFFFF;
    text-decoration: none;
}

footer a:visited {
    color: #FFFFFF;
}

/*文字色
----------------------------------*/
.red{ color: #FF0000; }/*赤*/
.pink{ color: #FF99FF; }/*ピンク*/
.blue{ color: #0000FF; }/*青*/
.aqua{ color: #00FFFF; }/*水色*/
.navy{ color: #000099; }/*紺*/
.green{ color: #33CC00; }/*緑*/
.orange{ color: #FF9900; }/*橙*/
.black{ color: #000000; }/*黒*/
.gray{ color: #CCCCCC; }/*灰*/
.white{ color: #FFFFFF; }/*白*/
.yellow{ color: #FFFF99; }/*黄*/

/*文字サイズ
----------------------------------*/
.fs14{font-size: 14px;}/*14px*/
.fs16{font-size: 16px;}/*16px*/
.fs18{font-size: 18px;}/*18px*/
.fs20{font-size: 20px;}/*20px*/
.fs22{font-size: 22px;}/*22px*/
.fs24{font-size: 24px;}/*24px*/
.fs26{font-size: 26px;}/*26px*/
.fs28{font-size: 28px;}/*28px*/
.fs30{font-size: 30px;}/*30px*/

/*文字の背景色
----------------------------------*/
.bgc-red{ background-color: #FF0000; }/*赤*/
.bgc-pink{ background-color: #FF99FF; }/*ピンク*/
.bgc-blue{ background-color: #0000FF; }/*青*/
.bgc-aqua{ background-color: #00FFFF; }/*水色*/
.bgc-navy{ background-color: #000099; }/*紺*/
.bgc-green{ background-color: #33CC00; }/*緑*/
.bgc-orange{ background-color: #FF9900; }/*橙*/
.bgc-black{ background-color: #000000; }/*黒*/
.bgc-gray{ background-color: #CCCCCC; }/*灰*/
.bgc-white{ background-color: #FFFFFF; }/*白*/
.bgc-yellow{ background-color: #FFFF99; }/*黄*/

/* ヘッダの文字
----------------------------------*/
#headtop {
    display: block;
    padding: 18px 10px 22px 10px;
    background-color: #FFF799;
    border-bottom: 12px solid #F0DEA8;
}

#headtop p {
    text-align: center;
    font-size: 24px;
    color: #000000;
}
/* ヘッダの文字終わり
----------------------------------*/

div#section {
	border-top: 20px solid #FFCCFF;
}

#slidelist {
    display: block;
    background-color: #F0DEA8;
    padding: 14px 10px 14px 10px;
    font-size: 18px;
    color: #666666;
    text-align: center;
}

.slidetop {
    background: url(./img/down.png) no-repeat right;
}

.open {
    background: url(./img/up.png) no-repeat right;
}

#breadcrumbs ul li {
    display: block;
    font-size: 17px;
    line-height: 24px;
    height: auto;
    background:-webkit-gradient(linear, left top, left bottom, from(#E9ECF2), to(#FFFFFF)); /* Webkit*/
    background:-moz-linear-gradient(top, #E9ECF2, #FFFFFF); /*ff*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9ECF2, endColorstr=#FFFFFF); /*ie5.5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9ECF2, endColorstr=#FFFFFF)"; /*ie8*/
    border-bottom: 1px solid #E0E0E0;
    background-color: #FFFFFF;
}
  
#breadcrumbs ul li:last-child {
    display: block;
    font-size: 17px;
    line-height: 24px;
    padding: 10px 14px 10px 8px;
}

#breadcrumbs ul li a {
    display: block;
    font-size: 17px;
    line-height: 24px;
    text-decoration: underline;
    padding: 10px 14px 10px 8px;
}

.continue p {
    line-height: 1.4em;
    color: #000000;
    text-align: right;
    padding: 6px 8px 6px 8px;
    text-decoration: underline;
    margin-bottom: 0px;
    background-color: #F0DEA8;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px; 
}

.back p {
    line-height: 1.4em;
    color: #000000;
    text-align: left;
    padding: 6px 8px 6px 8px;
    text-decoration: underline;
    margin-bottom: 0px;	
    background-color: #F0DEA8;
}

#btntop {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 7em;
    font-size: 85%;
    float: right;
    margin-right: 10px;
    border: 1px solid #CCCCCC;
    background-color: #E9ECF2;
}

#btntop a {
    display: block;
    padding: 5px 5px 5px 5px;
    color: #444444;
    text-decoration: none;
    text-align: center;
}

.center {
    text-align: center;
}